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

body{
	padding: 0;
	margin: 0;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	font-size: 12px;
	color: #434343;
	background: #b8dbe0 url(images/body_bg.jpg) top repeat-x;
	line-height: 17px;
}

img{border: none;}

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

h1 {
	font-size: 31px;
	line-height: 30px;
	font-family: "Myriad Pro",Arial,Helvetica,sans-serif;
	color: #fe0000;
	text-transform: uppercase;
}

h2 {
	font-size: 17px;
	font-family: "Myriad Pro",Arial,Helvetica,sans-serif;
	color: #3b5a5f;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	padding: 0;
}

h3 {
	font-size: 23px;
	font-family: "Myriad Pro",Arial,Helvetica,sans-serif;
	color: #4d6569;
	margin: -12px 0 20px 0;
	line-height: 24px;
}

h4 {
	font-size: 23px;
	font-family: "Myriad Pro",Arial,Helvetica,sans-serif;
	color: #4d6569;
	margin-bottom: 10px;
}

h5 {
	color: #000;
	font-size: 14px;
	margin: 0;
}

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

/* p {margin: 0; padding: 0;} */

/* strong{color: #000; font-size: 14px;} */

strong{ font-weight: 600; }

blockquote{margin: 0; padding: 0;}
cite{font-weight: bold; color: #000; display: block; margin-bottom: 20px;}
cite span{color: #ff0000;}

/* HEADER */

#header {
	height: 159px;
}

#logo{
	margin-top: 21px;
	width: 400px;
	float: left;
}

#call_outs{
	float: right;
	text-align: right;
	width: 395px;
}

#assoc{
	margin-top: 23px; 
	font-style: italic; 
	text-transform: uppercase; 
	font-family: "Myriad Pro",Arial,Helvetica,sans-serif;
	font-size: 16px;
}

#header_ads { overflow: auto; }
#header_ads img {
	width: 258px;
	height: 33px;
	float: right;
}

.gw_image {
	margin-right: 20px;
}

#call_now{ margin-top: 10px; }



/* MAIN NAVIGATION */

#main_nav{
	height: 34px;
	margin-bottom: 10px;
}

#main_nav ul{
	margin: 11px 0 0 0;
	padding: 0;
	width: 740px;
	float: left;
	list-style: none;
}

#main_nav ul li{
	font-family: "Myriad Pro",Arial,Helvetica,sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	display: inline;
	margin: 0 14px;
}

#main_nav ul li a{color: #000; text-decoration: none;}
#main_nav li a:hover{color: #fd1b08; text-decoration: none;}

#main_nav ul li.current_page_item{
	background: url(images/arrow.gif) center 17px no-repeat;
	padding-bottom: 18px;
}

#social{float: right; width: 180px; margin-top: 7px;}
#social_fb {float: left;}
#twitter-share-button {float: left;}
#social img{margin: 0 3px;}


/* BRANDING */

#branding{
	width:922px;
	height: 293px;
	background: url(images/branding_bg.jpg) top no-repeat;
	clear: both;
}

#intro{
	width: 400px;
	padding: 58px 0 0 19px;
	float: left;
}

#intro h1{
	margin: 0;
	padding: 0;
	font-size: 57px;
	font-family: "Myriad Pro",Arial,Helvetica,sans-serif;
	color: #222;
	text-transform: uppercase;
	line-height: 50px;
}

#intro h1 span{color: #fe0000;}

#intro h2{
	margin: 0;
	padding: 0;
	font-size: 29px;
	font-family: "Myriad Pro",Arial,Helvetica,sans-serif;
	color: #222;
	text-transform: uppercase;
	line-height: 25px;
}

.book_now{
	height: 40px;
	width: 160px;
	float: left;
	margin: 10px;
	background: url(images/buttons/booknow_sprite.png) 0 0 no-repeat;
	display: block;
}
.callout {
	margin: 23px 10px 0 0;
}
.book_now:hover{
	height: 40px;
	widows: 160px;
	background: url(images/buttons/booknow_sprite.png) 0 -40px no-repeat;
	cursor: pointer;
}
.findoutmore{
	height: 40px;
	width: 160px;
	float: left;
	margin: 23px 0 0 0;
	background: url(images/buttons/findoutmore_sprite.png) 0 0 no-repeat;
	display: block;
}
.findoutmore:hover{
	height: 40px;
	widows: 160px;
	background: url(images/buttons/findoutmore_sprite.png) 0 -40px no-repeat;
	cursor: pointer;
}

/* COURSE BUTTONS */

#course_buttons{
	float: right;
	width: 305px;
	padding: 40px 15px 0 0;
}

.course_btn{
	width: 303px;
	height: 58px;
	display: block;
	margin-bottom: 2px; 
}

