/*
Theme Name: Car Tuning Case
Theme URI: http://wordpress.org/
Description: The theme based for Car Tuning Case
Version: 1.0
Author: Car Tuning Case
*/

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, cite, em, font, img, q, strong, sub, sup, 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; }
html { color: #d4d5d6; background: #202123; font: 125% Arial, Helvetica, sans-serif; }
body { font-size: 50%; line-height: 1; text-align: center; background: url(images/bg-body.jpg) repeat-x center top; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
/* general */
.wrap { text-align: left; margin: 0 auto; width: 930px; font-size: 1.2em; line-height: 2em; background: url(images/bg-cartuning.jpg) no-repeat left top; }
#content { float:left; position:relative; width:655px; padding-top:1.75em; margin-right:-40px; }
/* type */
a:link, a:visited { color: #0792da; text-decoration: none; }
a:hover, a:active, a:focus { color: #ffc601; text-decoration: underline; }
/* header */
#header { padding-top:24px; height: 115px; }
#header h1 { height: 40px; width: 515px; display: block; margin-top: 5px; overflow: hidden; float: left; }
#header h1 a:link, #header h1 a:visited { text-indent: -9999px; display: block; height: 100%; width: 100%; }
#header h1 a:hover, #header h1 a:active, #header h1 a:focus { text-decoration: none; }
#header h2 { text-indent: -9999px; display: block; float: left; }
#nav { float:right; width: 302px; }
#nav ul { width: 207px; display: block; height: 30px; background: url(images/bg-nav.jpg) no-repeat left top; }
#nav ul li { float:left; }
#nav ul li.home { width:65px; }
#nav ul li.about { width:140px; margin-left:2px; margin-right:-2px; }
#nav ul a:link, #nav ul a:visited { text-indent: -9999px; display: block; height: 30px; width: 100%; }
#nav ul a:hover, #nav ul a:active, #nav ul a:focus { text-decoration: none; background: url(images/bg-nav.jpg) no-repeat left bottom; }
#nav ul .about a:hover, #nav ul .about a:active, #nav ul .about a:focus { background: url(images/bg-nav.jpg) no-repeat -67px bottom; }
#nav p { line-height: 1.8em; text-transform: lowercase; padding-top: 2.915em; }
#nav p strong { font-size:1.335em; text-transform: uppercase; display: block; margin-bottom: -4px; }
#nav p strong em { font-size:0.75em; font-weight: normal; }
#nav p a:link, #nav p a:visited { color: #d4d5d6; letter-spacing: 1px; }
#nav p a:link strong, #nav p a:visited strong { color: #0792da; letter-spacing: 0; }
#nav p a:link span, #nav p a:visited span { color: #ffc601; }
#nav p a:hover, #nav p a:active, #nav p a:focus, #nav p a:hover strong, #nav p a:active strong, #nav p a:focus strong { color: #ffc601; text-decoration: none; }
/* entry */
div.entry { width:605px; }
div.entry p { margin: 0.725em 0; line-height: 1.65em; }
/* cform */
form.cform { padding:0.45em 0 2em; line-height: 3.3em; }
form.cform li { clear:both; }
form.cform label { float:left; display:block; width:140px; padding-right:10px; text-align: right; }
form.cform label.cf-after { float:none; width:auto; display:inline; }
form.cform .reqtxt, form.cform .emailreqtxt { color:#ffc601; padding-left:5px; font-size: 0.95em; letter-spacing: 1px; vertical-align: top; }
form.cform .single, form.cform .area, form.cform .secinput, form.cform .cformselect { color: #333; background: #F2F2F2; width:250px; padding: 4px 5px; border: 1px inset #575757; }
* html form.cform .reqtxt, * html form.cform .emailreqtxt { vertical-align:baseline; }
* html form.cform .single, * html form.cform .area, * html form.cform .secinput, * html form.cform .cformselect { margin-top:0.5em; }
form.cform .cf-box-a { margin: 0 5px 0 150px; }
form.cform .cformselect { padding: 3px 2px 2px 0; width:262px; }
form.cform .secinput { width:175px; }
form.cform fieldset.cf_hidden { display:none; }
form.cform input.sendbutton { margin-left:150px; height: 0; width: 188px; display: block; border:0; padding-top: 26px; overflow:hidden; cursor: pointer; }
*+html form.cform input.sendbutton { height: 26px; }
* html form.cform input.sendbutton { height: 26px; }
form.cform input#sendbutton { background: url(images/button-submit-tun.gif) no-repeat left top; }
form.cform input#sendbutton2 { background: url(images/button-submit.gif) no-repeat left top; }
p.linklove { font-size:0.95em; letter-spacing:1px; padding: 0 0 1em 152px; }
form#cformsform fieldset.cf-fs1 { clear:both; display:block; margin-bottom:1em; overflow:hidden; }
form#cformsform fieldset.cf-fs1 legend { color:#ffc601; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; padding-left:160px; background: url(images/bg-legend-open.gif) no-repeat 148px center; cursor:pointer; }
form#cformsform fieldset.cf-fs1 legend.closed { background: url(images/bg-legend-closed.gif) no-repeat 150px center; }
div.failure { padding: 0.8em; border: 1px dotted #CC0000; }
form.cform .cf_error { background: #FFFF99; }
/* car */
.car { width:164px; float:left; display: block; margin-right: 53px; height: 16.8em; overflow:hidden; }
.car h3 { line-height: 1; padding-right: 2em; }
.car h3 a:link, .car h3 a:visited { color:#d4d5d6; }
.car h3 a:hover, .car h3 a:active, .car h3 a:focus { color:#ffc601; text-decoration: none; }
span.comments { display: block; text-align: right; margin-top: -1.45em; }
span.comments a:link, span.comments a:visited { padding-right: 12px; background: url(images/bg-comments.gif) no-repeat right top; }
span.comments span { display:none; }
.car .entry a:link, .car .entry a:visited { background: #48494a url(images/bg-thumb.gif) no-repeat left bottom; padding: 6px 7px 8px; display: block; height: 100px; width: 150px; }
.car .entry a:hover, .car .entry a:active, .car .entry a:focus { background: #48494a url(images/bg-thumb.gif) no-repeat left top; }
.car-entry { width:605px; }
.car-entry h2, .entry h2, h2.archive { font-size: 1.2em; text-transform: uppercase; color: #f1f1f1; font-weight: normal; letter-spacing: 1px; margin-bottom: 0.5em; }
.car-entry h3 { font-size: 1.34em; text-transform: uppercase; color: #ffc601; }
.car-entry h3 em { font-weight: normal; letter-spacing: 1px; font-size: 0.875em; }
.car-entry p { margin: 0.825em 0; line-height: 1.65em; }
.car-entry .pics { float:left; width:330px; padding-bottom:2em; }
.car-entry .details { /* float:right; width:260px; */ clear:both; padding-bottom:1.2em; }
.car-entry .details h3 { display:none; }
.pics p { margin:0; }
.pics p a:link, .pics p a:visited { background: #48494a url(images/bg-medium.gif) no-repeat left top; padding: 7px 8px 9px; display: block; height: 200px; width: 300px; }
.pics p a:link span, .pics p a:visited span { height: 22px; width: 22px; display: block; background: #48494a; float: right; line-height: 24px; font-weight: bold; font-size: 2.5em; text-align: center; margin-top: -28px; position: relative; }
.pics p a:hover, .pics p a:active, .pics p a:focus { background: #48494a url(images/bg-medium.gif) no-repeat left bottom; text-decoration: none; }
.pics ol { margin-left:5px; margin-top:-2px; }
.pics ol li { float:left; }
.pics ol a:link, .pics ol a:visited { background: url(images/bg-pagenavi.gif) no-repeat center center; height: 27px; width: 27px; line-height: 28px; text-align: center; font-size: 0.95em; color: #d4d5d6; margin: 0 4px; display: block; float: left; }
.pics ol a:hover, .pics ol a:active, .pics ol a:focus, .pics ol a.active { font-weight: bold; color: #0e5cf6; text-decoration: none; }
.post-ratings { margin-top:0.5em; width:162px!important; }
.post-ratings em { font-size: 0.95em; font-style: normal; text-align: right; display: block; float: right; line-height: 1.75em; }
.post-ratings-loading { display: block; color: #fff; font-weight: bold; padding-bottom: 3px; margin-top: -2.25em; }
.post-ratings-loading img { margin: 0 5px -3px 0; }
p.meta { clear:both; padding-bottom:1.2em; }
.wp-pagenavi { clear:both; height: 4.5em; padding-left: 162px; }
.wp-pagenavi .pages { display:none; }
.wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi span.current { background: url(images/bg-pagenavi.gif) no-repeat center center; height: 27px; width: 27px; line-height: 28px; text-align: center; font-size: 0.95em; color: #d4d5d6; margin: 0 4px; display: block; float: left; }
.wp-pagenavi a:hover, .wp-pagenavi a:active, .wp-pagenavi a:focus, .wp-pagenavi span.current { font-weight: bold; color: #0e5cf6; text-decoration: none; }
/* sidebar */
#sidebar { position: relative; width:302px; float:right; padding: 1.75em 0 2em; }
.sidebar .widget { padding-bottom:0.1em; }
.sidebar h3 { font-size: 1.335em; color: #ffc601; text-transform: uppercase; display: block; margin: 0.75em 0 0.25em; }
.sidebar h3 em { font-size: 0.75em; font-weight: normal; letter-spacing: 0.05em; }
.widget_ratings_highest_rated ul { padding-left: 22px; }
.widget_ratings_highest_rated ul li { margin-bottom:1.15em; }
.widget_ratings_highest_rated ul h4 { font-weight: normal; }
.widget_ratings_highest_rated ul em { font-size: 0.95em; font-style: normal; margin-left: 15px; margin-bottom: 5px; line-height: 1; letter-spacing: 1px; }
.widget_ratings_highest_rated ul img { margin-right:1px; vertical-align: sub; }
.widget_tag_cloud a:link, .widget_tag_cloud a:visited { font-family: Georgia, 'Times New Roman', Times, serif; text-transform: lowercase; vertical-align: middle; color: #035a88; }
/* footer */
#footer { clear:both; color: #999; border-top: 1px solid #484848; padding: 0 3px 1em; }
#footer span { display:block; float: right; font-size: 0.95em; text-transform: lowercase; letter-spacing: 1px; }
#footer span a:link, #footer span a:visited { background: url(images/bg-rss.gif) no-repeat left 4px; padding-left: 13px; margin-left: 10px; }
/* ads */
.sidebar .ad { text-align: center; line-height: 1; position:relative; z-index:0; }
.ad-468x60 { margin:0 auto; clear: both; height: 60px; width: 468px; text-align: center; padding-right: 25px; padding-left: 2em; }
/* comments */
img.wp-smiley { vertical-align: middle; }
img.tagimg { vertical-align: middle; margin: 0 0.5em 0 2px; }
h3#comments, h3#respond { clear:both; text-transform: uppercase; color: #ffc601; }
h3#comments em, h3#respond em { font-size: 0.95em; font-weight: normal; letter-spacing: 1px; margin-left: 2px; }
ol.commentlist { width:580px; padding-bottom: 2.7em; overflow: hidden; }
ol.commentlist h4.commentauthor { padding-top:20px; margin-top: 1.9em; }
ol.commentlist h4.commentauthor em { font-weight: normal; text-transform: uppercase; letter-spacing: 1px; font-size: 0.95em; color: #c6c6c6; }
ol.commentlist img.avatar { display:block; border:1px solid #666666; padding:1px; float: left; margin: -16px 7px 0 0; }
ol.commentlist .commentmetadata { font-size: 0.95em; display: block; margin-top:-2.1em; text-align: right; padding: 0px 2px; }
ol.commentlist .commenttext { background: #111111 url(images/bg-transp.gif) repeat; padding: 0.6em 1em 0.6em 43px; color: #f1f1f1; line-height: 1.7em; }
ol.commentlist .commenttext p { margin:0.85em 0; }
ol.commentlist .alt .commenttext { background: #333333 url(images/bg-transp.gif) repeat; }
ol.commentlist .author-id-1 .commenttext { background: #636363 url(images/bg-transp.gif) repeat; }
#commentform { width:600px; padding-bottom:2em; }
#commentform ol { padding-bottom:0.8em; overflow: hidden; }
#commentform ol li { width:33%; float:left; }
#commentform ol li input { width:175px; border: 1px inset #575757; padding: 3px 5px; color: #333; background: #d4d5d6; }
#commentform label { display:block; padding:0 1px; }
#commentform label span { font-size: 1.25em; line-height: 1; font-weight: bold; color: #ffc601; }
#commentform textarea { width:571px; border: 1px inset #575757; padding: 4px 5px; color: #333; background: #F2F2F2; margin-bottom:0.4em; height: 10em; }
#commentform .math { width:185px; padding-bottom:0.8em; }
#commentform .math input { float:right; margin-left:-1em; width:40px; border: 1px inset #575757; padding: 3px 5px; color: #333; background: #d4d5d6; }
/* links */
ul.links h3 { color: #ffc601; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; margin-left:1em; }
ul.links ul { margin-left:2.5em; }
ul.archives { margin-left:1em; padding-bottom:2em; }
#searchform input { padding: 3px 5px; }
#searchform #s { border: 1px inset #575757; color: #333; background: #f1f1f1; margin:0 0.5em; }
#searchform #searchsubmit { font-size: 0.95em; text-transform: uppercase; letter-spacing: 1px; }
/* PRETTYPHOTO */
div.pictureHolder .content { background-color: #fff; color: #666; letter-spacing: 1px; }
div.pictureHolder .content a.next:hover { background: url(images/prettyPhoto/btnNext.gif) center right no-repeat; cursor: pointer; }
div.pictureHolder .content a.previous:hover { background: url(images/prettyPhoto/btnPrevious.gif) center left no-repeat; cursor: pointer; }
div.pictureHolder .content a.expand { background: url(images/prettyPhoto/btnExpand.gif) top left no-repeat; cursor: pointer; }
div.pictureHolder .content a.expand:hover { background: url(images/prettyPhoto/btnExpand.gif) bottom left no-repeat; cursor: pointer; }
div.pictureHolder .content a.contract { background: url(images/prettyPhoto/btnContract.gif) top left no-repeat; cursor: pointer; }
div.pictureHolder .content a.contract:hover { background: url(images/prettyPhoto/btnContract.gif) bottom left no-repeat; cursor: pointer; }
div.pictureHolder .content a.close { width: 61px; height: 22px; background: url(images/prettyPhoto/btnClose.gif) center left no-repeat; cursor: pointer; }
div.pictureHolder .content .details .nav a.arrow_previous { background: url(images/prettyPhoto/arrow_previous.gif) top left no-repeat; }
div.pictureHolder .content .details .nav a.arrow_next { background: url(images/prettyPhoto/arrow_next.gif) top left no-repeat; }
div.pictureHolder .loaderIcon { background: url(images/prettyPhoto/loader.gif) center center no-repeat; }
div.prettyPhotoOverlay { background: #000; position: absolute; top: 0; left: 0; z-index: 9500; width: 100%; }
div.pictureHolder { position: absolute; z-index: 10000; width: 100px; }
div.pictureHolder .top { position: relative; height: 20px; background:#fff; }
* html div.pictureHolder .top { padding: 0 20px; }
div.pictureHolder .content { position: relative; text-align: left; width: 100%; height: 40px; }
div.pictureHolder .content .details { display: none; margin: 10px 15px 0 20px; }
div.pictureHolder .content .details p.description { display: none; float: left; margin: 0; }
div.pictureHolder .content .details .nav { float: left; margin: 4px 0 0 0; }
div.pictureHolder .content .details .nav p { float: left; margin: 0 4px; }
div.pictureHolder .content .details .nav a.arrow_previous, div.pictureHolder .content .details .nav a.arrow_next { float: left; display: block; width: 8px; height: 9px; text-indent: -10000px; margin-top: 4px; }
div.pictureHolder .content .details .nav a.disabled { background-position: 0 -10px; cursor: default; }
div.pictureHolder .content div.hoverContainer { position: absolute; z-index: 10000; top: 0; left: 0; width: 100%; }
div.pictureHolder .content a.next { position: relative; z-index: 2000; display: block; float: right; text-indent: -10000px; width: 49%; height: 100%; background: url(images/prettyPhoto/btnNext.gif) 10000px 50% no-repeat; }
div.pictureHolder .content a.previous { cursor: pointer; display: block; text-indent: -10000px; width: 49%; height: 100%; background: url(images/prettyPhoto/btnNext.gif) 10000px 50% no-repeat; }
div.pictureHolder .content a.expand, div.pictureHolder .content a.contract { position: absolute; z-index: 20000; top: 10px; right: 30px; cursor: pointer; display: none; text-indent: -10000px; width: 20px; height: 20px; }
div.pictureHolder .content a.close { float: right; display: block; text-indent: -10000px; }
div.pictureHolder .bottom { position: relative; height: 20px; background:#fff; }
* html div.pictureHolder .bottom { padding: 0 20px; }
div.pictureHolder .loaderIcon { display: none; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; width: 24px; height: 24px; }
div.pictureHolder #fullResImageContainer { width: 100%; text-align: center; }
p.currentTextHolder { line-height:16px; }
div.prettyPhotoTitle { display: none; position: absolute; top: 0; left: 0; z-index: 9999; font-size: 1.3em; }
div.prettyPhotoTitle div.prettyPhotoTitleContent { background: #ffc601; text-transform: uppercase; color: #333; float: left; line-height: 23px; padding: 0 25px 0 20px; }