tml, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

#blog{
margin-top: 20px;
float: left; 
position: relative;
width: 620px;
}

#sponsors{
text-align:center;
position: relative;
width: 300px; 
float: right
}

#sponsors a{
display: block;
margin: 20px 0px;
padding: 20px 0px;
border-bottom: 1px solid #eee;
}

#sponsors a:hover{
text-decoration: none !important;
color: #666;
}

.storytitle{
font-family: verdana, arial, helvetica;
font-size: 15px;
background-color: #666;
padding: 10px 20px;
margin-bottom: 0px;
}

.storytitle a{
color: #fff  !important; 
font-weight: normal !important;	
font-family: verdana, arial, helvetica;
}

h3.comments{
font-family: verdana, arial, helvetica;
font-size: 11px;
}

li.comment{
border: 1px dashed #ccc;
padding: 20px;
margin-bottom: 20px;
}

ol.commentlist{
margin-bottom: 20px;
}

#respond{
width: 500px;
}

div.comment-meta{
float: right;
position: relative;
bottom: 40px;
}


.meta{
float: right;
color: #000;
font-size: 11px;
text-decoration: italic;
}

.storycontent{
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 5px;
border: 0px solid red;
border-bottom: 1px solid #aaa;
}

.storycontent img{
margin-top: 10px;
margin-bottom: 10px;
}

.post{
margin-top: 0px;
margin-bottom: 40px;
background-color: #eee;
padding: 20px;
padding-top: 10px;
background-image: url('../img/blogback.png');
background-repeat: repeat-x;
}

.feedback{
font-size: 11px;
font-weight: normal;
}

.feedback a{
color: #000 !important;
font-weight: normal !important;
}

.wp-caption-dd, .wp-caption-text{
font-size: 11px;
margin-bottom: 10px;
font-style: italic;
text-align: left;
}


.post img{
border: 4px solid #E6D8C5;
-webkit-box-shadow: rgba(29, 40, 51, 0.296875) 1px 1px 7px;
}



/* == WordPress WYSIWYG Editor Styles == */

.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}


html{
height: 100%;
}

body{
margin: 0;
background-color: #000;
background-image: url('../img/gradient.png');
background-repeat: repeat-x;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
line-height: 1.4;
}

.bold{
font-weight: bold;
}

p{
margin-bottom: 10px;
}

strong{
font-weight: bold;
}

#contactbox input{
width: 200px;	
}

#contactbox textarea{
width: 200px;
}

h3{
font-family: verdana, arial, helvetica;
font-size: 13px;
margin-bottom: 10px;
}

h4{
font-family: verdana, arial, helvetica;
color: #666;
font-size: 13px;
font-weight: bold;
margin-bottom: 10px;
}

h5{
font-size: 11px;
font-weight: bold;	
margin-bottom: 5px;
}

a{
text-decoration: none;
outline: none;
color: #33CCFF;
font-weight: bold;
}

a:hover{
text-decoration: underline;
}

a:active {
outline: none;	
border: none;	
}

ul{
list-style-type: none;
margin: 0;
padding: 0;
}

#tyre1{
z-index: -10; 
position: absolute; 
top: 260px;
left: 0px;
}

#tyre2{
z-index: -10; 
position: absolute; 
top: 220px; 
right: 0px
}

#wrapper{
position: relative;
width: 980px;
margin-left: auto;
margin-right: auto;
padding-bottom: 10px;
margin-top: 20px;
text-align: left;
}

#platter{
position: relative; 
float: left;
padding: 20px;
background-color: #fff;
width: 940px;
min-height: 1px;
margin-bottom: 10px;
clear: both;
}

#content{
position: relative;
float: left;
background-color: #fff;
padding: 20px 0px 20px 0px;
width: 940px;
margin-bottom: 10px;
}

#foot{
text-align: left;
float: left;
width: 960px;
color: #fff;
padding: 10px;
}

#nav ul{
margin: 0;
padding: 0;
border: 0px solid white;
position: relative;
float: left;
}

#nav li{
display: inline;
height: 61px;
margin: 0;
float: left;
}

#nav{
position: relative;
float: left;
background-image: url('../img/menu_new.png');
background-position: 20px -61px;
background-repeat: no-repeat;
width: 918px;
width: 960px;
height: 61px;
overflow: hidden;
margin: 0;
padding: 0px;
border: 0px solid white;
padding-left: 20px;
}

#nav a{
display: block;
background-image: url('../img/menu_new.png');
background-repeat: no-repeat;
height: 61px;
text-indent: -5000px;
margin: 0;
padding: 0;
}

