/*
Theme Name: I Am Audi Dot Com 
Theme URI: http://www.iamaudi.com
Description: A theme designed for Scott Mitchell and his passion for Audi. </p><p><small> Developed by <a href="http://www.mrdiggles.com/">Mr. Diggles</a>. Protected by <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.</small>
Version: 2.0
Date Updated: 04.15.10
Author: Mr. Diggles + The I Am Audi Crew
Author URI: http://www.mrdiggles.com/
*/


* {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

html { 
	padding: 0px;
	margin: 0px;
}

body {
	background: #111;	
	padding: 0px;
	margin: 0px;
	font-family: Helvetica Neue, Arial, Verdana, San-Serif, Georgia;
	color: #b3bccb;
	font-size: small;
}

div.clear {
	clear: both;
}

img {
	border: none;
}

a {
	text-decoration: none;
}

div.wrap {
	width: 1000px;
	margin: 0px auto;
}

#lolz  {
	width:230px;
	overflow:hidden;
	margin-top:15px;
	line-height: 1.7em;
}

.twtr-hd, .twtr-ft {
	display:none;
}

.fbLikeContainer{
	background: #fff;
	padding: 4px 4px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-bottom: 10px;
}

/**************************       HEADER       **************************/

#header {
	height: 225px;
}

#header h1 {
	display: none;
}

div.navigation {
	float: left;
	width: 745px;
	margin-top: 81px;
}

#nav {
    background:url("/img/nav-final.jpg") no-repeat;
    width:734px;
    height:17px;
    margin:0;
    padding:0;
}

#nav span {
    display: none;
}


#nav li, #nav a {
    height:17px;
    display:block;
    color: #111;
}

#nav li {
    float:left;
    list-style:none;
    display:inline;
	font-size: 84%;
	font-weight: bold;
	color: #808393;
	line-height: 1.6em;
}

#nav li p {
	padding-top: 10px;
}

#nav-01 {width: 151px;}
#nav-02 {width: 166px;}
#nav-03 {width: 139px;}
#nav-04 {width: 139px;}
#nav-05 {width: 139px;}

#nav-01 a:hover {background:url("/img/nav-final.jpg") 0px -17px no-repeat; }
#nav-02 a:hover {background:url("/img/nav-final.jpg") -151px -17px no-repeat; }
#nav-03 a:hover {background:url("/img/nav-final.jpg") -317px -17px no-repeat; }
#nav-04 a:hover {background:url("/img/nav-final.jpg") -456px -17px no-repeat; }
#nav-05 a:hover {background:url("/img/nav-final.jpg") -595px -17px no-repeat; }

body.index #nav-01 #blog {background:url("/img/nav-final.jpg") 0px -34px no-repeat; }
body.models #nav-02 #models {background:url("/img/nav-final.jpg") -151px -34px no-repeat; }
body.sales #nav-03 #sales {background:url("/img/nav-final.jpg") -317px -34px no-repeat; }
body.forums #nav-04 #forums {background:url("/img/nav-final.jpg") -456px -34px no-repeat; }
body.archives #nav-05 #archives {background:url("/img/nav-final.jpg") -595px -34px no-repeat; }


div.logo {
	float: right;
	width: 255px;
	margin-top: 32px;
}

div.logo a{
	color: #111111;
}




/**************************       Panel       **************************/

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}


/* sliding panel */
#toppanel {
    position: absolute;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    width: 100%;
    z-index: 999;
    margin-left: auto;
    margin-right: auto;
}

#panel {
	width: 100%;
	height: 215px;
	background: #111;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}


