@charset "UTF-8";
/* CSS Document */

/* 

**********  Colour pallet:  **********
black #040404;
green #B4D31A;

*/

body {
	font-family: Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, sans-serif;
	font-size: 11px;
	background: #040404 url(../images/endura_bg.jpg) no-repeat center 110px;
	color: #666666;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body.home {
	background: #000000;
}

/*-------------------------------- headings and paragraph styling --------------------------------*/

h1 {
	/*float: left;*/
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #666666;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

h1.topHeading {
	margin: 2px 0px 5px 12px;
}


h2 {
	font-weight: bold;
	font-size: 1.3em;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

h2.newslist {
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

h2.sponsor {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 220px;
}

h3 {
	font-weight: bold;
	font-size: 1.3em;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

p {
	line-height: 1.2em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

p.summary {
	margin: 0px;
	padding: 0px;
}

p.date {
	display: block;
	font-size: 0.9em;
	border-bottom: 1px dotted #333;
	font-style: italic;
	margin: 0px;
	padding: 2px 0px 10px 0px;
}

li.blogPost {
	font-style: italic;
	padding: 0px 0px 5px 0px;
}

.grey {
	color: #999;
}

.italic {
	font-style: italic;
}

.fileIconPad {
	margin: 0px 0px 0px 7px;
}

/*p.sponsor {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 220px;
}
*/
/*-------------------------------- image and table styling etc --------------------------------*/

img, table {
	border: none;
}

table {
	
}

table.open {
	margin: 0px 0px 8px 0px;
}

table.postList {
	border-top: 1px dotted #666;
	margin: 0px 0px 8px 0px;
	padding: 12px 0px 0px 0px;
}


td.tblHead {
	color: #000;
	font-weight: bold;
	background-color: #666;
	padding: 5px 6px 5px 6px;
}

td.tblSubHead {
	color: #000;
	font-weight: normal;
	background-color: #666;
	padding: 3px 6px 3px 6px;
}

td.tblStd {
	color: #666;
	font-weight: normal;
	vertical-align: middle;
	padding: 3px 6px 4px 6px;
}

td.tblSubStd {
	color: #666;
	font-weight: normal;
	padding: 1px 6px 0px 6px;
}

td.tblSubTotal {
	color: #999;
	font-weight: bold;
	padding: 1px 6px 0px 6px;
}

td.tblStd a, td.tblStd a:link, td.tblStd a:visited {
	color: #B4D31A;
}

td.tblStd a:hover {
	text-decoration: underline;
}

.textRight {
	text-align: right;
}

.textCenter {
	text-align: center;
}

/*-------------------------------- text colours etc --------------------------------*/

.whiteBold {
	color: #FFFFFF;
	font-weight: Bold;
}

.whiteBg {
	background-color: #ff0000;
}

.blackBold {
	color: #000000;
	font-weight: Bold;
}

.alpha {
	-khtml-opacity:.90; 
	-moz-opacity:.90; 
	-ms-filter:"alpha(opacity=90)"; 
	filter:alpha(opacity=90); 
	opacity:.90; 
}

/*-------------------------------- link styling --------------------------------*/

a, a:link, a:visited {
	font-family: Lucida Grande, Lucida Sans Unicode, Helvetica, Arial, sans-serif;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

.green, a.green, a.green:link, a.green:visited {
	color: #B4D31A;
}

a.green:hover {
	text-decoration: underline;
}


a.std, a.std:link, a.std:visited, td a.std, td a.std:link, td a.std:visited {
	color: #666666;
}

a.std:hover, td a.std:hover {
	color: #B4D31A;
}

a.arrowLeft, a.arrowLeft:link, a.arrowLeft:visited {
	color: #666666;
	/*background: url(../images/arrow_grey.gif) no-repeat 1px 4px;*/
	padding: 1px 0px 2px 7px;
}

a.arrowLeft:hover {
	color: #B4D31A;
	/*background: url(../images/arrow_green.gif) no-repeat 1px 3px;*/
}

a.arrowRight, a.arrowRight:link, a.arrowRight:visited {
	color: #B4D31A;
	font-weight: bold;
	background: url(../images/arrow_green.gif) no-repeat right 4px;
	padding: 1px 10px 2px 0px;
	margin: 0px 2px 0px 0px;
}

a.arrowRight:hover {
	text-decoration: underline;
}

a.sel, a.sel:link, a.sel:visited, td a.sel, td a.sel:link, td a.sel:visited {
	color: #B4D31A;
}



.alignLeft {
	float: left;
}

.alignRight {
	float: right;
}

.openclose {
	margin: 1px 0px 0px 0px;
}

.valignMiddle {
	vertical-align: middle;
}


/*-------------------------------- structural styling --------------------------------*/


.wrapper {
	position: absolute;
	margin: 0px;
	padding: 0px;
	width: 100%;
	/*height: 100%;*/
}

.centerContent {
	margin: 0px auto;
	padding: 0px;
	width: 950px;
}

#contentBg {
	float: left;
	width: 950px;
	margin: 0px;
	padding: 0px 0px 50px 0px;
}

/*-------------------------------- Header styling --------------------------------*/

#header {
	position: relative;
	float: left;
	width: 950px;
	top: 30px;
	height: 90px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#topnavigation {
	position: relative;
	float: left;
	z-index: 12;
	width: 950px;
	margin: 0px;
	padding: 0px;
	border-bottom: 5px solid #333333;
}

/*-------------------------------- Top Menu --------------------------------*/

ul.menu {position:relative; float:left; left:0px; list-style:none; margin:0px 0px 5px 0px; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#666; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; z-index: 12; top:23px; left:0; /*background:#d1d1d1;*/ display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; width:auto; margin:0}
/*ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#d1d1d1}
ul.menu ul li a:hover {background-color:#c5c5c5}
ul.menu ul ul {left:148px; top:-1px}*/
ul.menu .menulink {padding:4px 7px 4px; font-weight:normal; width:auto}
ul.menu .menulink:hover, ul.menu .menuhover {color:#000000; padding:4px 7px 4px; background: #B4D31A; }
/*ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}*/

ul.menu .topsel {
	color: #000;
	background:#B4D31A;
}

.navdivide {
	position: relative;
	top: 2px;
}

.dropBox {
	display: block;
	position: relative;
	float: left;
	width: 140px; 
	background: #040404;
	padding: 0px 0px 20px 0px; 
}

.navColumn {
	position: relative;
	float: left;
	/*top: 10px;*/
	margin: 10px 0px 0px 0px;
}

.navColumn a, .navColumn a:link, .navColumn a:visited {
	color: #666666;
	margin: 0px 0px 3px 12px;
}

.navColumn a.top, .navColumn a.top:link, .navColumn a.top:visited {
	margin: 10px 0px 3px 12px;
}

.navColumn a.bottom, .navColumn a.bottom:link, .navColumn a.bottom:visited {
	margin: 0px 0px 13px 12px;
}

.navColumn a:hover {
	color: #B4D31A;
}

/*-------------------------------- Register and search --------------------------------*/

#register {
	position: relative;
	float: right;
	/*text-align: right;*/
	margin: 20px 0px 0px 0px;
	padding: 0px;
	color: #B4D31A;
}

#register a, #register a:link, #register a:visited {
	font-weight: bold;
	color: #B4D31A;
}

.popDisplay {
	/*position: absolute;*/
	z-index: 1000;
	background: transparent url(../images/cont_bg.png);
	border: 1px solid #B4D31A;
	/*margin: 5px 0px 0px -155px;*/
	padding: 3px;
}

.formel {
	color: #999; 
	font-size: 11px;
	text-decoration: none; 
	background-color: #000; 
	width: 160px;
	padding: 2px; 
	border: solid 1px #666;
}

.blogformel {
	width: 400px;
}

.datebox 
{
	width: 60px
}

.timebox 
{
	width: 45px;
}

.formarea {
	color: #ccc; 
	font-size: 11px;
	text-decoration: none; 
	background-color: #000; 
	width: 400px;
	padding: 2px; 
	border: solid 1px #666;
}

.short {
	width: 40px;
}

.dropdown {
	width: 166px;
}

td.label {
	width: 80px;
	text-align: right;
	white-space: nowrap;
}

td.blogLabel {
	width: 80px;
	text-align: left;
	vertical-align: top;
	padding: 2px 0px 0px 0px;
	white-space: nowrap;
}

/*.formarea {
	font-family: Helvetica, Arial, sans-serif;
	width: 400px;
	font-size: 1.1em;
}*/



/*-------------------------------- Button styling --------------------------------*/


.sendButton {
	text-decoration: none; 
	font-weight: bold;
	font-size: 11px;
	padding: 1px;
	margin: 0px 0px 5px 0px;
}

.greenButton {
	color: #000;
	background-color: #B4D31A;
	border: 1px dotted #000;
}

.midGrey {
	color: #000;
	background-color: #666;
	border: 1px dotted #000;
}

.darkGrey {
	color: #999;
	background-color: #333;
	border: 1px dotted #666;
}

.greenBorder {
	color: #B4D31A;
	background: none;
	border: 1px dotted #B4D31A;
}

.midGreyBorder {
	color: #999;
	background: #000;
	border: 1px dotted #666;
}

.darkGreyBorder {
	color: #666;
	background: none;
	border: 1px dotted #333;
}


#searchField {
	position: relative;
	float: right;
	margin: 0px;
	padding: 0px;
}

.searchBox {
	float: left;
	background: #040404;
	color: #666666;
	border: solid 1px #333333;
	width: 120px;
	height: 17px;
	margin: 0px;
	padding: 2px 0px 0px 5px;
}

.goButton {
	float: left;
	display: block;
	width: 21px;
	height: 21px;
	background: #333333 url(../images/arrow_black.gif) no-repeat center center;
	border: none;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}

/*-------------------------------- Bread crumb styling --------------------------------*/

#breadCrumb {
	position: relative;
	float: right;
	width: 720px;
	top: 7px;
	padding: 0px;
}

#breadCrumb a, #breadCrumb a:link, #breadCrumb a:visited {
	font-size: 0.9em;
	color: #666666;
	margin: 0px 5px 0px 0px;
}

#breadCrumb a:hover {
	color: #B4D31A;
}


