/*  
Theme Name: Auto Craft
Theme URI: http://www.autocraft.com
Description: Auto Craft
Version: 0.1
Author: Philip Renich for Pure Blue
Author URI: http://www.purebluedesign.com/
*/

/* =GENERAL
_____________________________________________________________________*/
html, body {margin:0; padding:0;}
html {background-color:#2b2b2b;}
body {font-size:62.5%;font-family:"Lucida Grande", sans-serif;color:white;background:#191919 url(http://www.elfboy.com/clients/PureBlue/images/top_bg.gif) repeat-x top left;text-align:center;}
.skip {letter-spacing:-1000em;overflow:hidden;height:0;position:absolute;}
a img {border:none;}
a {color:#c00; text-decoration:none;}
a:hover {color:;}
a:visited {color:#777;}

/* =LAYOUT
_____________________________________________________________________*/
#wrapper {margin:0 auto;padding:0 1em;max-width:96em;min-width:75em;text-align:left;}

#topNav {float:left;height:5em; font-size:1.2em; font-weight:bold;}
#search {padding-top:1em;margin-bottom:-1em;float:right;height:5em;}

#headerWrap {position:relative;clear:both;top:0;height:36em;margin-bottom:.6em;width:100%;}
#home #infoFrame {margin-right:.6%;float:left;width:20%;background:url(images/bl_checker.png) bottom left no-repeat #CC0000; height:36em;overflow:hidden;}
.infoBox {padding:1.3em;font-size:1.2em;background:#c00 url(http://www.elfboy.com/clients/PureBlue/images/infoFrame_bg.gif) repeat-x bottom; text-align:center;}
.infoBox a {text-decoration:underline;}
.infoBox a:hover {text-decoration:underline; color:#032940;}
.infoBox a:visited {text-decoration:underline; color:#000;}
.infoBox p {text-align:left; margin:0; padding:0;}
#infoFrame .last {background:none;}

#eyeCandy {position:absolute;width:79.4%;height:100%;top:0;right:0; bottom:0;background:transparent url(images/eyecandy.jpg) no-repeat center right;}
#catchPhrase {padding:2.5em;float:right;width:75%; background-color:#000; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; font-size:1.8em;line-height:2em;}

#categories {float:left;width:100%;}
#truck {background:url(images/cat-truck.jpg) no-repeat 50% 50%;}
#performance {background:url(images/cat-performance.jpg) no-repeat 50% 50%;}
#family {background:url(images/cat-family.jpg) no-repeat 50% 50%;}
#fac-1 {background:url(images/fac-1.jpg) no-repeat 50% 50%;}
#fac-2 {background:url(images/fac-2.jpg) no-repeat 50% 50%;}
#fac-3 {background:url(images/fac-3.jpg) no-repeat 50% 50%;}
.catBox {position:relative;margin-right:.6%;float:left;width:30%;height:18.5em; overflow:hidden;}
.catBox h2 {/*position:absolute;bottom:0; left:0; right:0;*/ padding:0 0 0 1em; margin:8.3em 0 0 0; height:2em; font-size:1.8em; line-height:2em; background-color:#000; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
#catBoxFiller {float:left;width:8%;height:18.5em;background:#c00 url(images/bl_checker.png) repeat-x bottom right;overflow:hidden;}

#catchBox {margin:1em 2.5em 0 0;padding-left:3.5em;float:left;width:32%;}
#catchBoxTitle {padding:.5em 1em;background-color:#c00;font-size:1.8em; text-align:center; font-style:italic;}
#catchBoxText {margin:1em 1em 0 0;float:left;width:50%;font-size:1.2em;}
#catchBoxImage {margin-top:1em;float:left;width:45%;height:10em;background:url(images/mercedes.jpg) no-repeat top left;}
#catchBoxFooter {margin-top:1em;float:left;width:100%;height:11em;background:url(images/ac_sprint.jpg) no-repeat top left;}

#content, #fullContent {margin-top:1em;float:left;width:58%;}

#footer {clear:both;width:100%;height:5em;text-align:center;background:transparent url(http://www.elfboy.com/clients/PureBlue/images/footer_bg.gif) repeat-x top left;}

.gallery-element {width:120px; float:left; margin:0 2em 3em 0;}
#fullContent .gallery-element img {float:none; display:block; margin:0; padding:5px; background:#fff;}
.gallery-element small {display:block; margin:1em 0 0 0;}

/* ----- CONTENT PAGES ----- */
#sidebar {margin:1em 3.5em 1em 0;clear:left;float:left;width:20%}
#sidebar .catBox {margin-top:.7em;width:100%;height:13em}
#sidebar .catBoxLabel {height:1.5em;font-size:1.2em;}

#sidebar #truck {background:url(images/cat-truck-sm.jpg) no-repeat top center;}
#sidebar #performance {background:url(images/cat-performance-sm.jpg) no-repeat top center;}
#sidebar #family {background:url(images/cat-family-sm.jpg) no-repeat top center;}

#wrapper #sidebar #infoFrame {background:url(images/bl_checker.png) bottom left no-repeat #CC0000; height:36em;overflow:hidden;}
#wrapper #sidebar h3 {/*position:absolute;bottom:0; left:0; right:0;*/ padding:0 0 0 1em; margin:6.3em 0 0 0; height:1.8em; font-size:1.6em; line-height:1.8em; background-color:#000; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}

#fullContent {width:62%;}

#contentPageFiller {margin-top:1em;float:right;width:10%;overflow:hidden}

#services #fullContent {padding:22em 0 0 0; background:url(images/services.jpg) top center no-repeat;}
#accident #fullContent {padding:22em 0 0 0; background:url(images/welding.jpg) top center no-repeat;}

/* =NAV
_____________________________________________________________________*/
#topNav ul {padding:.5em 0 0;}
#footer ul {padding:1.2em 0 0;}
#topNav ul li, #footer ul li {display:inline;padding:0 .5em;border-right:.1em solid #fff;}
#topNav ul li a, #footer ul li a {text-decoration:none;font-size:1.2em;color:#fff;}
#topNav ul li a:hover, #topNav ul li a:active, #footer ul li a:hover, #footer ul li a:active {border-bottom:.1em solid #c00;}
#topNav ul li.noBdr, #footer ul li.noBdr {border:0 solid #fff;}
#home a.home-active, #about a.about-active, #services a.services-active, #gallery a.gallery-active, #accident a.insurance-active, #faqs a.faqs-active, #testimonials a.test-active, #contact a.contact-active {color:#c00;}

/* =TYPOGRAPHY
_____________________________________________________________________*/
.infoBox strong {color:#000;font-weight:normal;}
.infoBox a {color:#fff;}
.infoBox a:hover, .infoBox a:active {color:#191919;}

#content a:link, #content a:visited, #fullContent a:link, #fullContent a:visited {color:#c00;text-decoration:none;}
#content a:hover, #content a:active, #fullContent a:hover, #fullContent a:active {text-decoration:underline;}

blockquote {margin:1.5em 3.5em;}
/* !!! */
.infoBox img {display:block; margin:0 0 1em 0;}

/* =LISTS
_____________________________________________________________________*/
#fullContent ul {padding:0 0 0 1em; margin:0 0 0 .5em;}
#fullContent ul li {color:#cdcdcd;list-style:url(http://www.elfboy.com/clients/PureBlue/images/bullet.gif);font-size:1.4em;line-height:2em; margin:0 0 1em 0;}

/* =FORMS
_____________________________________________________________________*/
#searchText, #searchSubmit {float:left;margin:0;border:0;}
#searchText {padding:5px 5px 0;height:21px;background:#fcfcfc url(http://www.elfboy.com/clients/PureBlue/images/search_left.gif) no-repeat top left;}
#searchSubmit {padding:0;height:26px;background:#fcfcfc url(http://www.elfboy.com/clients/PureBlue/images/search_right.gif) no-repeat right;}
#searchDivider {float:left;width:1px;height:24px;background-color:#fff;border-top:1px solid #797979;border-bottom:1px solid #797979}

/* =IMAGES
_____________________________________________________________________*/
#fullContent img {margin:.5em 2em 5em 0;padding:.5em;float:left;background-color:#fff;}
#about #fullContent p {clear:left;}

/* HACKS AND FIXES 
_____________________________________________________________________*/
/* =IE Fixes */
* html .skip {text-indent:-1000em;}
* html #wrapper {width: expression(document.body.clientWidth < 755? "75em" : document.body.clientWidth > 965? "96em" : "auto");}
* html #eyeCandy {background:transparent url(images/eyecandy.jpg) no-repeat top right; height:100%;}
* html #catchPhrase {background:url(images/eyecandy_ie.jpg) top right no-repeat; background-color:none;}
* html #headerWrap {margin:0 0 12px 0;}
* html #topNav ul {padding:1.4em 0 0 0; margin:0 0 0 -.5em;}
* html #topNav ul li {padding:0 .5em 0 .5em;}
* html #fullContent ul li {color:#cdcdcd;list-style:disc;line-height:2em; margin:0 0 1em 0;}

/* 

Clear Hack
Created by Holly and John at positioniseverything.net
URI: http://www.positioniseverything.net/easyclearing.html

*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display:inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* =REPLACE WITH WORDPRESS
_____________________________________________________________________*/
#content h1, #fullContent h1 {margin-top:0;color:#c00;font-size:1.8em;}
#content p {font-size:1.2em;line-height:1.8em; margin:0 0 2em 0;}
#fullContent p {font-size:1.4em;line-height:2em; color:#cdcdcd; margin:0 0 2em 0;}
#fullContent strong {color:#fff;}
#content p.readMore a:link, #content p.readMore a:visited {text-decoration:none;color:#b8b8b8;font-size:1.5em;}
#content p.readMore a:hover, #content p.readMore a:active {text-decoration:underline;}