/* BUTTONS */
/* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
}

p.search {
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 90%;
	font-weight: bold;
	padding: 2px 7px 2px 7px;
	text-align: center;
	-moz-border-radius: 3px;
}

p.search a{
	color: #fff;
	display: block;
}
p.search a:hover{
	color: #111;
	border-bottom:  2px solid #009dde;
}


div.searchcontent {
	float: left;
	width: 560px;
	margin-top: 72px;
	height: 163px;
}

div.searchcontent p.searchimg{
	float: left;
}

div.searchcontent p.datetop{
	float: right;
	padding-top: 10px;
	color: #aaa;
	font-size: 90%;
	font-weight: bold;
}

div.logosearch {
	float: right;
	margin-top: 32px;
	width: 260px;
	margin-right: -5px;
}

div.logosearch a{
	color: #333;
}

#linea {
	height: 1px;
	padding-top: 5px;
	border-bottom: 1px solid #000;
}

#lineb {
	height: 1px;
	border-top: 1px solid #222;
	padding-bottom: 10px;
}

div.searchbox {
	padding-bottom: 6px;
}	

#searchbox{
	background: #fff;
	border: 1px solid #555;
	padding: 10px;
	font-size: 130%;
	font-style: italic;
	width: 260px;
	color: #888;
}

#searchbutton {
	border: 1px solid #555;
	padding: 5px 9px 5px 9px;
	margin-left: 4px;
	font-size: 130%;
	color: #888;
	background: #333;
	font-size: 90%:
		}

div.searchbox form{
	float: left;
	width: 350px;
}

p.close {
	float: right;
	margin-top: 18px;
	padding: 2px 7px 2px 7px;
	margin-right: 120px;
	font-size: 90%;
	font-weight: bold;

	text-align: center;
}


p.close a{
	color: #fff;
	padding: 2px 7px 2px 7px;
	display: block;
}
p.close a:hover{
	color: #111;
	border-bottom:  2px solid #009dde;
}

h2.searchtitle {
	margin-bottom: 30px;
	padding-bottom: 1px;
	font-size: 340%;
	letter-spacing: -2px;
	border-bottom: 2px solid #333; 
}

h2.searchtitle span{
	color: #009dde;
}

div.help {
	background: transparent url(/img/how-can-i-help-you.jpg) top left no-repeat;
	height: 155px;
	margin-top: 30px;
	border: 2px solid #191919;
	padding: 10px 10px;
}

div.help h3 {
	color: #f43458;
	font-size: 150%;
	margin-bottom: 60px;
}

div.help h3 span{
	padding: 3px 0px;
	background: transparent url(/img/dark.png) top left repeat;
}


div.help h4 {
	color: #ccc;
	margin-bottom: 5px;
}

div.help h4 a{
	color: #009dde;
}

div.help h4 a:hover{
	color: #ff792b;
}

div.help h4 span{
	padding: 3px;
	background: transparent url(/img/dark.png) top left repeat;
}

div.notfound h2 {
	font-size: 240%;
	color: #f7fe8a;
	letter-spacing: -1px;
}

div.notfound p.sorry{
	font-weight: bold;
	margin-bottom: 30px;
	font-size: 160%;
}

div.notfound p.sorry span {
	color: #009dde;
}

div.notfound p.whatnow {
	font-weight: bold;
	font-size: 130%;
}

h2.archtitle {
	margin-bottom: 30px;
}

h2.archtitle span {
	color: #009dde;
}	


/**************************       MAIN + ENTRY      **************************/

div.main {
	width: 560px;
	float: left;
}

div.line {
	border-top: 1px solid #000;
	margin-bottom: 0px;
}

div.entry {
	position: relative;
}

div.entry a{
	color: #009dde;
}

div.entry a:hover{
	color: #ff792b;
}

div.entry h2.title a{
	color: #009dde;
}

div.entry h2.title a:hover{
	color: #ff792b;
}


.sIFR-active h2.title  {
	visibility: hidden;
}

.sIFR-active h2.title {
	padding-bottom: 0;
}

div.entry p.date {
	top: 29px;
	width: 70px;
	text-transform: uppercase;
	color: #f7fe8a;
	padding: 4px 0px;
	background: transparent url(img/date.png) repeat 0px 0px;
	font-weight: bold;
	margin-left: -85px;
	text-align: center;
	line-height: 1.6em;
	font-size: 90%;
	border: 1px solid #0f0f0f;
}

div.content p{
	text-align: justify;
	line-height: 1.8em;
	padding-bottom: 15px;
}

div.content {
	border-top: 1px solid #222;
	padding-top: 8px;
	margin-top: -29px;
}

div.entry object {
	margin: 10px 0px;
}

div.content img{
	border: 5px solid #333;
	margin-top: 5px;
	max-width: 550px;
}

div.entry  ol {
	margin-bottom: 20px;
	margin-left: 20px;
	letter-spacing: 1px;
}


div.entry  ol li {
	padding: 3px 0px 3px 26px;
	color: #fff;
}



div.entry  ul {
	margin-bottom: 15px;
	margin-left: 20px;
}


div.entry  ul li {
	padding: 3px 0px 3px 26px;
	color: #fff;
	background: transparent url(img/post-check.gif) no-repeat 5px 4px;
}




div.entry  ul.specs {
	margin-bottom: 15px;
	margin-left: 20px;
}


div.entry  ul.specs li {
	padding: 3px 0px 3px 26px;
	color: #fff;
	background: transparent url(img/post-check.gif) no-repeat 5px 4px;
}


div.comlove {
	border-bottom: 1px solid #000;
	border-top: 1px solid #222;
	padding: 8px 0px 8px 15px;
}

div.comlove a span {
	font-size: 90%;
	font-weight: bold;
}