/*-------------------------------- Left navColumn styling --------------------------------*/


#leftCol {
	position: relative;
	float: left;
	width: 200px;
	top: 20px;
	margin: 0px;
	padding: 0px;
}

#leftCol ul, #rightCol ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#leftCol li {
	
}

#leftCol li a, #rightCol li a {
	display: block;
}


/*-------------------------------- Centre content styling --------------------------------*/


#contentWrap 
{
	/*position: relative;*/
	float: right;
	background: transparent url(../images/cont_bg.png);
	width: 720px;
	margin: 12px 0px 0px 0px;
	padding: 0px 0px 50px 0px;
}

#contentWrap.home {
	background: none;
	width: 950px;
	padding: 0px 0px 0px 0px;
}

#flashInterface {
	position: relative;
	float: left;
	background: transparent;
	width: 950px;
	height: 530px;
	margin: 0px;
	padding: 0px;
}

#noFlash {
	position: relative;
	float: left;
	background: #040404 url(../images/home_bg.jpg) no-repeat;
	width: 950px;
	height: 530px;
	margin: 0px;
	padding: 0px;
}

.block {
	position: relative;
	float: left;
	left: 30px;
	overflow:hidden;
	display: block;
	width: 200px;
	height: 100px;
	margin: 30px 15px 0px 0px;
	border-bottom: 1px dotted #333;
}

