/*
	Theme Name: BMW Clubs Theme
	Theme URI: http://www.bmwclubsafrica.org.za
	Description: The website of BMW Car Club Gauteng designed by Stained Media
	Version: (V1)
	Author: Seagyn Davis
	Author URI: http://www.seagyndavis.com/

	This theme was designed and built by Seagyn Davis
	whose blog you will find at http://www.seagyndavis.com/

	The CSS, XHTML and design is released under copyright to BMW Clubs Africa

*/

/* Begin Fonts and Colours */
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);
}
#statusbar{	
	background-color: #eee;
	font-size: 11px;
}
/* End Fonts and Colours */

/* Begin Structure */
#menubar{
	height: 71px;
	position: absolute;
	top: 18px;
	width: 100%;
	z-index:150;
}
#whitebar{
	height: 24px;
	position: absolute;
	top: 89px;
	left: 0px;
	width: 100%;
	padding: 0px;
	z-index:100;
}
.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;
}
.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;
}
#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 Clean Structure CSS */

body{
	margin: 0;
	padding: 0;
	margin-top: 19px;
}
li{
	list-style-image:url(imgs/triangle_bullet.png);
	padding: 3px 0;
}
h2{
	padding-top: 5px;
}
#whitebar h1{
	padding:2px 10px 3px;
	margin:0px;
	z-index:150;
	width: 200px;
}
div#feature_gap{
	height: 110px;
	width: 100%;
}
div#content{
	padding-bottom: 20px;
}
div#left_column{
	float: left;
	margin: 20px 0;
	width: 500px;
	padding: 0 20px;
}
div#left_big_column{
	float: left;
	margin: 20px 0;
	width: 700px;
	padding: 0 20px;
}
#single_data{
	padding-right:10px;
	padding-bottom:10px;
}
div#middle_column, div#right_column, div#ad_column{
	float: left;
	margin: 20px 0;
	width: 200px;
	padding: 0 20px;
}
div#ad_column{
	padding: 0;
}
div.story{
	margin:0px;
	padding:8px 0px;
}
div#search #s{
	width: 133px;
}
div#statusbar{
	position:fixed;
	bottom:0px;
	left:1%;
	width:97%;
	margin: 0 auto;
	padding: 5px;
	height: 15px;
	border: 1px solid #777;
	border-bottom: none !important;
}
.ad{
	padding: 5px 20px 5px;
	width: 150px;
}
.ad p{
	width: 160px;
	margin: 0px;
	padding: 5px 0px 0px;
}
.greybox, .alt{
	padding: 5px;
	margin: 10px 0 20px;
}

/* End Clean Structure CSS */

/* Begin Clean Borders, Backround, Fonts and Colours */

body,h1,h2,h3,h4,h5,h6{
	font-family: arial,helvetica,sans-serif;
	color: #333;
}
body, div#whitebar h1{	
	font-size: 12px;
	line-height:1.3em;
}
input, textarea{
	border: 1px solid #999;
	font-family: arial,helvetica,sans-serif;
	color: #333;
}
#whitebar{
	background-image: url(imgs/opaque_white.png);
}
div#whitebar h1{
	border-right:1px solid #ccc;
	background-color:#fff;
}
div#left_column, div#middle_column{
	border-right: 1px solid #ccc;
}
#single_data{
	border-bottom: 1px solid #ccc;
	color: #999;
}
div#search #btn{
	color: #777;
	background-color: #fff;
	border: 1px solid #999;
	cursor: pointer;
}
div#search #s{
	color: #999;
	border: 1px solid #999;
}
div#search #s:focus{
	background-color: #eee;
}
.greyed{
	color: #777;
}
.ad{
	font-size: 11px;
	border-bottom: 1px solid #ccc;
}
.ad a{
	text-decoration: none;
}
.greybox, .alt{
	background-color: #eee;
	border: 1px dotted #999;
}

/* End Clean Borders, Backround, Fonts and Colours */

/* Commenting System */

#commentform *{
	padding: 0;
	margin: 3px;
	color: #777;
}
#commentform input:focus, #commentform textarea:focus{
	background-color: #eee;
}
#commentform textarea{
	width: 500px;
	height: 100px;
}

/* End Commenting System */

/* Begin Menu */

