/* ------------------------------------------------------
   AUTHOR           :  	BMH
   WEBSITE          :   http://www.historic.w33t.org
   TEMPLATE NAME    : 	historic
   TEMPLATE CODE    : 	S-0001
   VERSION          :   1.2
   LAST DATE MOD    :   7 April 2015
					:	11 Jan 2017
 --------------------------------------------------------- */
 
/* -------------------------------------------------------
   HTML ELEMENTS
---------------------------------------------------------- */

/* --------------  top elements --------------  */
* { margin: 0; padding: 0; outline: 0; }

body {
	margin: 0; padding: 0;
	/*font: 14px/140% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; */
	font: 14px/120% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
	background: url(headerbg-blue.gif) repeat-x;
	color: #616263;	
	text-align: left;	
	padding-bottom: 3em;
}

/*  -------------- links -------------- */
a:link, a:visited {
	background: inherit;
	color: #0072AA;
    text-decoration: none;
}
a:hover {
	background: inherit;
	color: #806B4D;
}

/* --------------  headers --------------  */
h1, h2, h3 , h4{
	font: bold 1em 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
}
h1 { font-size: 125%;  }
h2 { font-size: 110%; }
h3, span.h3 { font-size: 105%; font-weight: bold; }
h4, span.h4, span.h4-rt { font-size: 1em; line-height: 1em;font-weight: bold;}
span.h4-rt {float:right; }
.article h4  {line-height:110%;}

#main h1, #rightbar h1 {
	padding: 10px 0 5px 5px;
	margin: 0 0 10px 10px;
   	border-bottom: 1px solid #f2f2f2;
}	
#sidebar h2 {
	padding: 2px 0px 2px 2px;
	margin: 0 0 0 0;
}

 h1, h2, h3 {
	margin: 0px;
}
ul, ol {
	margin: 10px 30px;
	padding: 0 15px;	
	color: #005984;	
}
ul span, ol span {
	color: #666666;
}

/* --------------  images --------------  */
img {
	background: #FAFAFA;
    border: 1px solid #E4E4E4;
	padding: 8px;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}

code {
  margin: 5px 0;
  padding: 15px 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 3px solid #005984;
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 15px;
 	padding: 5px 5px 5px 32px;
  	background: #FAFAFA url(quote.gif) no-repeat 5px 10px !important; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	border-left: 3px solid #005984;  
	font-weight: bold; 
}

/* --------------  form elements --------------  */
form {
	margin:10px; padding: 5px;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; 
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 4px 5px;
	border:1px solid #eee;
	font-size: 1em;
	color:#777;
}
textarea {
	width:350px;
	padding:4px 5px;
	font-size: 1em;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button {
	margin: 0;
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #FFF;
	padding: 5px;
	color: #333;	
}

/* --------------  search form  -------------- */
form.searchform {
	background: transparent;
	border: none;
	margin: 0; padding: 0;	
}
form.searchform input.textbox { 
	margin: 0; 
	width: 120px;
	border: 1px solid #CCC; 
	background: #FFF;
	color: #333; 
	vertical-align: top;
}
form.searchform input.button {
	width: 55px;
	vertical-align: top;
    padding: 2px 5px;
}

/*  -------------- Layout  --------------  */
#wrap {
	margin: 0;
	top:128px;
    width: auto; 
	text-align: left;		
	background: #FFF;
	min-height: 100%;

}
#content-wrap {
	clear:both;
	top:128px;
    margin: 0; padding:0;
	width: auto; 
	/* DEBUG border: 2px dashed purple; */
}
html, body, #wrap {height: auto;}


/* --------------  header --------------  */
#header {
	position: relative;
	 background: url(headerbg-blue.gif) repeat-x; 
	/* height: 84px; */
}
.logo {
	position: relative;
	margin: 0; padding: 0;
	/*font: bold 3.5em 'Trebuchet MS', Arial, Sans-serif; */
	font: bold 200% 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -1px; 
	color: #fff;
	text-transform: lowercase;
	/* change the values of top and Left to adjust the position of the logo*/
	top: 0; left: 5px;	
}
.slogan {
	margin: 0; padding: 0;
	font: bold 1.0em 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #FFF;
	/* change the values of top and Left to adjust the position of the slogan*/
	/* top: 45px; left:10px; */
}
#header .searchform {
	position: absolute;
	top: 5px; right: 3px;
}

/*  -------------- main column --------------  */
#main {
	float: left;
   	margin-left: 2%;
	padding: 10px 0 0 5px;
	width: 54%;	
	 /* DEBUG border-left: 6px solid #f2f2f2; */
}
/* main column - events bikes and gatherings - need wider column */
#main-event, #main-bikes, #main-gatherings {
	/* float: right; */
	padding: 0 1% 0 0;
	width: 75%;
	  /* DEBUG border: 4px double red; */
	height: 100%;
	min-height: 100%;
	
}
#main-event:after {
content:"";
clear: both;
}

