/* Theme Name: Blakes Theme URI: http://www.blakesoffarnham.com/ Description: A theme by Creative Monster. Version: 1.0 Author: Daniel Wilson Author URI: http://www.creativemonster.net/ */ body { background: url(../images/bg.jpg) repeat-x left top #FFFFFF fixed; font-family: Arial, Helvetica; font-size: 12px; text-align: center; } /******************** HEADER START ********************/ #header { background: url(../images/header.jpg) no-repeat center top; height: 94px; margin: 10px auto; width: 880px } #heading { display: inline; float: left; height: 82px; margin: 8px 0 0 20px; } p.header { color: #00438D; font-family: Arial, Helvetica; font-size: 26px; font-style: italic; } .header { color: #F64606; font-family: Arial, Helvetica; font-style: italic; } #logo { display: inline; float: right; height: 82px; margin: 6px 5px 0 0; width: 184px; } #logo a:link { filter: alpha(opacity=100); opacity: 1; } #logo a:visited { filter: alpha(opacity=100); opacity: 1; } #logo a:hover { filter: alpha(opacity=50); opacity: 0.7; } /******************** HEADER END ********************/ /******************** NAV START ********************/ ul.nav { font-family: Arial, Helvetica; font-size: 13px; list-style: none; margin: 0 0 0 40px; padding: 0; text-align: center; } ul.nav li { color: #FFFFFF; margin: 0 0 0 0; text-align: center; } ul.nav li a { background: #F64606; float: left; display: block; padding-bottom: 10px; padding-top: 12px; } ul.nav li.nav a { background: url(../images/nav.png) no-repeat right center #F64606; color: #FFFFFF; text-decoration: none; width: 176px; } ul.nav li.nav a:hover { background: url(../images/nav.png) no-repeat right center #00438D; color: #FFFFFF; text-decoration: none; width: 176px; } ul.nav li.nav-r a:selected { background: url(../images/nav.png) no-repeat right center #F64606; color: #FFFFFF; text-decoration: none; width: 176px; } ul.nav li.nav-r a { background: #F64606; color: #FFFFFF; text-decoration: none; width: 176px; } ul.nav li.nav-r a:hover { background: #00438D; color: #FFFFFF; text-decoration: none; width: 176px; } ul.nav li.nav-r a:selected { background: #F64606; color: #FFFFFF; text-decoration: none; width: 176px; } /******************** NAV END ********************/ /******************** CONTENT START ********************/ #container { background: url(../images/container_bg.png) repeat-y center top; margin: -8px auto -8px auto; overflow: auto; padding: 0 0 40px 0; text-align: center; width: 960px; } #content_left { display: inline; float: left; margin: 10px 0 0 40px; overflow: auto; padding: 0; text-align: justify; width: 176px; } #content_center { display: inline; float: left; margin: 10px 0 0 15px; padding: 0; text-align: justify; width: 498px; } #content_right { display: inline; float: right; margin: 10px 40px 0 0; overflow: auto; padding: 0; text-align: justify; width: 176px; } h1 { color: #00438D; font-family: Arial, Helvetica; font-size: 16px; font-weight: normal; line-height: 24px; margin: 20px 0 10px 0; padding: 0; text-align: justify; } h2 { color: #00438D; font-size: 20px; font-weight: normal; padding-bottom: 10px; text-align: left; } h3 { color: #00438D; font-size: 18px; font-weight: normal; padding-left: 5px; text-align: left; } h3.white { color: #FFFFFF; font-size: 18px; font-weight: normal; padding-left: 5px; text-align: left; } h3.grey { color: #666666; font-size: 14px; font-weight: normal; padding-left: 5px; text-align: left; } h4 { color: #FFFFFF; font-size: 14px; font-weight: normal; padding: 0 0 0 5px; text-align: left; } h5 { color: #F64606; font-size: 14px; font-weight: normal; margin: 0 0 5px 0; padding: 0; } h6 { color: #F64606; display: inline; float: left; font-size: 16px; font-weight: normal; margin:20px 0 0 0; padding: 0; width: 498px; } h6.top { color: #F64606; display: inline; float: left; font-size: 16px; font-weight: normal; margin: 0 0 0 0; padding: 0; width: 498px; } h6.left { color: #F64606; display: inline; float: left; font-size: 16px; font-weight: normal; margin: 20px 0 15px 0; padding: 0; width: 152px; } p.content { color: #666666; line-height: 20px; } p.content a:link { color: #666666; text-decoration: none; } p.content a:visited { color: #666666; text-decoration: none; } p.content a:hover { color: #666666; text-decoration: underline; } p.border { border-top: solid 1px #F64606; margin-left: 10px; padding: 5px 0 0 0; width: 156px; } #product { background: url(../images/product.jpg) no-repeat center top; margin: 20px 0 20px 0; overflow: auto; padding: 10px 10px 15px 10px; width: 478px; } ul.product { color: #00438D; display: inline; float: left; line-height: 20px; list-style-image: url("../images/bullet.png"); list-style-type: squared; margin: 0 0 0 0; padding: 0 40px 0 0; } ul.product li.product { font-weight: normal; margin-left: 20px; padding: 0 0 10px 10px; } ul.product-r { color: #00438D; display: inline; float: left; line-height: 20px; list-style-image: url("../images/bullet.png"); list-style-type: squared; margin: 0 0 0 0; padding: 0 0 0 0; } ul.product-r li.product-r { font-weight: normal; margin-left: 20px; padding: 0 0 10px 10px; } #brand_left { display: inline; float: left; margin: 0; padding: 0; width: 259px; } #brand_right { display: inline; float: right; margin: 0 0 0 0; padding: 0; width: 229px; } p.blue { color: #00438D; margin: 0 0 50px 0; padding: 0; } p.blue a:link { color: #00438D; text-decoration: none; } p.blue a:visited { color: #00438D; text-decoration: none; } p.blue a:hover { color: #00438D; text-decoration: underline; } p.brand { float: left; margin: 0 0 0 0; padding: 0 0 0 0; } #product_left { display: inline; float: left; margin: 0 21px 0 0; padding: 0; width: 152px; } #product_left_D { display: inline; float: left; margin: 0 0 0 0; padding: 0; width: 498px; } #product_right { display: inline; float: right; margin: 0; padding: 0; width: 152px; } p.product { color: #666666; line-height: 20px; text-align: left; } p.image { line-height: 20px; padding: 5px 0 0 0; } .blue { color: #00438D; } p.newsletter { margin: 0; text-align: left; } /******************** CONTENT END ********************/ /******************** CONTENT LEFT START ********************/ #promo { background: #FFC3A6; overflow: auto; padding: 5px 0 0 5px; } ul.promo { color: #F64606; line-height: 20px; list-style-image: url("../images/tick.png"); list-style-type: squared; margin: 0 0 0 12px; padding: 0; } ul.promo li.promo { font-weight: normal; margin-left: 20px; padding: 0 0 25px 5px; } #stock { background: url(../images/brands.jpg) no-repeat 1px 54px; border: solid 1px #00438D; height: 140px; margin: -3px 0 0 0; padding: 0 0 0 5px; width: 169px; } #deliver { background: url(../images/deliver.jpg) no-repeat left top; height: 118px; margin: -3px 0 0 0; padding: 0; width: 176px; } /******************** CONTENT LEFT END********************/ /******************** CONTENT RIGHT START ********************/ #news { background: #FFC3A6; margin: 0; overflow: auto; padding: 0 0 5px 5px; width: 171px; } #contact { background: #00438D; margin: -3px 0 0 0; overflow: auto; padding: 0 0 10px 5px; width: 171px; } #cards { background: url(../images/cards.jpg) no-repeat center bottom; color: #CCCCCC; font-size: 11px; height: 55px; margin: -5px 0 0 0; padding: 0; text-align: center; width: 176px; } p.news { color: #00438D; display: inline; float: left; font-size: 11px; line-height: 20px; margin: -5px 0 0 0; padding: 0 10px 6px 5px; } p.contact { color: #FFFFFF; font-size: 12px; line-height: 20px; margin-top: -16px; padding: 0 0 0 5px; text-align: left; } p.contact a:link { color: #FFFFFF; text-decoration: none; } p.contact a:visited { color: #FFFFFF; text-decoration: none; } p.contact a:hover { color: #FFFFFF; text-decoration: underline; } #testimonial { background: #99FF66; margin: -3px 0 0 0; overflow: auto; padding: 0 5px 5px 5px; width: 166px; } p.testimonial { color: #00438D; font-size: 12px; line-height: 15px; margin-top: -5px; padding: 0 0 0 0; text-align: center; } .orange { color: #F64606; font-size: 14px; line-height: 15px; } #customer { background: url(../images/stars.jpg) no-repeat center top; color: #F64606; margin: -12px 0 0 0; overflow: auto; padding: 50px 5px 10px 5px; text-align: center; width: 166px; } /******************** CONTENT RIGHT END********************/ /******************** CONTACT FORM START ********************/ form.contact { color: #666666; margin: 12px 0 0 0; padding: 0; width: 498px; } fieldset { border: none; margin: 0; padding: 0; } form div { padding: 5px 0 30px 0; } label { display: inline; float: left; padding: 5px 0 0 0; } input, textarea { background: #FFFFFF; border: 1px solid #DCDDDE; color: #666666; display: inline; float: right; margin-bottom: 10px; padding: 3px; width: 410px; } textarea { border: 1px solid #DCDDDE; display: inline; float: right; font-family: Arial, Helvetica; font-size: 12px; height: 100px; overflow: auto; padding: 3px; width: 410px; } .button input { background: #00438D; border: none; color: #FFFFFF; cursor: pointer; float: right; font-size: 1.2em; margin-left: 100px; padding: 3px 8px; width: auto; } p { color: #666666; padding: 0; } .hoverfocus { border: 1px solid #DCDDDE; } #error, #response { border: 1px solid #D1D3D4; color: #666666; margin: 0; padding: 10px 10px 5px 10px; } #response ul { float: left; margin: 5px 0 0 0; padding: 5px 0 0 0; } #error li, #response li { background:url(../images/bullet.gif) no-repeat 0 4px; list-style: none; margin: 0 0 5px 0; padding: 3px 0 8px 20px; } #working { background: url(../images/loading.gif) no-repeat left center; padding: 3em; } /******************** CONTACT FORM END ********************/ /******************** FOOTER START ********************/ p.footer { color: #666666; font-size: 10px; line-height: 20px; } p.footer a:link { color: #666666; text-decoration: none; } p.footer a:visited { color: #666666; text-decoration: none; } p.footer a:hover { color: #666666; text-decoration: underline; } /******************** FOOTER END ********************/ html body div.clear, html body span.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }