@import url(base.css);
@import url(articles.css);



/*

COLOR REFERENCE:
- light (vanilla) yellow: #fff8db;
- yellow: #fc0;
- burnt orange: #bf5a00;
- brown: #630;

*/


/* GENERAL */
body {background:#1c1c1c; color:#666;}
.frame {width:1005px; margin:0 auto; text-align:left; position:relative; background:#f0f0f0;}

.widget {margin-bottom:25px;}
.more {text-align:right; padding:6px 30px; background:url(https://www.autospies.com/images/icon-more.gif) no-repeat center right; text-transform:uppercase; border-top:solid 1px #e1e1e1;}
.more a, .more a:visited {color:#999; font-size:.825em;}
.more a:hover, .more a:visited:hover {color:#333;}

.negative {color:#c30;}
.positive {color:#390;}

.pagination {text-align:center; line-height:2em; padding-top:10px; font-size:.8125em;}
.pagination a, .pagination .current {display:inline-block; border:solid 1px #cbcbcb; padding:0 .65em; text-decoration:none;}
.pagination .current {font-weight:bold; background:#eee;}
.pagination a, .pagination a:visited {color:#666; background:#fff;}
.pagination a:hover, .pagination a:visited:hover {color:#000; background:#fc0;}

.logo, .logo a {display:block; width:266px; height:59px; text-indent:-3000px; overflow:hidden; background-repeat:no-repeat; background-position:0 0;}
.logo[class] a {background-image:url(https://www.autospies.com/images/logo.png);}
.logo a:hover {background-position:0 -59px;}




/* BASIC LAYOUT */
#wrap {background:url(https://www.autospies.com/images/bg.gif) repeat-y top center;}

<!-- #wrap {background: none;} 	.wrapad {margin-right: 2.8em;}  	-->

#content {padding-top:14px; padding-bottom:20px; padding-right:180px; padding-left:160px;}
#mainCol {width:665px; float:left; display:inline;}
#leftCol {width:140px; margin-left:-815px; float:left; display:inline;}
#rightCol {width:160px; margin-right:-170px; float:right; display:inline;}

#homepage #content {padding-right:0;}
#homepage #leftCol {margin-left:-985px;}
#homepage #mainCol {width:835px;}


/* BASIC TABS */
.tabContent {padding:0 1px;}
.tabContent .more {margin:0 14px;}

.tabs {margin:0; border-bottom:solid 1px #cbcbcb;}
.tabs a {text-decoration:none;}
.tabs a:hover, .tabs a:visited:hover {color:#333;}
.tabContent a:hover {text-decoration:underline;}
.tabs li {margin:0 0 -1px 0; display:inline; float:left; list-style:none; text-transform:uppercase; font-size:.8em;}
.tabs li a, .tabs li a:visited {color:#909090; display:block; padding:6px 10px; width:auto;}
.tabs li.active {background-color:#fff; border:solid 1px #cbcbcb; border-bottom:solid 1px #fff;}
.tabs li a.active, .tabs li a.active:hover, .tabs li a.active:visited:hover {color:#000; cursor:default;}





/* TOP BANNER */
#topBanner {background:url(https://www.autospies.com/images/bg-topBanner.jpg) no-repeat top center;}
#leader[id] {background:url(https://www.autospies.com/images/bg-fadeup.png) repeat-x bottom left;}

#topBanner .brand {float:left; width:266px; padding-top:17px;}
#topBanner .members {text-align:center; padding:0 10px; font-size:.8em;}
#topBanner .members a {color:#fc0; text-decoration:none;}
#topBanner .members a:hover {color:#fff8db; text-decoration:underline;}
#topBanner .members .sep {color:#000;}
#topBanner .ad {float:left; width:739px; padding:10px 0; text-align:center;}

#menuBar {background:url(https://www.autospies.com/images/bg-nav.gif) repeat-x; margin-left:0; border-top:solid 1px #fff;}
#menuBar ul {list-style:none; margin:0; padding:0;}
#menuBar ul#menu {float:left;}
#menuBar ul li.btn {list-style:none; float:left; display:inline; margin:0; padding:0; height:32px; background-repeat:no-repeat; background-image:url(https://www.autospies.com/images/nav.gif);}
#menuBar ul li a.btn {display:block; height:32px; float:left; text-indent:-30000px; overflow:hidden; background-repeat:no-repeat; background-image:url(https://www.autospies.com/images/nav.gif);}

#menuBar ul li.news, #menuBar ul li.news a.btn {width:141px;}
#menuBar ul li.news a.btn:hover, #menuBar ul li.news a.active {background-position:0 -32px;}
#menuBar ul li.reviews, #menuBar ul li.reviews a.btn {width:127px; background-position:-141px 0;}
#menuBar ul li.reviews a.btn:hover, #menuBar ul li.reviews a.active {background-position:-141px -32px;}
#menuBar ul li.classifieds, #menuBar ul li.classifieds a.btn {width:136px; background-position:-268px 0;}
#menuBar ul li.classifieds a.btn:hover, #menuBar ul li.classifieds a.active {background-position:-268px -32px;}
#menuBar ul li.galleries, #menuBar ul li.galleries a.btn {width:91px; background-position:-404px 0;}
#menuBar ul li.galleries a.btn:hover, #menuBar ul li.galleries a.active {background-position:-404px -32px;}

#menuBar .subnav {display:none; background:url(https://www.autospies.com/images/bg-subnav.jpg) repeat-x bottom left #8d8b8e; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px;}
#menuBar .subnav li {margin:0; border-bottom:solid 1px #bcbcbc;}
#menuBar .subnav li.last {border-bottom:none;}
#menuBar .subnav li a {display:block; width:200px; padding:8px 14px; color:#fff; text-decoration:none;}
#menuBar .subnav li a:hover {background:#757575;}
#menuBar .subnav li.last a {-moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px;}

#searchForm {float:right; margin:0; width:234px; background:url(https://www.autospies.com/images/bg-search.gif) no-repeat top left; height:32px; overflow:hidden;}
#searchForm input {display:inline; vertical-align:middle;}
#searchForm #ctl00_q {width:190px; margin:0 5px; padding:0; background:transparent; color:#fff; border:none;}



/* LEFT COLUMN STYLES */
#leftCol p, #leftCol li {font-size:.85em; line-height:1.125em;}

.widget .ttl {margin:0 0 6px 0; padding-bottom:6px; border-bottom:solid 1px #000;}
.ads p {margin-bottom:3px;}

#leftCol .submitArticle, #leftCol .submitArticle a {display:block; height:24px; text-indent:-3000px; overflow:hidden; background-image:url(https://www.autospies.com/images/btn-submitArticle-red.gif); background-repeat:no-repeat; margin:0 0 10px 0;}
#leftCol .submitArticle a:hover {background-position:0 -24px;}

#leftCol .galleries ul li {list-style:none; padding:0; margin:0 0 6px 0;}






/* HOMEPAGE */
#features {width:489px; float:left;}
#features .tabContent {background:url(https://www.autospies.com/images/bg-tabFade.gif) repeat-y top center;}
#features .articleRoll {cursor:pointer;}

#largeAd {width:336px; float:left; margin-left:10px; display:inline;}

#listings .tabContent {background:url(https://www.autospies.com/images/bg-tabFade2.gif) repeat-y top center;}

.bigFeature .thumb {width:175px;}
.bigFeature .articleInfo {width:261px;}
.bigFeature .articleTtl {padding-top:10px;}

.smFeature {float:left; width:243px;}
.smFeature .thumb {width:45px;}
.smFeature .articleInfo {width:151px;}
.smFeature .articleTtl {margin-bottom:0;}

.listContent .thumb {width:75px;}
.listContent .articleInfo {width:637px; float:left; margin-right:0;}
.listContent .articleTtl {padding-top:5px;}

.page .listContent {padding:0 1px;} 
.page .listContent .articleInfo {width:467px;}






/* FOOTER */
#footer {margin:50px 0 0 0; padding:0; background:#999; border-top:solid 1px #cbcbcb; background:#fff;}
#footer .logo {margin:15px; float:left;}
#footer .links {width:700px; float:right; padding:25px 0;}

#footer .recent h4 {margin:0; padding:15px;}
#footer .recent ul {padding:0px 15px 30px 10px;}
#footer .recent .thirds {width:321px; font-size:.875em;}
#footer .recent .thirds a {display:block; padding:5px 5px 5px 19px; margin:2px; background-image:url(https://www.autospies.com/images/bg-recent.gif); background-repeat:no-repeat; background-position:0 5px;}
#footer .recent .thirds a:hover {background-color:#fff8db;}
#footer .recent ul {margin:0;}
#footer .recent .more {margin-left:15px; margin-right:15px; background:url(https://www.autospies.com/images/icon-more-footer.gif) no-repeat center right;}

#footer .bar {background:url(https://www.autospies.com/images/bg-fadedown.png) repeat-x top left #333; color:#666;}
#footer .bar a, #footer .bar a:visited {color:#999;}
#footer .bar a:hover, #footer .bar a:visited:hover {color:#fff;}
#footer .bar ul.inline {padding-bottom:5px;}
#footer .bar ul.inline li {border-left:solid 1px #404040;}

.mBox
{
	border: 1px solid #d3dce8;
	width: 400px;
	height: auto;
	text-align: left;
	
}

.mTitle
{
	padding: 5px;
	width: auto;
	height: auto;
	text-align: left;
	background-color: #e6ebf2;
	font-weight: bold;
	font-family: verdana;
	font-size: 13px;
}

.mText
{
	padding: 5px;
	width: auto;
	height: auto;
	text-align: left;
	font-family: verdana;
	font-size: 11px;
	background: #FFFFFF;
}

#articleAd
{
    float: left;
    padding: 4px 4px 4px 0px;
}

.videoDiv
{
	border: solid 0px #000000;
	width: 190px;
	height: 215px;
	padding: 0px;
	background: #FFFFFF;
	font-size: 11px;
	box-shadow: 5px 5px 2px #ccc;
	margin-bottom: 20px;
	text-decoration: none;
}

.videoImage
{
	border: solid 0px #FFFFFF;
	padding: 0px;
	width: 190px;
	background: #FFFFFF;
}

.videoDiv a
{
	color: #cc6600;
	text-decoration: none;
}

.videoDiv a:hover
{
	color: #000000;
	text-decoration: none;
}

.videoDiv a:visited
{
	color: #000000;
	text-decoration: none;
}