/* 	WWW.AUTOTRADER.CO.ZA
	Designed by Auto Trader South Africa
	
	Created September 2009
	
	DIMENSIONS:
	main-content-larger 		685px 
	secondary-content-smaller 	215px
*/


/* 1. TOP STORIES 
=================================================================== */
.featured-news {
	float: left;
	width: 685px;	
	background: #f7f5eb;
	border-top: 1px dotted #4c4a3d;
	border-bottom: 1px dotted #4c4a3d;
	margin: 0;
	margin-bottom: 2em;
	padding: 8px 0;
	list-style: none;
}
.featured-news li {
	float: left;
	width: 665px;
	margin: 8px;
	margin-top: 0;
	padding: 0;
	display: inline;
}
/* photo */
.featured-news li a img {
	float: left;
	width: 85px;
	height: 57px;
	display: inline;
}
/* news headline link */
.featured-news li a span {
	float: right;
	width: 550px;
	color: #3d3a31;
	font: bold 125%/150% verdana, arial, helvetica, sans-serif;
	margin-bottom: 5px;
	cursor: pointer;
	/*background: red;*/
}
.featured-news li a:hover span {
	color: #020201;
	background: #fffefb;
	text-decoration: underline;
}
/* extract */
.featured-news li span {
	float: right;
	width: 550px;
}

/* featured vehicle photo */
.featured-news li .pic {
	padding: 5px;
	border: 1px solid #cecbbd;
	background: #fefdf8;
}


/* clear floats */
.featured-news li br, .news-bulletin li br {
	clear: both;
}


/* 2. NEWS BULLET POINT 
=================================================================== */
.news-bulletin {
	float: left;
}
.news-bulletin li {
	float: left;
	width: 670px;
	margin: 0;
	margin-bottom: 7px;
	padding: 0;
	padding-bottom: 20px;
	background: url(../i/icon/news-separator.jpg) no-repeat center bottom;
	/*background: yellow;*/
}

/* photo */
.news-bulletin li a img {
	float: left;
	width: 85px;
	height: 57px;
	margin-left: 8px;
	display: inline;
}

/* news headline link */
.news-bulletin li a span {
	float: right;
	width: 545px;
	margin-bottom: 3px;
	cursor: pointer;
	/*background: green;*/
}
/* excerpt */
.news-bulletin li span {
	float: right;
	width: 545px;
}

/* alternate row */
.news-bulletin li.even-row {
}

/* 3. HEADLINE
=================================================================== */
strong.news-category {
	font-size: 80%;
	text-transform: uppercase;
	margin-bottom: 3px;
}
h2.news-topic {
	font-size: 150%;
	margin-bottom: 1em;
}

/* 3. GALLERY
=================================================================== */
/* floated car pictures */
.car-pic {
	text-align: center;	
}

.car-pic img {
	/*float: right;*/
	background: #faf9f9;
	padding: 4px;
	border: 1px solid #ccc;
	margin: 0;
	display: inline;
}

/* gallery container */
.gallery, .single-gallery, .horizontal-gallery, .full-gallery {
	width: 325px;
	background: #FAFAFA;
	border: 1px solid #eee;
	border-right: 3px solid #C6C6C6;
	border-bottom: 3px solid #C6C6C6;
	margin: 1em 0;
}
.gallery {
	float: left;
}

.horizontal-gallery {
    width: 560px;	
}

.full-gallery {
    width: 410px;	
}

/* one gallery by itself, centralised */
.single-gallery {
	clear: both;
	margin: 1em auto;
}

.gallery img, .single-gallery img {
	width: 325px;
	height: 250px;
	display: block;
}

.horizontal-gallery h2, 
.single-gallery h2,
.gallery h2 {
    color: #000;    
}

.horizontal-gallery img{
    width: 560px;
    height: 100px;
}

.full-gallery img {
    width: 410px;
    height: 275px;
}

/* space between two floating galleries */
.space {
	margin-right: 25px;
}

/* caption */
.gallery h4, .single-gallery h4 {
	/*font-weight: normal;
	text-transform: uppercase;*/
	padding: 7px 5px;
}

/* image container */
.gallery p, .single-gallery p {
	border-top: 3px solid #383838;
	margin: 0;
}

/* opening caption */
.news-caption {
	font: bold 105%/130% verdana, arial, helvetica, sans-serif;
}

.back-to-archive {
	clear: both;
	padding-top: 10px;
	/*padding-left: 23px;
	background: url(../i/icon/back-to-archive.jpg) no-repeat left 7px;*/
}