/*
Theme Name: Tour de Froth
Version: 2.0
Author: Modern Edge, Inc.	
Author URI: http://www.modernedge.com

*/

@charset "UTF-8";
a {
    outline: none;
}
a:link {
	color: #E7AF12;
	text-decoration: none;
}
a:visited {
	color: #E7AF12;
	text-decoration: none;
}
a:hover {
	color: #E7AF12;
	text-decoration: underline;
}
a.menu:link {
	color: #ddd;
	margin-left: 20px;
}
a.menu:visited {
	color: #ddd;
	margin-left: 20px;
}
a.menu:hover {
	color: #e7af12;
}
a.current-page:link {
	border-top: 3px solid #E7AF12;
	margin-top: -3px;
}
a.current-page:visited {
	border-top: 3px solid #E7AF12;
	margin-top: -3px;
}
body {
	color: #CCC;
	background-color: #333;
	background: #333 url(images/cyclist.gif) left bottom no-repeat fixed;
	font-family: Helvetica Neue, Verdana, Geneva, sans-serif;
	font-size: .8em;
	margin-top: 0px;
	padding-top: 10px;
	text-align: justify;
	height: 100%;
}
h1 {
	text-transform: uppercase;
	font-stretch: expanded;
	font-weight: lighter;
	font-size: 1.8em;
	color: #E7AF12;
	letter-spacing: 2px;
	margin-bottom: 10px;
	padding-left: 10px;
	border-left: solid 6px #e7af12;
}
h2 {
	text-transform: uppercase;
	font-stretch: expanded;
	font-weight: normal;
	font-size: 1.2em;
	color: #E7AF12;
	letter-spacing: 2px;
	margin-bottom: 10px;
}
h2.blog {
	margin-bottom: 0px;
}
h3 {
	text-transform: uppercase;
	font-stretch: expanded;
	font-weight: normal;
	color: #E7AF12;
	letter-spacing: 2px;
}
h4 {
	text-transform: uppercase;
	font-weight: normal;
	color: #e7af12;
	margin-bottom: 0px;
}
hr {
	color: #232323;
	background-color: #232323;
	border-bottom: dotted 1px #ddd;
}
hr.hidden {
	visibility: hidden;
	margin: 0px;
	border: 0px;
	clear: both;
}
html {
	height: 100%
	background-color: #333;
	background: #333 url(images/cyclist.gif) left bottom no-repeat fixed;
}
img.flag {
	margin: 1px;
}
img.flag:hover {
	border: solid 1px #e7af12;
	margin: 0px;
}
input {
	border: solid 1px #000;
	background: #333;
	color: #ddd;
}
.login-box input {
	margin-bottom: 10px;
	display: block;
}
p {
	margin-bottom: 10px;
}
p.center {
	width: 65%;
	margin-left: auto;
	margin-right: auto;
}
.pullquote {
	width: 150px;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 50px;
	margin-right: 50px;
	padding-bottom: 10px;
	font-family: Helvetica Neue, Verdana, Geneva, sans-serif;	
	font-size: 1.5em;
	letter-spacing: -2px;
	text-align: right;
	color: #e7af12;
}
select {
	background: #333;
	border: solid 1px #000;
	color: #ddd;
}
.small {
	font-size: .8em;
}
span.indent {
	margin-left: 25px;
}
strong {
	font-weight: bold;
}
textarea {
	border: solid 1px #000;
	background: #333;
	color: #ddd;
}
ul#clnav li {
	font-size: .8em;
	display: inline;
	margin-right: 20px;
}




