/*
Theme Name: BRR
Theme URL: http://www.turquoise-internet.co.uk
Description: Professional looking and fast loading theme bespoke design for BRR. 
Version: v1.0
Author: Nick Oakes
Author URI: http://www.turquoise-internet.co.uk
Latest updated: 2nd April 2010
*/

* {
	font-family: Arial, Helvetica, sans-serif;
}
html, body{height:100%;}
body {
	background-image: url(img/BR_bground.png);
	background-repeat:repeat-x;
	background-color:#8df9f5;
	margin:0;
}
#TiF {
	float:left;
	width:1px;
	height:50%;
	margin-bottom:-387px;
}

#Wrapper {
	background-color: #BDBEC0;
	background-image: url(img/BR_Tyres.jpg);
	background-position: right top;
	background-attachment: scroll;
	background-repeat: no-repeat;
	width: 997px;
	height: 767px;
	margin-right: auto;
	margin-left: auto;
	margin-top:5px;
	border: 1px solid #FFFFFF;
}
#Body_Content {
	position: relative;
	clear: both;
	height: 537px;
}
#Side_Nav {
	float: left;
	border-right:dotted 1px #000;
	width: 173px;
	height: 537px;
	position: relative;
}
#Content {
	float: left;
	position: relative;
	height: 537px;
	width:822px;
}
#Welcome {
	background-image: url(img/BR_welcome.png);
	background-repeat: no-repeat;
	width: 823px;
	height: 90px;
	float: left;
	position: absolute;
}

#SubMenuBar {
	text-decoration:none;
	font-weight: bold;
	font-size: 14px;
	color:#FFFFFF;
	background-color: #F00;
	width: 808px;
	height: 21px;
	position: relative;
	top: 33px;
	left: 5px;
	padding: 4px 0px 0px 10px;
}
#SubMenu {
	width: 634px;
	height:auto;
	display: inline;
}
#SubMenu p{
	display:inline;
	margin:0;
	padding:0;
}
#SubMenuBar a{
	text-decoration:none;
	font-weight: normal;
	font-size: 14px;
	color:#000000;
}
#SubMenu ul {
	margin: 0;
	padding: 0; 
	list-style-type: none;
	list-style-image: none;
}
#SubMenu li {
	display: inline;
	padding: 5px 10px 5px 0px
}
#SubMenu li a{
	color:#000000;
}
#SubMenu li.current_page_item a {
	font-weight: bold;
	color:#FFFFFF;
}
#SubMenu a:hover {
	color: #999999;
}

#Strap .ticker-div {
	clear:both;
	width: 805px;
	height: 20px;
	font-size:14px;
	color: #FFF;
	padding: 3px 4px 0px 4px;
	background-color: #2E3192;
}

.ticker a {
	color: #F00;
	text-decoration:none;
	font-weight: bold;
}


#searchform {
	height: 25px;
	width: 250px;
	position: absolute;
	left: 550px;
	top: 34px;
	font-weight: bold;
	color: #FFF;
	z-index: 10;
}

#searchform input#searchsubmit{
	display: none;
}

#searchform input#s {
	height: 12px;
	width: 132px;
	margin-left: 20px;
}

#Monte_1 {
	background-image: url(img/Monte_1.png);
	background-repeat: no-repeat;
	background-position:top; 
	height: 448px;
	width: 300px;
	position: absolute;
	left: 500px;
	top: 74px;
	padding: 0 10px;
}
#live_results{
	height: 50px;
	width: 275px;
	position: absolute;
	left: 20px;
	top: 80px;
	font-size: 12px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	display:block;
}

#live_results table {
	margin-top:3px;
}
.headTab {
    background-color: #3C3C3B;
    color: #F3B33D;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
}
.posSquare {
    background-color: #3C3C3B;
    color: #FFF;
    text-align: center;
}
.piloteSquare {
    background-color: #3C3C3B;
    color: #FFF;
}
.numSquare {
    background-color: #3C3C3B;
    color: #FFFFFF;
    text-align: center;
}
.timeSquare {
    background-color: #3C3C3B;
    color: #FFFFFF;
    padding-right: 5px;
    text-align: right;
}
.milli {
}
.timeNorm {
    color: #96C527;
}
.timePenalty {
    color: #F3B33D;
}
.timeOut {
    color: #DB0020;
}
.timeZero {
    color: #666666;
}
.headTab td {
    padding-left: 3px;
}