#nav, #nav * {
	margin:0;
	padding:0;
	list-style: none;
	background: none;
}
#nav {
	width: 738px;
	height: 25px;
	font-weight:bold;
	font-size:14px;
	line-height: 25px;
	margin:0px;
	margin-left: 5px;
	padding: 5px 5px;
	border-bottom: 1px solid #fff;
}
#nav li {
	float: left;
	list-style:none;
}
#nav li a {
	color: #fff;
	display: block;
	padding: 0 13px;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 25px;
	text-decoration: none;
	margin: 0px;
}
#nav li a:hover {
	text-decoration: none;
	background:#fff;
	color: #777;
}
#nav li ul {
	position:absolute;
	left: -999em;
	width:10em;
}
#nav li:hover ul, #nav li.sfhover ul {
	left:auto;
	z-index:10 !important;
	background:#fff;
	color: #777;
}
#nav li ul li {
	display:block !important;
	width:10em;
	background:#fff;
}
#nav li ul li a{
	color: #777;
	font-size: 10px;
	font-weight: normal;
	margin: 0px;
}
#nav li ul li:hover a{
	color: #fff;
	background-color: #777;
}
#nav .current_page_item a{
	background:#fff;
	color: #777;	
}


#submenu, #submenu * {
	margin:0;
	padding:0;
	list-style: none;	
}
#submenu {
	height: 30px;
	font-size:12px;
	line-height: 25px;
	margin:0px;
	margin-left: 5px;
	padding: 5px 5px;
}
#submenu li {
	line-height: 30px;
	float: left;
	list-style:none;
}
#submenu li a {
	color: #fff;
	display: block;
	padding: 0 13px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 25px;
	text-decoration: none;
}
#submenu li a:hover {
	text-decoration: none;
	background:#fff;
	color: #777;
}
#submenu li ul {
	position:absolute;
	left: -999em;
	width:10em;
}
#submenu li:hover ul, #submenu li.sfhover ul {
	left:auto;
	z-index:10 !important;
}
#submenu li ul li {
	display:block !important;
	width:10em;
	background:#fff;
}
#submenu li ul li a{
	color: #777;
	font-size: 10px;
	font-weight: normal;
}
#submenu li ul li:hover a{
	color: #fff;
	background-color: #777;
	font-size: 10px;
	font-weight: normal;
}
#submenu .current_page_item a{
	background:#fff;
	color: #777;	
}


.quicknav, .quicknav * {
	margin:0;
	padding:0;
	list-style: none;	
}
.quicknav {
	float:left;
	height: 21px;
	font-size:11px;
	line-height: 21px;
	margin:0px;
	margin-left: 5px;
	padding: 0px 5px;
}
.quicknav span {
	width: 15em;
	line-height: 21px;
	float: left;
	list-style:none;
	border: 1px solid #ddd;
	text-align: center;
	margin-top: -4px;
	background-image:url(imgs/quick_nav_bullet.png);
	background-repeat: no-repeat;
}
.quicknav span a {
	color: #777;
	display: block;
	padding: 0 13px;
	font-size: 11px;
	line-height: 21x;
	text-decoration: none;
}
.quicknav span a:hover {
	text-decoration: none;
	background:#fff;
	color: #777;
	background-image:url(imgs/quick_nav_bullet_hover.png);
	background-repeat: no-repeat;
}
.quicknav span ul {
	position:absolute;
	left: -999em;
	width:20em;
	border: 1px solid #ddd;
	border-bottom: none !important;
	text-align: left;
}
.quicknav span:hover ul, .quicknav span.sfhover ul {
	left:auto;
	bottom: 24px;
	z-index:10 !important;
}
.quicknav span ul li {
	display:block !important;
	width:20em;
	line-height: 21px;
	background: #fff url(imgs/quick_nav_bullet_left.png) right no-repeat;
}
.quicknav span ul li a{
	color: #777;
	font-size: 11px;
	font-weight: normal;
	line-height: 30px;
	
}
.quicknav span ul li:hover a{
	color: #555;
	font-size: 11px;
	font-weight: normal;	
	text-align: right;
	background: #ddd url(imgs/quick_nav_bullet.png) left no-repeat;
}

/* End Menu */


div.scrollable{
	position:relative;	 	
	width: 975px;	
	height: 300px;
	padding:10px 0;
	background-color:#efefef;
	overflow: hidden;
}

div.scrollable div.features{
	width: 2000em;	
	position:absolute;
	clear:both;	
}
div.scrollable div.features div {
	float:left;
	
	/* custom decoration */
	text-align:left;
	width:975px;
	padding:25px 0px;
	font-size:12px;
	margin-right: 20px;	
	-moz-border-radius:5px;
	position:relative;
	color: #fff;
}
div.scrollable div.features div .feature {
	z-index: 150;
}
div.scrollable div.features div a{
	text-decoration: none;
	cursor: pointer;
}
div.scrollable div.features div .featureMeta {
	position:absolute;
	background: url(imgs/opaque_black.png);
	top: 200px;
	z-index: 200;
	padding-left: 40px;
	width: 350px;
}
div.scrollable div.features div .featureMeta h3{
	color: #fff;
	padding: 0px;
	margin: 5px 0;
}