/*
Theme Name: Biking Society Blog
Theme URI: http://www.conurestudios.com
Description: This is the style to accompany bikingsociety.com
Version: 1.0
Author: Conure Studios
Author URI: http://www.conurestudios.com/
*/

html{color:#3a3a3a;background:#0d80dd;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

.gap_5{float:left; width:100%; height:5px; display:block; overflow:hidden;}
.gap_10{float:left; width:100%; height:10px; display:block; overflow:hidden;}
.gap_15{float:left; width:100%; height:15px; display:block; overflow:hidden;}
.gap_20{float:left; width:100%; height:20px; display:block; overflow:hidden;}
.gap_25{float:left; width:100%; height:25px; display:block; overflow:hidden;}
.gap_30{float:left; width:100%; height:30px; display:block; overflow:hidden;}
.gap_40{float:left; width:100%; height:40px; display:block; overflow:hidden;}
.row{
	float:left;
	width:100%;
}
html{
	background-image:url(images/main_bg.gif);
	background-repeat:repeat-x;
	background-position:top;
}
.line{
	float:left;
	width:100%;
	height:1px;
	background-color:#cccccc;
	overflow:hidden;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#2b2c31;
}
a{
	color:#6d8a11;
	text-decoration:none;
	outline:none;
}
	a:hover{
		text-decoration:underline;
	}
p{
	float:left;
	width:100%;
	margin-bottom:20px;
}
#wrap{
	width:939px;
	margin:45px auto;
}
#header{
	float:left;
	width:937px;
	height:280px;
	background:url(images/header_bg.jpg) top left no-repeat;
	border-left:1px solid #dae8f3;
	border-right:1px solid #dae8f3;
}
	#header #logo{
		float:left;
		display:inline;
		margin-top:15px;
		margin-left:15px;
	}


#content{
	float:left;
	width:937px;
	border-left:1px solid #dae8f3;
	border-right:1px solid #dae8f3;
	background-color:#ffffff;
	padding-top:20px;
}

	#content .blog_left{
		float:left;
		display:inline;
		width:578px;
		margin-left:20px;
	}
		#content .blog_left p{
			float:left;
			width:100%;
			margin-bottom:10px;
		}
		#content .blog_left .post{
			float:left;
			width:100%;
			padding-bottom:9px;
			margin-bottom:25px;
			background:url(images/blog_dotted.gif) bottom repeat-x;
		}
			#content .blog_left .post .pic{
				border:1px solid #2a2a2a;
				margin-top:3px;
			}
			#content .blog_left .post .date{
				float:left;
				width:100%;
				font-size:12px;
				color:#7c7c7c;
				margin-top:2px;	
			}
			#content .blog_left .post h2 a{
				float:left;
				width:100%;
				font-size:24px;
				line-height:26px;
				color:#3a3a3a;
				text-decoration:none;
				font-weight:bold;
				font-family:Georgia, "Times New Roman", Times, serif;
			}
				#content .blog_left .post h2 a:hover{
					text-decoration:underline;
				}
			#content .blog_left .post .entry{
				float:left;
				width:100%;
				margin-top:10px;
			}
				#content .blog_left .post .entry strong{
					font-weight:bold;
				}
				#content .blog_left .post .entry p{
					float:left;
					width:100%;
					margin-bottom:20px;
				}
				#content .blog_left .post .entry .link{
					float:left;
					width:100%;
					font-style:italic;
					text-align:right;
				}
				#content .blog_left .post .entry .alignnone, #content .blog_left .post .entry .alignleft{
					float:left;
					border:1px solid #2a2a2a;
					margin-right:10px;
				}
				#content .blog_left .post .entry .alignright{
					float:right;
					border:1px solid #2a2a2a;
					margin-left:10px;
				}
			#content .blog_left .post .read_more{
				text-decoration:none;
				color:#02123f;
				font-style:italic;
			}
			#content .blog_left .post .read_more:hover{
				text-decoration:underline;
			}
			#content .blog_left .post .post_footer{
				color:#3a3a3a;
				font-size:14px;
				font-weight:bold;
			}
				#content .blog_left .post .post_footer span{
					font-style:italic;
				}
				#content .blog_left .post .post_footer a{
					/*color:#02123f;*/
					font-style:italic;
					font-size:12px;
					font-weight:normal;
				}

		#content .blog_left h3{
			float:left;
			width:100%;
			font-size:16px;
			color:#3a3a3a;
			font-weight:bold;
			margin-bottom:10px;
		}

		#content .blog_left #respond{
			float:left;
			width:100%;
			padding-top:10px;
			background:url(images/blog_dotted.gif) top repeat-x;
		}
			#content .blog_left #respond textarea{
				width:570px;
				height:200px;
			}
			#content .blog_left #respond #submit{
				float:right;
			}

		#content .blog_left .commentlist{
			float:left;
			width:100%;
		}

	#content .comment{
		float:left;
		width:100%;
		margin-bottom:10px;
	}
		#content .comment .left{
			float:left;
			display:inline;
			width:100px;
			text-align:right;
		}
			#content .comment .left a{
			}
			#content .comment .left span{
				font-size:10px;
				line-height:10px;
				color:#565555;
			}
		#content .comment .right{
			float:left;
			display:inline;
			width:460px;
			margin-left:15px;
			font-size:12px;
			line-height:14px;
			color:#565555;
			padding-top:3px;
		}
	
	#content .blog_right{
		float:right;
		display:inline;
		width:253px;
		margin-right:20px;
	}
		#content .blog_right ul{
			float:left;
			width:100%;
			margin-bottom:20px;
		}
		#content .blog_right ul h2{
			float:left;
			width:100%;
			color:#2b2c31;
			padding-bottom:6px;
			padding-top:5px;
			text-decoration:none;
			background-color:#3a3a3a;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:16px;
			line-height:18px;
			color:#ffffff;
			text-indent:10px;
		}
		#content .blog_right ul .events{
			float:left;
			display:inline;
			width:233px;
			margin-bottom:20px;
			font-size:14px;
			line-height:18px;
			color:#3a3a3a;
			background-color:#e2e1e1;
			padding-left:10px;
			padding-right:10px;
		}
			#content .blog_right ul .events .description{
				float:left;
				width:100%;
				padding-top:3px;
				padding-bottom:5px;
				background:url(images/blog_dotted.gif) bottom repeat-x;
				font-weight:bold;
			}
			#content .blog_right ul .events .description .link{
				font-style:italic;
				font-weight:normal;
			}
			#content .blog_right ul .events .view_all{
				float:left;
				width:100%;
				padding-top:3px;
				padding-bottom:5px;
				text-align:right;
				font-style:italic;
				color:#3a3a3a;
			}
		#content .blog_right ul .contact{
			float:left;
			width:100%;
			margin-top:10px;
			margin-bottom:20px;
			font-size:12px;
			color:#3a3a3a;
			font-style:italic;
		}

			#content .blog_right ul .contact img{
				border:1px solid #2a2a2a;
			}
		#content .blog_right ul li{
			float:left;
			width:100%;
		}
		#content .blog_right ul li ul{
			float:left;
			width:243px;
			margin-top:5px;
			margin-left:10px;
		}
		#content .blog_right ul li ul li{
			float:left;
			width:100%;
			color:#3a3a3a;
			font-size:12px;
			line-height:16px;
		}

	
#footer{
	float:left;
	width:100%;
	height:281px;
	background:url(images/footer_bg.gif) top repeat-x;
}
	#footer .container{
		width:939px;
		height:281px;
		margin:0px auto;
		background:url(images/footer_center.gif) top left no-repeat;
	}