/* THEME NAME: CO3 DESCRIPTION: The ultimate in SEO-ready themes, Thematic is a highly extensible, WordPress Theme Framework featuring 13 widget-ready areas, drop-down menus, grid-based layout samples, plugin integration, shortcodes for your footer, & a whole lot more. Perfect for any blog and the starting point for theme development. VERSION: 0.9 AUTHOR: Ben Watson AUTHOR URI: http://aceishigh.co.uk/ TAGS: white, three-columns, two-columns, fixed-width, theme-options, left-sidebar, right-sidebar, threaded-comments, sticky-post, microformats */ /* Reset browser defaults */ @import url('library/styles/reset.css'); /* Apply basic typography styles */ @import url('library/styles/typography.css'); /* Apply a basic layout */ @import url('library/layouts/2c-r-fixed.css'); /* Apply basic image styles */ @import url('library/styles/images.css'); /* Apply default theme styles and colors */ @import url('library/styles/default.css'); /* Prepare theme for plugins */ @import url('library/styles/plugins.css'); /* Specific Styles */ /* Generic Styles */ body {background:url(images/bg.png) repeat-x;} #footer {background:#aeaeae url(images/footerbg.png) repeat-x top; min-height:245px; overflow:hidden; padding-bottom:20px;} #header a.logo {display:block; width:200px; float:left;} .texthide {position:absolute; text-indent:-999em; } a.readmore {background:url(images/linkmore.png) no-repeat left top; padding-left:25px; color:#333} a.readmore:hover {color:#000} #content .l-3 {width:290px; float:left; margin-right:11px; border-right:1px solid #ccc; padding-right:10px;} #content .c-3 {width:290px; float:left; xmargin-right:6px; border-right:1px solid #ccc; padding-right:10px;} #content .r-3 {width:290px; float:right;} #topcontentbar #blogsidebar {float:right;} #topcontentbar h2 {margin-bottom:10px; font-size:1.8em;} #content li {margin-bottom:10px; line-height:1.5em; list-style-image:url(images/bullet.png)} p.firstpara {font-size:1.2em; font-style:italic; color:#666;} .post {position:relative;} /* Footer Styles */ .footcol {width:279px; padding:0 20px; float:left; border-right:1px solid #ababab; display:inline; _width:275px;} #innerfooter {width:960px; overflow:hidden; margin:0px auto; padding:60px 0 0; background:url(images/twitterbg.png) left -1px no-repeat;} #innerfooter .footcol h2 {text-indent:-999em; width:200px; height:23px; margin-bottom:20px;} #footfollowus h2 {background:url(images/heading-footer-follow.png) no-repeat left top;} #footaboutus h2 {background:url(images/heading-footer-about.png) no-repeat left top;} #footcontactus h2 {background:url(images/heading-footer-contact.png) no-repeat left top;} #footcontactus.footcol {border:none;} #footer dl {margin:0;} #footcontactus dt{float:left; width:80px;} #footcontactus dd{float:left; width:180px; margin-bottom:20px;} #footfollowus img.twitterimg {float:left; width:65px; margin-right:-1px;} #footfollowus .twitter {background:#fff; padding:5px 10px; width:195px; float:left;} #footfollowus .twitter ul {margin:0; padding:0;} #footfollowus .twitter ul li {list-style:none; margin-bottom:5px;} .addressbox span {display:block;} .callnow {position:absolute; top:50px; right:40px; color:#666; font-size:1.5em;} .callnow .teal {color:#00c79e; font-weight:bold;} .callnow .violet {color:#7a5a9e; font-weight:bold;} #footer img.rss {margin-top:20px;} .creditlink {margin-left:20px; color:#666; clear:left;} .creditlink a {color:#666;} .creditlink a:hover {color:#333; text-decoration:none;} .creditlink img {margin-bottom:-5px;} /* Undercontent Styles */ #undercontent {width:940px; margin:0 auto; overflow:hidden; background:url(images/undercontentbg.png) repeat-x #d8dbdc; padding:10px;} #undercontent .menu {float:left; width:600px; margin-top:6px;} #undercontent .sf-menu li a {color:#333; border-right:1px solid #333;} #undercontent .sf-menu li.active a {font-weight:bold;} #undercontent .sf-menu a {padding:0 10px; width:auto;} #undercontent .sf-menu li.page_item {margin-left:0;} #undercontent .search {float:right; width:300px;} #undercontent .search #s {width:200px; height:13px;} #undercontent .search #searchsubmit {width:90px; background:#999 url(images/footerbg.png); border:none; height:21px;} #undercontent .search #searchsubmit:hover {cursor:pointer;} /* Text Size */ #header .menu {font-size:1.5em;} #main {font-size:1.3em;} #main p {line-height:1.5em;} #container h1,#container .fakeh1, #homeleft h2 {width:300px; height:108px; position:absolute; left:0px; top:20px; xmargin:20px 0 0 -21px; text-indent:-999em;} #footer {font-size:1.2em; line-height:1.5em; color:#333} /* Text Styles */ h2 {color:#00c79e; font-weight:normal; margin:0 0 10px;} /* Page Backrounds #container {background: url(images/strap.png) top left no-repeat; width:936px;} #container.aboutpage, #container.historypage, #container.ourpeoplepage {background: url(images/strap-aboutpage.png) top right no-repeat;} #container.servicespage {background: url(images/strap.png) top right no-repeat;} #container.reportingpage {background: url(images/strap-reporting.png) top right no-repeat;} #container.communicationpage {background: url(images/strap-communications.png) top right no-repeat;} #container.thirdsectorpage {background: url(images/strap-thirdsector.png) top right no-repeat;} #main {background:url(images/main-bg.png) no-repeat 10px 0px;}*/ /* Page Headers */ #container.blogpage h1, .blogpageitem .fakeh1 {background:url(images/h1-blog.png) no-repeat left top;} #container.servicespage h1 {background:url(images/h1-services.png) no-repeat left top;} #container.co3dpage h1 {background:url(images/h1-co3d.png) no-repeat left top;} #container.aboutpage h1 {background:url(images/h1-about.png) no-repeat left top;} #container.ourworkpage h1 {background:url(images/h1-ourwork.png) no-repeat left top;} #container.contactpage h1 {background:url(images/h1-contact.png) no-repeat left top;} #container.historypage h1 {background:url(images/h1-history.png) no-repeat left top;} #container.ourpeoplepage h1 {background:url(images/h1-ourpeople.png) no-repeat left top;} #container.accessibilitypage h1 {background:url(images/h1-accessibilty.png) no-repeat left top;} #container.partnerspage h1 {background:url(images/h1-partners.png) no-repeat left top;} /* Sidebar Styles */ #blogsidebar {float:left; width:280px; margin-left:10px;} #blogsidebar li {list-style:none;} #blogsidebar .tabbertab ul {background:#d9d9d9 url(images/tabberbg.png) repeat-x top; border:1px solid #ccc; border-top:none;} #blogsidebar img.rss {margin:0 0 20px;} #blogsidebar h2 {font-size:1.4em;} #blogsidebar h2.blog {background:url(images/h2-blog.png) right no-repeat; width:100%; height:32px; padding:7px 0 0;} #blogsidebar h2.comments {background:url(images/h2-comments.png) right no-repeat; width:100%; height:32px; padding-top:7px;} #blogsidebar h2.archive {background:url(images/h2-archives.png) right no-repeat; width:100%; height:32px; padding:7px 0 0;} #blogsidebar .tabbertab {margin-bottom:20px;} .submenu li {background:url(images/sidebarlibg.png) bottom left no-repeat; border-top:1px solid #ccc; padding:0 10px; width:260px; margin-bottom:5px;} ul.submenu {margin:0 0 40px; line-height:1.5em; width:280px; overflow:hidden;} .submenu li a {display:block; width:200px; padding:12px 35px;} .submenu li a.about {background:url(images/submenu-icon-about.png) left no-repeat;} .submenu li a.history {background:url(images/submenu-icon-history.png) left no-repeat;} .submenu li a.ourpeople {background:url(images/submenu-icon-ourpeople.png) left no-repeat;} #imageholder {position:relative; height:290px;} #blogsidebar .banner {background:url(images/sidebar-image-banner.png) no-repeat; height:67px; width:280px; bottom:60px; left:0; position:absolute; color:#666; font-style:italic; text-align:center;} #blogsidebar .banner a {display:block; width:240px; height:47px; padding:22px 20px 0; color:#999; text-decoration:none; font-size:1.2em;} /* Home Page Styles */ #main.home {background:none;} #main.home #promo {background:url(images/hosme-header.png); width:940px; height:200px; margin:50px 0 20px; position:relative} #main.home #promo .promoheading {margin-bottom:20px;} #main.home #promo .promoimage {position:absolute; right:0; top:0;} #main.home #promo .promoiconstrategy, #main.home #promo .promoiconreporting, #main.home #promo .promoiconcommunications, #main.home #promo .promoiconthirdsector {position:absolute; right:0; top:0; display:none; z-index:1} #promo .promofade li {list-style:none;padding:0; margin:0;} #promo ul.promofade {padding:0; margin:0;} #promo ul.promofade li.top {z-index:1;} #promo ul.promofade li {position:absolute} #main.home #content.home {margin-bottom:20px;} #homeleft {float:left; width:440px; padding-right:15px; border-right:1px solid #ccc; position:relative;} #homeright {float:right; width:440px;} #container.wide #content {width:917px; padding:0 10px; margin:0;} #main.home #container {padding-top:0px;} .homepost {margin:0px; position:relative; width:430px} .homepost .entry {padding-top:80px;} .homepost .postinfo {left:80px; top:0; width:350px; position:absolute;} .homepost .postinfo h3 {font-size:1.5em; margin-bottom:20px;} #homeleft h2 {margin-left:-10px;} #container #homeleft .date {left:-10px;} #content #homeright li {list-style:none; margin:0; position:relative;} #homeright .strategy a {background:url(images/homeright-strategy.png) left no-repeat;} #homeright .reporting a {background:url(images/homeright-reporting.png) left no-repeat;} #homeright .communications a {background:url(images/homeright-communications.png) left no-repeat;} #homeright .thirdsector a {background:url(images/homeright-thirdsector.png) left no-repeat;} #homeright ul {width:440px; position:relative; margin:20px 0 0 0px;} #homeright .strategy {position:absolute;top:0; left:0;} #homeright .reporting {position:absolute;top:0; right:0;} #homeright .communications {position:absolute;bottom:0; left:0;} #homeright .thirdsector {position:absolute;bottom:0; right:0;} #homeright a.rss {display:block; width:440px; text-align:center;} #homeright h2.blog {background:url(images/h2-blog.png) left no-repeat; height:32px; padding:0px 0 0 45px; margin:0px 0 0; font-size:1.5em} /* Blog Page */ #comments-list ol li {list-style:none;} .blogpage .post {padding:80px 0 20px 0; position:relative; margin-bottom:20px; border-bottom:1px solid #ccc; float:left;} .blogpage .date, #homeleft .date {width:80px; height:68px; background:url(images/secondarywrap.png) left no-repeat; position:absolute; left:-20px; top:0px; padding:9px 0 0 22px; color:#fff} .blogpage .date .day, .blogpageitem .date .day, #homeleft .date .day {display:block;font-size:2em;margin-bottom:-3px;text-align:center;width:48px;} .blogpage .date .month, .blogpageitem .date .month, #homeleft .date .month {display:block;font-size:1em;margin-bottom:1px;text-align:center;width:48px;} .blogpage .date .year, .blogpageitem .date .year, #homeleft .date .year {display:block;font-size:1em;text-align:center;width:48px;} .blogpage .postinfo {position:absolute; top:10px; left:80px;} .blogpage .postinfo h2 {font-size:1.5em;} .blogpage img.rss, .blogpageitem img.rss {position:absolute; top:27px; right:0px;} /* Blog Item Page */ .blogpageitem .date {width:68px; height:68px; background:url(images/secondarywrap.png) left no-repeat; margin-left:-20px; top:0px; padding:9px 0 0 22px; color:#fff; float:left;} #container.blogpageitem h1 {background:none; position:static; float:right; color:#7a5a9e; padding:0; width:540px; text-indent:0em; height:auto; font-style:italic} #container.blogpageitem .postinfo {clear:left;} #container.blogpageitem .author {margin:8px; float:left; color:#999 } /* Comments */ #comments .form-submit #submit {background:#999999 url(images/footerbg.png) repeat scroll 0 0; border:medium none; height:21px; width:90px; margin-right:4px;} #comments .form-submit #submit:hover {cursor:pointer;} /* Page Navifgation */ .wp-pagenavi {padding:10px;background:#d9d9d9 url(images/tabberbg.png) repeat-x top; width:597px; border:1px solid #ccc; margin:0px 0 20px; float:left; } #container .wp-pagenavi span.pages {background:none; margin-right:20px} #container .wp-pagenavi span.current {background: none; border:1px solid #ccc;} #container .wp-pagenavi a,#container .wp-pagenavi a:link {background:none; padding:2px; border:none;} /* Services Page */ .servicespage #servicetop {margin:-20px 0 40px; float:left; width:917px; position:relative;} .servicespage #servicetop span.tableft {background:url(images/services-tableft.png) bottom; display:block; width:78px; height:73px;position:absolute; left:-17px; text-indent:-999em;} .servicespage #servicetop span.tableft:hover {background:url(images/services-tableft.png) top; cursor:pointer;} .servicespage #servicetop span.tabright {background:url(images/services-tabright.png) bottom; display:block; width:78px; height:73px; position:absolute; right:-17px;text-indent:-999em;} .servicespage #servicetop span.tabright:hover {background:url(images/services-tabright.png) top; cursor:pointer;} #servicetop ul {margin-left:0px; overflow:hidden} #servicetop ul li {list-style:none; float:left; display:inline;} #servicetop ul li a {width:200px; float:left; display:block; height:115px; background-position:top; position:relative; text-indent:-999em; display:inline} #servicetop ul li a:hover {background-position:bottom;} #servicetop ul li.ui-state-active a {background-position:center;} #servicetop ul li.strategytab a {background-image:url(images/servicesiconsstrategy.png); margin-right:0px;} #servicetop ul li.reportingtab a {background-image:url(images/servicesiconsreporting.png); margin-right:40px;} #servicetop ul li.communicationstab a {background-image:url(images/servicesiconscommunications.png); margin-right:40px;} #servicetop ul li.thirdsectortab a {background-image:url(images/servicesiconthirdsector.png);} .servicespage .strapfade {position:absolute; right:26px; top:45px;} .home #servicetop ul li a {width:187px; margin-right:10px; height:63px; padding:60px 20px 0; text-indent:0em; color:#666; text-decoration:none; font-style:italic; font-size:1.1em; display:inline;} .home #servicetop ul li a span {display:none;} .home #servicetop ul li.strategytab a {background-image:url(images/homeservices-strategy.png);} .home #servicetop ul li.reportingtab a {background-image:url(images/homeservices-reporting.png)} .home #servicetop ul li.communicationstab a {background-image:url(images/homeservices-communications.png)} .home #servicetop ul li.thirdsectortab a {background-image:url(images/homeservices-thirdsector.png); margin-right:0;} /* Tabs */ .ui-tabs-hide { display: none !important; } /* Contact Page */ .contactpage .contactleft {float:left; width:439px;} .contactpage .contactleft dl {margin-left:70px;} .contactpage .contactleft dt img {position:absolute; left:-70px} .contactpage .contactleft dt {position:relative; float:left; clear:left; width:100px;} .contactpage .contactleft dd {height:50px; float:left; width:249px;} .contactpage .contactleft img.wearehere {float:right; margin-right:20px;} .contactpage .contactright {float:left;width:478px; position:relative;} .contactpage .contactright img.mapshadow {margin-top:5px;} .contactpage .contactright img.maptopshadow {position:absolute; top:-10px; left:-10px;} .contactpage .contactright small {float:right;margin:40px 0;} /* People Page */ .peoplepost {background:url(images/peoplepostbg.png) no-repeat top left; border-top:1px solid #ccc; padding:10px 0 0 5px;float:left;} .peoplepost img {float:right; margin:-60px -15px 20px 10px;} /* IE6 Fixes */ .sf-menu li.page_item.current_page_item a {_color:#ffffff;} /* Blog Page */ .partnerspage .peoplepost img {clear:both; float:none; margin-top:0;} /* Blog Page */ .authorinfo {background:url(images/peoplepostbg.png) no-repeat top left; border-top:1px solid #ccc; padding:10px 0 0 5px;float:left; width:617px;} .authorinfo img {margin:-15px 20px 0 0; float:left;} .blogpage .authorinfo img {margin:-20px -10px 0 10px; float:right;} .authorinfo .authorcontent h3 {margin-bottom:10px;} .authorinfo .authorcontent {float:left; width:500px;} .blogpage .authorinfo .authorcontent {float:left; width:470px;} .authorinfo .authorcontent p {color:#666; font-size:0.8em;} .blogpage h2 span {font-size:0.7em; margin-left:10px;}