a#home{
border: 0px;
width: 61px;
background-position: 0px 0;
}

a#whatwedo{
border: 0px;
margin-left: 10px;
width: 167px;
background-position: -71px 0;
}

a#guidedbikerides{
border: 0px;
margin-left: 17px;
width: 188px;
background-position: -255px 0;
}

a#routes{
border: 0px;
margin-left: 20px;
width: 110px;
background-position: -463px 0;
}

a#local{
border: 0px;
margin-left: 15px;
width: 91px;
background-position: -588px 0;
}

a#blog{
border: 0px;
margin-left: 13px;
width: 86px;
background-position: -692px 0;
}

a#contact{
border: 0px;
margin-left: 14px;
width: 123px;
background-position: -792px 0;
}

#nav a:hover{
background-image: none;
}

#homemasthead{
border: 0px solid white;
padding-top: 0px;
background-position: 0px 0px;
background-repeat: no-repeat;
background-color: #fff;
height: 496px;
width: 940px;
background-image: url('../img/home.jpg');
margin-bottom: 20px;
}

#masthead{
border: 0px solid white;
padding-top: 0px;
background-position: 0px 0px;
background-repeat: no-repeat;
background-color: #fff;
height: 360px;
width: 940px;
margin-bottom: 20px;
}

img#logo{
float: right;
top: 20px;
position: relative;
right: -85px;
}


#highlights{
position: relative;
float: left;
background: #fff;
padding-top: 20px;
height: 320px;
}

.highlight{
display: inline-block;
padding: 0 0px;
height: 300px;
}

.highlight p{
margin: 10px 0px;
line-height: 17px;
}

#welcome{
position: relative;
float: left;
width: 292px;
padding-right: 20px;
background-repeat: no-repeat;
background-position: right 200px;
}

img#johnhead{
clear: both;
float: right; 
position: absolute; 
right: 0px; 
top: 0px;
display: none;
}

img#johnbody{
position: absolute; 
float: right; 
bottom: -40px;
right: 0px;
}

#whatis{
position: relative;
float: left;
width: 271px;
border-right: 1px dashed gray;
padding-left: 20px;
padding-right: 20px;
}

#topcontent{
float: left;
position: relative;
width: 292px;
padding-left: 20px;
}

#topcontent li{
width: 100%;
height: 90px;
border-bottom: 1px dashed gray;
overflow: hidden;
padding: 4px 0px;
}

#topcontent li:first-child;{
padding: 0px;
}

#topcontent li:last-child{
border-bottom: 0px dashed gray;
padding: 0px;
}


#topcontent li a{
display: block;
width: 100%;
height: 100%;
text-decoration: none;
color: #000;
font-weight: normal;
}


#topcontent li a:hover{
background-color: #efefef;
}

.excerpt_date{
color: #666;	
}

.excerpt_title{
font-weight: bold;
}


img.heading{
display: block;
clear: both;
margin-bottom: 10px;
}

ul#whatwedo_details li{
position: relative;
float: left;
border:0px solid red;
display: inline-block;
width: 290px;
margin-right: 20px;
margin-bottom: 20px;
height: 110px;
font-family: verdana;
color: #000;
font-size: 11px;
}

ul.local li{
display: inline;
background-image: url('../img/bus-card.png');
margin-bottom: 10px;
margin-right: 10px;
font-size: 11px;
float: left;
width: 262px; 
height: 149px;
background-color: #fff;
padding: 15px;
}

ul.local li h4{
font-size: 11px;
}

.localtype{
float: right;
color: #555;
width: 200px;
text-align: right;
display: none;
}

.sidebox{
display: none;
position: relative;
clear: right;
float: right; 
width: 306px; 
background-color: #eee;
margin-bottom: 20px;
padding: 20px;
}

.box{
font-size: 11px;
position: relative;
display: inline-block;
float: left;
width: 240px; 
height: 140px;
background-color: #eee;
padding: 15px;
margin-top: 20px;
border:0px solid red;
}

.box ul{    
margin-left: 10px;
list-style-type:square;    
}

.note{
position: relative;
clear: right;
float: right; 
width: 320px; 
height: 658px;
margin-bottom: 20px;
background-image: url('../img/note1.png');
border: 0px solid red;
}

#routenote{
width: 295px;
height: 275px;
}


ul.equipment{
width: 220px;
list-style-type: square;
padding: 0;
border:0px solid red;
}

ul.equipment li{
margin-bottom: 5px;
}

#equipstandard{
margin-top: 130px;
margin-left: 45px;		
}

.equipspecial{
margin-top: 50px;
margin-left: 45px;		
}

#equipwinter{
display: none;
}