div.comlove img{
	float: left;
	margin-right: 4px;
}

div.catlove {
	border-bottom: 1px solid #000;
	border-top: 1px solid #222;
	padding: 8px 0px 8px 15px;
}

div.catlove img{
	float: left;
	margin-right: 8px;
}
div.yoursource {
	padding-top: 18px;
	border-top: 1px solid #222;
	border-bottom: 5px solid #333;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

div.yoursource p {
	font-size: 90%;
	font-weight: bold;
	line-height: 2.0em;
	color: #555;
	background: transparent url(img/message-bg.gif) top left no-repeat;
	padding: 10px 10px 10px 14px;
	height: 50px;
	margin-top: 10px;
}

div.pagination {
	margin-top: 26px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 8px;
	margin-bottom: 30px;
	text-align: left;
	font-size: 150%;
	text-transform: uppercase;
	border: 1px solid #222;
	text-shadow: 1px 1px 1px #000;
	letter-spacing: 0px;
	word-spacing: 2px;
}

div.previous {
	float: left;
	width: 280px;
	margin-top: 30px;
	text-align: left;
	height: 59px;
	margin-bottom: 20px;
}

div.previous h3 {
	font-size: 220%;
	font-weight: 400;
	color: #bbb;
}

div.previous p {
	color: #555;
	line-height: 1.5em;
	font-size: 90%;
}


div.previous img{
	float: left;
	margin: 5px 20px 10px 0px;
}

div.next {
	float: right;
	margin-top: 30px;
	width: 280px;
	text-align: right;
	height: 59px;
	margin-bottom: 20px;
}

div.next h3 {
	font-size: 220%;
	font-weight: 400;
	color: #bbb;
}

div.next p {
	color: #555;
	font-size: 90%;
	line-height: 1.5em;
}

div.nexttitle {
	font-size: 10%;
}

div.next img{
	float: right;
	margin: 5px 0px 10px 20px;
}

div.social {
	padding: 0px 0px 10px 0px;
	float: right;
	margin-top: -92px;
}

div.tweetmeme_button {
	float: right;
}

div.ouch {
	float: left;
	width: 260px;
	margin-left: 40px;
}


div.ouchpic {
	float: right;
	width: 620px;
	text-align: right;
	margin-right: 40px;
}

div.ouchpic img {
	border: 5px solid #333;
}

p.subbnav {
	margin-top: 20px;
	font-size: 90%;
	font-weight: bold;
}

p.subbnav span {
	padding: 0px 3px;
}


p.subbnav a{
	text-decoration: none;
	color: #009dde;
}

p.subbnav a:hover{
	text-decoration: none;
	color: #ff792b;
}



/**************************       COMMENTS      **************************/

#comments
{
	border-top: 1px solid #222;
}

div.commentbg {
	background: #fff;
	text-decoration: none;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	padding: 20px;
	margin-top: 25px;
	color: #242424;
	line-height: 1.6em;
	font-size: 90%;
}

#main div.comment p {
	margin: 0;
	padding: 0 0 10px 0;
}

