/* Theme Name: Auto Magazine Author: T-CREA Author URI: http://www.t-crea.net */ * {margin: 0; padding: 0;} body {text-align: center; font: 12px Verdana; color: #333333; background: #dedede url(images/container_bg.gif) repeat-y center top; } a { text-decoration: none; color: #000; outline:none; } img {border: 0;} .break { font-size: 0; width: 0; height: 0; clear: both;} .alignleft { float: left; } .alignright { float: right;} .hidden { display: none;} .noimage img {display: none;} h2 { font-family: Myriad Pro, Arial, Helvetica; color: #333333; } #container { background: url(images/container_bg.gif) repeat-y center top; text-align: left; width: 988px; margin: 0 auto; height: auto;} /** BEGIN header **/ #wide-header{ background: url(images/header_bg.gif) repeat-x center top; width: auto; margin: 0 auto;} #header {background: url(images/header_graph.gif) no-repeat center top; height: 237px; width: 987px; margin: 0 auto;} #header ol { list-style-type: none; padding-bottom: 55px; } #header ol li { font-size: 0.9em; text-transform: uppercase; float: left; background: url(images/divider.gif) no-repeat 0 11px; padding: 10px; } #header ol li { font-size: 0.9em; text-transform: uppercase; float: left; background: url(images/divider.gif) no-repeat 0 11px; padding: 10px; } #header ol li.f { background: none;padding-left: 0; } #header h1 { clear: both; font-size: 0; } #header h1 a { display: block; text-indent: -9999px; outline: none; background: url(images/logo.gif) no-repeat 0 0; width: 279px; height: 25px; float: left; } #header ul { list-style-type: none; height: 52px; margin: 0 0 0; } #header ul li { float: left; font-size: 0.9em; } #header ul li a { color: #fff; display: block; padding: 7px; } #header ul li a:hover {color: #ffffff;} /** Navigation **/ #nav { list-style: none; height:52px;} #nav ul { height: 52px} #nav li { background: url(images/nav_sepa.gif) no-repeat center right; display: inline; padding: 9.5px 18px;} #nav li:hover{ background: url(images/nav_over_bg.gif) repeat-x center center;} #nav a { font: normal 12px Arial, Helvetica, sans-serif; color: #fff; } #nav ul li a:hover{color: #000;} #logo_search{ height: 185px; clear: both; } #logo{margin: 0 0; height: 184px; width:510px; float: left;} #logo a{background: url(images/logo.png) no-repeat left top; height: 158px; width:500px; display: block; outline: none; text-indent: -9999px;} #search{ float: left; height:184px;} #search form{ margin: 80px 0 0 0; background: url(images/search_bg.png) no-repeat center center; width: 430px; height: 35px;} #search form p{ float: left; height: 30px; font-size: 0.9em; color: #000; margin: 4px 10px 0; _margin-right:0; font: bold 11px Arial, Helvetica, Tahoma; color: #000;} #search .date{ padding: 10px 10px; height: 10px; width:120px; margin:0; } #search form input{ padding: 8px 0 0; margin:0; width: 225px; border: none; font-size: 1em; font-family: Verdana; color: #000; float: left; height:18px; background: none;} #search form button{ width: 22px; height: 20px; border: 0; background: url(images/search_btn.png) no-repeat 0 0; margin: 8px 0 0 10px; text-indent: -9999px; float: left; padding:0; } /** END header **/ /** BEGIN content **/ #main-content { text-align: left; width: 987px; margin: 0 auto; height: auto;} #content { float: left; width: 635px; margin: 0 0 0 6px; _margin-left:0; } #content .latest {padding: 0 20px 10px 10px; margin: 10px 0; height: auto;} #content .latest img { margin: 20px 20px; border: 4px solid #5c5c5c;} #content .imgspace { height: 100px; width:120px; display: block;} #content .latest a { color: #dd0804;} #content .latest h2 { font-family: Myriad Pro, Arial, Helvetica; font-size: 2em; margin: 5px 10px; clear: both; width: auto;} #content .latest p { font-size: 0.9em; margin: 10px 0; line-height: 1.4em; width: auto; } #content .l { width: 310px; _width: 269px; float: left; padding: 0 10px 10px 0; } #content .l .post { font-size: 0.9em; padding-top: 10px; } #content .l .post h2 { font-size: 2em; text-transform: uppercase; padding: 5px 10px; float: left;} #content .l .post h2 a { color: #313131; font-family: Myriad Pro, Arial, Helvetica;} #content .l .post h3 { clear: both; font-size: 13px; width: 100%; padding: 0 10px;} #content .l .post h3 a{ color: #dd0804} #content .l .post img { float: left; margin: 10px 10px 5px 10px; width: 100px; border: 4px solid #5c5c5c;} #content .l .post p { padding: 5px 10px; line-height: 1.4em;} #content .r { width: 299px; float: right; padding-left:0px; margin-right:10px; _margin-right:0;} #content .r .post { font-size: 0.9em; padding-top: 10px;} #content .r .post h2 { font-size: 2em; text-transform: uppercase; padding: 5px 10px; float: left; } #content .r .post h2 a { color: #313131; font-family: Myriad Pro, Arial, Helvetica; } #content .r .post h3 { clear: both; font-size: 13px; width: 100%; padding: 0 10px;} #content .r .post h3 a{ color: #dd0804} #content .r .post img { float: left; margin: 10px 10px 5px 10px; width: 100px; border: 4px solid #5c5c5c;} #content .r .post p { padding: 5px 10px; line-height: 1.4em;} #content .postnav { padding: 20px 0; clear: both;} #content .postnav ul { list-style-type: none; border: 0;} #content .postnav ul li { float: left; border: 1px solid #cccccc;margin: 2px; font-size: 0.9em;} #content .postnav ul li a { display: block; border: 0 !important;padding: 5px;} #content .postnav ul li a:hover { background-color: #007AAA; color: #ffffff; } #content li.page_info { padding: 5px !important;} .cutting_line{ background: url(images/cutting_line.gif) repeat-x bottom left; height: 3px; margin: 10px 0;} #content .fwrapper { background-color: #F2F2F1; padding:0; border: 5px solid #2b2b2b; margin:18px; } #featured { overflow: hidden; width: 589px; height: 308px; } #content .featured img { width: 589px; } #content .featured { overflow: hidden; position: relative; width: 589px; height: 308px; overflow: hidden; } #content .featured .text {} #content .featured-img {} #content .featured-img .text h2 { font-size: 1.3em; color: #000; background-image: none; margin-bottom: 4px; padding: 0; } #content .featured-img .text h2 a { color: #000; font-weight: bold; text-transform: none; text-decoration: none; } #content .featured-img .text p { line-height: 1.4em; font-size: .9em; color: #000; padding-bottom: 10px; } #content .featured-img .text .next { color: #000; font-weight: bold; font-size: 0.8em; text-transform: uppercase; } #content .featured-img .text .continue:hover { text-decoration: none; } #content .featured .photo { list-style-type: none; } #content .photo li { position: absolute; top: 0; left: 0; z-index: 0; } #content .photo li.first { z-index: 2; } #content .featured .text { list-style-type: none; } #content .featured .text li { width: 569px; height: auto; position: absolute; bottom:-589px; left:0; padding: 10px; color: #ffffff; font-family: Verdana; background: url(images/shade.png) repeat 0 0; z-index: 4; } #content .featured .text li.first { bottom:0; } /** END content **/ /** BEGIN sidebar **/ #sidebar { float: right; width: 340px; margin: 0 2px 10px 0; padding-top:10px; } #sidebar .cutting_line{ margin: 15px 0;} #sidebar .social_bg{background: url(images/newsletter_bg.gif) repeat-x center top; margin: 0 auto; height: 80px; } #sidebar .social_bg h3{ width:auto; padding: 13px 0 0 6px; font: bold 18px Myriad Pro, Arial, Helvetica; color:#000; text-transform: uppercase;} #sidebar .social_bg a{ width:auto; padding: 10px 0 0 6px; font-size: 11px; color: #555555; } #sidebar .social_bg a:hover{ color:#b88d00;} #sidebar .head { background: #fff; height: 132px; width: 324px; margin: 10px auto 0; border: 1px solid #afafaf;} #sidebar .head .subscribe{ background: url(images/sub_bg.gif) repeat-x center top; height: 77px;} #sidebar .head h2 {font-size: 0.9em; width: 300px; color: #fff; margin: 0 0 0 20px; height:20px; padding: 18px 0 0;} #sidebar .head .rss {font-size: 0.9em; margin: 0 0 0 20px; padding: 2px 0 2px 24px; background: url(images/rss.gif) no-repeat 0 0; border: 1px solid #000;} #sidebar .head form { margin: 0 auto;} #sidebar form { border-top: 0; margin-bottom: 10px; height: 50px;} #sidebar form input { float: left; margin: 3px 0 0 7px; width: 147px; border: 1px solid #b5b5b5; height: 17px; color:#808080; font-family:times new roman; font-size:14px; padding:5px; } #sidebar form button { background: url(images/subscribe_btn.gif) no-repeat center; float: left; width: 75px; height: 29px; margin:3px 0 0 -1px; text-indent: -9999px; border: 0; background-color: transparent;} #sidebar .video { background: #fff; border: 1px solid #afafaf; padding: 6px; width: 292px; margin: 0 auto;} #sidebar .body { background: #fff; border: 1px solid #afafaf; padding: 10px; margin-bottom: 10px; width: 302px; margin: 0 auto;} #sidebar .body script { padding: 0; margin: 0; } #sidebar .body img {} #sidebar .body a { color: #333333; } #sidebar .body a:hover { color: #fff;} #sidebar .tabs { height:250px; } #sidebar .flickr-whitebg { background: #fff; border: 1px solid #afafaf; padding: 10px; margin-bottom: 10px; width: 302px; height: 225px; margin: 0 auto;} #sidebar .whitebg { background: #fff; border: 1px solid #afafaf; padding: 10px; margin-bottom: 10px; width: 302px; height: auto; margin: 0 auto;} .flickr {margin: 0 0 0 10px;} .flickr a{ float: left; border: 6px solid #e0e0e0; margin: 4px; } #sidebar ul.head { list-style-type: none; border: 1px solid #cccccc; border-width: 1px 1px 0 0; height: 30px;} #sidebar ul.head li { float: left; text-transform: uppercase; font-weight: bold; border-left: 1px solid #cccccc;} #sidebar ul.head li a { color: #343434; display: block; padding: 8px 5px 8px 8px; } #sidebar ul.head li a:hover {} #sidebar ul.body { clear: both; list-style-type: none; border: 1px solid #cccccc; padding: 10px; margin-bottom: 10px;} #sidebar ul.body li { font-size: 0.9em; border-bottom: 1px dotted #313131; padding: 6px 0;} #sidebar ul.body li a { color: #323232;} #sidebar ul.body li a:hover { font-weight: bold; color: #006490;} #sidebar .l { width: 130px; margin-left: 10px; _margin-left: 0; padding:0; display:inline-block; vertical-align:top; float:left; } #sidebar .r { width: 130px; margin-right: 10px; padding:0; display:inline-block; vertical-align:top; float:right; } #sidebar .l h2, #sidebar .r h2 { font-family: Myriad Pro, Arial, Times New Roman; color: #333333; font-size: 1.5em; text-transform: uppercase; padding: 5px 0;} #sidebar .l ul, #sidebar .r ul { list-style-type: none; margin-bottom: 20px;} #sidebar .l ul li, #sidebar .r ul li { font-size: 0.9em; border-bottom: 1px dotted #353535; padding: 6px 0;} #sidebar .l ul li a, #sidebar .r ul li a { color: #363636;} /** END sidebar **/ /** BEGIN footer **/ #footer { background: url(images/footer_bg.gif) repeat-x center top; width: auto; height: 436px; clear: both; border: 1px solid #000; font-size: 11px; color:#939393; text-align: left; } .footer_con {float: left; width: 314px; margin: 0 10px; height: 200px;} .footer_round2{ background: #101010; height: 258px; } .footer_con h4{ background: url(images/dotted.gif) no-repeat center bottom; padding: 15px 0 10px; margin: 0 20px; font-size: 20px; font-family: Mryiad Pro, Arial, Tahoma, Verdana; text-align: left; color: #f8d239;} .footer_con strong { font-size: 107%; font-weight: bold; } #footer ul { font-size: 12px; line-height: 110%; list-style: none; margin:0; padding: 0; } #footer ul li { list-style: none; background: url(images/bullets_icon.jpg) no-repeat center left; margin: 5px 5px 0 18px; padding: 0 10px; line-height:15px; text-align:left; } #footer ul li a { margin:0; padding:0; line-height:15px; } #footer ul li ul li{ padding: 0px; margin:0; } #footer a strong, #footer a{ color: #fff; } #footer a:hover { color: #ed9218; } #footer_content { width: 1005px; height: 300px; margin: 20px auto 0;} #footer .about_us { color:#939393; font-size:11px; } #footer .about_us p{ text-align: left; font-size:11px; font-family: Arial, Verdana; margin: 10px 0 10px 20px; width: 265px;} /* Credits */ #credits {font-size: 10px; height: 50px; margin: 10px auto 0; padding:15px 0; width: 930px; text-align: center; clear: both; color: #2b2b2b; } #credits a { color: #2b2b2b; font-weight: bold; } #credits a:hover {} #credits .ads_copyright { text-align: left; float: left; font-size:10px; } #credits .ads_copyright p, #credits .ads_copyright p a { font-weight:normal; } #credits .entries { color: #000; text-align: left; float: right; } #credits .entries a{ margin-right:20px; } #credits .entries .loginout {padding-left:17px; background: url(images/mini-loginout.gif) no-repeat; } #credits .entries .rss {padding-left:17px; background: url(images/mini-rss.gif) no-repeat; } /** END footer **/ /** BEGIN miscellaneous **/ #content .single ul { margin: 0 0 10px 18px;} #content .single ol { margin: 0 0 10px 20px;} #content .single li {padding: 2px 0; line-height: 1.4em;} #content .single h3 { margin-bottom: 5px; font-size: 1.4em; font-size: 1.5em; font-weight: normal;} #content .single blockquote { padding: 20px 20px 10px; margin: 10px 0; background-color: #f3f3f3; border-width: 1px 0; border-color: #dddddd; border-style: solid; color: #9e9e9e; line-height: 1.4em;} .single .details { padding: 20px 0;} .single .details p { margin-bottom: 5px !important;} #comments { padding: 0 20px 50px; font-size: 0.9em;} #comments h2 { margin: 10px 0; font-size: 1.5em;} #comments p { margin-bottom: 10px; line-height: 1.5em;} #comments form { padding-top: 20px;} #comments form p { margin-bottom: 5px;} #comments .commentauthor, #comments .commentauthor a { display:block; color: #dd0804; font-weight: bold; font-size:12px; line-height: 15px; } #comments .commentdate { display:block; font-size: 11px; margin-bottom: 5px; color: #555555} #comments .comment_text { width:500px; margin-top:15px; } .required { color: #ff0000;} #respond { padding-top: 20px;} .comment1 { border: 1px solid #cccccc; padding: 10px; margin-bottom: 10px;} .commentdetails { float: left;} .gravatar { float: right; border:4px solid #fff; } h2.title { padding: 20px; font-size: 0.9em; font-weight: normal; text-transform: uppercase; color: #909090;} .archive { clear: both; font-size: 0.9em; padding: 10px; border: 1px solid #cccccc; margin: 0 0 10px 10px;} .archive h2 { font-size: 1.6em; font-weight: normal; padding-bottom: 10px;} .archive h2 a {} .archive img { float: left; height: 100px; margin: 5px 10px 5px 0; border: 4px solid #5c5c5c; } .archive p { margin-bottom: 10px; line-height: 1.5em;} /** END miscellaneous **/ .notfound{ margin: 0 0 0 20px;} .news_icon{background: url(images/email-icon.png) no-repeat center center; width: 54px; height: 56px!important; padding: 25px 0 0 0; margin-left: 15px; } .rss_icon{background: url(images/rss-icon.png) no-repeat center center; width: 54px; height: 56px!important; padding: 10px 0 0 0; margin-left: 15px; } .leftalign{float: left; padding: 0;}