/*
Theme Name: Tour de Cure 2015 Rider
Theme URI: http://www.smg.com.au/
Author: Synchromedia Group
Text Domain: twentyeleven
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

body {
	background: url(images/bgTopYellow.jpg) repeat-x top #FFF;
	margin: 0px;
	padding: 0px;
	font: 400 13px/20px 'Open Sans';

}
a{
	font-weight: 700;	
	color: #BB1D23;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;	
}
h1,h2,h3,h4,p,form{
	margin: 0px; padding: 0px;	
}
#wrapper{
	width: 900px; margin: 0px auto;
	padding: 30px;
}
#header{

}
#header h1{
	font-size: 45px;
	font-weight: 700;
	color: #000;
	margin-bottom: 15px;
	padding-top: 25px;	
	letter-spacing: -1px;
}
#header h2{ 
	font-size: 23px;
	line-height: 30px;
	font-weight: 300;
	color: #000;
		margin-top: 25px;
		margin-bottom: 40px;
}
p{
	margin-bottom: 15px;
}
#logo{
	float: left;
	margin-right: 15px;
	border-radius: 8px;	
}
#contentArea{
	background: #FFF;
	border-radius: 8px;	
	padding: 8px;

}
#main{
	padding-left: 15px;
}
#menu{
	background: #231f20;
	height:  auto;	
	border-radius: 8px;	
	margin-bottom: 30px;
}
#menu ul{
	margin: 0px; padding: 0px;
	padding-left: 8px;
}
#menu ul li{
	display: inline;
	list-style: none;	
}
#menu ul li a{
	display: inline-block;

	padding: 0px 15px;
	font: 400 18px/60px 'Open Sans';
	color: #FFF;
	text-decoration: none;	
}
#menu ul li a:hover,#menu ul li.current a{
	background: #BB1D23;
	border-radius: 8px;
	margin-top: 8px;
	line-height: 44px;
}
#main{
	width: 580px;
	float: left;
	margin-right: 60px;	
	margin-bottom: 30px;
}
#rightCol{
	width: 220px;
	float: left;	
}
.clear{
	clear: both;
}	
#footer{
	clear: both;
}
#footer ul{
	margin: 0px; padding: 0px;
}
#footer ul li{
	display: inline;
	list-style: none;	
}
#footer ul li a{
	display: inline-block;
	float: left;
	padding: 0px 15px;
	font: 400 12px/60px 'Open Sans';
	color: #FFF;
	text-decoration: none;	
}
.date{
	background: #ffde00;
	padding: 10px;
	border-radius: 8px;	
	width: 40px;
	float: left;	
	margin-right: 30px;
}
.day{
	font-size: 34px;
	line-height: 36px;
	text-align: center;		
}
.month{
	text-align: center;	
	font-size: 14px;
	line-height: 16px;
}
.year{
	text-align: center;
	font-size: 14px;
		line-height: 16px;
}
.postContent{
	width: 480px;
	float: left;	
}

.page .postContent{
	width: 580px;
	float: left;	
}

h1{
	font-size: 34px;
	line-height: 38px;
	font-weight: 300;
	margin-bottom:30px;
	color: #0088B0;
	letter-spacing: -1px;
}
h2, h2 a{
	font-size: 24px;
	line-height: 28px;
	font-weight: 400;
	margin-bottom:15px;
}
h3{
	font-size: 16px;
	font-weight: 600;
}
body,td,th {
	font-family: "Open Sans";
}
#facebook{
	margin-top: 30px;
	margin-bottom: 30px;	
	text-align: center;
}
#donate a{
	background: #ffde00;
	padding: 20px;
	border-radius: 8px;		
	font-size: 32px;
	display: block;
	font-weight: 700;
	text-align: center;
	color: #000;
	 -webkit-box-shadow: 2px 2px 10px 0px #AAA; -moz-box-shadow: 2px 2px 10px 0px #AAA; box-shadow: 2px 2px 10px 0px #AAA; behavior: url(PIE.htc); 
	 margin-bottom: 30px;
}
#donate a:hover{
	background: #BB1D23;
	color: #FFF;
}
#share{
	text-align: center;	
	margin-bottom: 30px;
}
#share a {
		padding: 15px;
	border-radius: 8px;	
		display: block;	
		text-align: center;	
		 -webkit-box-shadow: 2px 2px 10px 0px #AAA; -moz-box-shadow: 2px 2px 10px 0px #AAA; box-shadow: 2px 2px 10px 0px #AAA; behavior: url(PIE.htc); 
	 margin-bottom: 30px
}
#shareTwitter{
	margin-bottom: 30px;	
			text-align: center;	
}
.article{

}
#riderPhoto{
	width: 220px;
	text-align: center;	
	margin-top: -120px;
}
#riderPhoto img{
	border-radius: 8px;
			 -webkit-box-shadow: 2px 2px 5px 0px #333; -moz-box-shadow: 2px 2px 5px 0px #333; box-shadow: 2px 2px 5px 0px #333; behavior: url(PIE.htc); 
}
#countdown{
	font-weight: 700;
	font-size: 25px;
	text-align: center;
		padding: 15px;
	border-radius: 8px;	
		display: block;	
		
		 -webkit-box-shadow: 2px 2px 10px 0px #AAA; -moz-box-shadow: 2px 2px 10px 0px #AAA; box-shadow: 2px 2px 10px 0px #AAA; behavior: url(PIE.htc); 
	 margin-bottom: 30px	
}
#rightCol h2{
	text-align: center;
}
.welcome{
	padding-left: 15px;	
}
.welcome h1{
	margin-left: -15px;	
}

#menu ul li.donatemenu a{
	color: #ffde00;
}
.featuredImage img{
	float: right;
	margin-left: 30px;	
	border-radius: 8px;
	 -webkit-box-shadow: 2px 2px 10px 0px #AAA; -moz-box-shadow: 2px 2px 10px 0px #AAA; box-shadow: 2px 2px 10px 0px #AAA; behavior: url(PIE.htc); 
}
.assistive-text{
	display: none;	
}
nav{
	margin-bottom: 30px;	
}
.nav-previous{
	
}
.nav-next{
	margin-left: 400px;
display: block;
}
article{
	border-bottom: 2px dotted #CCC;	
	padding-bottom: 30px;
	margin-bottom: 30px;
}
#curecancer{
	position: absolute;
margin-left: 640px;
margin-top: -30px;
}

#commentArea{
	padding: 15px;

}
.alignright{
	float: right;
	margin-left: 30px;
	margin-bottom: 30px;
	 -webkit-box-shadow: 2px 2px 10px 0px #AAA; -moz-box-shadow: 2px 2px 10px 0px #AAA; box-shadow: 2px 2px 10px 0px #AAA; behavior: url(PIE.htc); 
	border-radius:8px;
}
.alignleft{
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	 -webkit-box-shadow: 2px 2px 10px 0px #AAA; -moz-box-shadow: 2px 2px 10px 0px #AAA; box-shadow: 2px 2px 10px 0px #AAA; behavior: url(PIE.htc); 
	border-radius:8px;
}
.single-post .entry-content{
	margin-left: 90px;
}
.wp-post-image{
	float: right;
	margin-left: 30px;
	 -webkit-box-shadow: 2px 2px 10px 0px #AAA; -moz-box-shadow: 2px 2px 10px 0px #AAA; box-shadow: 2px 2px 10px 0px #AAA; behavior: url(PIE.htc); 
	border-radius:8px;
	
}
ol li{
	margin-bottom: 10px;
}
img{
	border: 0px;
}
#teammembers{
	position: absolute;
	margin-left: 750px;
	margin-top: -25px;
}
#teammembers a{
	background: #FFDE00;
	color: #000;
	padding: 8px 15px;
	padding-top: 15px;
	border-radius: 8px;
	font-size: 11px;
	font-weight: 400;
}	

.attachment img{
	max-width: 580px;
	height: auto;
}

.alignnone, .alignleft, .alignright{
	max-width: 490px;
	height: auto;
}
table.dataTable{ border-right: 1px solid #CCC; border-top: 1px solid #CCC; width: 530px; }
.dataTable td{ border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 2px; font-size: 11px; vertical-align: top; }