/*
Theme Name: Mountain Bikes
Theme URI: http://www.mtb-shropshire.co.uk
Description: Child theme of TwentyTen
Author: Severn Internet
Author URI: http://severninternet.co.uk/
Template: twentyten
Version: 1.0
*/
 
@import url("../twentyten/style.css");

/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/
#container {
	float: left;
	margin: 0 -580px 0 0;
	width: 100%;
}
#content {
	margin: 40px 565px 0 60px;
}
#primary,
#secondary {
	float: right;
	overflow: hidden;
	width: 480px;
}
#primary {
	background:transparent url(./i/bg-header-widget.png) no-repeat top left;
}
#secondary {
	clear: right;
	margin:40px 60px 0 0;
}
#footer {
	clear: both;
	width: 100%;
}

/*
LAYOUT: One column, no sidebar
DESCRIPTION: One centered column with no sidebar
*/

.onecolumn #content {
	margin: 0 auto;
	width: 1070px;
}

/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
}

h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget_search label,
.widget-title
{
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
}

pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}

code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}



/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
	margin: 0 auto;
	width: 1060px;
}
#wrapper {
	background: transparent;
	padding: 0;
}

/* Structure the footer area */
#footer-widget-area {
	overflow: hidden;
}
#footer-widget-area .widget-area {
	float: left;
	margin-right: 20px;
	width: 220px;
}
#footer-widget-area #fourth {
	margin-right: 0;
}
#site-info {
	float: left;
	width: 700px;
	font-weight: bold;
	font-size: 12px;
}
#site-generator {
	float: right;
	width: 220px;
}

/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles  */
body {
	background: #38373a url( ./i/bg-left.jpg) no-repeat top left;
}
#extra1 {
	margin:0;	padding:0;
	background: transparent url( ./i/bg-right.jpg) no-repeat top right;
}
#extra2 {
	margin:0;	padding:0;
	background: transparent url( ./i/bg-bottom-left.jpg) no-repeat bottom left;
}
body, input, textarea {
	color: #eee;
	font-size: 12px;
	line-height: 1.2em;
}
hr {
	background-color: #E7E7E7;
	border:0;
	height: 1px;
	margin-bottom: 18px;
	clear:both;
}

a:link {
	color:#ce9a3e;
}
a:visited {
	color:#ce9a3e;
}
a:active,
a:hover {
	color: #f7941e;
}

/* =Header
-------------------------------------------------------------- */

#header {
	margin-top: 0;
	padding: 1px 0 0;
}
#site-title {
	margin: 0;
	padding:0;
	width:auto;
}
#site-title, #site-title a {
	text-indent:-9999em;
	height: 166px;
	width: 540px;
	display:block;
	background:url(./i/logo.png) no-repeat top left;
	text-decoration: none;
}
#site-description {
	display: none;
}
#branding img {
	border:none;
	display:inline;
	clear:none;
}
#branding .widget-container {
	margin:0;
}
#branding .widget_text {
	margin-top:10px;
	text-align:right;
}
#branding .widget_rss .widget-title, #branding .widget_recent_entries .widget-title {
	color: #f7941e;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 10px;
}
#branding .widget_rss a, #branding .widget_recent_entries a {
	color: #f7941e;
}
#branding .widget_rss ul, #branding .widget_recent_entries ul {
	list-style:none;
	padding-left:40px;
}
#branding .widget_rss ul li, #branding .widget_recent_entries ul li {
	position:relative;
	padding-right:35px;
}
#branding .widget_rss ul h3, #branding .widget_recent_entries ul h4 {
	display:inline;
	padding-right:5px;
}
#branding .widget_rss ul .rssSummary, #branding .widget_recent_entries ul .rssSummary {
	display:inline;
}
#branding .widget_rss a.morelink, #branding .widget_recent_entries a.morelink {
	position:absolute;
	bottom:0;
	right:5px;
	width:29px;
	height:29px;
	background:transparent url(./i/more-link.png) no-repeat top left;
	text-decoration:none;
	text-indent:-9999em;
}

/* =Menu
-------------------------------------------------------------- */

#access {
	margin: 0 30px -20px;
	width: 1000px;
	display:block;
	position:relative;
	background:none;
}
#access a {
	text-transform:uppercase;
	margin:0;
	padding:0;
	color:#fff;
	font-weight:bold;
	font-size:12px;
}
#access li {
	float:left;
	margin:0 1px;
	padding:0 1px;
	background:transparent url( ./i/nav_bg.png) no-repeat top left;
}
#access li li {
	background:none;
}
#access a {
	display:block;
	float:left;
	margin:0 1px;
	padding:0 9px;
}
/* Why is the following here? because of cross browser display issues. 
   IE wasn't playing nice with widths of nav items. Rather than have a 
   single background reference with all the items laid on top (though 
   they could no longer have their order changed) we have this. The 
   order can be changed, but image or even text changes will change 
   all the widths below. So annoying.
   Id's of items will be different on local dev too.
*/
#access .home { /* Home */ 
	background-position:0px 0px;
}
#access .about { /* About */ 
	background-position:-60px 0px ;
}
#access .courses { /* Courses */ 
	background-position:-150px 0px ;
}
#access .trails { /* Trails */ 
	background-position:-235px 0px ;
}
#access .team { /* Bike Workshop */ 
	background-position:-305px 0px ;
}
#access .shop { /* Blazing Bikes */ 
	background-position:-435px 0px ;
}
#access .local { /* Local Area */ 
	background-position:-560px 0px ;
}
#access .facilities { /* Facilities */ 
	background-position:-660px 0px ;
}
#access .sponsors { /* Sponsors */ 
	background-position:-750px 0px ;
}
#access .links { /* Links */ 
	background-position:-845px 0px ;
}
#access .contact { /* Contact */ 
	background-position:-910px 0px ;
}
#access ul ul a {
	width: 200px;
	color:#fff;
	background:#f7941e;
	background:rgba(247,148,30,0.8);
}
#access li:hover > a, #access li:focus > a {
	background:transparent;
}
#access ul ul :hover > a, #access ul ul :focus > a {
	color:#fff;
	background:#f79219;
	background:rgba(247,146,25,1);
}
#access ul li:hover > ul, #access ul li:focus > ul {
	display:block;
}


