/* Theme Name: Mango Moon Theme URI: http://www.mangomoon.co.za/ Description: The default theme for Mango Moon Version: 1.0.2 Author: NS Digital Author URI: http://www.nsdigital.co.za/ */ /* Default styles */ @import "css/reset.css"; /* CSS FOR BORDER-RADIUS, BOX-SHADOW AND TEXT-SHADOW CAN BE FOUND IN CSS/CUSTOM.CSS */ /*----------------------------------------------- INDEX: 1. SETUP -1.1 Defaults -1.2 Hyperlinks 2. SITE STRUCTURE & APPEARANCE -2.1 Containers -2.2 Header --2.2.1 Logo --2.2.2 Language Picker --2.2.3 Text Size --2.2.4 Search -2.3 Navigation -2.4 Content --2.4.1 Home Page -2.5 Footer 3. WIDGETS 4. POSTS -4.1 Typographic Elements -4.2 Images 5. COMMENTSAREA -5.1 Comments -5.2 Comments Form 6. GENERAL STYLES 7. Accessibility -7.1 Clearing -7.2 Accessibility -----------------------------------------------*/ /*-----------------------------*/ /* 1. SETUP */ /*-----------------------------*/ /* 1.1 Defaults */ html{height:100.01%;} body { font: 12px Arial, Helvetica, Sans-serif; line-height: 1.5; /*unitless for proper inheritance*/ color: #333; color:#1f2324;font-family:Verdana, Helvetica, sans-serif; height:100%;} h1, h2, h3, h4, h5, h6 { margin: 0; color: #1f2324; } h1 {font-size: 18px} h2 {font-size: 16px} h3 {font-size: 16px} h4 {font-size: 14px} h5 {font-size: 12px} h6 {font-size: 12px} h1, h2, p{font-family:Verdana, Helvetica, sans-serif;} p {margin: 3px 0; color:#1f2324;} strong{font-weight:bold;} em{font-style:italic;} /* 1.2 Hyperlinks */ a, a:active, a:link, a:visited { text-decoration: none; color:#1f2324; outline:0;} a:hover { } h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: underline; } img:a{border:none;} /*-----------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-----------------------------*/ /* 2.1 Containers */ body{text-align:center; font-family:Arial, Arial, Helvetica, sans-serif; font-size: 62.5%; color:#000000; line-height:1.3em; background:#ffffff url(images/bg-top-strip.gif) repeat-x top left;} #wrapper{width:100%; padding-bottom:10px;} /************* Top Header ***************/ #top{width:1005px; height:132px; margin:17px auto 0 auto;} #logo{width:268px; margin:0 15px 0 10px; padding-top:18px; float:left;} #nav{width:654px; float:right; margin:36px 0px 0 5px;} /************* Navigation **************/ div#nav ul{width:100%; margin:0; padding:0; list-style:none; padding:0px 0px 0px 0px; font-size:1em;} div#nav ul li{display:inline; margin:0; padding:0; width:auto; padding:0; border-top:none;} div#nav a{float:left; background:url("images/nav/bg.gif") no-repeat left top; margin:0; text-decoration:none; color:#fff; border-left:#aa6f3e solid 1px; border-right:#fcc291 solid 1px; font-weight:bold; font-size:1.1em; display:block; padding:19px 12px 0px 12px; text-align:center; height:29px; text-shadow:1px 1px #9c4701;} div#nav a.first{float:left; background:url("images/nav/bg_first.gif") no-repeat left top; margin:0; text-decoration:none; color:#fff; border-left:none; border-right:#fcc291 solid 1px; font-weight:bold; font-size:1.1em; display:block; padding:19px 12px 0px 20px; text-align:center; height:29px;} div#nav a.first:hover{background-position:100% -48px; cursor:pointer; background:url("images/nav/bg_first.gif") no-repeat left bottom;} div#nav li.last{float:left; background:url("images/nav/bg_last.gif") no-repeat right top; margin:0; text-decoration:none; color:#fff; border-left:#aa6f3e solid 1px; border-right:none; font-weight:bold; font-size:1.1em; display:block; padding:11px 20px 0px 12px; text-align:center; height:37px;} div#nav li.last form{width:140px; background:none;} div#nav li.last #s{width:90px; margin-right:4px; background:#fff; color:#000000; border:solid 1px #9c4701; padding:4px; float:left; text-transform:uppercase; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;} div#nav li.last #searchsubmit{width:35px; float:left;background:#d26104; color:#fff; border:solid 1px #9c4701; cursor:pointer; padding:4px; text-transform:uppercase; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; text-shadow:1px 1px #9c4701; font-size:12px;} div#nav a:hover{background-position:100% -48px; cursor:pointer;} body.home li#home a.first{background-position:100% -48px; background:url("images/nav/bg_first.gif") no-repeat left bottom;} li#products a.active, body.category-products li#products a, body.page-id-6 li#why a, body.page-template-template-contact-php li#contact a, body.category-case-studies li#case a {background-position:100% -48px; cursor:pointer;} body.search li#search{background-position:100% -48px;} /************* Page ***************/ #page{width:1005px; margin:0 auto 0 auto; padding-top:16px;} body.page .entry{width:700px; margin:80px auto 0 auto; border:#edf2f3 solid 3px; padding:20px 20px 20px 20px; margin-bottom:20px;} .content{} body.page .post{width:970px; margin:0 auto 0 auto; padding-top:16px;} body.page .post h1{color:#595959; float:right; margin:0 50px 0 0;} body.page .post h2{color:#5a5a5a; font-size:1.4em; margin:0 0 0 0;} body.page .post p{color:#212121; margin:0 0 0 0; font-size:1.4em;} /************* Home Page ***************/ #flash_showcase{width:680px; height:320px; margin:0 0 0 0px; float:left; overflow:hidden;} #welcome{width:650px; float:left; margin:0 0 20px 0px; padding:0 0 0 0;} #right_panel{width:321px; float:right; background:url(images/bg-right-panel.jpg) no-repeat; margin:0 0px 0 0;} #top_right{width:300px; margin:0 auto 0 auto;padding-bottom:10px; border-bottom:#bcbbb6 dotted 1px;} #brief_top{width:300px; height:16px; background:url(images/brief_top.gif) no-repeat;} #brief_middle{width:300px; background:url(images/brief_middle.gif) no-repeat;} #brief_bg{width:300px; background:url(images/brief_middle_bg.gif) repeat-y;} #brief_bottom{width:300px; height:16px; background:url(images/brief_bottom.gif) no-repeat;} #bottom_right{width:300px; margin:0 auto 0 auto; background:url(images/right_panel_bottom.jpg) no-repeat bottom; padding-bottom:20px; border-bottom:#bcbbb6 dotted 1px;} #bottom_right img{margin-left:30px;} /************* Products ***************/ #mm_products{width:578px;} #mm_products_top{width:578px; height:10px; background:url(images/products/mm_products_top.gif) no-repeat #fd8800;} #mm_products_content{width:578px; background:url(images/products/mm_products_content.gif) no-repeat #da6502;} #mm_products_bottom{width:578px; height:9px; background:url(images/products/mm_products_bottom.gif) no-repeat;} .product_row{width:1005px; margin:0 auto 0 auto;} .product{width:249px; float:left; overflow:hidden;} .product a.product_thumb{background:url(images/bg_products_thumb.jpg) top center no-repeat; float:left; padding-bottom:10px;} .product a img.button{margin:10px 0 20px 0px; float:none; display:block; _position:absolute;} .product h3{text-transform:uppercase;} .product p{font-size:11px; width:240px; margin:0px 0px 0px 2px;} .seperator{width:1005px; height:44px; background:url(images/products/seperator.jpg) repeat-x; float:left; margin:50px 0 0 0;} .prop{width:100%; height:44px; float:left; margin:50px 0 0 0;} /************* Product Details Page ***************/ #product_top{width:1020px; background:url(images/products/bg_product.jpg) no-repeat bottom;text-align:center; padding-bottom:1px; overflow:visible; margin:0 0 0 0;} #buy_now{margin:-75px 0 0px 725px;} #bg_mail{ margin:-62px 0 20px 790px; width:220px;} #bg_mail_top{width:219px; height:11px; background:url(images/products/bg_mail.gif) no-repeat;} #bg_mail_content{width:219px; background:url(images/products/bg_mail_content.gif) repeat-y; background-color:#e7e7e7;} #bg_mail_content p{margin:0 0 0 10px; padding:0 0 0 0; color:#a8a8a8; font-size:1.1em;} #bg_mail_bottom{width:219px; height:11px; background:url(images/products/bg-mail_bottom.gif) no-repeat;} #bottom_part{width:1020px;} #bottom_part_left{width:455px; float:left; margin-left:100px;} #bottom_part_right{width:455px; float:left; margin-left:30px; padding-bottom:30px;} .prod_box_top{width:451px; height:9px; background:url(images/products/box_top.gif) no-repeat;} .prod_box_content{width:445px; border-left:#edf1f2 solid 3px; border-right:#edf1f2 solid 3px;} .prod_box_bottom{width:451px; height:9px; background:url(images/products/box_bottom.gif) no-repeat; margin-bottom:20px;} .entry{float:left; width:1020px; padding:0px; margin:10px 0 30px 0; border:none;} /************* Why Mango Moon ***************/ body.page-id-6 #wrapper{background:#FFFFFF url(images/bg_why.gif) bottom no-repeat; width:100%;} body.page-id-6 .entry{width:947px; border:none; float:left; margin:0px; padding:0px; background:none;} body.page-id-6 .entry h2{font-size:1.1em;} body.page-id-6 .entry p{width:inherit; border:none; font-size:0.9em;} body.page-id-6 #first{width:350px; float:left; margin:0px 0 0 0px;} body.page-id-6 #second{width:440px; float:left; margin:100px 0 0 50px;} body.page-id-6 #third{width:560px; float:left; margin:60px 0 0 70px;} body.page-id-6 #forth{width:320px; float:left; margin:190px 0px 0px 600px;} /************* Case Studies ***************/ body.category-case-studies #page{ padding:0px;} #case_left{width:312px; float:left; margin:60px 0 0 0px;} #case_right{width:688px; float:right; margin:-5px -20px 48px 20px;} .box_top{width:662px; background:url(case_studies/images/box_top.jpg) no-repeat #dcdcdc; margin:30px 0 0 0;} .box_content{width:652px; border-left:#dcdcdc solid 5px; border-right:#dcdcdc solid 5px; padding:1px 0 20px 0;} .box_content p{margin:0 0 10px 0;} #case_right div.box_content ul{line-height:1.3em; margin-top:20px; margin-left:40px; margin-bottom:10px; font-family:Verdana, Helvetica, sans-serif; font-size:0.9em;} #case_right div.box_content ol{line-height:1.3em; margin-top:20px; margin-left:45px; font-family:Verdana, Helvetica, sans-serif; font-size:0.9em;} #case_right div.box_content ul li{padding:0 0 0 0px; line-height:1.3em; list-style-type:disc; padding-left:0px; padding-left:-10px;} #case_right div.box_content ol li{list-style-type:decimal; padding:0 0 0 0px; line-height:1.3em;} .box_content img#product_image{float:right; padding-left:20px;} .box_bottom{width:662px; height:4px; background:#dcdcdc; margin-bottom:20px;} .featured_case_studies{ width:650px;} .featured_case_study{width:600px;padding:0 0 10px 0; margin:0 0 10px 22px; border-bottom:solid 1px #efefef;} .featured_case_study h4{margin:0 0 0 38px; float:left; width:390px;} .featured_case_study p{width:400px; float:right; margin:1px 0 0 0; padding:0px 0 0px 0;} .featured_case_study img{ border:#e2ddd5 solid 1px; margin:1px 0 0 5px; float:left; padding:4px;} .featured_case_study a.date{float:left; background:url(images/case_studies/arrow.gif) center right no-repeat; padding:0 15px 0px 0px;margin:10px 0 0 38px;} /************* Contact ***************/ body.page-template-template-contact-php .entry{width:947px; border:none; float:left; margin:0px; padding:0px;} body.page-template-template-contact-php #wrapper{background:#FFFFFF url(images/contact/bg_contact.jpg) bottom no-repeat; width:100%;} body.page-template-template-contact-php #contact_right{margin:-274px -20px 250px 360px; width:634px;float:left; display:inline;} body.page-template-template-contact-php #contact_right .holder{padding-top:0;} body.page-template-template-contact-php #contact_right h3{margin:0 0 30px 0;font-size:1.8em;} body.page-template-template-contact-php #contact_right p{margin:0 0 0 0; font-size:1.4em;} body.page-template-template-contact-php #page_contact img{float:left;} .contact_box_top{width:625px; height:9px; background:url(images/contact/box_top.gif) no-repeat;} .contact_box_content{width:619px; border-left:#edf2f3 solid 3px; border-right:#edf2f3 solid 3px; background-color:#FFFFFF;} .contact_box_bottom{width:625px; height:9px; background:url(images/contact/box_bottom.gif) no-repeat;} body.page-template-template-contact-php .content{ float:left;} #page_contact h1{float:right; color:#000; margin:0 0 0 0;} #contact_left p.title{font-size:1.3em; color:#afb3bb; margin:0; padding:0;} #contact_left p.title a{font-size:1.2em; color:#afb3bb; border:none; border-bottom:#eaeaea solid 1px; width:313px;} #contact_left p.title a:hover{ color:#e37e28; border:none; background-color:#fbfbfb;} #contact_left p.link{font-size:1.5em; color:#e97e00; border-bottom:#eaeaea solid 1px; border-top:#eaeaea solid 1px; padding:4px 0 4px 0; margin-top:5px;} #contact_left p.link em{color:#afb3bb; font-size:1em; font-style:normal; font-weight:normal;} #contact_left p.link a{font-size:1.1em; color:#e97e00;} #contact_left p.link a:hover{text-decoration:underline;} #contact_left a{font-size:1.5em; color:#e97e00; width:312px; text-decoration:none; position:relative;} #contact_left h2{margin:0 0 0 12px; color:#FFFFFF; text-shadow:1px 1px #000; font-size:1.8em;} #contact_left h3{margin:0 0 0 0; color:#000000; padding:21px 0 5px 21px; margin:0 0 0 3px;} #contact_left .box_content p{padding:0px 0 0 0px; margin:0 0 0 23px; width:570px;} #contact_left p.case_prod{padding:10px 21px 20px 21px; text-align:justify;} #contact_left li{padding:0 0 0 21px; font-size:1.4em; color:#222222;} #contact_left a{ color:#222222; text-decoration:underline;} #contact_left a:hover{ color:#222222; text-decoration:none;} #contact_left a.date{font-size:1.2em; color:#71a4d0; text-decoration:none;} #contact_left a.date:hover{text-decoration:underline;} #contact_left h4 a{color:#9297a2; font-size:1em;} #contact_left h4 a:hover{color:#9297a2; font-size:1em;} #contact_left p.minip{padding:5px 0 0 0; width:255px;} body.home #top_right p a, body.home #bottom_right p a{font-size:14px;} /************* Terms and Conditions ***************/ body.page-id-12 .entry, body.page-id-7 .entry{font-size:1em; margin-left:100px;} /*-----------------------------*/ /* 2.5. FOOTER */ /*-----------------------------*/ #footer_bg{width:100%; background:url(images/bg-footer.jpg) repeat-x top left; float:left; margin:0px 0 0px 0; padding:0px;} #footer{width:1005px; position:relative; margin:0px auto 0 auto; text-align:left;} #footer_details{width:500px; float:left; margin:10px 0 0 20px;} #footer_details img{margin:30px 0 0 0; position:absolute; float:left;} #footer_details p#nicksoper{margin:40px 0 0 50px; color:#d2d2d2; padding:0 0 50px 0;} #footer_logo{width:478px; height:220px; float:right; background:#2a2924 url(images/bg-footer-logo.png) no-repeat top right;} .footer_extension{clear:both; height:12px; margin:0; padding:0; font-size: 15px; line-height: 1px; background:#2a2924;} #footer_details p a{color:#fff;} #footer_details p a:hover{color:#fff; text-decoration:underline;} /************* Text Styles ***************/ #footer_details p{color:#FFFFFF; line-height:1.5em; font-size:1.2em; margin:0px; text-decoration:none; border:none;} #footer_details a{color:#d2d2d2; text-decoration:none; font-size:1em; font-weight:normal;} #footer_details a:hover{color:#d2d2d2; text-decoration:none; font-size:1em; font-weight:normal;} #footer_details p#nicksoper a{text-decoration:underline;} #footer_details p#nicksoper a:hover{text-decoration:none;} h1{font-size:2.8em; font-weight:bold; color:#c17229; margin:40px 0px 0px 22px;} h2{font-size:2.8em; font-weight:bold; color:#FFFFFF; margin:0px 0px 0px 24px; padding-top:5px; padding-bottom:7px;} #brief_middle h2{font-size:2.3em;} h3{font-size:1.3em; font-weight:bold; color:#d96101; text-align:left; margin:26px 0 7px 14px;} h3 a{font-size:1em; font-weight:bold; color:#d96101; text-align:left; margin:26px 0 7px 0px; text-decoration:none;} p{font-size:1.3em; line-height:1.3em; margin:25px 0 0 22px;} #right_panel ul{margin:0px 0 30px 0; float:left;} #right_panel li{font-size:1.3em; line-height:1.3em; float:left;} #right_panel li a small{font-size:9px; display:block; margin:5px 0 0 0; text-decoration:none;} #right_panel li a{ background:#f9f9f9; width:272px; float:left; padding:4px 8px 4px 20px; margin:1px 0 1px 0px;} #right_panel li a:hover{background:#efefef;} #bottom_right p{font-size:1.2em; color:#000000; margin-top:8px;} #bottom_right h1 a{font-size:14px; margin:0 0 8px 0;} #bottom_right h1 a:hover{font-size:14px;} #bottom_right a img{margin:8px 0 0 14px;} #top_right h1{font-size:14px; margin:0 0 8px 10px; float:left;} #welcome a{color:#d96101; font-size:1.3em; text-decoration:underline; font-weight:bold;} #top_right a{color:#d96101; font-size:1.3em; text-decoration:underline; font-weight:bold;} #bottom_right a{color:#d96101; font-size:1.3em; text-decoration:underline; font-weight:bold;} #welcome a:hover{color:#d96101; font-size:1.3em; text-decoration:none; font-weight:bold;} #top_right a:hover{color:#d96101; font-size:1.3em; text-decoration:none; font-weight:bold;} #bottom_right a:hover{color:#d96101; text-decoration:none; font-weight:bold;} #top_right li#title{color:#fff; font-size:18px; font-weight:bold; padding:10px 0 5px 20px; background:#f58629; width:280px; border-bottom:1px #fff solid; text-transform:uppercase;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-shadow:1px 1px #333; margin-top:5px;} #welcome h1{margin:0 0 0 21px;} em{color:#d96101; font-size:1.3em; text-decoration:none; margin-left:5px; font-weight:bold;} strong{font-weight:bold;} #mm_products_content p{color:#FFFFFF; margin:0 24px 0 24px;} #case_left p.date{font-size:1em; color:#71a4d0; border-bottom:#eaeaea solid 1px; margin:0 0 0 0;} #case_left p.title{font-size:1.3em; color:#afb3bb; margin:0; padding:0;} #case_left p.title a{font-size:1.2em; color:#afb3bb; border:none; border-bottom:#eaeaea solid 1px; display:block; width:312px; padding:5px 0 5px 0; margin:0 0 25px 0;} #case_left p.title a:hover{ color:#e37e28; border:none; border-bottom:#eaeaea solid 1px; background-color:#fbfbfb; padding:5px 0 5px 5px; width:307px;} #case_left p.link{font-size:1.5em; color:#e97e00; border-bottom:#eaeaea solid 1px; border-top:#eaeaea solid 1px; padding:4px 0 4px 0; margin:0px;} #case_left p.link em{color:#afb3bb; font-size:1em; font-style:normal; font-weight:normal;} #case_left p.link a{font-size:1.1em; color:#e97e00;} #case_left p.link a:hover{text-decoration:underline;} #case_left a{font-size:1.5em; color:#e97e00; width:312px; text-decoration:none; position:relative;} #case_right h2{margin:0 0 0 12px; color:#FFFFFF; text-shadow:1px 1px #000; font-size:1.8em;} #case_right h3{margin:0 0 0 0; color:#000000; padding:21px 0 5px 21px; margin:0 0 0 3px;} #case_right .box_content p{padding:0px 0 0 0px; margin:10px 0 10px 23px; width:570px;} #case_right p.case_prod{padding:10px 21px 20px 21px; text-align:justify;} #case_right li{padding:0 0 0 21px; font-size:1.4em; color:#222222;} #case_right a{ color:#222222; text-decoration:underline;} #case_right a:hover{ color:#222222; text-decoration:none;} #case_right a.date{font-size:1.1em; color:#71a4d0; text-decoration:none;} #case_right a.date:hover{text-decoration:underline;} #case_right .featured_case_studies a.date{font-size:1.4em;} #case_right h4 a{color:#9297a2; font-size:1em;} #case_right h4 a:hover{color:#9297a2; font-size:1em;} #case_right p.minip{padding:5px 0 0 0; width:255px;} #case_right .mini_prod_details a.date{font-size:1.2em; color:#71a4d0; margin-bottom:4px; margin-top:20px; margin-left:0px; text-decoration:none;} #case_right .mini_prod_details a.date:hover{text-decoration:underline;} body#page_contact .contact_box_content p{margin:0px 0 0 90px; padding-top:60px; padding-bottom:60px;} body#page_contact a.mail{color:#990000;} #bottom_part h1{color:#595959; margin:10px 0 0 0; text-align:center; border-bottom:#e4e4e4 solid 1px; padding-bottom:10px;} #bottom_part h2{color:#595959; font-size:1.8em; margin:20px 0 0 10px;} .holder a{color:#333333; text-decoration:underline;} .holder a:hover{color:#333333; text-decoration:none;} .entry {font-size:1.2em; padding-right:10px; width:1010px;} #bottom_part .entry h1{text-align:left; border:none; font-size:2em;} #bottom_part .entry h2{font-size:1.6em; margin:0 0 10px 0;} #bottom_part .entry h3{font-size:1.4em; margin:0 0 10px 0;} .entry h3{margin:20px 0 10px 0; padding:0 0 0 0; font-size:1.8em;} .entry p{font-size:1em; margin:0 0 20px 0;} .entry a{color:#333333; text-decoration:underline;} .entry a:hover{color:#333333; text-decoration:none;} .entry img{display:inline-block;} div.entry ul{line-height:1.3em; margin-top:20px; margin-left:30px; margin-bottom:10px; font-family:Verdana, Helvetica, sans-serif;} div.entry ol{line-height:1.3em; margin-top:20px; margin-left:30px;} div.entry ul li{padding:0 0 0 10px; line-height:1.3em; list-style-type:disc;} div.entry ol li{list-style-type:decimal; padding:0 0 0 10px; line-height:1.3em;} div.entry em{font-style:italic;} div.entry blockquote{padding:5px 10px 0 29px; margin:10px 0 4px 0; background:url(images/blockquote.jpg) top left no-repeat;} div.entry blockquote p{margin:0 0 5px 0;} #content h2{color:#333333;} #content h2.post_title{margin:0 0 0 0; color:#c17229;} #content {float:left; width:1000px;} /*-----------------------------*/ /* 2.6.2 POST IMAGES STYLES /*-----------------------------*/ p img { padding: 0; max-width: 100%;} /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; position:relative; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /* End Images */ /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; display:block; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text, .wp-caption span.wp-caption-text { font-size: 11px; line-height: 17px; padding: 2px 4px 5px; margin: 0; text-align:center; display:block; } /* End captions */ /* 5 Comments Area */ .comments-area h3{margin:30px 0 0 0; padding:0 0 5px 0; font-size:24px; font-weight:bold;} .comments-area{width:586px; margin:30px 0 0 0;} .comments-area li{list-style-type:none; background-image:none;} #commentform{border-top:solid 1px #ec7a1c; width:586px;} #commentform input{ width:300px; border:#ec7a1c solid 3px; background:#fff; font-size:18px; color:#4d4d4d; padding:6px 0 6px 3px; margin:0px 0 0 0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:12px; } #commentform input#submit{ font-weight:bold; font-size:18px; padding:16px 36px; border:none; cursor:pointer; color:#ffffff; margin:20px 0 0 0; width:auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:url('images/bg_submit.gif') repeat-x left top #d87629; text-shadow:1px 1px #9c4701; } #commentform input#submit:hover{background:#f28828;} #commentform textarea{border:solid 3px #ec7a1c; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#4d4d4d; padding:6px 0 6px 6px; font-size:12px; } ol.commentlist{} ol.commentlist li{margin:20px 0 0 0; padding:10px 10px 20px 10px; border:dashed 1px #e0e0e0; background:#fbfbfb; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } ol.commentlist li p{font-size:12px;} ol.commentlist li .comment-author{} ol.commentlist li .comment-author img{float:left; margin:0 10px 0 0;} ol.commentlist li .comment-meta{font-size:11px; padding:5px 0 10px 0; border-bottom:solid 1px #e0e0e0;} form#commentform{width:586px;} form#commentform p textarea{width:570px; margin:0 0 0 0;} #respond h3{font-size:2em; text-decoration:none; } h3#comments{font-size:2em; margin-top:20px; } .case_studies_comments{width:662px;} .case_studies_comments ol.commentlist li{padding:0 0 0 0;} .case_studies_comments ol.commentlist li em{font-size:12px; margin:10px 0 0 0;} .case_studies_comments ol.commentlist li p{margin-bottom:10px;} .case_studies_comments .comment{padding:10px 0 0 0;} .case_studies_comments .comment-author{padding:10px 0 0 0;} /* 6 Search Results */ .search_results{} .search_results .search{border-bottom:solid 1px #efefef; padding:0 0 40px 0; margin:0 0 50px 0;} .search_results .search h3{margin:15px 0 0 22px;} .search_results .search h3 a{ font-size:20px;border:solid 1px #e7700e; color:#fff; background:url("images/nav/bg.gif") no-repeat left top #e7700e; background-position:0px -10px;padding:3px 6px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;text-shadow:1px 1px #9c4701;} .search_results .search h3 a:hover{text-decoration:underline;} .search_results .search .search_summary{} .search_results .search .search_thumb{float:left; margin:15px 10px 20px 22px; border:solid 1px #efefef;} p.postmetadata a{text-decoration:underline;} p.postmetadata a:hover{text-decoration:none;} div.navigation{padding-bottom:70px; } div.navigation div a{ border-bottom:solid 1px #e7700e; border-right:solid 1px #e7700e; border-left:solid 1px #e7700e; background:url("images/nav/bg.gif") no-repeat left top #e7700e; font-size:20px; color:#fff; padding:10px 20px 10px 20px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;text-shadow:1px 1px #9c4701;} div.navigation div a:hover{background:#e7700e;} /*-----------------------------*/ /* 7. ACCESSIBILITY */ /*-----------------------------*/ /* 7.1 clearing */ .clear{clear:both; height:1px; margin:0; padding:0; font-size: 15px; line-height: 1px;} .clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} * html>body .clearfix{display: inline-block; width:100%;} * html .clearfix {/* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ } /* 7.2 accessibility */ .accessibility { position: absolute; top: -999em; left: -999em;}