#readme {
	height: 260px;
	width: 300px;
	position: absolute;
	left: 10px;
	top: 0px;
}
.ml{position:absolute; z-index:100; background: repeat url("img/tb.png");}
#ml_1{ top:50px;left:163px;width:146px;height:36px;}
#ml_2{ top:224px;left:257px;width:38px;height:41px;}
#ml_3{ top:250px;left:23px;width:229px;height:17px;}

#Teaser_1 {
	background-image: url(img/Keep_racing.png);
	background-repeat: no-repeat;
	border-bottom:dotted 1px #FFF;
	height: 255px;
	width: 318px;
	position: absolute;
	left: 500px;
	top: 80px;
}
#adspace_1{
	background-image: url(img/workshop_diary.png);
	background-repeat: no-repeat;
	background-position:center; 
	height: 180px;
	width: 318px;
	position: absolute;
	left: 500px;
	top: 347px;
}
#calendar_wrap {
	background-image: url(img/Events.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;
	height: 180px;
	width: 318px;
	position: absolute;
	left: 500px;
	top: 350px;
}
#Header {
	border-bottom:dotted 1px #FFF;
	position: relative;
	height: 200px;
}
#Strap_Line{
	font-weight: bold;
	text-align: left;
	color: #333;
	padding: 0px;
	margin: 15px 0 0 0;
	float:left;
}
#facebook{
	display:inline;
	text-decoration:none;
	color:#fff;
	padding: 0px;
	margin: 15px 20px 0 0;
	float:right;	
}
#facebook a, #facebook img{
	padding:0;
	margin:0;
}

#Strap_Thumbnails {
	background-image: url(img/BR_Strip.png);
	background-repeat: no-repeat;
	width: 814px;
	height: 93px;
	float: left;
	margin: 15px 0 18px 0;
}
#Strap {
	position: relative;
	width: 810px;
	float: left;
	margin-left: 9px;
}

#SlideShow_Container {
	background-image: url(img/mini_clubman_1.jpg);
	/*background-image: url(img/brr_xmas_2011.jpg);*/
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	overflow: hidden;
	height: 254px;
	width: 480px;
	top: 50px;
	left: 10px;
	padding:3px;
	/*padding-right:16px;*/
	border-right:dotted 1px #FFF;
	border-bottom:dotted 1px #FFF;
}
#SlideShow {
	background-image: url(img/mini_clubman_1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-color:#A0A0A0;
	border:dotted 1px #FFFFFF;
	position: relative;
	height: 230px;
	width: 440px;
	top: 10px;
	left: 15px;
}

#HomeText {
	height: 180px;
	width: 470px;
	position: relative;	
	left: 10px;
	top:50px;
	margin:0;
	padding:10px 16px 0px 0px;
	border-right:dotted 1px #FFF;
}
#HomeText h3{
	margin-top:5px !important;
}

#coming_soon{
	width:475px;height:90px;
	margin-top:17px;
/*	background: top left url(img/coming_soon.png) no-repeat;*/
	background: top left url(img/workshop_diary.png) no-repeat;	
}

#twitter_update{
	font-size:80%;
	color:#fff;
	margin-top:277px;
}
#twitter_update a:hover{
	color:#00f !important;
	text-decoration:underline !important;
}
#twitter_update_list {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;	
	padding:0 5px 5px 5px;
	height:155px;
	width:95%;
	overflow-y:auto;

	background-color:#ccc;
}
#twitter_update_list li {
	padding:5px;
	border-bottom: dashed 1px;
	list-style-type: none;
}
#twitter_update_list span {
	color: #000000;
}
#twitter_update_list span a {
	display: inline;
	font-size:90%;
	color: #000000;
}
#twitter_update_list span a:hover {
	text-decoration: underline;
}
#twitter_update_list  a {
}

#ArticleContainer {
	background-attachment: fixed;
	background-color: transparent;
	position: relative;
	overflow: hidden;
	height: 450px;
	width: 600px;
	top: 50px;
	left: 30px;
	padding-right:16px;
	border-right:dotted 1px #FFF;
	z-index: 1;
}
#Article{
	background-color: transparent;
	left: 5px;
	height: 450px;
	overflow: visible;	
}
#Article p, .post{
	font-size: 12px;
	display:block;
}
#Right_Side {
	position: absolute;
	height: 450px;	
	width: 160px;
	top: 33px;
	left: 655px;
	color:#FFFFFF;
}
#Right_Side h3 {
	text-decoration:none;
	font-weight: bold;
	font-size: 14px;
	color:#FFFFFF;
	margin-top: 5px;
	margin-bottom:25px;
}
#Right_Side ul {
	list-style:none;
	margin:0 0 32px;
	width:150px;
	padding-left: 0px;
}
#Right_Side ul li {
	display:inline;
	width:150px;
}
#Right_Side ul li a {
	color:#FFFFFF;
	float:left;
	font-weight:none;
	border-bottom:dotted 1px #FFF;
	margin-bottom:5px;
	font-size: 10px;	
	text-decoration:none;
	width:150px;
	padding-left:5px;
}

