@import url("wp/wp-content/themes/starkers/style/css/reset.css");

/* TYPOGRAPHY */
/* ----------------------------------------- */
html { font: 62.5% Arial, 'Helvetica Neue', Helvetica, sans-serif; overflow-x: hidden }
body { background: white; color: #333 }
abbr, acronym { border-bottom:1px dotted #000; cursor:help }
em { font-style:italic }
caption { margin-bottom:.5em; text-align:center }
a { text-decoration: none }
h1 { font-size:197% }
h2 { font-size:153.9% }
h3 { font-size:123.1% }
h4 { font-size:108% }
h1, h2, h3, h4 {margin:1em 0 .8em}
strong { font-weight: bold }
blockquote, ul, ol, dl { margin:1em }
ol, ul, dl { margin-left:2em }
ol li { list-style: decimal outside }
ol ol li { list-style-type: lower-alpha }
ul li { list-style: disc outside }
dl dd { margin-left:1em }
th, td { border:1px solid #000; padding:.5em }
th { font-weight:bold; text-align:center }
blockquote, ul, ol, dl, p, fieldset, table { margin-bottom:1.5em }
a img { border:none }

.strike { text-decoration: line-through }
.text-shadow { text-shadow: black 0px 0px 3px }
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left; margin: 4px 1.5em 1em 0 }
.alignright { float:right; margin: 4px 0 1em 2em }
.hidden, .debug { display: none }
.small { font-size: 11px }
.medium { font-size: 13px }
.large { font-size: 16px }
img.bg { width: 100%; min-width: 1024px; min-height: 768px; position: fixed; left: 0; top: 0; z-index: 1 }
div.black, div.white, div.black-body, div.white-body { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 2 }
div.black, div.black-body { background: black; z-index: 19 }
div.white, div.white-body { background: white }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
div { position:relative }


/* CONTAINERS */
/* ----------------------------------------- */

#middle { color: #333; font-size: 13px }
/* NAVIGATION */
#topNav li a:link, #topNav li a:visited { color: #4A4A4A }
#topNav li.page-item-9>a:link, #topNav li.page-item-11>a:link, #topNav li.page-item-13>a:link, #topNav li.page-item-9>a:visited, #topNav li.page-item-11>a:visited, #topNav li.page-item-13>a:visited { color: #1A1A1A }
#topNav li a:hover, #topNav li.sfHover>a { background: #DADADA }
#topNav li a:active, #topNav li a:focus, #topNav li.current_page_item>a { background: #CACACA; color: white !important; cursor: text }
#topNav li.current_page_parent>a { background: #CACACA; color: black }
#topNav ul li.current_page_item a { background: #21B3E1; color: white; cursor: text }
#bottomNav a:link, #bottomNav a:visited { color: #2A2A2A }
/* Posts */
.post { font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif }
.postTitle { color: #FAFAFA }
.post h1, .post h2, .post h3, .post h5, .post h5, .post h6 { font-family: Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; clear: both }
.post h2 { color: #165324 }
.post { font-size: 1.1em; line-height: 1.4 }
.post a:link, .post a:visited { border-bottom: 1px dotted blue; color: #333; font-weight: bolder }
.post a:hover, .post a:active, .post a:focus { border-bottom: 1px solid red; color: black }
.postNav li a:link, .postNav li a:visited { color: #DADADA }
.postNav li a:hover { background: #1A1A1A; color: #EAEAEA }
.postNav li a:active, .postNav li a:focus { color: white }
.postNav li.current_page_item a { background: #21B3E1 !important; color: white !important; cursor: text }
#header { font-size: 12px }
#footer { font-size: 11px }
#content a:link, #content a:visited { border-bottom: 2px solid white; color: white }
#content a:hover, #content a:active, #content a:focus { border-bottom: 2px solid; color: #21B3E1 }

/* Layout */
body { background: #aaa }
#home {width:100%;height: 100%}
#header, #middle, #footer { float: left; width: 100%; left: 0 }
#header, #footer { background: white; height: 40px; line-height: 40px; z-index: 100 }
#header { margin-top: 60px }
#sidebar { display: none }
#middle {z-index: 10}
#footer {clear: both; margin-bottom: 60px}
/* Header */
#header div.white { height: 2px }
#header h1 { width: 280px; height: 80px; margin: 0; position: absolute; left: 20px; top: -22px; z-index: 1000 }
#header h1 a { background: url(i/CCleanLogo.png); border: 0; text-indent: -999em; width: 100%; height: 80px; margin: 0; padding: 0; position: absolute; left: 0; top: 0; outline: none }
/* Footer */
#footer p { text-indent: 20px; width: 30em; margin: 0 }
/* NAVIGATION */
/* ----------------------------------------- */
/* TopNav Styles */
#topNav { background: white; float: right; width: 20em; margin: 0; z-index: 100 }
#topNav li { list-style: none; text-align: center; float: left; width: 6em; margin-left: 2px; position: relative }
#topNav li.page-item-9, #topNav li.page-item-11, #topNav li.page-item-13 { width: 8em }
#topNav li a { display: block; width: 100%; height: 28px; line-height: 28px; margin: 4px 0; padding: 2px 0; -moz-border-radius: 6px;-webkit-border-radius: 6px;  }
#topNav ul { background: white; width: 15em; margin: 0; padding: 0 .5em .6em; position: absolute; left: -999em; -moz-border-radius-bottomleft: 12px; -webkit-border-bottom-left-radius: 12px; -moz-border-radius-bottomright: 12px; -webkit-border-bottom-right-radius: 12px;  }
#topNav ul li { text-align: left; width: 15em; margin: 1px 0 0 }
#topNav ul a { line-height: 1.2em; width: auto; height: auto; margin: 0; padding: .5em }
#topNav li:hover ul, #topNav li.hover ul { left: auto }
#topNav li.page-item-19:hover ul, #topNav li.page-item-19.hover ul {margin-left:-6em}
#topNav ul span { background: url(i/bg/navCorners.png); width: 14px; height: 14px; position: absolute; top: 0 }
#topNav ul .left { background-position: -20px 0; left: -14px }
#topNav ul .right { background-position: 0 0; right: -14px }
/* BottomNav Styles */
#bottomNav { text-align: right; width: 59em; margin: 0; position: absolute; right: 20px; bottom: 3%; z-index: 1000 }
#bottomNav li { display: inline }
#bottomNav a:hover, #bottomNav a:active, #bottomNav a:focus { border-bottom: 1px solid }
/* POST STYLES */
/* ----------------------------------------- */
.post { background: white; width: 780px; min-height: 20em; margin: 40px auto; padding: 100px 25px 30px; z-index: 20; -moz-border-radius: 12px; -webkit-border-radius: 12px }
.post h1 { background: url(i/bg/postTitle.jpg) repeat-x; color: #DDD; line-height: 84px; width: 830px; height: 84px; text-indent: 1.2em; margin: 0; position: absolute; left: 0; top: 0; -moz-border-radius-topleft: 12px; -webkit-border-top-left-radius: 12px; -moz-border-radius-topright: 12px; -webkit-border-top-right-radius: 12px; }
.post h1 em { font-family: Georgia, Times, 'Times New Roman', serif }
.post h1 strong { color: white; font-weight: normal }
.post li { list-style: none; margin-bottom: .4em }

/* Form Styles */
.post form { margin: 1em 2em }
.post form input.text, .post select { background: #EEE; border: 1px solid #AAA; padding: .2em .3em; -moz-border-radius: 8px; -webkit-border-radius: 8px }
.post form input.text-focus { background: white; border: 1px solid #333 }
.post form select { padding: 1px 2px }
.post form .row { clear: left; margin-bottom: 10px }
.post form .row label { display: block; font-size: 90%; text-transform: uppercase; margin-bottom: 5px }
.post form .row input, .post form .row select, .post form .row textarea { font-size: 1.6em }
.post .message { color: #555; clear: left; font-size: 1.6em }
.post .error { color: red }
.post .greeting { background: #FAFAD2; margin: 0; padding: .5em 1em; font-size: 1.6em; -moz-border-radius: 12px; -webkit-border-radius: 12px }
.post .search_detail { text-align: right; width: 33em; }
.post .search_detail li { float: left; width: 100%; margin-bottom: .2em }
.post .search_detail em { background: #5A5A5A; color: white; font-style: normal; text-align: left; float: left; width: 12em; padding: .5em .25em .5em .75em; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px }
.post .search_detail strong{ background: #EAEAEA; display: block; float: left; width: 18em; height: 1.4em; margin-left: .2em; padding: .5em .75em .5em .25em; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px }
.post .search_detail:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/* Custom */
#message { background: white; border: 1px solid red; display: none; padding: 2em; position: absolute; left: 340px; top: 134px; z-index: 100 }
#carDetails { background: #DADADA; float: left; width: 430px; height: 156px; margin: -16px 20px 20px -25px; padding: 20px; -moz-border-radius-bottomright: 12px; -webkit-border-bottom-right-radius: 12px; }
#carDetails p { background: white; width: 242px; margin: 0; padding: 15px; -moz-border-radius: 8px; -webkit-border-radius: 8px }
#carDetails ul { margin-left: 302px }
#wrongVIN { float: left; width: 20em; margin-top: -16px }
#wrongVIN form { margin: 1em 0 }
#offsetOptions { display: none; float: left; width: 380px; margin: 0 40px 20px 0 }
#offsetOptions button { background: #393939 url(i/bg/postTitle.jpg) repeat-x; border: 0; color: #DDD; cursor: pointer; letter-spacing: 1px; padding: 1.2em; -moz-border-radius: 8px; -webkit-border-radius: 8px }
#offsetOptions button strong { color: #79D1EC; font-size: 1.6em; font-weight: normal; letter-spacing: 0 }
#offsetOptions button div { font-size: 80%; margin-top: 5px }
#offsetOptions button div strong { color: white }
#customOffset { background: #8c9a89; padding: 10px 30px; -moz-border-radius: 12px; -webkit-border-radius: 12px }
#customOffset h3, #customOffset label { color: white; text-transform: uppercase }
#customOffset form { margin: 0 }
#customOffset a { border:0 !important }
#customOffset ol { margin: 0 }
#customOffset .cause { color: white; float: left; width: 28em }
#customOffset .effect { color: white; margin-left: 29.5em }
#customOffset .effect strong { background: #DDD; color: #2a2a2a; font-size: 120%; font-weight: normal; display: block; line-height: 1.5em; float: left; width: 4.25em; margin-right: .25em; padding: .25em .385em; -moz-border-radius: 8px; -webkit-border-radius: 8px }
#customOffset .effect ul { margin: 4px 0 1.5em }
#customOffset .effect li { line-height: 2.5em; float: left; width: 18em; margin-bottom: .5em }