/**
 * Theme Name:  Russelectric
 * Theme URI:   http://www.chrisabernethy.com/
 * Description: Custom theme for Russelectric.
 * Version:     3.0
 * Author:      Chris Abernethy
 * Author URI:  http://www.chrisabernethy.com/
 * Tags:        russelectric
 */

/*
 * Basic HTML
 */

body       { font:normal 12px/17px Arial,sans-serif; color:#626464; background:url(img/bg-body.jpg) no-repeat left 135px; }
h1         { font:bold 18px/17px "Arial Narrow",Arial,sans-serif; color:#4376a9; }
h2         { font:bold 12px/17px Arial,sans-serif; color:#998643; }
a          { color:#4376a9; text-decoration:none; }
li         { padding-left:1.2em; margin-left:0; list-style:none; background:url(img/disc-blue.gif) no-repeat left 0.5em; }
blockquote { margin:0 15px; }
html       { background:url(img/bg-html.png) repeat-y -2px top; }

/*
 * Horizontal List
 */
ul.hlist li       { float:left; list-style:none; margin:0 8px 0 0; }
ul.hlist li.first { margin-left:0 !important; list-style:none !important; background-image:none !important; }
ul.hlist li.last  { margin-right:0 !important; list-style:none !important; }

/*
 * Vertical List
 */
ul.vlist li       { list-style:none; margin:0 0 8px 0; }
ul.vlist li.first { margin-top:0 !important; list-style:none !important; background-image:none !important; }
ul.vlist li.last  { margin-bottom:0 !important; list-style:none !important; background-image:none !important; }

/*
 * Clearfix
 * http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack
 */
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
* html .clearfix { height: 1%; }

/*
 * Site Navigation
 */
#nav                                { float:left; height:36px; font:11px/13px Arial,sans-serif; padding:6px 0 0 170px; margin-bottom:0; }
#nav, #nav ul                       { list-style:none; }
#nav ul                             { background-color:#4a7d9f; }

#nav a, #nav span                        { display:block; line-height:21px; padding:0 8px; white-space:nowrap; text-decoration:none; color:#fff; text-transform:uppercase; }
#nav li                                  { float:left; margin:0; background-image:none; padding-left:0; }
#nav li:hover, #nav li.hover             { background-color:#b6b28e; }
#nav .current_page_ancestor              { background-color:#b6b28e; }
#nav .current_page_item                  { background-color:#b6b28e; }

/* All sub-levels */
#nav li li a, #nav li li span       { width:177px; padding-left:15px; border:solid #fff; border-width:1px 0 0; line-height:25px; }
#nav li li                          { width:200px; overflow:hidden; }
#nav li ul                          { position:absolute; width:200px; left:-999em; }
#nav ul .current_page_ancestor      { background-color:#b6b28e; }

/* First Level and deeper **/
#nav li.hover ul                    { left:auto; }

/* Second Level and deeper **/
#nav li ul ul                       { width:199px; border-left:1px solid #fff; margin:-26px 0 0 200px; }
#nav li.hover ul ul                 { left:-999em; }
#nav li li.hover ul                 { left:auto; }

/*
 * Site Sub-Navigation
 */
#nav-container { position:relative; height:42px; background:url(img/bg-site-nav.png) repeat-x; }
#subnav    { float:left; font:10px/32px Arial,sans-serif; text-transform:uppercase; margin:0 0 0 80px; }
#subnav li { margin-right:25px; background-image:none; padding-left:0; }
#subnav a  { color:#fff; }

/*
 * Sitemap
 */
#sitemap ul.sitemap ul       { margin-bottom:0; }
#sitemap ul.sitemap li       { background:none; padding:0; }
#sitemap ul.sitemap li       { font-weight:bold; font-size:14px; line-height:1.8em; text-transform:uppercase; margin-bottom:0.5em; }
#sitemap ul.sitemap ul li    { font-size:0.8em; line-height:1.5em; text-transform:none; margin:0 0 0.1em 2em; }
#sitemap ul.sitemap ul ul li { font-weight:normal; font-size:0.95em; margin-bottom:0; }

/*
 * Sales Rep Locator
 */

/* Global **/
#rep-locator                      { width:188px; position:relative; z-index:1000; clear:both; background:url(img/btn-locator.png) no-repeat right top; font:11px/13px "Lucida Grande",Arial,sans-serif; margin-top:10px; margin-bottom:0; }

#rep-locator,
#rep-locator ul                   { list-style:none; background-color:#fff; }
#rep-locator a,
#rep-locator span                 { display:block; line-height:19px; padding:0 4px; white-space:nowrap; text-decoration:none; color:#626464; }
#rep-locator li                   { float:left; width:188px; margin:0; background-image:none; padding-left:0; }

/* All sub-levels */
#rep-locator li li a,
#rep-locator li li span           { width:170px; padding:0 8px; border:solid #fff; border-width:1px 0 0; line-height:29px; color:#fff; text-transform:uppercase; }
#rep-locator li li                { width:186px; overflow:hidden; background-color:#4a7d9f; }
#rep-locator li ul                { position:absolute; width:186px; left:-999em; border:solid #fff; border-width:0 1px 1px; }
#rep-locator li li.hover          { background-color:#b6b28e; }

/* First Level and deeper **/
#rep-locator li.hover ul          { left:auto; }

/* Second Level and deeper **/
#rep-locator li ul ul             { width:186px; margin:-30px 0 0; }

#rep-locator li ul ul.states      { width:186px; border-color:#fff; border-width:1px 0 0 1px; background-color:transparent; }
#rep-locator li ul ul.states li   { width:61px; border-style:solid; border-color:#fff; border-width:0px 1px 1px 0px; }
#rep-locator li ul ul.states li a { width:61px; border:0; padding:0; text-align:center; }

#rep-locator li.hover ul ul       { left:-999em; }
#rep-locator li li.hover ul       { left:-187px; }
#rep-locator li li.hover ul.countries { left:-188px; }

/******************************************************************************/
/*                             Block-level Layout                             */
/******************************************************************************/

/*
 * Block-level layout
 */
#doc                    { position:relative; z-index:0; }
#header                 { position:relative; z-index:500; }
#header #logo           { display:block; float:left; width:443px; height:0px; padding-top:88px; overflow:hidden; background:url(img/bg-header-logo.png) no-repeat; }
#header #animation      { float:left; padding-left:15px; height:88px; }
#header #search         { float:left; width:200px; height:68px; padding:20px 40px 0 10px; background:#4a7d9f url(img/bg-search.png) no-repeat right top; }

#content                        { position:relative; z-index:100; padding:25px 0 0 210px; width:814px; }

#center-col, #right-col         { float:left; display:inline; }
#center-col                     { width:400px; margin-right:20px; }
#right-col                      { width:390px; }

#home #center-col               { width:290px; }
#home #right-col                { width:500px; }

#sidebar                        { position:absolute; left:25px; bottom:0; }
#sidebar ul                     { list-style:none; list-style-image:none; }
#sidebar li                     { color:#fff; font:normal 10px/13px Arial,sans-serif; text-align:right; margin:0; background-image:none; padding-left:0; }

#footer                { position:relative; line-height:23px; background:url(img/bg-footer.png) repeat-x; font:normal 10px/21px Arial,sans-serif; height:23px; }
#footer .copyright     { float:left; color:#fff; padding-left:20px; width:150px; }
#footer a              { color:#fff; text-decoration:none; }
#footer a:hover        { font-weight:bold; }
#footer ul             { margin-left: 345px; margin-bottom:0px; }
#footer li             { white-space:nowrap; padding-left:25px; margin-left:15px; background:url(img/bg-footer-vdiv.png) no-repeat 0 4px; }

/*
 * Miscellaneous Styling
 */

#right-col ul { list-style:none; list-style-image:none; }
#right-col li { list-style:none; list-style-image:none; margin:0; background-image:none; padding-left:0; }
.navigation   { margin:1em 0; }

/*
 * Search Form
 */
.searchform .s                        { float:left; width:132px; height:13px; padding:3px; color:#626464; font:11px/13px "Lucida Grande",Arial,sans-serif; }
.searchform .searchsubmit             { float:left; }
#header .searchform .s                { border:0; }
#center-col .searchform .s            { border:1px solid #888; }
#center-col .searchform .searchsubmit { margin-top:1px; }

/*
 * Sales-rep search results
 */
.rep-search-results p.domain  { font-size:larger; }
.rep-search-results div.vcard { margin-bottom:20px; }

/*
 * Page-Specific Styling
 */

#home #clickmap-widgets       { float:right; }

#brochures #center-col        { width:790px; }
#brochures #brochure-list     { float:left; width:200px; margin-right:10px; margin-top:10px;}
#brochures #brochure-form     { float:left; width:570px; margin-left:10px; margin-top:10px;}
#brochures .cform             { width:100%; }
#brochures .cform li.textonly { background-color:transparent !important; letter-spacing:normal; text-align:left; }
#brochures .cf-box-a          { margin:0; }
#brochures .cform label.cf-after      { width:530px !important; }
#brochures .cform label.cf-after span { width:530px !important; }
#brochures .linklove                  { display:none; }
#brochures p.cf-sb                    { width:258px; }

#custom-scada #image-placeholder { float:right; padding:10px; width:300px; height:300px; }
#custom-scada #gallery           { position:relative; width:400px; margin:10px 0; }
#custom-scada #gallery           { min-height:320px; height:auto !important; height:320px; } /* min-height hack */
#custom-scada #gallery li        { padding:10px 10px 10px 0; cursor:pointer; background-image:none; color:#4376a9; }
#custom-scada #gallery .image    { position:absolute; left:400px; top:0; padding:10px; width:300px; height:300px; }

#archive .archive-excerpts .post           { margin:60px 0; }
#archive .archive-excerpts .post h2        { margin-bottom:0.5em; }
#archive .archive-excerpts .post p         { margin-bottom:0.5em; }
#archive .archive-excerpts .post-thumbnail { float:left; margin:0 8px 8px 0; }
#archive .archive-excerpts .post:after
{ content:" "; display:block; clear:both; height:0; font-size:0;
  line-height:0em; visibility:hidden; overflow:hidden; }