#pagenavi {
	font-size: 14px;	
	float: right;
	margin: 2px;
	font-weight: normal;
}
#pagenavi form {
	display: inline;
}
#pagenavi .current {
	font-weight: bold;
}
#random_pics {
	position:absolute;
	margin-left:30px;
	top:32px;
}

.random_image img{
	margin-bottom:3px;
	border:solid #808080 3px;	
}


.scroll-pane {
	height: 450px;
	width: 600px;
	overflow: auto;
	background: #ccc;
	float: left;
} 

.jScrollPaneTrack {
	background: url(img/osx_track.gif) repeat-y;
	position:absolute;
	cursor:pointer;
	height: 100%;
	top: 0;
	right: 0;
}
.jScrollPaneDrag {
	background: url(img/osx_drag_middle.gif) repeat-y;
	cursor:pointer;
	overflow:hidden;
	position:absolute;
}
.jScrollPaneDragTop {
	background: url(img/osx_drag_top.gif) no-repeat;
	height: 6px;
	left:0;
	overflow:hidden;
	position:absolute;
	top:0;
}
.jScrollPaneDragBottom {
	background: url(img/osx_drag_bottom.gif) no-repeat;
	height: 7px;
	bottom:0;
	left:0;
	overflow:hidden;
	position:absolute;
}
a.jScrollArrowUp {
	height: 24px;
	background: url(img/osx_arrow_up.png) no-repeat 0 -30px;
	display:block;
	overflow:hidden;
	position:absolute;
	right:0;
	text-indent:-2000px;
	top:0;
	z-index:1;
}
a.jScrollArrowUp:hover {
	background-position: 0 0;
}
a.jScrollArrowDown {
	height: 24px;
	background: url(img/osx_arrow_down.png) no-repeat 0 -30px;
	bottom:0;
	display:block;
	overflow:hidden;
	position:absolute;
	right:0;
	text-indent:-2000px;
	z-index:1;
}
a.jScrollArrowDown:hover {
	background-position: 0 0;
} 

#Footer {
	background-color: #F00;
	clear: both;
	border-top:solid 5px #FFF;
	color: #FFF;
	font-size:9px;
	font-weight:bold;
	height: 2.7em;
	vertical-align: middle;
	line-height: 2.7em;
	padding:0 8px 0 20px;	
}
#Footer a{
	outline:none;
	text-decoration:none;
	color:#FFFFFF;
}
#Footer a:hover{
	text-decoration:none;
	color:#2E3192;
}



div.left {
	border: 0;
	margin: 0;
	float:left;
}
div.right, a.right {
	border: 0;
	margin: 0;
	float:right;
}

#posttitle {
	background-color:#2E3192;
	clear:both;
	border:0px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:1.5em;
	height: 1.5em;
	vertical-align: middle;
	margin:0 0 10px;
	padding:0 5px 0 5px;
}


#logo {
	background-image: url(img/BR_new_logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
	position: relative;
	height: 200px;
	width: 173px;
	border-right:dotted 1px #000;
}
#logo:hover{
	background-color:#c4c4c5;
}
#botContact {
	width:140px;
	position: absolute;
	top: 485px;
	font-size: 13px;
	padding-left:15px;
}
#botContact  strong{
	display:block;
	margin-bottom:5px;
}



.video {
	width:400px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}

#racedates table {
	margin:0 auto;
	border-collapse:collapse;
}
#racedates table td{
	padding:0 20px;
}
#racedates table th{
	background-color:#e0e0e0;
	text-align:left;
	padding:5px 20px;	
}