p.alt { background: #fff !important; }

#comments h6
{
	font-size: 90%;
	padding-bottom: 30px;
	width: 450px;
	text-align: right;
	vertical-align: middle;
	color: #fff;
	font-weight: bold;
	background: transparent url(img/comment-tab.gif) top right no-repeat;
	padding-right: 36px;
	padding-top: 10px;
}

#comments h6 img
{
	vertical-align: middle;
	margin-left: 10px;
	border: 2px solid #333;
}

div.comment h3 {
	margin-bottom: 10px;
	color: #f7fe8a;
}

div.comment h3 span{
	padding-left: 60px;
}


div.comment textarea {
	background: none;
	border: 1px solid #333;
	width: 549px;
	padding: 5px;
	color: #ccc;
}

div.bringit input {
	width: 549px;
	border: 1px solid #333;
	background: none;
	padding: 5px;
	margin: 5px 0px;
	color: #ccc;
}


/**************************       ABOUT PAGE      **************************/

div.aboutus {
	padding-bottom: 30px;
	border-bottom: 1px solid #000;
}

div.aboutus h3{
	font-size: 200%;
	margin-bottom: 12px;
	color: #999;
	letter-spacing: -1px;
	text-shadow:1px 1px 1px #000; 
}

div.aboutus h4{
	font-size: 120%;
	color: #555;
	margin-top: 7px;
	letter-spacing: 0px;
	text-shadow:1px 1px 1px #000; 
}

div.aboutus h3 span{
	color: #fff;
}

div.aboutus p {
	line-height: 1.6em;
	padding-bottom: 12px;
	font-weight: bold;
	font-size: 90%;
}


div.aboutus p span{
	text-decoration: underline;
}

div.aboutus img.about {
	float: right;
	margin-left: 40px;
}

div.abouttop {
	border-top: 1px solid #222;
	border-bottom: 1px solid #000;
	padding-top: 30px;
	padding-bottom: 30px;
}

div.abouttop img.icon{
	float: left;
	margin-right: 20px;
	margin-bottom: 100px;
}

div.abouttop h3{
	text-shadow:1px 1px 1px #000; 
	font-size: 160%;
	color: #fff;
	letter-spacing: -1px;
}

div.abouttop h4{
	font-size: 120%;
	color: #ff6322;
	letter-spacing: 0px;
	margin-bottom: 10px;
	text-shadow:1px 1px 1px #000; 
}

div.abouttop a{
	color: #009dde;
}

div.abouttop a:hover{
	color: #ff792b;
}

div.abouttop p {
	line-height: 1.6em;
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 90%;
}

div.scott {
	float: left;
	height: 275px;
	width: 479px;
	border-right: 1px solid #000;
	padding-right: 20px;
}

div.benjamin {
	float: right;
	width: 479px;
	height: 275px;
	border-left: 1px solid #222;
	padding-left: 20px;
}

div.group {
	border-top: 1px solid #222;
	padding-top: 30px;
}

div.group a{
	color: #009dde;
}

div.group a:hover{
	color: #ff792b;
}

div.col {
	width: 226px;
	float: left;
}

div.col img.icon{
	float: left;
	margin-right: 15px;
	margin-bottom: 135px;
}

div.col h3{
	font-size: 120%;
	text-shadow:1px 1px 1px #000; 
	color: #fff;
	letter-spacing: -1px;
}

div.col h4{
	font-size: 90%;
	font-weight: bold;
	text-shadow:1px 1px 1px #000; 
	letter-spacing: 0px;
	margin-bottom: 6px;
	color: #ff6322;
}


div.col p {
	font-size: 90%;
	font-weight: bold;
	line-height: 1.6em;
	padding-bottom: 10px;
}

div.aboutvideo {
	float: right;
	width: 420px;
	height: 242px;
	margin-left: 40px;
}

/**************************       SALES PAGE      **************************/

div.salesfb {
	position: absolute;
	top: 175px;
	left: 130px;
}


div.salesvideo {
	background: transparent url(img/video-bg.png) top left no-repeat;
	width: 700px;
	padding: 14px 0px 0px 30px;
	height: 397px;
}

div.sales {
	padding: 20px 30px;
	text-align: justify;
	border: 2px solid #000;
	background: transparent url(/img/wood.jpg) top left repeat;
}

div.salesl{
	width: 550px;
	float: left;
}

div.salesr {
	width: 320px;
	height: 370px;
	padding: 15px;
	float: right;
	background: #333;
	text-decoration: none;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
}

div.sales img.sell {
	margin-bottom: 15px;
}

div.sales p.tite {
	padding: 0px 10px;
	margin-top: -2px;
}

div.sales p {
	font-size: 110%;
	line-height: 1.8em;
	color: #fff;
	padding-bottom: 15px;	
}

div.sales p.me {
	text-shadow:1px 1px 1px #000; 
	font-weight: bold;
	border-bottom: 1px solid #000;
}

div.sales p.first {
	border-bottom: 1px solid #000;
	border-top: 1px solid #444;
	font-size: 90%;
	color: #f7fe8a;
	padding: 10px 13px 15px 70px;
	background: transparent url(/img/first.png) 13px 13px no-repeat;
}


div.sales p.second {
	border-top: 1px solid #444;
	padding: 10px 13px 10px 70px;
	font-size: 90%;
	color: #f7fe8a;
	background: transparent url(/img/second.png) 13px 13px no-repeat;
	border-bottom: 1px solid #000;
}

div.sales p.third {
	border-top: 1px solid #444;
	padding: 10px 13px 10px 70px;
	font-size: 90%;
	color: #f7fe8a;
	background: transparent url(/img/third.png) 13px 13px no-repeat;
	border-bottom: 1px solid #000;
}


div.sales p.closing {
	font-weight: bold;
	border-top: 1px solid #444;
	padding-top: 10px;
	text-shadow:1px 1px 1px #000; 
}

div.salescontact {
	color: #333;
	margin: 0px 30px;
	background: #f8f8f8 url(/img/ctop.png) top left repeat-x;
	padding: 30px;
	text-decoration: none;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
}


div.scooter {
	width: 880px;
	height: 333px;
	position: relative;
	background: url(/img/scott-mitchell-audi.jpg) top left no-repeat;
}

div.formy {
	float: right;
	margin-top: 15px;
	width: 290px;
	margin-right: 30px;
}

div.formy p.lab{
	font-size: 90%;
	text-transform: uppercase;
	padding-bottom: 10px;
	line-height: 1.6em;
}

div.formy p.lab span {
	line-height: 1.6em;
	font-weight: bold;
	color: #666;
}

div.formy input {
	width: 282px;
	color: #fff;
	border: none;
	padding: 4px 6px;
	background: none;
	color: #222;
	background: #ddd;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

div.formy textarea {
	width: 280px;
	height: 80px;
	padding: 5px 6px;
	color: #444;
	background: none;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #ccc;
}

div.formy p.submit {
	padding: 3px;
	text-transform: uppercase;
}

div.formy p.submit input {
	background: #009cdd;
	width: 100px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
}

div.formy p.submit input:hover {
	background: #07aef4;
}

ul.address {
	margin-top: 1px;
}

ul.address li {
	padding: 3px 0px;
	text-align: center;
	font-size: 110%;
	color: #fff;
	font-weight: bold;
	border-bottom: 1px solid #444;
}

ul.address li.last {
	border: none;
}


ul.address li a{
	color: #009dde;
	padding: 0px 6px;
}

ul.address li a:hover{
	border-bottom: 1px dotted #009dde;
}


/**************************       ARCHIVES PAGE      **************************/


div.wrap img.arch {
	margin-top: 20px;
}

div.wrap img.arch2 {
	margin-top: 20px;
	margin-bottom: 25px;
}


div.archives {
	width: 410px;
	padding-left: 20px;
	float: left;
	border-left: 1px solid #444;
	padding-bottom: 20px;
}

div.archives a{
	color: #009dde;
}

div.archives span.monthtitle {
	font-size: 180%;
	line-height: 1.8em;
	color: #555;
	text-shadow:1px 1px 1px #000; 
	text-transform: uppercase;
}

div.archives ul li {
	line-height: 1.7em;
}

div.archives ul li  a{
	padding: 3px;
}

div.archives ul li a:hover{
	background: #333;
}

div.archtwo {
	width: 260px;
	float: left;
	padding-left: 20px;
	padding-bottom: 20px;
	border-left: 1px solid #444;
}

div.archtwo p a{
	color: #009dde;
}


div.archthree {
	width: 260px;
	padding-left: 20px;
	float: left;
	padding-bottom: 10px;
	border-left: 1px solid #444;
}

div.archthree h4 {
	font-size: 120%;
	color: #777;
	letter-spacing: 1px;
	margin-bottom: 5px;
	text-shadow:1px 1px 1px #000; 
}

div.archthree  ul {
	margin-bottom: 20px;
	margin-top: -5px;
}

div.archthree  ul li a{
	color: #009dde;
	line-height: 1.7em;
}

div.archthree  ul li a:hover{
	color: #ff6322;
}

div.archthree p {
	margin-bottom: 10px;
}


/**************************       SIDEBAR      **************************/

#sidebar {
	float: right;
	width: 380px;
}

p.project {
	text-align: right;
	padding: 2px 0px 5px 0px;
	font-size: 90%;
	text-transform: uppercase;
	font-weight: bold;
	border-top: 1px solid #252525;
}

p.project a {
	text-shadow: 1px 1px 1px #111;
	color: #009dde;
}

p.project a:hover{
	color: #ff792b;
}


#sidetop {
	background: transparent url(img/stats-bg.gif) no-repeat 0px 0px;
	height: 150px;
	margin-bottom: -8px;
}

