﻿
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
	margin: 0;
	padding: 0;
}

body 
{	
	margin-top: 25px;
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	color: #3f3f3f;
	height: 100%;
	background-color: #000000;
	padding: 0;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	
}

h1, h2, h3 {
	color: #AA2808;
}
a {
	text-decoration: underline;
	color: #323B51;
}

a:hover {
	text-decoration: none;
	color: #FF0000;
}

/* Header */

#header {
	width: 892px;
	height: 91px;
	margin: 0 auto;
}

/* Logo */

#logo {
	float: left;
	width: 270px;
	height: 76px;
	margin: 0px;
	padding: 15px 0px 0px 30px;
	background: url(images/img01.jpg) no-repeat left top;
}

#logo h1 {
	margin: 0;
	padding: 0;
	font: normal 36px Georgia, "Times New Roman", Times, serif;
}

#logo h2 {
	margin: -2px 0 0 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 10px;
	font-weight: bold;
	color: #444444;
}

#logo a {
	text-decoration: none;
	color: #444444;
}

/* Menu */

#menu {
	float: right;
	width: 592px;
	height: 91px;
	background: url(images/img02.jpg) no-repeat left top;
}

#menu ul {
	margin: 0;
	padding: 6px 0 0 20px;
	list-style: none;
	line-height: normal;
	margin-left: 30px;
}

#menu li {
	display: inline;
	text-align: center;
}

#menu a {
	display: block;
	float: left;
	margin-right: 3px;
	padding: 5px 20px 5px 20px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #110404;
}

#menu a:hover, #menu .active a {
	background: #FFFFFF;
	color: #110404;
}
body#home #menu li#home a:hover,body#home #menu li#home a,body#bikes #menu li#bikes a:hover,body#bikes #menu li#bikes a, body#about #menu li#about a:hover,body#about #menu li#about a,body#contact #menu li#contact a:hover,body#contact #menu li#contact a,body#videos #menu li#videos a:hover {
	background: #FFFFFF;
	color: #110404;
}
/* Search */

#search {
	height: 45px;
	padding: 0px 0px 40px 0px;
}

#search form {
	margin: 0;
	padding: 12px 0px 0 0;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search input {
	float: left;
	font: 12px Georgia, "Times New Roman", Times, serif;
}

#search-text {
	width: 120px;
	height: 18px;
	padding: 3px 0 0 5px;
	border: 1px solid #000000;
	color: #000000;
}

#search-submit {
	height: 21px;
	margin-left: 10px;
	padding: 0px 2px;
	border: none;
	background: #000000;
	color: #FFFFFF;
}

/* Page */

#page {
	width: 892px;
	margin: 0 auto;
	background: url(images/img03.jpg) repeat-y left top;
}

#page-bgtop {
	background: url(images/img05.jpg) no-repeat left top;
	padding: 0px 30px;
}

/* Content */

#content {
	float: left;
	width: 564px;
	padding-top: 30px;
}
.post {
	margin: 0px 0px 30px 0px;
}

.post .title {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	color: #232F01;
}

.post .title a {
	padding: 4px 35px 4px 15px;
	background: #FF0000;
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
}

.post .entry {
}


.post .byline {
	float: right;
	margin-top: -25px;
	font-size: 12px;
	color: #5E5E5E;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 208px;
	padding-top: 30px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#sidebar li {
	margin-bottom: 1px;
}

#sidebar li ul {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

#sidebar li li {
	margin: 0;
	padding: 9px 0px;
	border: none;
	background: url(images/img07.jpg) repeat-x left bottom;
}

#sidebar h2 {
	margin: 0px;
	padding: 0px;
	border-bottom: 2px solid #EBEBEB;
	font-family: "Times New Roman", Times, serif;
	font-size: 160%;
	font-weight: normal;
	color: #110404;
}

#sidebar h3 {
	font-size: 77%;
	color: #110404;
}

#sidebar p {
	margin: 0;
	line-height: normal;
	color: #3F3F3F;
}

#sidebar a {
	border: none;
	text-decoration: none;
	color: #FF0000;
}

#sidebar a:hover {
	text-decoration: underline;
}

/* Footer */

#footer {
	width: 892px;
	height: 50px;
	margin: 0 auto;
	padding: 40px 0 0 0;
	background: url(images/img04.jpg) no-repeat left top;
	color: #FFFFFF;
}

#footer p {
	margin: 0;
	text-align: center;
	font-size: 77%;
}

#footer a {
	text-decoration: underline;
	color: #FFFFFF;
}

#footer a:hover {
	text-decoration: none;
}
.style16b-grey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #3f3f3f;
}

.style18s-grey {
	font-family: Georgia, serif;
	font-size: 18px;
	color: #3f3f3f;
}

.style20b-red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-decoration: underline;
	color: #DC3F1B;
}
/* body{background-color:#999;color:white;padding-top:20px;font-family:helvetica;font-size:12px;text-align: center;}
569
375
 */
.pikachoose{width:569px;margin:0 auto 50px auto;}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:569px;height:150px;margin:0;overflow:hidden;}
.pikachoose ul li{float: left;border:1px solid #fff;padding:1px;background:#777;margin:0 6px 4px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:575px;height:385px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:relative;}
.pika_subdiv{position:relative;border:1px solid #555;background:#fff;padding:2px;}
.pika_animationDivs{top:2px;left:2px;} /*must match top/left padding for subdiv */
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:575px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('images/black.png') top left;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('images/play.png') top center no-repeat;}
.pika_play a.pika_stop_button{background:url('images/pause.png') top center no-repeat;}
.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('images/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('images/fastf.png') top right no-repeat;}

.style10  
{
font-size: 10px;
font-weight: bold;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #D40101;
}
.style16
{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 16px;
font-weight: bold;
color: #3f3f3f;
}