/*
Theme Name: Chorley Car Audio
Theme URI: 
Description: Chorley Car Audio Wordpress Template
Version: 1.0
*/

/* =Eric Meyer's 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; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* 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; }


/* =GENERAL */
body { background: #000 url(images/bg.jpg) repeat 0 0; color: #FFF; font-family: Arial, sans-serif; font-size: 12px; }
#wrapper { margin: 0 auto 22px auto; width: 970px; }

h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
strong { font-weight: bold; }
em { font-style: italic; }


/* =HYPERLINKS */
a { color: #00AEEF; outline-style: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }


/* =HEADER */
#header { background-color: #000; border: 1px solid #282829; margin-bottom: 4px; padding: 30px 0 40px 20px; position: relative; }
#header h1 a { display: block; height: 72px; line-height: 72px; overflow: hidden; left: 0; position: relative; text-align: center; top: 0; width: 388px; }
#header h1 a span { background: url(images/logo.jpg) no-repeat 0 0; cursor: pointer; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
#header h2 {  }

#contact { color: #FFF; font-size: 22px; position: absolute; right: 25px; top: 25px; }
#contact big { color: #808285; }
#contact a { font-size: 15px; }

/* =NAVIGATION */
#nav li { background-color: #000; border: 1px solid #282829; float: left; font-size: 14px; font-weight: bold; height: 36px; line-height: 36px; margin-right: 5px; padding: 0 19px 0 19px; text-transform: uppercase; }
#nav li.last { margin-right: 0; padding: 0 23px 0 23px; }
#nav a { color: #FFF; }
#nav a:hover { color: #00AEEF; text-decoration: none; }
#nav .current_page_item a,
#nav .current_page_parent a { color: #00AEEF; }


/* =MAIN */
#main { background-color: #000; border: 1px solid #282829; clear: both; height: 100%; margin-top: 12px; padding: 23px 19px 48px 19px; }


/* =SIDEBAR */
#sidebar .post h2 { color: #00AEEF; margin-bottom: 16px; text-transform: uppercase; }
#sidebar .post ul { margin-bottom: 20px; }
#sidebar .post li { float: left; margin-right: 12px; }
#sidebar .post li.last { margin-right: 0; }
#sidebar .post li img { border: 1px solid #414142; }
#sidebar .post p { line-height: 19px; }

/* =FOOTER */
#footer { margin-top: 8px; }
.dealers { background-color: #000; border: 1px solid #282829; padding: 13px 18px 15px 19px; }
.dealers li { float: left; margin-right: 19px; }
.dealers li.first { color: #00AEEF; font-size: 13px; line-height: 19px; width: 70px; }
#footer p { background-color: #000; border: 1px solid #282829; clear: both; color: #939598; font-size: 11px; line-height: 19px; margin-top: 8px; padding: 19px 26px 38px 26px; text-align: center; }

/* =POSTS */
.post { line-height: 20px; margin-bottom: 20px; }
.post h2 { color: #00AEEF; font-size: 28px; font-weight: normal; line-height: 33px; margin-bottom: 30px; }
.post h2 a {  }

.entry {  }
.entry a {  }
.entry a:hover {  }

.entry h2 {  }
.entry h3 {  }
.entry h4 {  }

.entry p { line-height: 19px; margin-bottom: 20px; }
.entry ul, ol { margin-bottom: 10px; }
.entry ul { list-style: disc inside; }
.entry ol { list-style: decimal inside; }
.entry ul li {  }
.entry ol li {  }

blockquote {  }
blockquote p {  }

pre { }
code, tt { }

.entry img.alignleft { margin: 0 10px 0 0; }
.entry img.alignright { margin: 0 0 0 10px; }
.entry .wp-caption {  }

/* PAGES */
#home #content { float: left; margin-right: 20px; width: 455px; }
#home #sidebar { float: left; width: 455px; }

#home #content li { float: left; margin-right: 19px; }
#home #content li.last { margin-right: 0; }

#page .post h2 { font-size: 18px; font-weight: bold; }

#page_products .post { background: url(images/down_arrow.jpg) no-repeat 100% 35px; float: left; margin-right: 19px; width: 297px; }
#page_products .third { margin-right: 0; }
#page_products .post h2 { font-size: 28px; font-weight: normal; margin-bottom: 0; }
#page_products .entry { font-size: 14px; font-weight: bold; }

#page_gallery h3 { color: #00AEEF; }
#page_gallery .gallery-item { float: left; margin-right: 10px; width: auto !important; }
#page_gallery img { border: none !important; }

#page_links #content li { list-style: none; }

#page_contact #content img { border: 10px solid #273035; float: right; }
#page_contact ul { float: left; margin: 0 0 0 10px; padding: 20px 0 0 155px; overflow: auto; }
#page_contact li { list-style: none; }
.wpcf7 form { float: left; width: 350px; }
.wpcf7 p { font-weight: bold; }
.wpcf7 input, .wpcf7 textarea { width: 300px; }
.wpcf7 input.submit { width: auto; }
.wpcf7-not-valid-tip { background-color: #000 !important; }


/* s3slider */
#s3slider { width: 400px; height: 300px; position: relative; overflow: hidden; margin-bottom: 8px; padding-left: 25px; }
#s3sliderContent { width: 400px; position: absolute; top: 0; margin-left: 0; }
.s3sliderImage { float: left; position: relative; display: none;}
.s3sliderImage span { position: absolute; left: 0; font: 10px/15px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 374px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none; top: 0; }
.s3sliderImage span strong { font-size: 14px; }
.clear {clear: both; } 


/* =MISC */
.clearer { clear: both; display: block; }

.navigation {  }
.horizontalline { background: url(images/bg.jpg) repeat 0 0; display: block; height: 8px; margin: 0 0 15px 0; overflow: hidden; }
.alignleft, .floatleft { float: left; }
.alignright, .floatright { float: right; }
.aligncenter { display: block; margin: 0 auto; }