#sidetop ul {
	text-align: right;
	padding-top: 7px;
	padding-right: 20px;
}

#sidetop ul li {
	line-height: 40px;
	font-size: 140%;
	margin-bottom: 7px;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 1px;
}

#sidetop ul li.mnum span{
	color: #f7fe8a;
}

#sidetop ul li.snum span{
	color: #ff792b;
}

#sidetop ul li.message {
	color: #666;
}


div.sidecontent {
	padding: 10px 10px 0px 10px;
	background: #333;
}

#sidebar img.sidetitle {
	margin: 30px 0px 5px 0px;
}

div.sidedata {
	margin-top: 5px;
}

div.sidedata a{
	color: #009dde;
}

div.sidedata a:hover{
	color: #ff792b;
}


div.sidedata ul.a {
	border-bottom: 1px solid #222;
	border-top: 1px solid #000;
}

div.sidedata ul.a li{
	border-bottom: 1px solid #000;
	border-top: 1px solid #222;
}

div.sidedata ul.a li a{
	display: block;
	padding: 3px 0px 4px 0px;
}

ul.a img{
	display: none;
}

div.sidedata ul.b {
	border-bottom: 1px solid #222;
	border-top: 1px solid #000;
}

div.sidedata ul.b li{
	border-bottom: 1px solid #000;
	padding: 3px 0px 4px 0px;
	color: #fff;
	font-size: 90%;
	border-top: 1px solid #222;
}