.event {
	display: table; border: 0;
	}
.event td {
	font-size: 95%;
	line-height: 115%;
	}

.post-footer {
	background-color: #FAFAFA;
	padding: 5px; margin-top: 20px;
	font-size: .9em;
	border: 1px solid #f2f2f2;
}
.post-footer .date {
	background: url(clock.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
	background: url(comment.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
	background: url(page.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

/* --------------  sideabar --------------  */
#sidebar {
	float: left; 
	/* width: 20% ; */
	min-width: 5%;
	margin: 0;	
	padding: 0 0 0 0;
	display: inline;
	height: auto;
	min-height:100%;
	 /* DEBUG  border: 3px solid blue; */

}
#sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 0 0 0 0;	
	padding: 0;
	text-decoration: none;
    font-size: .9em;
    border-top: 1px solid #EFF0F1;
}
#sidebar ul.sidemenu li {
	border-bottom: 1px solid #EFF0F1;
	background: url(arrow.gif) no-repeat 2px 9px;
	padding: 3px 5px 3px 18px;
}

/** html body #sidebar ul.sidemenu li { height: 1%; }
*/

#sidebar ul.sidemenu a {
	font-weight: bold;
	background-image: none;
	text-decoration: none;	
}

/* --------------  rightbar  -------------- */
#rightbar {
	float: right;
	width: 21%;
	padding: 10px 0 0 0;
    margin: 0;
}

/*  -------------- footer  -------------- */
#footer {
clear:both;
	position: relative;
	text-align: center;	
	height: 2em;
    font-size: small;
	bottom: 0;
}

.footer a { text-decoration: none; }


/*  -------------- menu  -------------- */
#menu {
	clear: both;
	margin: 0; padding: 0;	
}
#menu ul {	
	position: relative; 
	bottom: 4px;
	margin: 0; padding: 0;	
	float: left;
	font: bold 1.1em 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
	width: auto;/* 775px; */
	border: 1px solid #808080;
	border-width: 0 0 4px 0;	
	list-style: none;
}
#menu ul li{
	display: inline;	
}
#menu ul li a {	
	position: relative; bottom: -4px;
	float: left;
	color: #808080;
	padding: 5px 10px;
	text-decoration: none;
	background: white url(menudivide.gif) repeat-y right top; 
	border-bottom: 4px solid #808080; 	
}
#menu ul li a:hover{
	color: black;
	background-color: #F3F3F3; 
	border-bottom: 4px solid #005984;
}
#menu ul li.current a{
	color: #333;
	background-color: #F3F3F3; 
	border-bottom: 4px solid #005984;
}

/*  -------------- Alignment classes --------------  */
.float-left   { float: left;}
.float-right  { float: right; }
.align-left   { text-align: left; }
.align-right  { text-align: right; }
.align-center { text-align: center;	}  

