@import url("reset.css");

@font-face {
	font-family: 'LeagueGothic';
	src: url('/sup/fonts/League_Gothic-webfont.eot');
	src: local('☺'), url('/sup/fonts/League_Gothic-webfont.woff') format('woff'), 
					 url('/sup/fonts/League_Gothic-webfont.ttf') format('truetype'), 
					 url('/sup/fonts/League_Gothic-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
	background: #2b2c2c url(/sup/img/html_bg.jpg);
}

body {
	background: transparent url(/sup/img/body_bg.png) repeat-x;
	line-height: 1.5;
}

tt {
	font-family: Monaco, Consolas, monospace;
}

a {
	color: #0087d5;	
}

#logo {
	display: block;
	position: absolute;
	top: 3px;
	margin-left: -25px;
}

#minor_nav {
	background: #575757;
	border-bottom: 1px solid #6a6a6a;
	padding: .5em 0;
}
	#minor_nav ul,
	#footer ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 18em;
		float: right;
	}
		#minor_nav ul li,
		#footer ul li {
			margin: 0 .6em 0 0;
			padding: 0 .6em 0 0;
			float: left;
			font-size: .75em;
			border-right: 1px solid #bbbaba;
			line-height: .9;
		}
		#minor_nav ul li.cbx_goodies,
		#footer ul li.footer_forums {
			margin: 0;
			padding: 0;
			border: 0;
		}
			#minor_nav ul li a {
				color: #d5d5d5;
			}
			#minor_nav ul li a:hover,
			#footer ul li a:hover {
				color: #fff;
				text-decoration: underline;
			}

#main_nav {
	/*background: #1c1d1d;
	background: rgba(0,0,0,.3);
	border-bottom: 2px solid #151616;*/
}
	#main_nav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 44em;
		float: right;
	}
		#main_nav ul li {
			margin: 0;
			padding: 0;
			float: left;
			font-size: 1.5em;
		}
			#main_nav ul li a {
				font-family: 'LeagueGothic', Helvetica, Arial, sans-serif;
				color: #fff;
				display: block;
				padding: .3em .75em;
				text-transform: uppercase;
				letter-spacing: 1px;
			}
			#main_nav ul li a:hover {
				color: #ffff0d;
			}
			#main_nav ul li a.main_active {
				background: #000;
				color: #ee3237;
				border-bottom: 2px solid #ee3237;
			}

#site_content {
	background: #fff;
	margin: 0 auto;
}

#content {
	padding: 4em 1em 8em 1em;
	min-height: 250px;
}

.set_width {
	width: 60em;
	margin: 0 auto;
}

h1 {
	font-size: 2.1em;
	margin-top: 0;
	margin-bottom: 0;
	color: #BD2125;
}

#footer {
	background: #bd2125;
	padding: .5em 0;
}
	#footer img {
		position: absolute;
		margin-top: -109px;
		float: left;
	}
	#footer ul {
		width: 19em;
	}
		#footer ul li a {
			color: #fff;
		}
		
body.membership div.payment_options {
	width: 40%;
	float: right;
	font-style: italic;
	margin-left: 2em;
	margin-top: 1.3em;
	font-size: 0.8em;
	background-color: #f3f3f3;
	padding: 0 1em 0 1em;
}
	
body.membership td.renewal_details {
	width: 40%;
}
body.membership th {
	font-weight: normal;
}
body.membership th:first-child {
	padding-left: 0;
}


body.membership fieldset.user_details {
	clear: right;	
}

body.membership p.first_name,
body.membership p.city,
body.membership p.home_telephone,
body.membership p.cbx_vin,
body.membership p.address {
	float: left;
	clear: left;
	padding-right: 0.5em;
}
body.membership p.middle_initial,
body.membership p.last_name,
body.membership p.state,
body.membership p.postal_code,
body.membership p.country,
body.membership p.work_telephone,
body.membership p.mobile_telephone,
body.membership p.cbx_engine_number {
	float: left;
	padding-right: 0.5em;
}

body.membership p.email_address,
#add_another_bike {
	display: block;
	clear: left;
}

body.membership p.cbx_vin,
body.membership p.cbx_engine_number {
	margin: 0.3em 0;
}

body.membership p.submit input {
	font-size: 1.2em;
	margin-bottom: 2em;
}

body.membership h3 {
	margin-top: 1.5em;
}

body.club_archives p.archive_section {
	width: 46%;
	margin-left: 20px;
	float: left;
	padding: 10px;
	background-color: #f3f3f3;
	overflow: hidden;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
	body.club_archives p.first {
		margin-left: 0;
		clear: left;
	}
	body.club_archives p.archive_section a {
		display: block;
		overflow: hidden;	
	}
	body.club_archives p.archive_section img {
		float: left;
		margin-right: 10px;
	}
	body.club_archives img.shoichiro {
		padding: 0 10px;
	}

label {
	font-weight: bold;
}
	label.checkbox {
		display: inline;
		font-weight: normal;
	}

div.error {
	background-color: #FFEDEB;
	padding: 0.01em 1em;
	border: 2px solid #D98C82;
	margin-bottom: 1.5em;
}
	div.error p {
		font-weight: bold;
	}
	
div.field_error {
}
div.field_error span {
	font-size: 0.8em;
	background-color: #FFEDEB;
	padding: 0.2em 0.5em;
}
	
span.help {
	font-size: 0.8em;
	color: #777;
	display: block;
	width: 60%;
}


/** terrible style for quickly ported homepage */

p.intro {
	font-size: 0.9em;
}

p.join,
p.forum {
	font-weight: bold;	
}

.clear {
	clear: both;
}

p.link {
	width: 29.5%;
	margin-left: 20px;
	float: left;
	padding: 10px;
	background-color: #f3f3f3;
	overflow: hidden;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
	p.link.clear {
		margin-left: 0;
	}
	p.link img {
		float: left;
		margin-right: 10px;
	}

a img {
	border: none;
}

body.search div.gsc-control-cse {
	padding: 0;
	clear: left;
}

body.search h2 {
	float: left;
}

body.search p.search_sources {
	margin-top: 44px;
	margin-bottom: 0.2em;
	padding-left: 10px;
	font-size: 0.9em;
	float: left;
}

body.home div.random_photo {
	width: 430px;
	float: left;
}
	body.home div.random_photo img {
		max-width: 430px;
		max-height: 430px;	
	}
	body.home div.random_photo p.description {
		font-size: 0.8em;
		color: #666;
		font-style: italic;
	}

body.home div.recent_posts {
	width: 430px;
	float: left;
	margin-left: 40px;
}
	body.home div.recent_posts ul {
		line-height: 1.3;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
		body.home div.recent_posts ul li {
			margin: 0 0 0.7em 0;
		}	
	
	body.home div.recent_posts span.meta {
		font-size: 0.8em;
		color: #666;
	}
		body.home div.recent_posts span.meta a {
			color: #666;	
		}
		body.home div.recent_posts span.meta em {
			color: #999;
		}

body.home p.see_more {
	font-size: 0.8em;
	font-weight: bold;
}