div.twitter{
	padding: 20px 0px;
	border-top: 1px dashed #444;
	border-bottom: 1px dashed #444;	
}

p.follow {
	margin-top: 15px;
	
}

p.follow a {
	color: #f7fe8a;
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0px;

}

p.follow a:hover{
	text-decoration: underline;
}



/************************************   AUTO GALLERY    ****************/


div.year {
	clear: both;
	margin: 20px 0px 40px 0px;
	padding-bottom: 40px;
}


div.yrwrap {
	width: 1000px;
	margin: 0px auto;
	border-bottom: 1px solid #000;
	padding-bottom: 6px;
}

div.yrwrap img {
	float: left;
}

div.yrwrap h4.year{
	font-weight: 500;
	font-size: 200%;
	color: #fff;
	float: left;
	margin-left: 20px;
	line-height: 48px;
}

div.yrwrap h4.year span{
	color: #009dde;
}



div.yrwrap p.found{
	float: right;
	font-size:100%;
	text-align: right;
	color: #858585;
	letter-spacing: 1px;
	margin-right: 20px;
	margin-top: 7px;
	line-height: 1.5em;
}

div.yrwrap p.found span.yellow{
	color: #f7fe8a;
	font-weight: bold;
	margin: 0px 5px;
}

div.yrwrap p.found span.red{
	color: #ff6322;
	font-weight: bold;
	margin: 0px 5px;
}

div.linetop {
	border-top: 1px solid #222;
	width: 1000px;
	margin: 0px auto;
}

div.module {
	float: left;
	width: 158px;
	margin: 20px 10px 10px 10px;
	font-weight: bold;
  	padding: 6px 10px;
  	font-size: 90%;
 	display: block;
 	text-transform: uppercase;
	background: #858585;
	text-decoration: none;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;		
}

div.module:hover{
	background: #aaa;
}


div.carpic img{
	margin-bottom: 5px;
	width: 152px;
	border: 3px solid #444;
}

div.carpic a {
	color: #444;
}


div.module h2.cartitle {
	text-align: left;
	font-weight: 600;
	color: #111;
	font-size: 100%;
}

div.module h2.caryear {
	float: right;
	font-weight: 600;
	color: #444;
	font-size: 100%;
	display: none;
}


div.footscroll {
	height: 400px;
	background: #fff;
	width: 100%;
}

/************************************   AUTO PROFILE    ****************/


div.profile {
	margin-bottom: 20px;
	margin-top: -10px;
}

div.profile h1 {
	padding-bottom: 5px;
	margin-bottom: 0px;
	color: #009dde;
	font-size: 200%;
	font-weight: 800;
	float: left;
    text-shadow:1px 1px 1px #000;
}

div.profile h3 a{
	float: right;
	font-size: 100%;
	letter-spacing: -1px;
	color: #777;
	padding-top: 15px;
}

div.profile h3 a:hover{
	color: #009dde;
}



div.profileimage {
	width: 960px;
	margin: 0px 15px;
}

div.profileimage img.main {
	border: 5px solid #333;
	margin-bottom: 10px;
}

div.profilenav img.icon {
	border: 2px solid #333;
}

div.profilenav {
	padding: 10px 0px;
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
}

div.profilenav ul {
}

div.profilenav li {
	float: left;
	margin-right: 5px;
}

div.profilenav li.last {	
	margin: 0px 0px;
}

div.profilestats {
	background: transparent url(/img/profile-grad.jpg) no-repeat 0px 0px;
	width: 1000px;
	margin-top: 30px;
}

div.tri {
	float: left;
	width: 288px;
	padding: 10px 20px;
	min-height: 280px;
}

div.tri h1{
	font-weight: 400;
	font-size: 140%;
	padding: 3px 0px;
	margin: 0px;
	border: 0px;
}

div.profilestats h5{
	font-size: 140%;
	color: #fff;
    text-shadow:1px 1px 1px #000;
	font-weight: 600;
}

div.profilestats h2{
	font-weight: 800;
	margin-bottom: 15px;
    text-shadow:1px 1px 1px #000;
	padding: 3px 0px;
	font-size: 120%;
}

div.profilestats h2 a{
	color: #009dde;
}

div.profilestats h2 a:hover{
	color: #ff6322;
}

img.download {
	border: 2px solid #0c0c0c;
}

