/*
Theme Name: Auto Trader Sites - Site Template
Theme URI: http://www.sitename.co.za/
Description: Wordpress theme created for Site Name by Auto Trader.
Version: 0.1
Author: Robin Pietersen
Author URI: http://www.autotrader.co.za/
Tags: awesome


*/

/*-------------------------------------------------------------------------------------------

CSS INDEX:

A. BASIC
	1 - Default
	2 - Typography

B. NAVIGATION
	1 - Menus

C. MAIN
	1 - Body 
	2 - Header
	3 - Content
	4 - Sidebar
	5 - Footer

D. POSTS 

	1 - Post Styles
	2 - Pagination
	3 - Navigation
	4 - Images

E. COMMENTS
	1 - Comments
	2 - Comments Form

F. WIDGETS 
	1 - Tabbs
	2 - Widgets 


-------------------------------------------------------------------------------------------*/
 


/*------------------------------------------- A. BASIC -------------------------------------------*/

	/* 1 - Default */
	 
	
	/* 2 - Typography */
	
	h1, h2, h3, h4, h5, h6
	{ 
		font-style: normal;
		font-weight: bold;
		text-transform: normal;
		letter-spacing: normal;
		line-height: 1.2em;
		color:#fff;
		font-family: "Trebuchet MS", sans-serif;
	} 
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
	{
		color:#fff;
	}
	
	a { color:#fff; text-decoration:none; }
	a:hover { color:#99bdef; text-decoration:underline; }
	
/*------------------------------------------- B. NAVIGATION --------------------------------------*/

	/* 1 - Menus */ 
	.topbar {  margin-top:53px; }
	.topbar a { text-decoration:none; background: url(images/nav_border.jpg) no-repeat top left; padding:15px 20px 15px 20px; line-height:5; color:#fff; text-transform:uppercase; text-shadow: 0 1px 2px #000; display:inline;} 
	.topbar a:hover { background:#6e8ab0 url(images/nav_border.jpg) no-repeat top left; } 
	.topbar ul {  margin:0px;  }
	.topbar ul li { float:left; overflow: hidden; display: inline;   padding:0; }
	.topbar ul li.current_page_item a { background:#6e8ab0 url(images/nav_border.jpg) no-repeat top left; } 

 

/*------------------------------------------- C. MAIN --------------------------------------------*/

	/* 1 - Body */
	
		body {  background:#354964 url(images/body_background.jpg) repeat-x top center; color:#c6d4e8; } 
		.wrapper { background: url(images/wrapper_background.jpg)  no-repeat top center; }
		.wrapperback { background: url(images/wrapperback_background.jpg)  repeat-y top center;  }
	
	/* 2 - Header */
	
		#header { margin:0; height:117px; }
		#header h1 { float: left;  display: inline; width: 234px; height: 100px; margin:0 0 10px 20px;  padding:0px;  border:0px;}
		#header h1 a {display: block; height: 100px; text-indent: -1000px; background: url(images/logo.jpg) no-repeat 0 0; overflow: hidden; border:0px;}
		#header h1 a:hover {  background: url(images/logo.jpg) 0 -100px no-repeat; }
		
		 
	/* 3 - Content */
	  			
		#content { padding:10px 0 10px 0; } 
		
		#map_1 { color:#354964 }
		#map_1 h4 { color:#354964 }
		#map_1 a { color:#516e95 }
		
		.homepage h2 { line-height:1.3; font-size:30px;  padding-bottom:25px;  background: url(images/border_home.jpg) repeat-x bottom center; }
		.homepage p { font-size:14px; margin-bottom:30px; }
		.homepage img { margin-top:5px; }
		.homepage ul { list-style: none; padding:0px; margin:0px; }
		.homepage ul li { padding-left:20px; background: url(images/bullet.jpg) no-repeat 0 5px; }
	/* 5 - Footer */
	
		#footer { padding-top:50px; text-transform:uppercase; font-size:11px; background:#354964 url(images/footer_background.jpg) no-repeat top center; color:#607085; }
	 
		#footer ul { border:0px;  }

		#footer ul, #footer ul ol {
			margin: 0;
			padding: 0;
			list-style:none;
			font-size:10px;
			}
		
		#footer ul li {
			float:left;
			margin-right:10px;
			}
		 
		#footer ul li a {
		color:#607085; 
		}
		
		
		#footer a {
		color:#607085; 	
		}
		
		#footer .meta { margin-left:365px; margin-top:10px;}
		#footer .meta a { font-weight:normal; margin-left:450px;}
		
		h2.at_logo { float: left;  display: inline; width: 150px; height: 50px; margin:0px 0 00px 0;  padding:0px;  background: #fff url(images/logo.jpg) no-repeat; border:0px; margin-left:390px;}
		h2.at_logo a {display: block; height: 50px; text-indent: -1000px; background: url(images/at-logo.jpg) no-repeat; overflow: hidden; border:0px;}
		h2.at_logo a:hover {  background: url(images/at-logo.jpg) 0 -50px no-repeat; } 
			
/*------------------------------------------- D. POSTS -------------------------------------------*/
	
 		
	/* 4 - Images */
		
		p img {
			padding: 0;
			max-width: 100%;
			} 
		
		img.centered {
			display: block;
			margin-left: auto;
			margin-right: auto;
			}
		
		img.alignright {
			padding: 4px;
			margin: 0 0 2px 7px;
			display: inline;
			}
		
		img.alignleft {
			padding: 4px;
			margin: 0 7px 2px 0;
			display: inline;
			}
		
		.alignright {
			float: right;
			}
		
		.alignleft {
			float: left;
			}
			
			.aligncenter,
		div.aligncenter {
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
		
		.wp-caption {
			border: 1px solid #ddd;
			text-align: center;
			background-color: #f3f3f3;
			padding-top: 4px;
			margin: 10px;
			-moz-border-radius: 3px;
			-khtml-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
		}
		
		.wp-caption img {
			margin: 0;
			padding: 0;
			border: 0 none;
		}
		
		.wp-caption p.wp-caption-text {
			font-size: 11px;
			line-height: 17px;
			padding: 0 4px 5px;
			margin: 0;
		}



/*------------------------------------------- F. Forms -----------------------------------------*/

 
	.formbox {   float:left; width:455px; }
	input.title, input.text, textarea, select { background: #cddbef; border-color:#354964;}
	input.title, input.text { width:390px;}
	select { width:407px;}
	textarea { width:390px; height:550px;}
	label { font-size:14px; text-align:right }
	input.randsymbolsymbol { background:#ececec url(images/rand.jpg) no-repeat top left; padding-left:20px;width:420px; }
	button { color:#fff; background:#354964; border-color:#2c3d55; }
	button:hover, a.button:hover{ background:#839fc7; color:#fff; border-color:#2c3d55; }
	textarea { height:100px; }
	.formblock p { margin:0px; padding:0px; }
	.showroom { padding:5px; border:solid 1px #ddd; background:#fff; }
	h4.alt {  color:#3d6086; }
	.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #ddd;}