table#wp-calendar {
	width:270px;
	height:160px;
	margin-left:40px;
	background-color:#ffffff;
	border-width: 5px;
	border-spacing: 1px;
	border-style: solid;
	border-color: white;
	border-collapse: collapse;
	/* for IE */
	filter:alpha(opacity=70);
	/* CSS3 standard */
	opacity:0.7;
}
table#wp-calendar caption {
	font-size: 12px;
	background-color: #F00;
	color: #ffffff;
	padding-right: 8px;
	text-align: right;
}
table#wp-calendar tfoot td{
	background-color: rgb(255, 100, 100);
}
table#wp-calendar thead td{
	background-color: rgb(255, 0, 0);
}
table#wp-calendar th {
	font-size: 12px;
	border-width: 1px;
	padding: 1px;
	border-style: dotted;
	border-color: red;
	background-color: rgb(255, 100, 100);
	-moz-border-radius: 0px 0px 0px 0px;
}
table#wp-calendar td {
	font-size: 12px;
	font-weight:bold;
	padding: 1px;
	text-align: center;
	border-width: 1px;
	border-style: dotted;
	border-color: red;
	background-color: rgb(255, 245, 238);
	-moz-border-radius: 0px 0px 0px 0px;
}
table#wp-calendar td.pad:hover {
	background: #fff;
}
table#wp-calendar td:hover, #wp-calendar #today {
	background: #ffffff;
	color: #000000;
}



/* CSS for Main menu */
ul#SideMenu div{
	margin-top: 32px;
	
}
.MainMenu {
	margin:20px 0;
	padding:0;
}
.menu ul {
	font-size:15px;
	list-style:none;
	margin:0 0 32px;
	width:170px;
	padding-left: 0px;
}
.menu ul li {
	display:inline;
	line-height:1.4em;
	width:144px;
	text-transform:uppercase;
}
.menu ul li a {
	color:#000000;
	float:left;
	font-weight:none;
	border-bottom:dotted 1px #FFF;
	margin-bottom:5px;
	text-decoration:none;
	outline:none;
	width:144px;
	padding: 0px 0px 5px 15px;
}
.menu ul li.current_page_item a {
	text-decoration:none;
	border-bottom-color: #FF0000;
}
.menu ul li.current_page_parent a {
	text-decoration:none;
	border-bottom-color: #FF0000;
}
.menu ul li a:hover {
	/*background-color:#BFDFFF;*/
	color:#FFFFFF;
	text-decoration:none;
}


/* Accordion */
#accordion {
	width:760px;
	margin-top:70px;
	margin-left:40px;
}
#accordion_description{
	font-size:15px;
	line-height:30px;
	margin-left:40px;
/*	padding-left:15px;*/
	padding-left:3px;
	width:720px;
/*	background-color:#2E3192;*/
/*	background-color:#FF0000;*/
/*	color:#FFFFFF;*/
}

#accordion .set {
	height:375px;
}

.accordionWrapper {
	display:inline-block;
	background-color:transparent;
}

#accordion .title img
{	vertical-align:top;
	border:0;
	padding:0;
}

.accordionWrapper div {
	display:inline;
	float:left;
	margin: auto;
}

.accordionWrapper div.title{
	cursor:pointer;
	margin-left:3px;
	}

.accordionWrapper div.content {
	display:none;
	width:448px;
	height:373px;
	border-right:2px dotted #FFFFFF;
	border-bottom:2px dotted #FFFFFF;
	background-color:#B0B0B0;
	position:relative;		
}

#accordion #content_img {
	margin: auto;
	}

#accordion #description p{
	padding: 10px 10px 6px 10px;
	font-size:12px;
	display:inline-block;
	margin:0;
}



/* CSS for Various classes */
.transparent{	/* for IE */
	filter:alpha(opacity=70);
	/* CSS3 standard */
	opacity:0.7;
}
.left{border:1px solid #cccccc;float:left;margin:10px 15px 10px 0;}
.right{border:1px solid #cccccc;float:right;margin:10px 0 5px 10px;}
.center{border:1px solid #aaaaaa;margin:5px auto 12px;text-align:center;}
.textright{text-align:right;}
.textleft{text-align:left;}
.sub{width: 99%;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}
.hide{display:none;}
.contenttext.p{margin:1em 0}
.divider{clear:both; width:100%; border-bottom-width: thin; border-bottom-style: dotted; border-bottom-color: #FFF; margin-bottom: 15px;}
.comment{background-color:#ffffff;border:0px;color:#474747;margin:0 0 10px;padding:0px 0px 0 0px;}
.comment p.commenthead{line-height:1.6em;}
.comment p{font-size:0.9em;line-height:1.3em;margin:0 0 6px;padding-bottom:5px;}
.navigation{display:inline;text-align:center;}
.navigation p{margin:0;padding:0;}
.prevlink{margin-right:20px;}
.nextlink{margin-left:20px;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

h2 {font-size: 1.5em}
h3 {font-size: 1.17em; margin: 1em 0;}
b, strong{font-weight: bolder}