/* =Content
-------------------------------------------------------------- */

#main {
	overflow: hidden;
	padding: 0 0 0 0;
	background: transparent url( ./i/bg-container.png) repeat-y top left;
}
#extra3 {
	margin:0;	padding:0;
	background: transparent url( ./i/bg-main-top.png) no-repeat top left;
}
#extra3:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#extra3{clear:both;}
/*  html #extra3{height:1%;} */
#container {
	background: transparent url( ./i/bg-main-bottom.png) no-repeat bottom left;
	min-height:1100px;
}
#content {
	margin-bottom: 20px;
}
#content,
#content label,
#content input,
#content textarea {
	color: #eee;
	font-size: 13px;
	line-height: 1.2em;
}
#content strong,
#content b,
#content dt,
#content th {
	color: #f7941e;
	font-size:1.3em;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	color: #f7941e;
	margin: 0 0 20px 0;
	line-height: 1.3em;
	font-weight:bold;
}
.page-title {
	color: #f7941e;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 36px 0;
}
.page-title span {
	color: #444;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
}
.page-title a:link, .page-title a:visited {
	color:#f7941e;
	text-decoration: none;
}
.page-title a:active, .page-title a:hover {
	color: #f7941e;
}
#content .entry-title {
	color: #f7941e;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 0;
}
.entry-title a:link, .entry-title a:visited {
	color:#f7941e;
	text-decoration: none;
}
.entry-title a:active, .entry-title a:hover {
	color: #f7941e;
}

/* =Forms
-------------------------------------------------------------- */
#content form input,
#content form textarea {
	color: #444444;
}

/* Images
-------------------------------------------------------------- */

.entry-content img {
	margin: 0 0 14px 0;
	max-width: 440px;
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 14px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 14px;
	margin-top: 4px;
}

#content .gallery .gallery-item {
	background:#F79219;
	margin-right:4px;
	width:32%;
}

#content .gallery img {
	border:none;
	margin:5px 0 0;
}

#content .gallery-caption {
	color:#eee;
	margin:0 2px 10px;
}


/* =Navigation
-------------------------------------------------------------- */

#nav-below {
	margin: 0;
}


/* =Widget Areas
-------------------------------------------------------------- */
.widget_post_thumbnail_widget {
	position:relative;
}
#extra4 {
	position:absolute;
	top:0;
	left:0;
	height:340px;
	width:475px;
	background: transparent url( ./i/bg-featured.png) no-repeat top left;
}
.widget_text {
	position:relative;
	overflow:show;
}
#secondary #text-2, #secondary #text-4 {
	background:transparent url(./i/bg-accommodation-widget.jpg) no-repeat top left;
	padding:20px 30px;
	min-height:250px;
}
#secondary #text-2 .widget-title, #secondary #text-4 .widget-title {
	color: #f7941e;
	font-size: 33px;
	font-weight: bold;
	margin: -15px 0 20px;
	text-transform:lowercase;
}
#secondary #text-2 a.morelink, #secondary #text-4 a.morelink {
	position:absolute;
	top:0;
	right:5px;
	width:29px;
	height:29px;
	background:transparent url(./i/more-link.png) no-repeat top left;
	text-decoration:none;
	text-indent:-9999em;
}
#extra5 {
	position:absolute;
	top:-40px;
	left:60px;
}
/* Footer widget areas */
#footer #colophon, #footer #footer-widget-area {
	overflow:visible;
}



/* =Footer
-------------------------------------------------------------- */

#footer {
	margin-bottom: 0;
}
#colophon {
	border-top: none;
	margin-top: 0;
	margin-bottom: 10px;
	padding: 0;
}
#site-info a {
	color: #eee;
	text-decoration: none;
}
#site-info, #site-generator {
	position: relative;
	float:none;
	width:auto;
	font-weight: normal;
	font-style: normal;
	text-align:right;
	margin:5px 60px 0 0;	
	line-height:1.5;
}
#site-generator {
	color: #666;
}
#site-generator a {
	color: #666;
	display:inline-block;
	text-decoration: none;
	padding-left: 19px;
	line-height: 16px;
	margin-left: 1px;
}
#site-generator a:hover {
	text-decoration: underline;
}
img#wpstats {
	display:block;
	margin: 0 auto 10px;
}