/* Theme Name: Green HVAC Solutions Theme URI: http://www.matrixgroup.net/ Description: A theme by Matrix Group International, Inc. for the SMCA and Local 19 Green HVAC Solutions Version: 1.0 Author: Brad Graham Author URI: http://gdarb.com/ */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-size:100%; text-align: left !important; vertical-align:baseline; /*background:transparent;*/ } ol, ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:'';content:none; } /* remember to highlight inserts somehow! */ ins { text-decoration:none; } del { text-decoration:line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse:collapse;border-spacing:0; } cite { font-style:normal; } /* =Generics ************************************/ body { font-size:100%; /*16 pixel text*/ font-family:Arial, Helvetica Neue, Helvetica, sans-serif; line-height:1.125em; /*18 pixel line-height*/ background:#e0eecb; margin:10px 0 2em; } #wrapper { background-color:#fff; margin:0 auto; width:930px; text-align:left; } #skiplinks { left:-9999px; position:absolute; top:-9999px; } abbr { border:none; } .clear { clear:both; } .importance, strong { font-weight:bold; } .emphasis, em { font-style:italic; } .hide, .for-print { display:none; } .alignleft { float:left; margin-right:7px; } .alignright { float:right; margin-left:7px; } .upper { text-transform:uppercase; } .structural { position:absolute; left:-9999px; } sup { vertical-align:0.5em; font-size:0.9em; } sub { vertical-align:-0.5em; font-size:0.9em; } #wrapper #main .vcard, #wrapper #main .scan { list-style:none; padding-left:0; } /* =Links ------------------------------------ */ a:link { text-decoration:underline; color:#0082c8; } a:visited { text-decoration:underline; color:#3a5869; } a:hover, a:active, a:focus { text-decoration:none; color:#0082c8; } .more { background:url(images/template/universal/arrows-b.png) 100% 65% no-repeat; padding-right:10px; } /* =MastHead ------------------------------------ */ #masthead { background:url(images/template/universal/wrapper-top.gif) 0 0 no-repeat; padding:0 30px; border-bottom:1px solid #c4df9b; width:auto; overflow:hidden; position:relative } #logo a { display:block; width:669px; height:141px; text-indent:-9999px; background:url(images/greenhvac-logo.png) 0 0 no-repeat; } /* =Main Nav ------------------------------------ */ #main-nav { margin:15px 0 0 75px; width:810px; overflow:hidden; font-size:1.25em;/* 20/16 */ line-height:1em; } #main-nav li { float:left; } #main-nav a:link, #main-nav a:visited { color:#0082c8; } #main-nav a:hover, #main-nav a:active, #main-nav a:focus { color:#8dc63f; } #main-nav a { display:block; height:24px; position:relative;} #nav-about a, #nav-about span { width:90px; } #nav-why a, #nav-why span { width:159px; } #nav-find a, #nav-find span { width:152px; } #nav-portfolio a, #nav-portfolio span { width:84px; } #nav-resources a, #nav-resources span { width:101px; } #nav-contact a, #nav-contact span { width:104px; } #nav-news-events a, #nav-news-events span { width: 110px; } #main-nav span { background:url(images/template/universal/nav.gif) 0 0 no-repeat; display:block; height:24px; cursor:pointer; position:absolute; top:0; left:0; } #nav-why span { background-position:-95px 0; } #nav-find span { background-position:-259px 0; } #nav-portfolio span { background-position:-416px 0; } #nav-resources span { background-position:-505px 0; } #nav-contact span { background-position:-611px 0; } #nav-news-events span { background-position:-721px 0; } /* hover */ #nav-about a:hover span, #nav-about a:active span, #nav-about a:focus span, #about #nav-about span { background-position:0 -24px; } #nav-why a:hover span, #nav-why a:active span, #nav-why a:focus span, #why-work-with-us #nav-why span { background-position:-95px -24px; } #nav-find a:hover span, #nav-find a:active span, #nav-find a:focus span, #find-contractor #nav-find span { background-position:-259px -24px; } #nav-portfolio a:hover span, #nav-portfolio a:active span, #nav-portfolio a:focus span, #portfolio #nav-portfolio span { background-position:-416px -24px; } #nav-resources a:hover span, #nav-resources a:active span, #nav-resources a:focus span, #resources #nav-resources span { background-position:-505px -24px; } #nav-contact a:hover span, #nav-contact a:active span, #nav-contact a:focus span, #contact #nav-contact span {background-position:-611px -24px; } #nav-news-events a:hover span, #nav-news-events a:active span, #nav-news-events a:focus span, #news-events #nav-news-events span {background-position:-721px -24px; } /* =Homepage ------------------------------------ */ #home #main { background:none; } #home #content { float:none; width:868px; padding:1.375em 31px; overflow:hidden; } #home #content .article { font-size:0.875em;/* 14/16 */ color:#676767; float:left; width:270px; margin-right:29px; } #home #content #post-65 { margin-right:0; } #home #content .article h2 { font:1.714em "Helvetica Neue", sans-serif;/* 24/14 */ color:#0082c8; line-height:1em; margin-bottom:0.143px;/* 4/28 */ } #home #content .article p { margin:1.285em 0;/* 18/14 */ } #home #content .article h2 + p { margin-top:1.571em;/* 22/14 */ } #home #main #content .article h2 a { text-decoration:none; } #home #content .article .more { color:#72ac23; background:url(images/template/universal/arrows-g.png) 100% 65% no-repeat; padding-right:10px; } #home #content .article a:link, #home #content .article a:visited { text-decoration:none; } #home #content .article a:hover, #home #content .article a:active, #home #content .article a:focus { text-decoration:underline; } /* =Showcase ------------------------------------ */ #showcase { height:215px; background:url(images/template/homepage/showcase-bg.gif) 0 28px repeat-x; margin:0.438em 0 0; width:930px; position:relative; padding-top:1px; } #showcase-inner { height:166px; width:850px; margin:0 40px; padding:49px 0 0; overflow:hidden; position:relative; } #scroll-container { position:relative; } #showcase .article { width:212px; height:128px; float:left; position:relative; padding:0 11px; overflow:hidden; } #showcase .article img { width:212px; height:128px; } #showcase .article a { color:#a0cff4 } #showcase .article a:link, #showcase .article a:visited { text-decoration:none; } #showcase .article a:hover, #showcase .article a:active, #showcase .article a:focus { text-decoration:underline; } #showcase .article .description { background:url(images/template/homepage/highlight-bottom.gif) 0 100% no-repeat #0082c8; color:#fff; position:absolute; bottom:0; left:0; margin:0 11px; border:1px solid #fff; padding:8px 10px; font:0.75em "Helvetica Neue", sans-serif;/* 12/16 */ width:338px; } #showcase .article .description h2 { font-size:1.166em;/* 14/12 */ font-weight:bold; margin-bottom:3px; } #showcase .article .description h2 a {color: #fff } #showcase .article .description a strong {color: #fff;} #showcase .article .description p { display:inline; } /* Pager */ #showcase #pager { display:block; } #showcase #pager a { display:block; height:38px; width:38px; text-indent:-9999px; position:absolute; /*top:107.5px; margin-top:-19px;*/ top:95px; outline:none; } #showcase #pager #previous a { background:url(images/template/homepage/previous.png) 0 0 no-repeat; left:-8px; z-index:999; } #showcase #pager #next a { background:url(images/template/homepage/next.png) 0 0 no-repeat; right:-8px; } /* if no javascript */ .no-js #showcase .article, .no-js #showcase .description { display:none; } .no-js #showcase #panel_1, .no-js #showcase #panel_2, .no-js #showcase #panel_3, .no-js #showcase #panel_2 .description { display:block; } .no-js #showcase #panel_2 { width:360px; position:relative; top:-50px; height:216px; } .no-js #showcase #panel_2 img { width:360px; height:216px; } /* =Main ------------------------------------ */ #main { background:url(images/template/subpage/main-bg.gif) 0 0 repeat-y; width:auto; float:left; overflow:visible; } #generic #main,.no-sub-nav #main, #why-work-with-us #main, #find-contractor #main, #resources #main, #news-events #main { background:none; } /* =Sidebar */ #sidebar { font-size:1.125em;/* 18/16 */ padding:1.222em 0 1.222em 31px;/* 22/18 */ width:149px; border-right:1px solid #c4df9b; float:left; } /* sub nav */ #sub-nav { font-weight:normal; font-family:"Helvetica Neue", sans-serif; } #sub-nav > li { margin-bottom:1em;/* 18 */ } #sub-nav li ul { margin-left:10px; font-size:0.777em;/*14/18*/ } #sub-nav li ul li { margin:0.714em 0;/* 10/14 */ } #sub-nav li a:link, #sub-nav li a:visited { color:#0082c8; text-decoration:none; } #sub-nav li a:hover, #sub-nav li a:active, #sub-nav li a:focus, #sub-nav li.current_page_ancestor > a, #sub-nav li.current_page_item > a { color:#8dc63f; } /* =Content */ #content { float:left; width:693px; /*overflow:hidden;*/ padding:1.375em 31px 1.375em 25px;/* 22/16 */ } .no-sub-nav #main #content, #why-work-with-us #main #content, #find-contractor #main #content, #resources #main #content, #news-events #main #content { float:none; width:868px; padding:1.375em 31px; } /* article */ #content .article { font-size:0.8125em;/* 13/16 */ width:auto; overflow:hidden; } #content .article p, #content .article ul, #content .article ol, #content .article dl { margin:1.385em 0 0;/* 18/13 */ } #content .article h1 { font:2.308em "Helvetica Neue", sans-serif;/* 30/13 */ color:#0082c8; text-transform:uppercase; line-height:1em; margin-top:0.066em;/* 2/30 */ font-weight: normal; } #content .article h2 { font-size:2em;/* 26/13 */ line-height:1em; margin-top:1.077em;/* 28/26 */ color:#0082c8; font-weight: normal; } #content .article h1 + h2 { margin-top:0.385em;/* 10/26 */} #content .article h3 { font-size:1.538em;/* 20/13 */ line-height:1em; margin-top:1.7em;/* 34/20 */ color:#0082c8; font-weight: normal;} #content .article h2 + h3 { margin-top:0.8em;/* 16/20 */ } #content .article h4, #content .article h5, #content .article h6 { font-size:1.385em;/* 18/13 */ line-height:1em; color:#0082c8; font-weight: normal } #content .article h2 + p, #content .article h2 + ul, #content .article h2 + ol, #content .article h2 + dl, #content .article h2 + blockquote p, #content .article h2 + img + p { margin-top:0; } #content .article h3 + p, #content .article h3 + ul, #content .article h3 + ol, #content .article h3 + dl, #content .article h3 + blockquote p, #content .article h3 + img + p { margin-top:0; } #content .article h4 + p, #content .article h4 + ul, #content .article h4 + ol, #content .article h4 + dl, #content .article h4 + blockquote p, #content .article h4 + img + p { margin-top:0; } #content .article h5 + p, #content .article h5 + ul, #content .article h5 + ol, #content .article h5 + dl, #content .article h5 + blockquote p, #content .article h5 + img + p { margin-top:0; } #content .article h6 + p, #content .article h6 + ul, #content .article h6 + ol, #content .article h6 + dl, #content .article h6 + blockquote p, #content .article h6 + img + p { margin-top:0; } #content .article ul { list-style:disc outside; padding-left:15px; } #content .article ol { list-style:decimal outside; padding-left:15px; } #content .article h1 + p { text-align: left !important;margin-top:0; font-size:1.23em;/* 16/13 */ line-height:1.5em;/* 24/16 */ color:#0082c8; } #content .article h2 a { text-decoration:none; color:#0082C8; } /* Taken Care of Above #content .article .lead { font-size:1.23em;line-height:1.5em; color:#0082c8; } */ #content .article img { border:1px solid #c4df9b; } #content .article .wp-caption.alignleft { clear:left; } #content .article .wp-caption.alignright { clear:right; } #content .article .wp-caption p { margin-top:0; font-style:italic; color:#777; font-size:0.923em;/* 12/13 */ font-size:12px; } #content .article img.alignleft { margin-right:23px; } #content .article .aside { width:154px; float:right; color:#8dc63f; font-size:1.615em;/* 21/13 */ line-height:1.238em;/* 26/21 */ margin:0 0 1em 1.095em; /* 23/21 */ } #content .article .aside p { margin-top:0.857em; /* 18/21 */ } #content .article .aside .cite { color:#aaa; font-size:0.666em; /* 14/21 */ line-height:1em; } #content .article .aside .cite:before { content:'\2013\00a0'; } /* Portfolio */ #portfolio .article h2 + a img { float:left; margin:1.2em 7px 0 0; } #portfolio #portfolio-list { list-style:none; padding-left:0; } #portfolio #portfolio-list li { width:auto; overflow:hidden; } /* columns news/events */ div.news-col { width: 429px; margin-right: 10px; float: left;} div.events-col { width: 429px; float: left;} div.events-col h3 { border-top: 1px solid #C4DF9B; padding-top: 10px !important;} div.events-col h2 + h3 {border-top: none; padding-top:0;} /* =Admin */ #entry-edit { text-align:right; } #entry-edit a { font-size:0.75em;/* 12/16 */ color:#333; background-color:#99b7c7; padding:7px 10px; border:1px dashed #72838c; position:relative; right:-16px; } /*new list item for youtube videos PSALF 7/29 */ ul#video-list { display:block; margin: 0; padding:0; } ul#video-list li { display: block; margin: 10px 0px 10px 0px; clear:both; } ul#video-list li img { margin: 0px 10px 10px 0px } /* =Extras ------------------------------------ */ #extras { clear:both; background-color:#0082c8; color:#fff; font-size:0.75em;/* 12/16 */ padding:2.25em 31px;/* 27/12 */ position: relative; overflow:hidden; width:868px; } #extras h3 { font:1.5em/1em "Helvetica Neue", sans-serif;/* 18/12 */ color:#a0cff4; margin-bottom:0.5em; } #extras a { color:#fff; font-weight:bold; } #extras a:link, #extras a:visited { text-decoration:none; } #extras a:focus, #extras a:hover, #extras a:active { text-decoration:underline; } #extras .more { background:url(images/template/universal/arrows-w.png) 100% 65% no-repeat; padding-right:10px; } #extras .article { float:left; width:270px; margin-right:29px; } /* Blurb */ #extras #blurb p { margin-bottom:1.5em;/* 18/12 */ } #extras #blurb img { border:1px solid #A0CFF4; } /* Connect */ /* #connect #sm-links { float:left; } #connect #sm-links a { display:block; float:left; width:60px; height:60px; text-indent:-9999px; background:url(images/template/universal/sm-icons.png) 0 0 no-repeat; margin-right:5px; } #connect #sm-youtube a { background-position:0 -60px; } */ #connect #flickr-stream li { float:left; margin-right:10px; } #connect #flickr-stream li a { display:block; } #connect #flickr-stream li img { border:1px solid #A0CFF4; } /* Partners */ #extras #partners { margin-right:0; } #extras #partners ul { width:auto; overflow:hidden; } #extras #partners ul li { float:left; height:50px; margin-right:8px; } /* email form */ /* #extras #email-signup {display: none;} */ /* #home #extras #email-signup { display: block;} */ #extras #email-signup { clear:both; width:100%; /*bottom:10px; height: 40px; width:560px; position:absolute;*/ } #extras #email-signup h3 { display: inline; float: left; margin-right: 12px; width: auto; } #extras #email-signup input#email { color: #555; margin-right: 12px; width: 265px; } #extras #email-signup input#submit { background: url(images/template/homepage/submit.png) no-repeat top left; border: 0; height: 21px; width: 64px;} #extras .email-signup { clear:both; width:100%; /*bottom:10px; height: 40px; width:560px; position:absolute;*/ } #extras .email-signup label { font:1.5em/1em "Helvetica Neue", sans-serif;/* 18/12 */ color:#a0cff4; margin-bottom:0.5em; display: inline; float: left; margin-right: 12px; width: auto; } #extras .email-signup input.email { color: #555; margin-right: 12px; margin-bottom:2px; width: 265px; } #extras .email-signup input.subscribe { background: url(images/template/homepage/submit.png) no-repeat top left; border: 0; height: 22px; width: 64px; text-indent: -999em; } .mc_embed_close { display: none;} .mc-field-group { display: block; position: relative; padding-bottom: 2em;} div.mce_inline_error, div.mce-success-response {color: white !important; font-weight: bold; position: absolute; bottom:0; left:215px;} /* =Footer ------------------------------------ */ #contentinfo { font-size:0.75em;/* 12/16 */ color:#fff; border-top:1px solid #fff; background:url(images/template/universal/footer-bottom.gif) 0 100% no-repeat #0082c8; padding:0.666em 0 0.833em 31px;/* 8/12 */ } #matrix { margin:1.25em auto; width:899px; text-align:left; padding-left:31px; font-size:0.75em;/* 12/16 */ } /* =map link ----------------------------------------------- */ a#map, a#map2 { background: url(images/template/map-local19.gif) no-repeat top left; color: #666; display: block; float: right; font-weight: bold; height: 20px; margin-bottom: 20px; padding: 110px 0 0 0; text-align: center !important; text-decoration: none; width: 250px; border: 1px solid #fff; } a#map2 { background-image: url(images/template/map-smca.gif); } a#map:hover, a#map2:hover { border: 1px dotted #999;} .house-ad img { border: 0 !important;} .btn_flyer_head{ position:absolute; top:30px; right:10px; }