/*
Theme Name: Master
Theme URI: http://www.autotradersites.co.za/
Description: Wordpress theme created for client websites.
Version: 0.2
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:#555;
		font-family: "Trebuchet MS", sans-serif;
	} 
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
	{
		color:#555;
		font-style: normal;
	}
	
	a { color:#000; text-decoration:none; }
	a:hover { color:#222; text-decoration:underline; }
	
/*------------------------------------------- B. NAVIGATION --------------------------------------*/

	/* 1 - Menus */ 
	
	#navigation { 
	
	background-color :#555;
	background-image: url(images/menu_background.png);
	background-repeat: repeat-x;
	background-position:  0 -1px;
	}
	.menu {margin:auto 0; width:980px; background-color:#EEE}

	.topbar {   }
	.topbar a { text-decoration:none; color:#fff;} 
	.topbar ul {  margin:0px; padding:0;   }
	.topbar ul li { float:left; overflow: hidden; display: inline;font-size: 14px; font-weight: bold;  padding:10px 20px 10px 20px;   }
	.topbar ul li.current_page_item { 
	background-image: url(images/menucurrent_background.png);
	background-repeat: repeat-x;
	background-position: 0 -1px;
	 } 

 

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

	/* 1 - Body */
	
		body { background:#999  } 
	
	/* 2 - Header */
	
		#header { margin:0; background: #333; padding: 15px 0 10px;
			background-image: url(images/header_background.png);
			background-repeat: repeat-x;
			background-position: bottom left;text-align:center;
		} 
		#header h1 { float: left; margin:0; padding:0; }
		#header h1 a { color:#fff; text-decoration: none; }
		#header img { margin:0; padding:0;}
		 
	/* 3 - Content */
	  			
		#content { background:#fff; padding: 20px 0; text-align:center; } 
		#content .container { position: relative; text-align:left; }

	/* 5 - Footer */
	
		#footer { padding:20px 0; text-transform:uppercase; font-size:11px; text-align: center;
			background-image: url(images/footer_background.png);
			background-repeat: repeat-x;
			background-position: top left;
		}
	  
 
			
/*------------------------------------------- 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: #ececec; border-color:#cbcbcb;}
	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.html) no-repeat top left; padding-left:20px;width:420px; }
	button { color:#fff; background:#506f94; border-color:#385475; }
	button:hover, a.button:hover{ background:#385475; color:#fff; border-color:#385475; text-decoration: none;}
	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;}




.homeimage { margin-bottom:20px; }
.box { padding:0; margin: 0 0 20px 0; background: transparent; }

a.button, a.button:hover, .button { 
		background-color :#333;   
	padding: 10px 15px; font-size:16px; border:0; 
	color:#fff;
	text-decoration: none;
	}

.overlay { position: absolute; bottom :20px; left:20px; background: url(images/trans.png); padding:20px; width:940px; }
.overlay h1 { font-size:30px; }
.overlay h1, .overlay { color:#fff; }
.overlay .button { float: right }




.vehicle { margin-bottom:20px; }
.vehicle img { margin-bottom:10px; }
.vehicle h3 {margin:0; padding:0;font-size:14px; }
.vehicle h2 {margin:0; padding:0;   font-size: 18px;}
.vehicle p { }
.vehicle ul { list-style: none; padding:0; margin:0 0 20px}
.vehicle ul li { list-style: none; padding:0; margin:0 }
 

.layout4 .button
{
	float: right;
	margin: 0 0 20px 10px;
}

.containerbox 
{
	padding:10px; background:#eee; border: solid 1px #bbb; 	
}


	label {font-weight:normal;}
	fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
	legend {font-weight:bold;font-size:1.2em;}
	input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb; font-family: arial; color:#555; font-size:1em; padding:10px; width:400px;}
	input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#bbb;}
	input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
	input.title {font-size:1.5em;}
	textarea {width:400px;height:180px;padding:10px;}
	input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
	form p { border-bottom: solid 1px #ddd; margin: 0 0 10px; padding:0 0 10px 0;}


.headerhook { float: right ; }



.clear  {  clear: both; }
.last { margin-right:0;  }  

.list-items { margin:0 -5px }
.list-item {  margin-bottom:10px;  } 
.list-item img { width:200px; margin:0 10px 0 0;  }
.list-item .box { /*padding:10px;*/ border: dotted 1px #ddd;border-top: dotted 1px #ddd; margin:0 5px 0 5px; }
.list-item .box p { padding:0; margin:0 0 0 10px;}
.list-item .box h4, .list-item .box h3 { padding:0; margin:0 0 0 10px;}
.list-item-content { float: right; width:60% } 
.list-item-image { float: left; width:10% } 

.pagination { border: dotted 1px #ddd; padding:10px; }
.pagination a { text-decoration: none; serif; font-size:1.2em }
.next { }
.previous {   } 
.pageno { float: left; width:30%; text-align: center}
.nextbox { float: right; width:30%; text-align: right} 
.previousbox { float: left; width:30%; text-align: left} 

.col { width:600px; /*float: left;*/ }
.col .list-item { width:50%; }
#content  .onimage { width:100%; }
.imagebox .list-items { margin:0 5px 0 -5px; }
.imagebox .info { text-align: left; font-size:11px; font-style: italic; color:#ddd }
#gallery { padding-right:10px; }

.col ul { list-style: none; padding:0; margin:0; }
.col ul li { list-style: none; padding:5px 0; margin:0; border-bottom: dotted 1px #ddd; }
.col ul li span { float: right; display: inline; }

.listinfo { width:49%; float: left; font-weight: bold; border-bottom: solid 1px #ddd; padding:5px 0; margin:0; clear:both; }
.listinfo_desc { width:49%; float: left; border-bottom: solid 1px #ddd; text-align: right; padding:5px 0; margin:0; }
#gallery { padding-right:10px; }
#gallery img { border:0; margin:0; padding:0; width:100%;  }
.detailsbox { margin-right:15px; }
.imagesrbox .list-item {  margin-bottom:10px; width:49%; float:left; } 
.imagesrbox .list-items #gallery .last {  margin-right:0px; } 

#sr_sidebar { width:20%; float: left; }
#sr_content { width:75%; float: right;} 

.makes .srbox { }
.makes ul { list-style: none; padding:0; margin:0 10px 0; border-right: dotted 1px #ddd;  }
.makes ul li { list-style: none; padding:5px 0; margin:0; border-bottom: dotted 1px #ddd; }
.makes ul li a { text-decoration: none; font-style: normal;font-weight: normal; font-size:12px; }
.makes ul li a:hover { text-decoration: underline; }
.makes ul li.current {    } 
.makes ul li.current a { font-weight: bold;  }