/* Theme Name: Starkers Theme URI: http://lanterra.com Author: David Turton Author URI: http://www.quimeracreative.com Tags: starkers, naked, clean, basic */ @import "style/css/reset.css"; @charset "utf-8"; /* CSS Document */ /* --------------------------------------------- 01. main/default elements --------------------------------------------- */ body {background-color:#111108;} body {background-color:#111108; font-family:"san serif", Calibri, Tahoma, Arial, Helvetica, sans} a {color: #555555;} a:hover {color:#302f2f;} p { font-size:13px; font-weight:normal; color:#555555; line-height:1.3em} p.mediacontact { font-size:13px; font-weight:normal; color:#555555; line-height:1.6em; position: absolute; top:80px; left: 10px;} p.mediacontact span {color: #A4882F;} p.mediacontact span.mediacontactname {color:#333333; font-weight: bold;} h1 { font-size:18px; font-weight:normal; color:#555555} h2 { font-size:14px; font-weight:normal; color:black;} h3 { font-size:12px; font-weight:normal; color:black;} .text_bold { font-weight:bold; color:#333333} a.text_bold {text-decoration: none;} a:hover.text_bold {text-decoration: underline;} .text_gold { color:#A4882F} .text_blue { color:#528BC6} .text_pink { color:#FF00FF} .date { color:#5588CC} /* --------------------------------------------- 02. container --------------------------------------------- */ #container { width:970px; float:left; padding-bottom:107px} /* --------------------------------------------- 03. wrapper --------------------------------------------- */ #wrapper { width:970px; float:left; background:#FFFFFF} /* --------------------------------------------- 04. header --------------------------------------------- */ #header { width:970px; height:410px; float:left} /* --------------------------------------------- 04.1 header - header image and welcome text --------------------------------------------- */ .photo_header { float:left} .welcome { width:288px; float:left; padding-left:38px; padding-top:90px} .welcome p { line-height:1.5em; padding-top:27px} /* --------------------------------------------- 05. content --------------------------------------------- */ #content { width:970px; float:left;min-height: 550px;} #content-home { width:970px; float:left;} /* --------------------------------------------- 05.1 content - logo --------------------------------------------- */ .logo { float:left; margin-top:-38px; position:relative} /* --------------------------------------------- 06. rightpanel --------------------------------------------- */ #rightpanel { width:736px; float:left; padding-left:9px} /* --------------------------------------------- 06.1 rightpanel - homepage navigation --------------------------------------------- */ #nav { width:720px; float:left; padding:48px 0; padding-left:16px} #nav ul li { float:left; padding:0 7px} #nav ul li a { height:21px; float:left} #nav ul li a.home { width:43px; background:url(style/images/li_home.gif) no-repeat} #nav ul li a.home:hover { background:url(style/images/li_home_hover.gif) no-repeat} #nav ul li a.home_selected { width:43px; background:url(style/images/li_home_selected.gif) no-repeat} #nav ul li a.aboutus { width:70px; background:url(style/images/li_aboutus.gif) no-repeat} #nav ul li a.aboutus:hover { background:url(style/images/li_aboutus_hover.gif) no-repeat} #nav ul li a.aboutus_selected { width:70px; background:url(style/images/li_aboutus_selected.gif) no-repeat} #nav ul li a.capabilities { width:89px; background:url(style/images/li_capabilities.gif) no-repeat} #nav ul li a.capabilities:hover { background:url(style/images/li_capabilities_hover.gif) no-repeat} #nav ul li a.capabilities_selected { width:89px; background:url(style/images/li_capabilities_selected.gif) no-repeat} #nav ul li a.lanterrateam { width:109px; background:url(style/images/li_lanterrateam.gif) no-repeat} #nav ul li a.lanterrateam:hover { background:url(style/images/li_lanterrateam_hover.gif) no-repeat} #nav ul li a.lanterrateam_selected { width:109px; background:url(style/images/li_lanterrateam_selected.gif) no-repeat} #nav ul li a.projects { width:62px; background:url(style/images/li_projects.gif) no-repeat} #nav ul li a.projects:hover { background:url(style/images/li_projects_hover.gif) no-repeat} #nav ul li a.projects_selected { width:62px; background:url(style/images/li_projects_selected.gif) no-repeat} #nav ul li a.news { width:103px; background:url(style/images/li_news.gif) no-repeat} #nav ul li a.news:hover { background:url(style/images/li_news_hover.gif) no-repeat} #nav ul li a.news_selected { width:103px;background:url(style/images/li_news_selected.gif) no-repeat} #nav ul li a.contactus { width:83px; background:url(style/images/li_contactus.gif) no-repeat} #nav ul li a.contactus:hover { background:url(style/images/li_contactus_hover.gif) no-repeat} #nav ul li a.contactus_selected { width:83px;background:url(style/images/li_contactus_selected.gif) no-repeat} /* --------------------------------------------- 06.2 rightpanel - news and events --------------------------------------------- */ #newsandevents { width:736px; float:left} .buttonlist { width:736px; float:left} .button_back { float:left; padding-right:10px} .line { width:708px; float:left; background:url(style/images/bg_line.gif) repeat-x center} .line a { float:right; font-size:12px; font-weight:normal; color:#5588CC; text-decoration:none; background:#FFFFFF; text-align:right; padding: 0px 10px} .button_next { float:left} .set_news { width:210px; float:left; padding:15px 15px 30px 20px} .set_news p { font-size:11px} /* --------------------------------------------- 07. footer styles --------------------------------------------- */ #footer { width:935px; float:left; background:#AA8833; padding:10px 25px 20px 10px;margin-top:5px} #footer p { font-size:13px; color:#FFFFFF; text-align:right; position:relative} #footer p a:link, #footer p a:visited { color:#FFFFFF; text-decoration:none} #footer p a:hover { color:#FFFFFF; text-decoration:underline} /* --------------------------------------------- 08. header innerpage --------------------------------------------- */ #header-inner { width:970px; height:100px; float:left} .goldbar_aboutus { width:81px; height:100px; float:left; background:#A4882F} .goldbar_capabilities { width:105px; height:100px; float:left; background:#A4882F} .goldbar_lanterra { width:125px; height:100px; float:left; background:#A4882F; margin-left:-2px} .goldbar_projects { width:77px; height:100px; float:left; background:#A4882F} .goldbar_news { width:120px; height:100px; float:left; background:#A4882F; margin-left:-1px} .goldbar_contactus { width:98px; height:100px; float:left; background:#A4882F; margin-left:-165px} /* --------------------------------------------- 09. logo - innerpage --------------------------------------------- */ .logo_inner { float:left; margin-top:-25px; position:relative} /* --------------------------------------------- 10. nav - innerpage --------------------------------------------- */ #nav_inner { width:670px; height:90px; float:left; padding-top:22px } #nav_inner ul li { float:left; padding:0 7px} #nav_inner ul li.page-item-6 { padding-left:0} #nav_inner ul li a { height:21px; float:left; text-indent: -9999px;} #nav_inner ul li.page-item-6 a { width:43px; background:url(style/images/li_home.gif) no-repeat; } #nav_inner ul li.page-item-6 a:hover { background:url(style/images/li_home_hover.gif) no-repeat} #nav_inner ul li.page-item-6.current_page_item a { width:43px; background:url(style/images/li_home_selected.gif) no-repeat} #nav_inner ul li.page-item-2 a { width:70px; background:url(style/images/li_aboutus.gif) no-repeat; padding-top:23px} #nav_inner ul li.page-item-2 a:hover { background:url(style/images/li_aboutus_hover.gif) no-repeat} #aboutus #nav_inner ul li.current_page_item a { width:81px; background:#A4882F url(style/images/li_aboutus_selected_inner.gif) no-repeat bottom; padding-top:62px; margin-top:-23px; position:relative} #nav_inner ul li.page-item-17 a { width:89px; background:url(style/images/li_capabilities.gif) no-repeat; padding-top:23px} #nav_inner ul li.page-item-17 a:hover { background:url(style/images/li_capabilities_hover.gif) no-repeat} #capabilities #nav_inner ul li.current_page_item a{ width:105px; background:#A4882F url(style/images/li_capabilities_selected_in.gif) no-repeat bottom; padding-top:62px; margin-top:-23px; margin-left:-2px; position:relative} #nav_inner ul li.page-item-11 a { width:111px; background:url(style/images/li_lanterrateam.gif) no-repeat; padding-top:23px} #nav_inner ul li.page-item-11 a:hover { background:url(style/images/li_lanterrateam_hover.gif) no-repeat} #team #nav_inner ul li.current_page_item a { width:125px; background:#A4882F url(style/images/li_lanerra_selected_inner.gif) no-repeat bottom; padding-top:62px; margin-top:-23px; position:relative} #nav_inner ul li.page-item-19 a { width:62px; background:url(style/images/li_projects.gif) no-repeat; padding-top:23px} #nav_inner ul li.page-item-19 a:hover { background:url(style/images/li_projects_hover.gif) no-repeat} #projects #nav_inner ul li.current_page_item a { width:77px; background:#A4882F url(style/images/li_projects_selected_inner.gif) no-repeat bottom; padding-top:62px; margin-top:-23px; position:relative} #projects-info #nav_inner ul li.current_page_item a { width:77px; background:#A4882F url(style/images/li_projects_selected_inner.gif) no-repeat bottom; padding-top:62px; margin-top:-23px; position:relative} #nav_inner ul li.page-item-47 a { width:103px; background:url(style/images/li_news.gif) no-repeat; padding-top:23px} #nav_inner ul li.page-item-47 a:hover { background:url(style/images/li_news_hover.gif) no-repeat} #news #nav_inner ul li.current_page_item a { width:120px; background:#A4882F url(style/images/li_news_selected_inner.gif) no-repeat bottom; padding-top:62px; margin-top:-23px; position:relative} #news #nav_inner ul li.current_page_parent a { width:120px; background:#A4882F url(style/images/li_news_selected_inner.gif) no-repeat bottom; padding-top:62px; margin-top:-23px; position:relative} #nav_inner ul li.page-item-15 a { width:83px; background:url(style/images/li_contactus.gif) no-repeat; padding-top:23px} #nav_inner ul li.page-item-15 a:hover { background:url(style/images/li_contactus_hover.gif) no-repeat} #contactus #nav_inner ul li.current_page_item a { width:98px; background:#A4882F url(style/images/li_contactus_selected_inner.gif) no-repeat bottom; padding-top:62px; margin-top:-23px; position:relative} /* --------------------------------------------- 11. right panel innerpage --------------------------------------------- */ #leftpannel-inner {width:100px; height: 50px; } #leftpannel-inner p {color: black;} #rightpanel-inner {width:665px; float:left; padding-left:112px; padding-bottom:40px} #rightpanel-inner p { line-height:1.5em; padding-bottom:20px} #rightpanel-inner p a.contact { color:#FFFFFF; text-decoration:none; background:#528BC6; padding:3px} #rightpanel-inner h1.projectspot { border-bottom:1px solid #BBBBBB; padding-bottom:8px; margin-bottom:15px; font-weight: bold; text-indent: -9999px; background: url(style/images/project_spotlight.gif) no-repeat; height: 23px; width: 133px;} .leftcontent { width:320px; float:left; padding-right:30px} .leftcontent p { padding-bottom:20px} .rightphotolist { width:300px; float:right;} #rightpanel-inner .rightphotolist h1 {color: #a4882f; border-bottom: 0 !important; padding-bottom: 0; font-family: Arial; font-weight: normal; margin-bottom: 10px;} #rightpanel-inner .rightphotolist h2 {color: #a4882f; line-height: 19px;} .rightphoto { float:left; padding-bottom:10px} #rightpanel-inner .rightphotolist img {padding: 1px; border: 1px solid #bfbfbf;} .currentprojects {width: 665px; border-bottom: 1px solid #dddddd; overflow: hidden; padding-bottom: 10px;padding-top: 10px;} .currentprojects img.project {float: right;} .currentprojects .info {float: left; width: 310px;} .currentprojects h2 {font-weight: bold; color: #a4882f; font-size: 16px;margin-bottom: 4px;} .currentprojects h3 {color: #555555; font-size: 13px;} .currentprojects img {padding: 1px; border: 1px solid #bfbfbf;} #inprogressprojects { width:665px; float:left; margin-top:-20px} /* --------------------------------------------- 12. Capabilities Page --------------------------------------------- */ ul.capabilities col1 { list-style:hiragana; } ul.capabilities li { color: #555555; font-size: 13px; } /* --------------------------------------------- 13. News Page --------------------------------------------- */ span.postdate {color:#5588cc; font-size: 13px;} #rightpanel-inner.news {margin-top: 5px} .news a {color: #333333; text-decoration: none; font-size: 14px; margin-left: 5px; text-transform: uppercase; } .news a:hover {color: #333333; text-decoration: underline; } .news p a {text-decoration: underline;} #rightpanel-inner .news p {border-bottom: 1px solid #BBBBBB; padding-bottom: 10px;} ul.breadcrums {padding-bottom: 10px; border-bottom: 1px solid #BBBBBB;clear: both;height: 20px;} ul.breadcrums li a {color:#5588CC; font-size:13px;} ul.breadcrums li {float: left;} ul.breadcrums li.print {float: right;} /* --------------------------------------------- 14. Capabilities Page --------------------------------------------- */ .col1 { width: 300px; float: left; } .col2 { width: 300px; float: left; margin-bottom: 30px; } .col1 ul, .col2 ul { list-style:disc; margin-bottom: 5px; } .col1 ul li, .col2 ul li { margin-left: 15px; padding: 3px 0; } /* --------------------------------------------- 14. Contact Page --------------------------------------------- */ img.map {float: right;} div#contactinfo {float: left;} div#contactinfo p {border-bottom: 1px solid #BBBBBB; padding: 10px 0;} div#contactinfo p.lastitem {border-bottom: 0; padding: 10px 0;} /* --------------------------------------------- 14. Categories Menu --------------------------------------------- */ div.breadcrums a {color: #555555; text-decoration: none;} div.breadcrums span {color: #a4882f;} li.categories {text-indent: -9999px;} .category ul {margin-top: 50px;} .category ul li {padding-left: 10px; border-top: 1px solid #cccccc;} .category ul li a {text-indent: -9999px; display: block; background: url(style/images/categories_sprites.gif) no-repeat top left; margin: 10px 0 10px 10px;} .category ul li.cat-item-5 a {background-position: 0 0; height: 16px;} .categories ul li.cat-item-5 a:hover {background-position: 0 -66px; height: 16px;} #commercial ul li.current-cat a {background-position: 0 -66px; height: 16px;} .category ul li.cat-item-6 a {background-position: 0 -132px; height: 16px;} .category ul li.cat-item-6 a:hover {background-position: 0 -198px; height: 16px;} #industrial ul li.current-cat a {background-position: 0 -198px; height: 16px;} .category ul li.cat-item-7 a { background-position: 0 -400px; height: 16px;} .category ul li.cat-item-7 a:hover {background-position: 0 -469px; height: 16px;} #multifamily ul li.current-cat a {background-position: 0 -469px; height: 16px;} .sprite-inprogress_off { background-position: 0 -264px; } .sprite-inprogress_on { background-position: 0 -332px; } .sprite-multifamily_off { background-position: 0 -400px; } .sprite-multifamily_on { background-position: 0 -469px; } .sprite-residential_off { background-position: 0 -538px; } .sprite-residential_on { background-position: 0 -603px; }