/* Theme Name: Blank Theme Author: Break Web Design Author URI: http://www.breakaffordablewebsitedesign.com/ */ img, form, h1, h2, h3, h4, h5, h6, p, body {border: 0; padding: 0; margin: 0} /* set background to white and set the default font style. */ body {font:38px 'Reenie Beanie', arial, serif; color: #24338a; margin: 0; line-height: 36px; background-image:url(images/bg.jpg); overflow-x: hidden} /* color scheme ------------ color1: #code color2: #code color3: #code */ /*//////////////////// General ////////////////////*/ .background {; margin:auto; ; background-position:center;} #main {margin: auto; width: 850px; background: #fff;} #header {clear: both; background-image:url(images/header.jpg); height: 269px; position: relative} #header .photo {width: 341; height: 988px; position: absolute; left: -341px} #header .coffee {width: 430; height: 392px; position: absolute; right: -245px; top: -40px} #header .business {width: 450; height: 392px; position: absolute; right: -435px; top: 330px; outline: none} #header .paper2 {width: 341; height: 400px; position: absolute; right: -156px; top: 800px} #header .badge {width: 330; height: 292px; position: absolute; left: -335px; top: 950px} #header .iphone {width: 430; height: 392px; position: absolute; right: -675px; top: 650px; z-index: 10} #header .ticket {width: 430; height: 392px; position: absolute; right: -299px; top: 610px; z-index: 10} #header .twitter {width: 97px; height: 74px; position: absolute; left: 5px; top: 200px; z-index: 10} #header .facebook {width: 73px; height: 71px; position: absolute; left: 120px; top: 205px; z-index: 10} #header .postcard {width: 480px; height: 351px; position: absolute; left: 290px; top: 340px; z-index: 10; background:url(images/postcard.png);} #header .choosefont {position: absolute; left: 510px; top: 250px; z-index: 10} #header .arial {position: absolute; left: 400px; top: 272px; z-index: 10} #header .handwriting {position: absolute; left: 595px; top: 273px; z-index: 10} #menu {padding-top: 36px} .contactbox {background-image:url(images/contactbox.jpg); background-repeat: no-repeat; height: 373px; padding-bottom: 26px; position:relative;} #cforms2form {position:relative;} #cforms2form legend, #cforms2form span, #cforms2form .cf_hidden {display: none} #cforms2form ol {list-style: none} #cforms2form fieldset {border: 0; padding: 117px 55px 0 0; margin: 0; text-align: right;} #cforms2form input.single {background: transparent; border: 0px; font-family: 'Reenie Beanie'; font-size: 32px; color: #24339B; width: 180px} #cforms2form input#cf2_field_2 {margin-bottom: 5px} #cforms2form input#cf2_field_3 {margin-right: 7px; margin-top: 4px} #cforms2form input#cf2_field_4 {width: 240px; margin: 51px 14px 0 0} #cforms2form input#sendbutton2 {border: 0; float: right; margin-right: 50px; font-size: 12px; color: #fff; background: transparent url(images/button.png); height: 73px; cursor: pointer; width: 92px; outline:none; text-transform: uppercase; text-indent: -9000px;} .contactbox1 {background-repeat: no-repeat; height: 373px; padding-bottom: 31px; position:relative; z-index: 20} #cforms3form {position:relative;} #cforms3form legend, #cforms3form span, #cforms3form .cf_hidden {display: none} #cforms3form ol {list-style: none} #cforms3form fieldset {border: 0; padding: 73px 0 0 55px; margin: 0; text-align: left;} #cforms3form input.single {background: transparent; border: 0px; font-family: 'Reenie Beanie'; font-size: 32px; color: #24339B; width: 130px} #cforms3form textarea {background: transparent; border: 0px; font-family: 'Reenie Beanie'; font-size: 32px; color: #24339B; width: 210px; position: absolute; top: 140px; left: 265px; height: 110px } #cforms3form input#cf3_field_2 {margin-left: 20px;} #cforms3form input#cf3_field_3 {margin-left: 20px;} #cforms3form input#cf3_field_4 {float: left; width: 10px; margin: 0px 0 0 20px} #cforms3form input#sendbutton3 {border: 0; float: right; margin: 60px 50px 0 0; font-size: 12px; color: #fff; background: transparent url(images/button.png); height: 73px; cursor: pointer; width: 92px; outline:none; text-transform: uppercase; text-indent: -9000px;} #usermessage2a {position: absolute; bottom: -10px; right: 150px} #usermessage3a {position: absolute; bottom: 19px; right: 3px} .col3 {} .col3 .left {width: 330px; float: left} .col3 .center {width: 330px; float: left} .col3 .right {width: 330px; float: left} .col2-left {background-image:url(images/bg-repeat.jpg);padding-top: 12px; padding-bottom: 19px; min-height: 900px} .col2-left .left {width: 290px; float: left} .col2-left .right {width: 520px; float: left; padding-top: 36px} .col2-right {} .col2-right .left {width: 740px; float: left} .col2-right .right {width: 220px; float: left} .col2-center {} .col2-center .left {width: 480px; float: left} .col2-center .right {width: 480px; float: left} .col1 {} #footer {clear: both; margin: auto; width: 850px; background-image:url(images/bg-repeat.jpg); padding-top: 45px} .clear {display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden} .clear10 {display:block; content:"."; clear:both; font-size:0; line-height:0; height:10px; overflow:hidden} .clear20 {display:block; content:"."; clear:both; font-size:0; line-height:0; height:20px; overflow:hidden} .clear25 {display:block; content:"."; clear:both; font-size:0; line-height:0; height:25px; overflow:hidden} .clear30 {display:block; content:"."; clear:both; font-size:0; line-height:0; height:30px; overflow:hidden} .clear100 {display:block; content:"."; clear:both; font-size:0; line-height:0; height:100px; overflow:hidden} .spacer-d10 {clear: both; height: 9px; border-bottom: 1px dotted #ccc; margin-bottom: 10px} .spacer-d20 {clear: both; height: 19px; border-bottom: 1px dotted #ccc; margin-bottom: 20px} .spacer-d30 {clear: both; height: 29px; border-bottom: 1px dotted #ccc; margin-bottom: 30px} .spacer-s10 {clear: both; height: 9px; border-bottom: 1px solid #eee; margin-bottom: 10px} .spacer-s20 {clear: both; height: 19px; border-bottom: 1px solid #eee; margin-bottom: 20px} .spacer-s30 {clear: both; height: 29px; border-bottom: 1px solid #eee; margin-bottom: 30px} .highlight {background: #f0e5d2; border: 1px dotted #d1c3aa; padding: 10px} /*//////////////////// Text ////////////////////*/ h1 {font-weight: normal; font-size: 24px; font-family: Arial, Helvetica, sans-serif; color: #000} h2 {font-weight: normal; font-size: 22px; font-family: Arial, Helvetica, sans-serif; color: #000} h3 {font-weight: normal; font-size: 20px; font-family: Arial, Helvetica, sans-serif; color: #000} h4 {font-weight: normal; font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #000} h5 {font-weight: normal; font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #000} h6 {font-weight: normal; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #000} p {color: #000;} .post p {margin-bottom: 10px} .post ul {border-bottom: 10px solid #fff} .post img {margin: 0; padding: 0} .post .alignright {margin-left: 20px} .post .alignleft {margin-right: 20px} #footer p {text-align: center; color: #666} .list {margin: 0; padding: 0 0 0 30px; list-style: circle; font-size: 14px; font-weight: bold} .lightestblue {color: #adf} .lightblue {color: #09f} .blue {color: #026} .orange {color: #f60} .green {color: #590} .black {color: #000} .grey {color: #666} .white {color: #fff} .xxxlarge {font-size: 20px} .xxlarge {font-size: 18px} .xlarge {font-size: 16px} .large {font-size: 14px} .medium {font-size: 12px} .small {font-size: 10px} .xsmall {font-size: 8px} .textright {text-align: right} .textleft {text-align: left} .textcenter {text-align: center} .alignright {float: right} .alignleft {float: left} .clearright {clear: right} .clearleft {clear: left} .clearboth {clear: both} .pad10 {padding: 10px} a {outline: none} /*//////////////////// Linkology ////////////////////*/ a:link, a:visited {text-decoration: none; color: #00f} a:hover {text-decoration: underline} a:active {text-decoration: none} #footer a:link, #footer a:visited {text-decoration: none; color: #f00} #footer a:hover {text-decoration: underline} #footer a:active {text-decoration: none} a.button:link, a.button:visited {font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; padding: 3px 5px 3px 5px; background-color: #ddd; border: 1px solid; border-color: #fff #bbb #999 #bbb; text-decoration: none; color: #000} a.button:hover {background-color: #ffffe4; border-color: #ffffe6 #f5f5b6 #d3d397 #f5f5b6} a.button:active {background-color: #ffffe6; border: 1px solid; border-color: #d3d397} a#bwd:link, a#bwd:visited {text-decoration: none; color: #fff; font-size: 30px} a#bwd:hover {text-decoration: none} a#bwd:active {text-decoration: none} /*//////////////////// Menu ////////////////////*/ /* Horizontal with dropdown example #menu ul {padding: 0; margin: 0; list-style: none} #menu ul li {padding: 0; margin: 0 20px 0 0; float: left; position: relative} #menu ul li a {display: block; font-size: 14px; text-decoration: none; color: #000} #menu ul li a:hover {text-decoration: underline; color: #f0f} #menu ul li.current_page_item a, #menu ul li.current_page_ancestor a, #menu ul li.current_page_parent a {color: #f0f} #menu ul li ul {display: none} #menu ul li:hover ul {display: block; position: absolute; top: 0; left: 0; width: 200px; border: 1px solid #000; border-bottom: 0; padding-top: 10px} #menu ul li ul li {padding: 0; margin: 0; width: 200px; border-bottom: 1px solid #000} #menu ul li ul li a {font-size: 12px; color: #fff; padding: 5px; background-color: #ccc} #menu ul li ul li a:hover {text-decoration: underline; color: #fff} #menu ul li.current_page_item ul li a, #menu ul li.current_page_ancestor ul li a, #menu ul li.current_page_parent ul li a {color: #fff} #menu ul li ul li.current_page_item a {text-decoration: underline; color: #fff} */ /* Vertical with dropdown example #menu ul {padding: 0; margin: 0; list-style: none} #menu ul li {padding: 0; margin: 0; width: 200px; height: 25px; float: left; position: relative; border-bottom: 1px solid #000} #menu ul li a {display: block; height: 25px; line-height: 25px; padding: 0 0 10px 0; text-decoration: none; color: #000} #menu ul li a:hover {text-decoration: none; color: #f0f} #menu ul li.current_page_item a, #menu ul li.current_page_ancestor a, #menu ul li.current_page_parent a {color: #f0f} #menu ul li ul {display: none} #menu ul li:hover ul {display: block; position: absolute; left: 200px; top: -1px; border: 1px solid #000; border-bottom: 0} #menu ul li ul li {height: 20px; border-bottom: 1px solid #000; background: #fff} #menu ul li ul li a {height: 20px; line-height: 20px; background: #fff; color: #666; font-size: 10px} */ ul#menu-header {padding-left: 4px; margin: 32px 0 0 0; list-style: none} ul#menu-header li {padding: 0; margin: 0 30px 33px 0; height: 39px; float: left; background: no-repeat; width: 310px; font-size:32px} ul#menu-header li:hover {background-image:url(images/arrow.png); } ul#menu-header li a {margin-left: 40px; display: block; height: 39px; line-height: 39px; padding: 0; text-decoration: none; color: #000; background: no-repeat; font-family: 'Special Elite', cursive;} ul#menu-header li a:hover {text-decoration: none} ul#menu-header li.current_page_item a {color: #f00 } #menu ul {padding-left: 4px; margin: 0; list-style: none;} #menu ul li {padding: 0; margin: 0 30px 33px 0; height: 39px; float: left; background: no-repeat; width: 310px} #menu ul li a {margin-left: 40px; display: block; height: 39px; line-height: 41.6px; padding: 0; text-decoration: none; color: #000; background: no-repeat} #menu ul li a:hover {text-decoration: none; color: #f0f} #menu ul li.current_page_item a {text-decoration: underline; color: #f0f} #menu span {display: none} #menu a {text-indent: -900%; outline: none;} #menu ul li:hover {background-image:url(images/arrow.png); } #menu ul li.page-item-6 a {background-image: url(images/home.png); } #menu ul li.page-item-9 a {background-image: url(images/about.png)} #menu ul li.page-item-11 a {background-image: url(images/contact.png)} #menu ul li.page-item-13 a {background-image: url(images/services.png)} #menu ul li.page-item-15 a {background-image: url(images/testimonials.png)} /*//////////////////// Forms ////////////////////*/ .linklove {display: none}