div.profilestats ul {
	font-size: 80%;
	font-weight: bold;
	color: #ddd;
	border-bottom: 1px solid #191919;
}

div.profilestats ul li {
	padding: 3px 0px;
	border-top: 1px solid #191919;
}

#profilefoot {
	border-top: 3px solid #333;
	padding: 20px 0px;
	margin-top: -20px;
}


div.questions {
	float: left;
	font-weight: bold;
	width: 300px;
	color: #f5fc89;
}

div.flip {	
	float: right;
	width: 672px;
}

div.prevcar {
	width: 314px;
	border-right: 1px solid #333;
	float: left;
	padding-right: 22px;
	text-align: right;
}

div.nextcar {
	width: 312px;
	float: right;
	border-left: 1px solid #555;
	text-align: left;
	padding-left: 22px;
}

ul.special a{
	color: #009dde;
}

ul.special a:hover{
	color: #ff6322;
}

ul.special li {
	font-size: 140%;
	background:url(img/post-check.gif) no-repeat 7px 7px;	
}

ul.special li a{
	padding-left: 26px;
}

p.shuffle {
	font-weight: bold;
	color: #ed1846;
}

p.shuffle span{
	color: #444;
	padding: 0px 4px;
}


p.shuffle a{
	font-weight: bold;
	color: #009dde;
}

p.shuffle a:hover{
	color: #ff6322;
}

div.modelfb {
	float: left;
	line-height: 47px;
	margin-left: 24px;
}

div.modeltw {
	float: left;
	margin-left: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	height: 40px;
	width: 78px;
}



/************************   GALLERY IMAGE HOVER   ************************/

.imageOver{
	background:url(../img/zoom.gif) no-repeat 50% 50%;	
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;	
}


img.window {
	padding: 9px;
	border: 1px solid #777;
}

#sticker {
	color: #111;	
}

#alt {
	background: none;
	border: none;
	height: 520px;
	text-align: center;
}

#alt img {
	border: 2px solid #333;
}


/************************   FOOT SLIDER   ************************/

div.bottombar {
	width: 100%;
	height: 65px;
	background: #111 url(img/topper.png) bottom left repeat-x;	
}

div.slide {
	height: 450px;
	background: #fff url(img/scroll-top.png) top left repeat-x;	
	width: 100%;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}


#slider {
    width: 1000px;
    margin: 0px auto;
    position: relative;
}

.scroll {
    width: 1000px;
    padding: 0px;
    margin-top: 20px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    width: 1000px;
    padding: 0px;
}


div.panel h1{
	font-size: 300%;
	color: #009dde;
	font-weight: 400;
	letter-spacing: -1px;
}

div.panel h1 span{
	padding: 2px 10px;
}


div.panel h2{
	font-size: 150%;
	color: #444;
	margin-top: 7px;
}

div.panel h2 span{
	background: #666;
	color: #f8f8f8;
	padding: 2px 10px;
}


#one {
	height: 300px;
	width: 1000px;
	background: url(img/performance-bg.jpg) top left no-repeat;
}

div.performance {
	margin-left: 40px;
	padding-top: 20px;
	width: 480px;
}

div.performance p {
	margin-top: 10px;
	font-weight: bold;
	color: #999;
	line-height: 1.7em;
	margin-left: 10px;
}


#welcome {
	height: 300px;
	width: 1000px;
	background: url(img/welcome-bg.jpg) top left no-repeat;
}


#two {
	height: 300px;
	width: 1000px;
	background: url(img/saftey-bg.jpg) top left no-repeat;
}


#three {
	height: 300px;
	width: 1000px;
	background: url(img/design-bg.jpg) top left no-repeat;
}

#four {
	height: 300px;
	width: 1000px;
	background: url(img/versatility-bg.jpg) top left no-repeat;
}

#five {
	height: 300px;
	width: 1000px;
	background: url(img/value-bg.jpg) top left no-repeat;
}


div.design {
	margin-left: 40px;
	padding-top: 20px;
	width: 480px;
}

div.design p {
	margin-top: 10px;
	font-weight: bold;
	color: #999;
	line-height: 1.7em;
	margin-left: 10px;
}


div.safety {
	margin-left: 40px;
	padding-top: 20px;
	width: 400px;
	float: right;
}

div.safety h1 { 
	text-align: right;
}

div.safety h2 { 
	text-align: right;
}

div.safety p{
	margin-top: 10px;
	font-weight: bold;
	color: #999;
	line-height: 1.7em;
	margin-left: 10px;
	text-align: right;
}


div.versatility {
	margin-left: 40px;
	padding-top: 20px;
	width: 470px;
	float: right;
}

