/*
	Theme Name: BMW Car Club
	Theme URI: http://www.bmwcarclub.co.za
	Description: The website of BMW Car Club Gauteng designed by Stained Media
	Version: (V1)
	Author: Stained Media
	Author URI: http://www.stainedmedia.co.za/

	This theme was designed and built by Stained Media
	whose blog you will find at http://www.stainedmedia.co.za/

	The CSS, XHTML and design is released under copyright to BMW Car Club Gauteng

*/

/* Begin Fonts and Colours */
body,h1,h2,h3,h4,h5,h6{
	font-family: arial,helvetica,sans-serif;
	color: #333;
	font-size: 12px;
	line-height:1.3em;
}
a, a:visited{
	color:#444;
}
a:hover{
	color:#000099;
}
h3{
	font-weight:bold;
	font-size: 14px;
}
#post h3{
	font-weight:bold;
	font-size: 18px;
}
#post h4{
	font-weight:bold;
	font-size: 16px;
}
#menubar{
	background-image: url(imgs/opaque_gray.png);
}
#whitebar{
	background-image: url(imgs/opaque_white.png);
}
#statusbar{	
	background-color:#fff;
}
/* End Fonts and Colours */

/* Begin Structure */
#content{ 
	margin-bottom:50px !important;
}
#menubar{
	height: 65px;
	position: absolute;
	top: 18px;
	width: 100%;
	padding-left: 10px;
	z-index:100;
}
#whitebar{
	height: 24px;
	position: absolute;
	top: 83px;
	left: 0px;
	width: 100%;
	padding: 0px;
	z-index:150;
}
#whitebar h1{
	border-right:1px solid #ccc;
	background-color:#fff;
	width:140px;
	padding:3px 10px 1px;
	margin:0px;
	z-index:150;
}
.bullet{
	vertical-align: middle;
}
#post h3 img{
	padding: 1px;
	border: 1px solid #999;
}
#post img{
	padding: 1px;
	border: 1px solid #444;
}
.archive_image{
	float: right;
	padding: 0px;
	margin-right: 10px;
	margin-top: -20px;
	background-color: #fff;
}
.archive_data{
	width: 560px;
	border-top: 1px solid #444;
	padding: 5px 100px 5px 0px;
}
.archive_post{
	padding:30px 0;
}
.archive_post h4{
	margin-top: -27px;
	margin-bottom: 3px;
}
#bmw_squares{
	position:absolute;
	top: 0px;
	left: 750px;
	z-index:300;
}
#post h3{
	padding-bottom:0px;
	margin-bottom: 0px;
}
#single_data{
	padding-right:10px;
	padding-bottom:10px;
	border-bottom: 1px solid #444;
}
#latest_mag,#other_stories{	
	z-index:150;
}
#feature_gap{
	margin: 120px;
}
#feature{
	height:300px;
	width:945px;	
	overflow:hidden;
}
#featureElement{	
	overflow:hidden;
	width:965px;
	height:320px;
	clear:left;
}
#featureElement ul{	
	width: 4000px;
	margin:0px;
	padding:0px;
}
#featureElement li{
	overflow:hidden;
	float:left;
	display:inline;
	margin: 0px;
	padding: 0 0 0 10px;
	height:330px;
	width:985px;
}
#featureElement .feature_data,#latest_mag #latest_mag_data{
	background-image: url(imgs/opaque_black.png);
	padding:5px;
	position:relative;
}
.feature_data{
	margin-top:-140px;
	width: 300px;
}
#latest_mag #latest_mag_data{	
	margin-top:-120px;
	margin-bottom:40px;
	width: 300px;
}
#latest_mag img{
	z-index:1 !important;
}
.feature_image{
	z-index:1 !important;
}
.feature_data h1{
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	width: 300px;
}
#latest_mag h2{
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	margin:0px;
	padding: 0px;
	width: 340px
}
.feature_data a,#latest_mag a{
	color:#fff;
	margin: 0px;
	text-decoration: none;
}
.feature_data a:hover,#latest_mag a:hover{
	text-decoration:none;
}
.feature_data .feature_read_more{
	color:#fff;
	margin: 3px;
	margin-left: 195px;
	padding:0px;
}
#latest_mag .latest_mag_read_more{
	color:#fff;
	margin: 3px;
	margin-left: 140px;
	padding:0px;
}
.feature_data p,#latest_mag p{
	color: #fff;
	margin: 3px;
}
.feature_next{
	margin-left: 890px;
	margin-top: -30px;
	margin-bottom: 30px;
}
.story{
	margin:0px;
	padding:8px 0px;
	margin-left: 10px;
}
.story h3{
	padding: 5px 0 0 0;
	margin: 0px;
	font-weight:bold;
	font-size: 14px;
}
.story img{
	padding: 0px 5px 0px;
	margin: 0px;
}
.story .other_read_more{
	clear:both;
}
.story p{
	margin: 0px;
	padding: 5px 0 0 5px;
}
.story a{
	color:#333;
	margin: 0px;
	text-decoration: none;
}
.story a:hover{
	color: #000099;
}
#left_column, #middle_column, #right_column{
	padding-top:20px;
	padding-bottom:20px;
}
#right_column{
	margin-bottom: 40px !important;
}
li{
	list-style-image:url(imgs/triangle_bullet.png);
	padding: 4px 0;
}
#statusbar{
	position:fixed;
	margin-top:5px;
	bottom:0px;
	padding:3px 3px 2px 5px;
	width:100%;
	left: 0px;
	border-top:1px solid #ccc;
	vertical-align:middle;
}
#metabar{
	padding-bottom:25px;
	padding-left: 10px;
}
#post{
	padding-left: 10px;
	margin-bottom: 40px !important;
}
#post p{
	padding: 0 10px;
}
#meta {
	padding-left: 30px;
	padding-top: 30px;
}
/* End Structure */

/* Begin Menu */
#mainmenu{
	border-bottom: 1px solid #fff;
	padding: 10px 0px 3px;
	margin: 0 10px;
}
#mainmenu li{	
	display: inline;
	padding: 0px 20px 0px 0px;
	margin: 0;
}
#mainmenu li a{	
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

#submenu{
	padding: 10px 0px 3px;
	margin: 0 10px;
}
#submenu li{	
	display: inline;
	padding: 0px 20px 0px 0px;
	margin: 0;
}
#submenu li a{	
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}
/* End Menu */

/* Ads */
#adElement{	
	overflow:hidden;
	width:300px;
	height:150px;
	clear:left;
}
#adElement{	
	width:300px;
	margin:0px;
	padding:0px;
	height:150px;
	overflow:hidden;
	clear:left;
}
#adElement ul{	
	width: 2000px;
	margin:0px;
	padding:0px;
}
#adElement li{
	overflow:hidden;
	float:left;
	display:inline;
	margin: 0px;
	padding: 0 0 0 10px;
	height:150px;
	width:300px;
}