/*
Theme Name: Riding in Action
Theme URI: http://www.ridinginaction.co.uk
Description: Riding in Action Wordpress theme by Twenty3design.
Version: 1.6
Author: Twenty3design
Author URI: http://www.twenty3design.co.uk/
*/

body{
	padding: 0;
	margin: 0;
	background: #b8dbe0 url(images/bg.jpg) repeat-x;
	font-family: Arial, Tahoma, Sans;
	font-size: 12px;
}

h1{
	color: #fe0000;
	margin-bottom: 10px;
}

h3{
	color: #3b5a5f;
	font-size: 18px;
	font-family: Arial;
	padding: 12px 0 10px 0;
	margin: 0;
}

a{ color: #f80000; text-decoration: none; }
a:hover{ color: #f80000; text-decoration: underline; }

img{
	border: none;
}

.alignleft {
	float: left;
	border: none;
	margin-right: 15px;
	margin-bottom: 10px;
}
.alignright {
	float: right;
	border: none;
	margin-left: 15px;
	margin-bottom: 10px;
}

#container{
	margin: 0 auto;
	width: 922px;
}

#logo{
	margin: 22px 0 0 20px;
}

#call_out{
	float: right;
	text-align: center;
	width: 166px;
	margin: 0 20px 0 0;
	font-family: Century Gothic, Arial;
	font-size: 15px
	font-weight: bold;
}

#call_out h2{
	margin: 0;
	padding: 0;
	font-size: 24px
	font-weight: bold;
}


#main_menu{
	margin: 28px 0 0 20px;
	padding: 0;
}

#main_menu li{
	list-style: none;
	display: inline;
	font-family: Tahoma, Arial;
	font-weight: bold;
	font-size: 14px;
	padding: 0 8px 0 8px;
	z-index: 1000;
	position: relative;
}

#main_menu li a{ color: #000; text-decoration: none; }
#main_menu li a:hover{ color: #f80000; }

#slider{ margin: -10px auto 0 auto; width: 850px; height: 336px; font-family: Tahoma, Arial; }
#slider h2{ padding: 30px 0 0 0; margin: 0; font-family: Arial; font-size: 76px; }
#slider p{ padding: 10px 0 0 0; margin: 0; font-size: 16px; }
#slider_image{ float: right; }

#slider_controller{
	margin: 30px auto 0 auto; 
	width: 889px;
	height: 100px;
	padding: 0;
	background: url(images/slider_controller_bg.gif) no-repeat;
}

#sc_left{
	float: left;
	width: 62px;
	height: 100px;
}

#sc_content{
	float: left;
	width: 755px;
	height: 100px;
}

#sc_content p{
	padding: 0 0 0 15px;
	color: #fff;
}

#training_list{
	margin: 17px 0 0 15px;
	padding: 0;
}

#training_list li{
	list-style: none;
	display: inline;
	padding: 0 30px 0 0;
	margin: 0;
}

#training_list a:hover{
	background-color: #b00000;
}

#sc_right{
	float: right;
	width: 62px;
	height: 100px;
}

#testimonials{
	width: 850px;
	margin: 0 auto 30px auto;
	line-height: 17px;
}

blockquote{
	float: left;
	width: 270px;
	color: #383838;
	font-style: italic;
	font-size: 12px;
	margin: 0 10px 0 0;
	padding: 0;
}

blockquote p{
	margin: 0;
	padding: 0;
}

cite{
	color: #000;
	font-weight: bold;
	font-style: normal;
}

#something_else{ /* Could be better */
	clear: both;
	width: 850px;
	margin: 0 auto 70px auto;
	padding: 35px 0 35px 0;
	line-height: 17px;
}

#something_else h3{
	margin: 0;
	padding: 0;
	color: #000;
	font-weight: bold;
	font-size: 14px;
}

#se_intro{
	float: left;
	width: 270px;
}

#se_intro p{
	color: #383838;
	font-style: italic;
	font-size: 12px;
	margin: 0 20px 0 0;
	padding: 0;
}

.se_block{
	float: left;
	width: 270px;
	margin: 0 20px 0 0;
	padding: 0;
}

/* INFO CENTRE */

#info_centre{
	clear: both;
	width: 859px;
	margin: 0 auto 50px auto;
	padding: 8px 15px 0 15px;
	background: #dee8e9 url(images/info_centre_bg.jpg) repeat-x;
	border: 1px solid #adcdd1;
	overflow: auto;
	line-height: 17px;
}

#info_centre h2{
	font-size: 18px;
	font-weight: bold;
	color: #3b5a5f;
	padding: 0 0 20px 0;
	margin: 0;
}

#info_centre h3{
	font-size: 14px;
	font-weight: bold;
	color: #000;
	padding: 0;
	margin: 0;
}

#info_centre p{
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	color: #383838;
	padding: 0 0 20px 0;
	margin: 0;
}

#riders_guide{
	float: left;
	width: 550px;
	margin-right: 10px;
	padding-right: 10px; 
}

#from_blog{
	float: left;
	width: 280px;
}

.date{
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #383838;
	padding: 0;
	margin: 0;
}

#sub_info{
	clear: both;
	width: 889px;
	margin: 0 -15px 0 -15px;
	border-top: 1px solid #adcdd1;
}

#sub_info p{
	font-size: 11px;
	padding: 10px;
}


/* PAGE STYLES */

#content_wrapper{
	width: 859px;
	margin: 30px auto 30px auto;
	line-height: 17px;
	overflow: auto;
}

#page_content{
	float: left;
	width: 550px;
	padding-right: 20px;
}

#sidebar{
	width: 278px;
	float: left;
}

#sidebar img{
	margin: 4px 0 4px 0;
}

#sidebar h3{
	font-size: 14px;
	font-weight: bold;
	color: #000;
	padding: 0;
	margin: 10px 0 0 0;
}

#sidebar p{
	padding: 0;
	margin: 0 0 10px 0;
	font-style: italic;
	color: #383838;
}

/* COMMENT FORM */

#comment {
	width:450px;
}

#commentform {
	width:300px;
}

/* SIDEBAR */
#blog_tools{
	padding-bottom: 30px;
}

#blog_tools ul{
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	width: 100px;
}

.small_column{
	display: block;
	width: 100px;
	float: left;
}

/* MISC */

#respond{
	margin-top: 50px;
}

.red_bold{
	color: #f80000;
	font-weight: bold;
}

.bold{
	font-weight: bold;
}

.small{
	font-size: 10px;
}

.button{
	float: none;
	text-align: left;
}

.float_right{
	float: right;
}