div.versatility h1 { 
	text-align: right;
}

div.versatility h2 { 
	text-align: right;
}

div.versatility p{
	margin-top: 10px;
	font-weight: bold;
	color: #999;
	line-height: 1.7em;
	margin-left: 10px;
	text-align: right;
}


div.value {
	margin: 0px auto;
	padding-top: 20px;
	width: 470px;
	text-align: center;
}

div.value h1 { 
	text-align: center;
}

div.value h2 { 
	text-align: center;
}

div.value p{
	margin-top: 10px;
	font-weight: bold;
	color: #999;
	line-height: 1.7em;
	margin-left: 10px;
	text-align: center;
}


div.profilethumbs {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;	
	padding: 10px 0px 10px 0px;
	margin: 15px 0px 0px 0px;
}

#other {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}


#other li {
	background: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color: none;
	border: 2px solid #333;
	height: 54px;
}

#other li a{
	background: none;
	display: normal;
	padding: 0px;
	margin: 0px 1px 0px 1px;
	color: none;
}

#other a:hover {
	color: #1d1d1d;
}

#other a.selected {
    color: #009dde;
}

#other a:focus {
    outline: none;
}

#other  li a span{
	background: none;
	padding: 0px;
	margin: 0px;
	display: normal;
}

ul.navigation {
    list-style: none;
    margin: 0px 0px 0px 20px;
    padding-top: 20px;
    margin-bottom: 10px;
    text-align: left;
}

ul.navigation li {
	background: url(img/link-left-gray.png) center left no-repeat;
	float: left;
	color:#1f73ab;
    line-height: 36px;
    margin-right: 5px !important; margin-right: -4px;
    padding: 0px 10px;
}

ul.navigation li a{
	background: url(img/link-right-gray.png) center right no-repeat;
	display:block;
	color: #666;
	font-weight: bold;
    font-size: 140%;
    margin-right: 7px;
    padding-right: 10px;
}



ul.navigation li a span{
	background-color:#e0e0e0;
	display:block;
	padding: 0px 5px;
	line-height: 36px;
}


ul.navigation li.welcome {
	background: url(img/link-right-orange.png) center left no-repeat;
	float: left;
	color:#1f73ab;
    line-height: 36px;
    margin-right: 0px;
    padding: 0px 10px;
}


ul.navigation li.welcome a{
	background: url(img/link-left-orange.png) center right no-repeat;
	display:block;
	color: #222;
	font-weight: bold;
    font-size: 140%;
    margin-right: 10px;
    padding-right: 10px;
}


ul.navigation li.welcome span{
	padding: 0px 15px;
	background: #ff6322;
}


ul.navigation li.performance {
	margin-left: 40px;
}


ul.navigation li.safety {
}


ul.navigation li.design {
}


ul.navigation li.versatility {
}

ul.navigation li.value {
}

ul.navigation a:hover {
	color: #1d1d1d;
}



ul.navigation li.welcome a.selected {
    color: #fff;
}


ul.navigation a.selected {
    color: #009dde;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
    display: none;
}

.scrollButtons.left {
    left: -20px;
    display: none;
}

.scrollButtons.right {
    right: -20px;
    display: none;
}



.audi {
	float: left;
	height: 208px;
	width: 312px;
	position: relative;
	margin: 16px 0px;
}



.audi h2 {
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: #fff;
	text-transform: uppercase;
	width: 312px;
	opacity: 0.9;
	filter: alpha(opacity=90);
	background: #111;
    text-shadow:1px 1px 1px #000;
}

.audi h2 a{
	display: block;
	color: #009cdd;
	padding: 7px 10px;
}



.midd {
	margin: 16px 31px;
}



/**************************       FOOTER      **************************/

#footer {
	height: 60px;
	margin: 0px 0px 0px 0px;
	background: #111 url(img/footer-bg.png) top left repeat-x;
}

div.legal {
	padding: 20px 0px;
	margin-bottom: 25px;
	color: #555;
	font-size: 90%;
	font-weight: bold;
}

div.legal p.l{
	background: transparent url(img/legal-stamp.gif) no-repeat 0px 0px;
	float: left;
	padding-left: 40px;
	line-height: 20px;
}

div.legal p.l span {
	color: #aaa;
	padding: 0px 5px;
}



div.legal p.r{
	float: right;
	line-height: 20px;
	letter-spacing: 1px;
	font-size: 90%;
}

div.legal p.r span {
	color: #333;
	padding: 0px 6px;
}

div.legal p.r a {
	text-decoration: none;
	color: #009dde;
	text-transform: uppercase;
}

div.legal p.r a:hover {
	color: #ff792b;
}