/* Theme Name: Tono Architects Theme URL: http://www.theinfantree.com Description: Custom theme development for Tono Architects - based on Whiteboard by Brian Purkiss - http://brianpurkiss.com Author: Tim hoover Author URI: timothyhoover.com Version: 1.0 Obviously, you may edit the above info upon your customization. Though I wouldn't mind a link somewhere... *hint hint* */ /* The following CSS Reset was written by Dejan Cancarevic http://stylizedweb.com/2008/02/14/10-best-css-hacks/ */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit; list-style-type:none;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";} * {margin:0;padding:0;} .right {float:left; width:200px;} .left {float:left; width:200px;} #staffPageContent {background-color:orange; height:500px; overflow:visible;} /*------------------------------------- Colors for Reference Background Gray: #3a3d39 Overlay Dark Gray: #2d302c LightGray - Nav text: #767a74 Orange Logo: #de5e1f Blog Border Color: #ebeceb; Blog Sidebar Links: #3a3d39 Image Border Color in Blog: #f0f0e9; ---------------------------------------*/ /* Here is a list of all the
s in Whiteboard. */ p.wp-caption-text{background-color:#f0f0e9; width:590px; margin:-10px 0 10px 0; padding:10px; color:#767a74; display:block; font-size:8pt; font-style:italic;} html, body {height: 100%; } body{background: #3a3d39; color:#767a74; font: .75em Arial, Helvetica, sans-serif;} h1{font-size:15pt;} h2{font-size:13pt;} h3{font-size:11pt;} h4, h5{font-size:10pt;} p{margin:10px 0; line-height:13pt; font-size:9pt;} a{color:#3a3d39; text-decoration:none;} a:hover{text-decoration:underline;} strong{font-weight:bold;} em{font-style:italic;} p.description{color:#ffffff;} p.description a{color:#de5e1f;} #wrapper{width:960px; margin:0 0 -30px 100px; min-height: 100%; height:auto !important; height: 100%; } #header{width:960px;background: url(images/headerBack.jpg);} #header h1, #header h3{text-indent:-9999px;} a.homeLogo{display:block; width:150px; height:150px; position:absolute; z-index:2; margin:26px 0 0 810px; background:url(images/logoOver.jpg) top left; text-indent:-9999px; } a.homeLogo:hover{background:url(images/logoOver.jpg) top right;} #mainNav{width:960px; height:40px;padding:125px 0 0 0px; color:white; line-height:40px;} #mainNav a{color:white;} #mainNav li{display:inline; } #mainNav a.architecture{display:block;width:165px; height:40px; background:url(images/navArchitect.jpg) top left; text-indent:-9999px; float:left;} #mainNav a.architecture:hover{background:url(images/navArchitect.jpg) top right;} #mainNav li#current a.architecture{display:block;width:165px; height:40px; background:url(images/navArchitect.jpg) bottom left; text-indent:-9999px; float:left;} #mainNav a.practice{display:block;width:165px; height:40px; background:url(images/navPractice.jpg) top left; text-indent:-9999px; float:left;} #mainNav a.practice:hover{background:url(images/navPractice.jpg) top right;} #mainNav li#current a.practice{display:block;width:165px; height:40px; background:url(images/navPractice.jpg) bottom left; text-indent:-9999px; float:left;} #mainNav a.contact{display:block;width:165px; height:40px; background:url(images/navContact.jpg) top left; text-indent:-9999px; float:left;} #mainNav a.contact:hover{background:url(images/navContact.jpg) top right;} #mainNav li#current a.contact{display:block;width:165px; height:40px;background:url(images/navContact.jpg) bottom left; text-indent:-9999px; float:left;} #mainNav a.perspectives{display:block;width:165px; height:40px;background:url(images/navPerspectives.jpg) top left; text-indent:-9999px; float:left} #mainNav a.perspectives:hover{background:url(images/navPerspectives.jpg) top right;} #mainNav li#current a.perspectives{display:block;width:165px; height:40px;background:url(images/navPerspectives.jpg) bottom left; text-indent:-9999px; float:left;} #homeContent{width:960px; height:510px; background:url(rotator/rotator.php); margin:0px 0 30px 0;} #homeText{padding:30px; height:400px;} a.caseStudyBtn{width:230px; height:55px; background:url(images/caseStudyBtn.png) top left;text-indent:-9999px; display:block;} a.caseStudyBtn:hover{width:230px; height:55px; background:url(images/caseStudyBtn.png) top right; } #homeContent p{width:470px; color:#fff; } #homeContent p.title{color:#de5e1f; font-size:1.25em; margin:30px 0 0px 0;} #homeContent p.credentials{margin:0;} /*------------------------------------- PAGE STYLES & PAGE NAV ---------------------------------------*/ #navRow { margin:0 0 0px 0; } #pageContent{width:960px; background-color:white; margin:0 0 0px 0;} #pageContent.contact{background-color:#3a3d39;} #pageContent.twoColumn{background:url(images/blogContentBack.jpg);} #pageNav{width:938px; height:42px; background-color:#191a18; padding:0px 0 0 22px;} #pageNav li{ display:inline; padding:0 20px 0 0; line-height:40px; font-size:9.5pt;} #pageNav a{color:#767a74;} #pageNav a:hover{color:white; text-decoration:none;} #pageNav li.current_page_item a{color:#de5e1f;} #pageNav li.current_page_parent a{color:#de5e1f;} .parent-pageid-207 #pageNav li.caseStudies a{color:#de5e1f;} .parent-pageid-223 #pageNav li.commercial a{color:#de5e1f;} .parent-pageid-225 #pageNav li.industrial a{color:#de5e1f;} .parent-pageid-227 #pageNav li.residential a{color:#de5e1f;} #pageNav li.caseStudies {margin:0 0 4px 0;} #sidebar{width:260px; float:left; padding:20px 0;} #pageMain{width:610px;float:right; padding:20px 30px 20px 20px; min-height:300px; margin:0 0 40px 0;} #thirdNav{width:300px; margin:0 0 0px 0; border-bottom:1px solid #ebeceb; padding:0 0 30px 0;} #thirdNav li{line-height:22px; padding:0 0 0 20px;} #thirdNav a{color:#767a74; text-decoration:none;} #thirdNav a:hover{color:black;} #thirdNav li.current_page_item a{color:black;} #thirdNav li.current_page_parent a{color:black;} #pageContent #column1{width:200px; min-height:300px;float:left;} #pageContent #column1 p{margin:0;} #pageContent #column1 p.sidebarCaption{margin:10px 0 0 0; font-style:italic; font-size:8pt;} #pageContent #column2{width:630px; min-height:300px;float:left; padding:0 0 0 30px; margin:0 0 100px 0;} #pageContent h2{font-size:13pt; } #pageContent h3{color:#2d302c;} #pageContent h2.clientTitle{color:#de5e1f; font-style:italic;} #pageMain img{max-width:590px; border:10px solid #f0f0e9; margin:10px 0; display:block;} #pageMain h2.memberName{color:#de5e1f; font-style:italic;} #pageContent #pageMain h2{color:#de5e1f;} #pageMain p.memberTitle{color:black; margin:0 0 10px 0;} #staffPic {width:220px; float:left; margin:0 20px 0 0px; height:225px;} #staffPic img{border:10px solid #f0f0e9; margin:0;} #staffInfo{width:360px;float:left;} #sidebarContactLink{padding: 10px 20px 20px 20px;} #sidebarContactLink p{font-size:8pt;} #sidebarContactLink a{color:black; text-decoration:none; margin:4px 0 0 0;} #sidebarContactLink a:hover{text-decoration:underline;} .page_col { width:200px; float:left; display:block; padding:0; margin:0 5px 0 0; } /* All LI elements */ .page_col li { display:block; margin:1px 0 0 0; line-height:14px; } .page_col li a{color:#767174;} .page_col li a:hover{color:white; text-decoration:none;} .page_col li.current_page_item a{color:white;} /*------------------------------------- ARCHITECTURE PROJECTS ---------------------------------------*/ #workSlides{width:840px; height:360px; background-color: #2d302c; margin:0px 20px 10px 20px; padding:20px 40px 20px;} #workSlides.studioTour{margin:20px 20px 10px 20px;} #workSlidesInside{width:840px; height:360px; margin:0 auto 0px;} #workImages{margin:0 0 10px 10px; display:block; overflow:hidden; width:880px;} #workImages ul, #workImages li{margin:0; padding:0; list-style:none;} #workImages, #workImages li{width:840px; height:360px; overflow:hidden;padding:0px;margin:0px; } #prevBtn, #nextBtn{ display:block; width:40px; height:40px; position:absolute; z-index:5; margin:0px 0 0 0px; } #nextBtn{margin:-230px 0 0 900px;} #prevBtn{margin:-230px 0 0 20px;} #nextBtn a{background:url(images/nextArrow.jpg);} #nextBtn a:hover{background:url(images/nextArrowOver.jpg);} #prevBtn a{background:url(images/prevArrow.jpg);} #prevBtn a:hover{background:url(images/prevArrowOver.jpg);} #prevBtn a, #nextBtn a{ display:block; width:40px; height:40px; text-indent:-9999px; } #projectInfo{width:960px; padding:6px 0 30px 60px;} #projectDescription{width:660px; float:left; } #projectDescription a{color:#3a3d39; text-decoration:none;} #projectDescription a:hover{text-decoration:underline;} #projectDescription h2{color:#de5e1f; margin:4px 0 6px 0;} #projectDescription p{line-height:13pt; margin:0 0 8px 0; font-size:9pt;} /*#projectNav{margin:30px 0 0 0;} #projectNav a{ font-weight:bold; padding:0px 0 0 0; color:#a2a39f; text-transform:uppercase; font-size:7.5pt; letter-spacing:1px; font-family:arial;} #projectNav a:hover{color:#333;} .nextClient{display:inline; padding:0 0 0 0px;}*/ /*------------------------------------- CASE STUDY DROPDOWN ---------------------------------------*/ #caseStudyNav{width:920px; height:40px; background-color: #2d302c; margin:20px auto 0px; padding:0 0 0 0px; } #subMenu{background-image:url(images/subMenuBack.png); background-repeat:repeat; min-height:380px;} /* LEVEL ONE */ ul.dropdown { position: relative; padding:18px 0 0 40px; } ul.dropdown li { width:260px; height:24px;color:white; line-height:18px;} ul.dropdown a:hover { color:white; text-decoration:none; } ul.dropdown a:active { color: #de5e1f; } ul.dropdown li a { display: block; background:url(images/dropDownBack.jpg) top left; width:252px; height:21px;color:white; padding:3px 0 0 10px; } ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */ ul.dropdown li.hover, ul.dropdown li:hover {position: relative; background-image:none;} ul.dropdown li.hover a {background-image:none;} /* LEVEL TWO */ ul.dropdown ul { width: 260px; visibility: hidden; position: absolute; top: 100%; left: 0; background-color:none; padding:6px 0 0 0;} ul.dropdown ul li { font-weight: normal; color: #000; float: none; background-image:none; background-color:none;} /* IE 6 & 7 Needs Inline Block */ ul.dropdown ul li a { width:252px; border-right: none; width: 100%; display:block; background-image:none; color:#999; margin:0;padding:0 0 0 10px;} ul.dropdown ul li a:hover{background-image:none; background-color:none;} /* LEVEL THREE */ ul.dropdown ul ul { left: 100%; top: 0; } ul.dropdown li:hover > ul { visibility: visible; } /*------------------------------------- STUDIO TOUR ---------------------------------------*/ #pageContent.studioTour{width:960px;} #studioTourSlides{width:620px; height:380px; background-color:gray; float:left; margin:0 0 60px 0;} #studioColumn2{width:340px;height:360px; float:left;} #studioColumn2 p{margin:0; padding:0 0 0 30px;} #studioContactLink{width:310px; height:12px;float:left; padding:8px 0 0 30px; } /*------------------------------------- PAGE STYLES ---------------------------------------*/ #contactInfo{ padding:0 20px; margin:-10px 0 0 0;} #contactInfo h2{color:#de5e1f; margin:10px 0 0 0;} #contactInfo li{line-height:24px;} #contactInfo li a{color:black; text-decoration:none;} #contactInfo a:hover{text-decoration:underline;} /*------------------------------------- PERSPECTIVES PAGE ---------------------------------------*/ #blogContainer{width:960px; background:url(images/blogContentBack.jpg); margin:0 0 20px 0;} #blogTopNav{width:960px;height:42px; background-color:#191a18;} #blogTopNav a.rssLink{display:block; width:140px; height:40px; float:left; background:url(images/blogRssLink.jpg) top left; text-indent:-9999px; margin:0 0 0 0px;} #blogTopNav a.rssLink:hover{background:url(images/blogRssLink.jpg) top right;} #blogTopNav a.backToTono{display:block; width:200px; height:40px; float:right; background:url(images/backToTono.jpg) top left; text-indent:-9999px; margin:0 300px 0 0;} #blogTopNav a.backToTono:hover{background:url(images/backToTono.jpg) top right;} #blogContent{width:660px; min-height:650px; float:right; margin:0 0 20px 0;} #blogContent ul{margin:0 0 40px 0;} li.blogPost{border-bottom:1px solid #ebeceb; padding:0 0 20px 0;} .blogPostContent{padding:0 40px 0 40px;} .blogPostContent h3{color:#de5e1f; font-style:italic; font-size:12pt; margin:10px 0;} .blogPostContent img{border:10px solid #f0f0e9;} .blogPostContent a{color:#de5e1f;} #blogContent h2 {font-family:Arial, Helvetica, sans-serif; color:#3a3d39; font-style:italic; font-size:13pt; padding:20px 0px 0 ;} #blogContent h2 a{ color:#3a3d39;} #postTitle p.postDate{padding:2px 0 0 0px; margin:0; font-size: .9em;} #postTitle p.postCategories {color:#de5e1f; padding:0 0 10px 0px;} #postTitle p.postCategories a{color:#de5e1f;} #blogSidebar{width:300px; float:left;} #blogSidebar h2{font-family:Arial, Helvetica, sans-serif; color:#de5e1f; font-style:italic; font-size:13pt; border-bottom:1px solid #ebeceb; padding:15px 25px;} #blogSidebar h2 a{font-family:Georgia, "Times New Roman", Times, serif; color:#de5e1f; font-style:italic; font-size:1.75em; border-bottom:1px solid #ebeceb; } #blogSidebar #recentPostsList li{padding:14px 0; /*border-bottom:1px solid #ebeceb;*/ } #blogSidebar #categoriesList{margin:20px 0 0 0; line-height:30px;} #blogSidebar #categoriesList h2{margin:-20px 0 14px 0;} #blogSidebar #categoriesList a{font-size:1.25em;} #blogSidebar #categoriesList li.current-cat{font-weight:bold;} #blogSidebar a.recentPostTitle{color:#3a3d39; font-family:Arial, Helvetica, sans-serif; font-size:1.25em; font-style:normal; border:none; margin:0;} #blogSidebar p.postDate{color:#767a74; margin:0px; padding:0 25px; font-size:.9em;} #blogSidebar a{color:#3a3d39; font-size:11pt; padding:0 0 0 25px;} a.more-link{display:block; font-weight:bold; color:#767a74; padding:6px 0;} a.more-link:hover{color:#3a3d39; text-decoration:none;} /*------------------------------------- PAGE NAV ---------------------------------------*/ /*------------------------------------- CATEGORY.PHP ---------------------------------------*/ #blogContent h2.categoryHeading{padding:20px 40px; font-size:10pt; border-bottom:1px solid #ebeceb;} /*------------------------------------- FOOTER ---------------------------------------*/ #push{height:30px;} #footer{height:30px; background-color:#1a1a18;} #footer p{font-size:.85em; text-align:left; padding:8px 0px 0 0; margin:0;} #footer a{text-decoration:underline; color:#767a74;} #footer a:hover{color:#fff;} #footerContent{width:960px; margin:0 0 0 100px;; padding:0;} /*------------------------------------- COMMENTS ---------------------------------------*/ #comments{padding:0 0 10px 0;} #comments #comments_list li{background:#f8f8f8; border:1px solid #cccccc; margin:10px 0;} .comments_meta{background:#ebebeb; border-bottom:1px solid #cccccc;} #comments p{margin:0px;} #comments h3{margin:10px 0;} #comments h3 u{text-decoration:none;} .comments_reply{border-top:1px solid #ebeceb; padding:20px 0 0 0;} .comment_text{padding:10px;} #comments p.commentAuthor{color:#3a3d39; font-family:Georgia, "Times New Roman", Times, serif; font-size:11pt; font-style:italic; padding:10px 10px 0;} #comments p.commentAuthor a{color:#3a3d39;} #comments p.commentDate{font-size:8pt; padding:0 0px 10px 10px;} #comment{width:580px;} .post{} .postmeta{} .postnavigation{} #searchform{} #sidebar{} #comments .comments_navigation{} .comments_navigation{} .comments_reply{} .comments_meta{} .clear{clear:both;}