.block h2 {
	width: 120px;
}

.block p {
	position: absolute;
	bottom: 0px;
	margin: 0px;
}

.content {
	/*position: relative;*/
	float: left;
	margin: 15px 0px 0px 15px;
	padding: 0px;
}

.content a, .content a:link, .content a:visited {
	color: #B4D31A;
}

.content a:hover {
	text-decoration: underline;
}

.contentcenter {
	width: 500px;
}

.contentrider {
	width: 400px;
}

.contentrider p {
	/*display: block;
	float: left;*/
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.contentrider b {
	color: #999999;
}

div.sponsor {
	position: relative;
	float: left;
	display: block;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px dotted #333;
}

div.sponsor p {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 220px;
}





/*-------------------------------- blog styling --------------------------------*/



.blogContainer {
	float: left;
	width: 100%;
	border-top: 5px solid #333;
	margin: 10px 0px 0px 0px;
	padding: 0px;

}

.blogAuthor {
	color: #666; 
	font-size: 0.8em;
	font-weight: bold;
	font-style: italic;
	font-family: Arial, sans-serif;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

.blogPosts {
	float: left;
	width: 100%;
	border-bottom: 1px dotted #333;
	margin: 20px 0px 0px 0px;
}

.postTitle {
	color: #B4D31A;
	font-weight: bold; 
	font-size: 1.4em;
	line-height: 1.1em;
	padding: 0px;
	margin: 0px 0px 4px 0px;
}

.postAuthor {
	color: #666; 
	font-weight: bold;
	font-style: italic;
	font-family: Arial, sans-serif;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

.postDate {
	float: right;
	background: #666; /*#B4D31A;*/
	color: #000;
	font-weight: bold;
	font-family: Arial, sans-serif;
	padding: 2px 2px 2px 10px;
	margin: 1px 0px 10px 10px;
}

.postDesc {
	color: #999;
	font-family: Arial, sans-serif; 
	text-decoration: none;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

a.blogArchive, a.blogArchive:link, a.blogArchive:visited {
	color: #666;
	font-weight: bold;
	padding: 0px 0px 3px 0px;
}

a.blogArchive:hover, a.sel, a.sel:link, a.sel:visited {
	color: #B4D31A;
}


.postFiles {
	float: left;
	width: 450px;
	border: 1px dotted #666;
	margin: 10px 0px 10px 25px;
	/*padding: 12px;*/
}

.fileMargin {
	float: left;
	margin: 12px 0px 12px 14px;
	/*padding: 12px;*/
}

.postComments {
	background: #333;
	width: 450px;
	border: 1px dotted #666;
	margin: 10px 0px 10px 25px;
}

.commentBox {
	width: 450px;
	margin: 10px 0px 10px 25px;
}

.commentBy {
	color: #666; 
	font-weight: bold; 
	font-size: 1.2em;
	font-family: Arial, sans-serif;
	padding: 0px;
	margin: 10px 10px 0px 10px;
}

.commentDate {
	color: #666; 
	font-weight: bold;
	font-style: italic;
	font-size: 11px;
	line-height: 1em;
	font-family: Arial, sans-serif; 
	text-decoration: none; 
	padding: 0px;
	margin: 0px 10px 10px 10px;
}

.commentDesc {
	color: #999;
	font-family: Arial, sans-serif; 
	text-decoration: none;
	padding: 0px;
	margin: 0px 10px 10px 10px;
}

.noComments {
	text-align: right;
	font-size: 1.1em;
	margin: 10px 0px 10px 0px;
}


/*-------------------------------- Colapsable box stying --------------------------------*/



.row {
	float: left;
	width: 494px;
	border: solid 1px #666;
	margin: 3px 0px 0px 2px;
}

.rowrider {
	width: 379px;
}

.bottom {
	margin: 3px 0px 15px 2px;
}

.results {
	position: relative;
	float: left;
	left: 72px;
	width: 350px;
	margin: 0px;
	padding: 0px 0px 15px 0px;
}

.resultsrider {
	width: 300px;
}

.topresults {
	
}

.results h2 {
	margin: 0px 0px 3px 2px;
	padding: 0px 0px 0px 0px;
}

.results a, .results a:link, .results a:visited {
	color: #B4D31A;
}


.results a:hover {
	text-decoration: underline;
}

.results p {
	margin: 5px 0px 0px 2px;
	padding: 0px;
}


/*-------------------------------- Rider stying --------------------------------*/

.rider {
	position: relative;
	float: left;
	width: 290px;
	margin: 15px 0px 0px 15px;
	padding: 0px;
}

.rider img {
	margin: 0px 0px 20px 0px;
}

.rider p {
	margin: 0px 0px 10px 0px;
}

.nickname {
	font-size: 0.9em;
	color: #666;
}


/*-------------------------------- Thumbnail styling --------------------------------*/


/*.thumbrow {
	position: relative;
	float: left;
	left: 15px;
	width: 590px;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

.thumbsheading {
	border-top: 1px dotted #999999;
	width: 575px;
	margin: 10px 0px 0px 0px;
	padding: 7px 0px 0px 0px;
}

.thumbrow h3 {
	float: left;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

.thumbrow p {
	float: right;
	margin: 0px;
	padding: 0px;
}

.thumbrow a, .thumbrow a:link, .thumbrow a:visited {
	font-weight: normal;
}

.thumbHolderLarge {
	position: relative;
	float: left;
	margin: 0px 5px 0px 0px;
}

.thumbHolderLarge a.thumbLink, .thumbHolderLarge a.thumbLink:link, .thumbHolderLarge a.thumbLink:visited {
	display: block;
	float: left;
	color: #000000;
	font-size: 0.9em;
	background: #dddddd url(../images/tag_corner_white.gif) no-repeat bottom right;
	height: 140px;
	padding: 5px 5px 0px 5px;
	margin: 0px;
}

.thumbHolderLarge a.thumbLink:hover {
	background-color: #cccccc;
}

.thumbHolderLarge img {
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

.thumbInfo {
	position: absolute;
	top: 110px;
	left: 5px;
	width: 130px;
	overflow: hidden;
}

.designCode {
	color: #ffffff;
	font-size: 1.6em;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}*/


.popThumbHolder {
	float: left;
	width: 46px;
	height: 46px;
}

.popThumb {
	display: block;
	width: 40px;
	height: 40px;
	margin: 3px;
}

.popThumb a, .popThumb a:link, .popThumb a:visited {
	display: block;
	border: 1px solid #040404;
	width: 40px;
	height: 40px;
}

.popThumb a:hover {
	border: 1px solid #B4D31A;
}




.thumbHolder {
	float: left;
	width: 85px;
	height: 85px;
}

.remove {
	height: 105px;
	width: 83px;
}

.thumbHolder a.removeImage, .thumbHolder a.removeImage:link, .thumbHolder a.removeImage:visited {
	color: #666;
	margin: 0px 0px 0px 3px;
}

.thumbHolder a.removeImage:hover {
	color: #B4D31A;
	text-decoration: none;
}

.thumb {
	display: block;
	width: 75px;
	height: 75px;
	margin: 3px;
}

.thumb a, .thumb a:link, .thumb a:visited {
	display: block;
	border: 1px dotted #333;
	color: #999;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	width: 74px;
	height: 74px;
}

.thumb a:hover {
	border: 1px solid #B4D31A;
	color: #B4D31A;
	text-decoration: none;
}

.videoHolder {
	float: left;
	width: 170px;
}

.video {
	display: block;
	width: 160px;
	height: 103px;
	margin: 3px;
}

.video a, .video a:link, .video a:visited {
	display: block;
	border: 1px solid #040404;
	width: 160px;
	height: 103px;
}

.video a:hover {
	border: 1px solid #B4D31A;
}

.fileInfo {
	position: absolute; 
	margin: 45px 0px 0px 10px; 
	width: 57px;
}


/*-------------------------------------- RIGHT COLUMN -----------------------------------------*/


#rightCol {
	/*position: relative;*/
	float: right;
	width: 170px;
	margin: 0px 15px 0px 0px;
	padding: 0px;
}

#rightCol H3 {
	display: block;
	border-bottom: 5px solid #333;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
}

.panel {
	/*position: relative;*/
	float: left;
	border-bottom: 1px dotted #333;
	width: 170px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
}

.panel p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/*-------------------------------------- FOOTER -----------------------------------------*/


#footer {
	position: relative;
	float: left;
	width: 950px;
	height: 90px;
	font-size: 0.95em;
	color: #666666;
	background: #333333;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

#footer p {
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}

#footer p.footerNav {
	float: right;
	padding: 0px 10px 0px 0px;
}

#footer a, #footer a:link, #footer a:visited {
	color: #666666;
	margin: 0px 3px 0px 3px;
}