#main{
position: relative; 
float: left; 
width: 600px;
font-size: 13px;
border: 0px solid red;
}

#routemenu{
position: relative;
width: 300px;
float: right;
}

#contactbox{
font-size: 11px;
position: relative;
display: inline-block;
float: left;
width: 240px; 
background-color: #eee;
padding: 15px;
}

#map{
float: right; 
width: 600px; 
height: 550px; 
border: 0px solid #000; 
display: inline-block;
}

#emailform{
display: none;
}

#holder_smbla{
display: none;
}

#detail_smbla{
font-size: 13px;
padding:20px; 
background-color:#fff;
}

#detail_smbla p{
margin: 10px 0px;
}

#detail_smbla li{
margin: 10px 0px;
}

#detail_smbla ul{
list-style-type: square;
padding-left: 20px;
}

ul.areaz{
display: none;
}

/* root element for single scroll */
.scroll {
	position:relative;
	overflow:hidden;
	width: 600px;
	height: 450px;
	float:left;
}
 
/* root element for the scroll pics */
.scroll .scrollphoto {
    width:20000em; 
    position:absolute; 
    clear:both;

}
 
/* single scroll item */
.scrollphoto img {
	float:left;
	cursor:pointer;
	width:600px;
	margin:0px;
}


/* root element for single scroll */
.scrollable {
	position:relative;
	overflow:hidden;
	float:left;
	height: 320px;
	width: 270px;
}
 
/* root element for the scroll pics */
.scrollable .areas{
    width:20000em; 
    position:absolute; 
    clear:both;
}
 
/* single scroll item */
.scrollable ul{
	float:left;
	height: 250px;
	width: 270px;
}

.area h3{
font-weight: bold !important; 
color: #fff !important;
}


a.browse{
background-image: url('../img/nextbuttons.png');
width: 38px;
height: 42px;
cursor: pointer;
}

a.next{
background-position: 0px 0px;
}

a.prev{
background-position: 38px 0px;
}

a.next:hover{
background-position: 0px -42px;
}

a.prev:hover{
background-position: 38px -42px;
}

a.next:active{
background-position: 0px -84px;
}

a.prev:active{
background-position: 38px -84px;
}



/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

span.route{
display:inline-block; 
margin-right: 5px; 
width: 11px; 
height: 11px; 
}

.red{
background: #dc1818;
}

.blue{
background: #1266b4;	
}

.green{
background: #49ad3f;	
}

.black{
background: black;	
}

span#switch_buttons{
position: relative;
float: right;
top: 260px;
right: 40px;
display: block;
background-image: url('../img/nightwinter.png');
width: 124px;
height: 30px;
background-position: 0px -60px;
}

a.switch_equip{
display: inline-block;
background-image: url('../img/nightwinter.png');
height: 30px;
margin: 0;	
}

a#show_equipwinter{
background-position: -58px 0px;
float: right;
width: 66px;
}

a#show_equipnight{
background-position: 0px 0px;
display: none;	
float: left;
width: 58px;
}

a#show_equipwinter:hover{
background-position: -58px -30px;
}

a#show_equipnight:hover{
background-position: 0px -30px;		
}

.italic{
    font-style:italic;
}

#johnsignature{
    position: absolute;
    z-index: 100;
    bottom: -10px;
    left: 20px;
}


/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	width: 300px;
	border:0px solid #333;	
}

/* accordion header */
#accordion h6 {
	background:#ccc url('../img/h30.png');
	margin:0;
	padding:5px 10px;
	font-size:11px;
	font-weight:normal;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;
	overflow: hidden;
	height: 16px;
	white-space:nowrap;
}


#accordion h6:hover{
	background-color: #33CCFF;
}

/* currently active header */
#accordion h6.current {
	cursor:default;
	background-color:#fff;
	colorx: #33CCFF;
	font-weight: bold;
}

/* accordion pane */
#accordion div.pane {
	background: #333 url('../img/h300.png') 0 0;
	background-repeat: repeat-x;
	border:1px solid #fff;
	border-width:0 1px;
	display:none;
	padding:15px;
	color:#fff;
	font-size:12px;
	overflow: hidden;
}

/* a title inside pane */
#accordion div.pane h3 {
	font-weight:normal;
	font-size:13px;
	color:#DDD;
}

/* list item inside pane */
#accordion div.pane li {
	padding: 10px 0px;
	border-bottom: 1px solid #aaa;
}

#accordion div.pane li:last-child {
	border-bottom: 0px solid #aaa;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../img/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../img/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../img/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../img/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../img/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../img/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../img/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../img/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../img/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../img/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../img/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../img/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../img/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}