.btn_cbt{background: url(images/buttons/course_btn_content_cbt.png) 0 0 no-repeat;}
.btn_das{background: url(images/buttons/course_btn_content_das.png) 0 0 no-repeat;}
.btn_refresh{background: url(images/buttons/course_btn_content_refresh.png) 0 0 no-repeat;}
.btn_enhanced{background: url(images/buttons/course_btn_content_enhanced.png) 0 0 no-repeat;}
.btn_book{background: url(images/buttons/book_now.png) 0 0 no-repeat; clear: left;}

.btn_cbt:hover{background: url(images/buttons/course_btn_content_cbt.png) 0 -58px no-repeat;}
.btn_das:hover{background: url(images/buttons/course_btn_content_das.png) 0 -58px no-repeat;}
.btn_refresh:hover{background: url(images/buttons/course_btn_content_refresh.png) 0 -58px no-repeat;}
.btn_enhanced:hover{background: url(images/buttons/course_btn_content_enhanced.png) 0 -58px no-repeat;}
.btn_book:hover{background: url(images/buttons/book_now.png) 0 -58px no-repeat;}


/* CONTENT */
#content{padding: 0 17px;}

#col_1, #col_2, #col_3{width: 285px; float: left; margin: 34px 0;}

#col_1{margin-right: 30px;}
#col_2{margin-right: 15px; width: 270px;}
#col_3{margin-right: 0;}

.xtra_btns{
	width: 293px;
	height: 79px;
	display: block;
	margin-top: 12px;
}

.facebook_btn{
	width: 289px;
	height: 57px;
	display: block;
	margin-top: 12px;
}

.readmore_btn{
	width: 103px;
	height: 28px;
	display: block;
	margin: 12px 0;
}

.corporate_btn{background: url(images/buttons/corporate_btn.png) 0 0 no-repeat;}
.advanced_btn{background: url(images/buttons/advanced_btn.png) 0 0 no-repeat;}

.corporate_btn:hover{background: url(images/buttons/corporate_btn.png) 0 -79px no-repeat;}
.advanced_btn:hover{background: url(images/buttons/advanced_btn.png) 0 -79px no-repeat;}

.facebook_btn{background: url(images/buttons/facebook_btn.png) 0 0 no-repeat;}
.facebook_btn:hover{background: url(images/buttons/facebook_btn.png) 0 -57px no-repeat;}

.readmore_btn {background: url(images/buttons/readmore_btn.png) 0 0 no-repeat;}
.readmore_btn:hover{background: url(images/buttons/readmore_btn.png) 0 -28px no-repeat;}

#twitter_feed{
	height: 190px;
	width: 250px;
	padding: 5px 20px;
	font-size: 14px;
	background: url(images/twitter_bg.png) no-repeat;
}
#sidebar #twitter_feed{
	height: 160px;
	width: 250px;
	padding: 15px 20px;
	font-size: 14px;
	background: url(images/twitter_bg.png) no-repeat;
}

/* INFO CENTRE */

#info_centre{
	clear: both;
	width: 859px;
	margin: 30px auto 50px auto;
	padding: 8px 15px 0 15px;
	background: #fff;
	border: 1px solid #adcdd1;
	overflow: auto;
	line-height: 17px;
}

#info_centre h2{
	font-size: 18px;
	font-weight: bold;
	color: #3b5a5f;
	padding: 8px 15px 7px 15px;
	margin: -8px -24px 0 -15px;
	border-bottom: 1px solid #adcdd1;
	background: red url(images/ridersguide_h2_bg.jpg) repeat-x;
}

#info_centre h5 {
	padding-top: 10px;
}

#info_centre p{
	font-size: 12px;
	font-weight: normal;
	color: #383838;
	padding: 0 0 5px 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;
	padding-bottom: 10px;
	border-top: 1px solid #adcdd1;d82
}

#sub_info p{
	font-size: 11px;
	padding: 10px;
}
.rss_ico {
	float: right;
	margin-top: -3px;
}

#terms {
	padding-bottom: 20px;
}

.long_ads{
	display: block;
	width: 470px;
	float: left;
}

/* .long_ads img{ width: 100px; } */

.square_ads {
	display: block;
	width: 360px;
	float: right;
	margin: 10px;
}

/* PAGE STYLES */

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

#page_content{
	float: left;
	width: 555px;
	padding-right: 30px;
}
#sidebar{
	width: 290px;
	float: left;
	margin-bottom: 10px;
}

#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;
}

/* BLOG */

.blog_cite {
	font-size: 16px;
	font-family: "Myriad Pro",Arial,Helvetica,sans-serif;
	color: #4d6569;
	font-weight: bold;
	margin: -10px 0 0 0;
}
.post {
	margin: 0 0 50px 0;
}
.small_column {
	width: 145px;
	float: left;
	margin: 20px 0 10px 0;
}
.small_column ul {
	list-style: none;
	padding: 0;
}

/* MISC */
.middle { vertical-align: middle; }
.float_right { float: right; }
.margin10 { margin: 10px; }
.alignright { float: right; padding-left: 15px; }

.book_now span, .findoutmore span, .course_btn span, .xtra_btns span, .facebook_btn span, .readmore_btn span{ position: absolute; text-indent: -9999px;}