/* --------------  display classes  -------------- */
.clear  { clear: both; }
.block  { display: block; }
.hide   { display: none; }	
.colour-scheme-contrast{ color: #ffffff;  }

/* --------------  webring code  -------------- */
#webring { font-size: 90%;  border: #006333;  text-align: center;  margin-top: 6em;   } 
#webring .outer-table table { border: 0px; border-image-width: 0;
	/*float: both; */
	text-align: center;
	margin-left: 0;
	margin-right: 0;
}
.notes { font-size: 90%; color: #005984; position: relative;}
.totop {width: 20px ; height: 15px; margin: 0px; padding: 0;}
.notes a:hover {font-weight: bold;  font-style: italic;  text-decoration: underline;  }

.webring .inner-table table{ 	float: none; background-color: #eeeeee;  text-align: center; width:100%; margin: 0px; padding: 0px;   }
.webring .inner-inner-table table{ 	float: none; background-color: #eeeeee;  text-align: center; width:100%; margin: 0px;    }
.webring .notes { font-size: 80%; }
.webring .notes a:hover {		font-weight: bold;  font-style: italic;  text-decoration: underline;  }

/* -------------- events layout --------------  */
.eventlabel {font-weight: 900; font-size:100%;  color: #005984; }
td {vertical-align: top;}
td:first-child { /*font-size: .85em; */
 /* font-weight: 600; */ width: 20%;}

table { border-collapse:collapse; border-spacing:0; }
table, th, td { border: 1px solid grey; }
td {vertical-align: top;}

.cols-wrap { /*font-size: 90%; */ 
position: relative;
margin: 0;	
padding: 0;	
width: 100%; 
height:100%; 
min-height:100%;
border: /* DEBUG 6px double purple; */
}
.cols-wrap .col-left {	
float: left;	
width: 48%;  /* DEBUG border: 2px solid maroon; */
}
.cols-wrap .col-right {	
float: right;	
width: 48%;  /* DEBUG border: 3px solid aqua; */
}

.disclaimer, .updated {clear: both;
margin: 0;	padding: 0;  font-style: italic; font-size: 90%; line-height: 1em; text-align: left;	}

/* Video page layouts */
.labelvideo {font-size: 0.75em;}
.video-name-td{font-size: 0.75em;}
.video-duration{font-size: 0.75em;}
.video-table, th, td {border:0px;}
.video-table-col1{width:35%;}
.video-table-col2{width: 10%;}
.video-table-col3{width: 20%;}
.video-table-col4{width: 35%;}
/*.video-poster-button{
border-color: #000000;
width: 120px;
border-radius: 7pt;
height: 15px;
display: block;
background: #F0F0F); /* Old browsers*/ /*
background: -moz-linear-gradient(top, #F0F0F 0%, #29b8e5 50%, #F0F0F 100%); /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3dced), color-stop(50%,#29b8e5), color-stop(100%,#F0F0F)); /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top, #F0F0F 0%,#29b8e5 50%,#F0F0F 100%); /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top, #F0F0F 0%,#29b8e5 50%,#F0F0F 100%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(top, #F0F0F 0%,#29b8e5 50%,#F0F0F 100%); /* IE10+ */
/*background: linear-gradient(to bottom, #F0F0F 0%,#29b8e5 50%,#F0F0F 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradie... startColorstr='#b3dced', endColorstr='#F0F0F',GradientType=0 ); /* IE6-9 */ 

 /*font-size: 0.85em;
}*/
.video-poster-button{
	border : solid 1px blue;
	border-radius : 2px;
	/*moz-border-radius : 3px 3px;*/
	/* -webkit-box-shadow : 0px 0px 3px rgba(0,0,0,1.0); */
	-/*moz-box-shadow : 0px 0px 3px rgba(0,0,0,1.0); */
	box-shadow : 0px 0px 3px rgba(0,0,0,1.0);
	font-size : 0.75em;
	color : #fcfcfc;
	padding : 1px 10px;
	background : #b6b7b8;
	background : -webkit-linear-gradient(left top, left bottom, color-stop(0%,#b6b7b8), color-stop(100%,#dae2e8));
	background : -moz-linear-gradient(#b6b7b8 0%, #dae2e8 100%);
	background : -webkit-linear-gradient(#b6b7b8 0%, #dae2e8 100%);
	background : -o-linear-gradient(#b6b7b8 0%, #dae2e8 100%);
	background : -ms-linear-gradient(#b6b7b8 0%, #dae2e8 100%);
	background : linear-gradient(#b6b7b8 0%, #dae2e8 100%);
	/* 	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6b7b8', endColorstr='#dae2e8',GradientType=0 );
*/
}
.video-poster-button:hover {
	background : -webkit-gradient(linear, left top, left bottom, color-stop(10%,#b6b7b8), color-stop(50%,#dae2e8));
	background : -moz-linear-gradient(top, #b6b7b8 10%, #dae2e8 50%);
	background : -webkit-linear-gradient(top, #b6b7b8 10%, #dae2e8 50%);
	background : -o-linear-gradient(top, #b6b7b8 10%, #dae2e8 50%);
	background : -ms-linear-gradient(top, #b6b7b8 10%, #dae2e8 50%);
	background : linear-gradient(top, #b6b7b8 10%, #dae2e8 50%);
	/*filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6b7b8', endColorstr='#dae2e8',GradientType=0 );
	*/
	}

/*.video-poster-button:hover {
border-color:#000000;
width:120px;
border-radius:7pt;
height:15px;
display:block;
background: #F0F0F; 
background: -moz-linear-gradient(top, #F0F0F 0%, #29a3e5 50%, #bcdaee 100%); /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F), color-stop(50%,#29a3e5), color-stop(100%,#bcdaee)); /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(top, #F0F0F 0%,#29a3e5 50%,#bcdaee 100%); /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(top, #F0F0F 0%,#29a3e5 50%,#bcdaee 100%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(top, #F0F0F 0%,#29a3e5 50%,#bcdaee 100%); /* IE10+ */
/*background: linear-gradient(to bottom, #F0F0F 0%,#29a3e5 50%,#bcdaee 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradie... startColorstr='#F0F0F', endColorstr='#bcdaee',GradientType=0 ); /* IE6-9 */
} 

.video-poster-button a:visited{
border-color: #000000;
width: 120px;
border-radius: 7pt;
height: 15px;
display: block;
background: #F0F0F; /* Old browsers*/
background: -moz-linear-gradient(top, #F0F0F 0%, #29b8e5 50%, #F0F0F 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3dced), color-stop(50%,#29b8e5), color-stop(100%,#F0F0F)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #F0F0F 0%,#29b8e5 50%,#F0F0F 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #F0F0F 0%,#29b8e5 50%,#F0F0F 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #F0F0F 0%,#29b8e5 50%,#F0F0F 100%); /* IE10+ */
background: linear-gradient(to bottom, #F0F0F 0%,#29b8e5 50%,#F0F0F 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradie... startColorstr='#b3dced', endColorstr='#F0F0F',GradientType=0 ); /* IE6-9 */
 font-size: 0.85em;
}
/* ====== flv FLASh video settings ===*/
.flv-vid-table, th, td {border:0px;font-size:.75em;}
.flv-vid-table-col1{width:40%}
.flv-vid-table-col2{width: 10%}
.flv-vid-table-col3{width: 30%;}
.flv-vid-table-col4{width: 20%;}

.flv-vid-button{
 border : solid 2px blue;
	border-radius : 2px;
	moz-border-radius : 2px;
	-webkit-box-shadow : 0px 0px 3px rgba(0,0,0,1.0);
	-moz-box-shadow : 0px 0px 3px rgba(0,0,0,1.0);
	box-shadow : 0px 0px 3px rgba(0,0,0,1.0);
	font-size : 0.75em;
	color : blue; /* #fcfcfc;*/
	padding : 0px 0px;
	background : #b6b7b8;
	/*background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6b7b8), color-stop(100%,#dae2e8)); */
	/* background : -moz-linear-gradient(top, #b6b7b8 0%, #dae2e8 100%);
	background : -webkit-linear-gradient(top, #b6b7b8 0%, #dae2e8 100%);
	background : -o-linear-gradient(top, #b6b7b8 0%, #dae2e8 100%);
	background : -ms-linear-gradient(top, #b6b7b8 0%, #dae2e8 100%); */
	background : linear-gradient(top, #b6b7b8 0%, #dae2e8 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6b7b8', endColorstr='#dae2e8',GradientType=0 );
}
.flv-vid-button:hover {
	background : -webkit-gradient(linear, left top, left bottom, color-stop(10%,#b6b7b8), color-stop(50%,#dae2e8));
	background : -moz-linear-gradient(top, #b6b7b8 10%, #dae2e8 50%);
	background : -webkit-linear-gradient(top, #b6b7b8 10%, #dae2e8 50%);
	background : -o-linear-gradient(top, #b6b7b8 10%, #dae2e8 50%);
	background : -ms-linear-gradient(top, #b6b7b8 10%, #dae2e8 50%);
	background : linear-gradient(top, #b6b7b8 10%, #dae2e8 50%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6b7b8', endColorstr='#dae2e8',GradientType=0 );
	}
/* +++++++++++++++++++++++++++++++++++++++++ */
/* ========================================== */
/* screen.css for mobile devices */
/* ++++++++++++++++++++++++++++++++++++++++++ */
@media screen and (max-width: 581px){

	  /*write your CSS-Code here*/
	  * { margin: 0; padding: 0; outline: 0; }

	body {
		margin: 0; padding: 0;
		font: 12px/110% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
		
		background: url(headerbg-blue.gif) repeat-x;
		color: #616263;	
		text-align: left;	
		padding-bottom: 3em;
	}
	.logo {
		position: relative;
		margin: 0; padding: 0;
		font: bold 130% 'Trebuchet MS', Arial, Sans-serif;
		letter-spacing: -1px; 
		color: #fff;
		text-transform: lowercase;
		/* change the values of top and Left to adjust the position of the logo*/
		top: 0; left: 5px;	
	}
	.slogan {
		margin: 0; padding: 0;
		font: bold 110% 'Trebuchet MS', Arial, Sans-serif;
		text-transform: none;
		color: #FFF;
		/* change the values of top and Left to adjust the position of the slogan*/
		/* top: 45px; left:10px; */
	}
	#main h1, #rightbar h1 {
		padding: 10px 0 5px 5px;
		margin: 0 0 10px 0px;
		border-bottom: 1px solid #f2f2f2;
	}	
	/* #sidebar {
		display: none;
		
		} */
	#sidebar h2 {
		padding: 1px 0px 1px 1px;
		margin: 0 0 0 0;
		font-size: 105%;
		letter-spacing: -1px;
	
	}
	#webring {
		display: none:
		}
		
	.cols-wrap .col-left ,.cols-wrap .col-right {	
		float: none;	
		width: 100%;  
	}
	.bottom_note {
		font-size: 90%;
	}
	.disclaimer {
		font-size: 90%;
		}
	#footer {
		clear:both;
		position: relative;
		text-align: center;	
		font-size: 70%;
		bottom: 0;
	}
/* =========================== */
}