/* Layout */
div#content {
	background-color: #222;
	background: url(images/grey-222.png);
	padding: 10px;
	min-height: 300px;
}
div#content-main {
	width: 646px;
	float: left;
	padding-right: 10px;
}
div#content-right {
	width: 303px;
	float: left;
	margin-left: 10px;
	padding-left: 10px;
}
div.copyright {
	font-size: .8em;
	text-align: center;
}
div.footer {
	margin-top: 10px;
	margin-bottom: 10px;
}
div#footer-box-1 {
	width: 323px;
	height: 96px;
	float: left;
	margin-right: 10px;
	padding: 2px;
	background-color: #222;
	background: url(images/grey-222.png);
}
div#footer-box-2 {
	width: 323px;
	height: 96px;
	float: left;
	margin-right: 10px;
	padding: 2px;
	background-color: #222;
	background: url(images/grey-222.png);
}
div#footer-box-3 {
	width: 322px;
	height: 96px;
	float: left;
	padding: 2px;
	background-color: #222;
	background: url(images/grey-222.png);
}
div#header {
	min-height: 100px;
	margin-bottom: 10px;
}
div.login-box {
	width: 300px;
	background: #333;
	border: solid 1px #000;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
}
div#login-link {
	text-align: right;
}
div#logo {
	float: left;
	height: 100px;
	width: 300px;
	background: url(images/logo.jpg);
}
div#menu {
	height: 50px;
	border-top: solid 2px #E7af12;
	padding-top: 3px;
	margin-top: 16px;
}
div#menu-banner {
	height: 50px;
	text-align: right;
	font-size: .8em;
}
div#menu-center {
	float: left;
	height: 100px;
	width: 700px;
}
div#menu-left {
	float: left;
	width: 64px;
	height: 100px;
	background: url(images/menu-bg-left.png);
}
div#menu-right {
	float: left;
	width: 64px;
	height: 100px;
	background: url(images/menu-bg-right.png);
}
div#respond {
	text-align: right;
}
div.sidebox {
	float: right;
	width: 303px;
	margin-left: 10px;
}
div#user-details {
	float: right;
	font-size: .8em;
	margin-bottom: 10px;
	padding-right: 10px;
}
div#wrapper {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}



/* Wordpress captions & alignment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
        margin-right: 11px;
}

.alignright {
	float: right;
        margin-left: 11px;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* Forum style */
#wpf-wrapper{
	font-size: 90%;
}
.wpf-table, .wpf-post-table{
	border: 1px solid #ccc;
	border-collapse: collapse;
}

td, th{
	padding: 5px;
}
td{
	vertical-align: top;
}
.wpf-table tr{
	border-bottom: 1px solid #ccc;
	background: #222;
}
.wpf-table tr.alt, tr.wpf-alt{
	background: #444;
}
th{
	background: #555;
	color: #ddd;
	text-transform: uppercase;
	font-stretch: expanded;
}
th a:link {
	color: #ddd;
}
.wpf-meta{
	border-bottom: 1px solid #ccc;
}

.wpf-bright{
	text-align: right;
	color: #333;
}
th h4{
	margin: 0;
}

#wpf-info{
	display: none;
	background: #f9f9f9;
	text-align: center;
	border: 1px solid #ccc;
	padding: 5px;
	margin-top: 1em;
}
#forummenu, #topicmenu, #mainmenu{
	float: right;
	text-align: right;
	padding: 0;
}
p#trail{
	margin-top: 1em;
}

/* Forum admin style */
#wpf-menu li 
{ 
display: inline; 
list-style-type: none; 
text-align: center;
margin-right: 15px;
}

#wpf-menu 
{ 
margin-top: 20px;
padding: 0px, 0px, 0px, 0px;
}

#wpf-menu li.current 
{ 
	border-bottom: 0px;

}

#wpf-menu li a{
	border: none;
	text-decoration: none;
}

#wpf-menu li.current a{
	color: #d54e21;
}

table.wpf-wide{
	width: 100%;
	border: none;
}

table.wpf-wide tr{
	border: none;
}
table.wpf-wide td{
	border: none;
	vertical-align: top;
}

p.wpf-indent{
	padding-left: 10px;
}
p.wpf-alignright{
	text-align: right;
}
p.wpf-bordertop{
	border-top: 1px solid #ccc; padding-top:5px;
}

/* Basic dropdown menu styling */
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: right;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}


/* Advanced dropdown menu styling */
ul.dropdown li a {
 display: block;
 color: #ddd;
}
ul.dropdown li ul a {
 background: #222;
}

/* ------------- Override default */

	ul.dropdown li {
	 padding: 0;
	}


/* ------------- Reinitiate default: post-override activities  */

	ul.dropdown li.dir {
	 padding: 7px 20px 7px 14px;
	}

	ul.dropdown ul li.dir {
	 padding-right: 15px;
	}


/* ------------- Custom */

	ul.dropdown li {

	}

	ul.dropdown ul a {
	 padding: 4px 5px 4px 14px;
	 width: 151px; /* Especially for IE */
	}

	ul.dropdown ul a:hover {
	 background-color: #DDD;
	 color: #222;
	 text-decoration: none;
	}

	ul.dropdown a.open {
	 background-color: #2e2e2e;
	 color: #76b900;
	}

	ul.dropdown ul a.open {
	 background-color: #e7af12;
	 color: #fff;
	}


	/* CSS 2.1 */

	ul.dropdown li:hover > a.dir {
	 color: #e7af12;
	}

	ul.dropdown ul li:hover > a.dir {
	 background-color: #e7af12;
	 color: #fff;
	}