/* defaults **************************************************************************** */

img {
	border: 0;
}


body {
	border: 0;
	margin: 0;
	padding: 0;
	background: url(../images/bg.png) repeat-x top left;
	font-size: 86%;
	line-height: 1.28em;
	font-family: "Trebuchet MS", Helvetica, Verdana, sans;
}


a {
	text-decoration: none;
	color: #101090;
}


a:hover {
	text-decoration: underline;
	color: #4040FF;
}


a:visited {
	color: #101090;
}


/* Key page areas ********************************************************************** */

#body {
	
	
}

#head {
	width: 1000px;
}

#headnav {
	position: absolute;
	top: 0px;
	left: 500px;
	width: 500px;
	text-align: right;
	vertical-align: bottom;
	height: 78px;
	color: white;
}


#headnav a {
	color: #d0d0ff;
	text-decoration: underline;
}


#headnav a:hover {
	color: white;
	text-decoration: underline;
}


#content {
	margin-left: 166px;
	width: 705px;
}


/* left nav ********************************************************************** */

#leftnav {
	position: absolute;
	top: 78px;
	left: 0px;
	width: 160px;
	height: 1000px;
	
	border: 0px;
	background: url(/images/left.jpg) no-repeat;
	background-color: black;
}

#leftnav ul {
	list-style: none;
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 105%;
}

#leftnav li {
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 5px;
	padding-left: 10px;
}

#leftnav li:hover {
	background-color: white;
}

#leftnav ul ul {
	list-style: none;
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 90%;
}

#leftnav ul li ul li {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	padding-left: 10px;
}


/* page footer (random nav stuff) ****************************************************** */

#foot {
	margin-left: 170px;
	padding-top: 1em;
	font-size: 75%;
	color: #505050;
	width: 680px;
	clear: both;
}

#foot > div {
	border-top: 1px #d0d0d0 solid;
}

#foot ul {
	list-style: none;
	border: 0;
	margin: 0;
	padding: 0;
	display: inline;
	padding-right: 10px;
}

#foot li {
	display: inline;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 5px;
	padding-right: 15px;
}


#arrogance {
	float: right;
}


/* rightpanel -small panel on RHS used for menus/lists/etc ***************************** */

#rightpanel {
	/*position: absolute;
	top: 83px;
	left: 735px;
	padding: 3px;*/
	width: 290px;
	float: right;
	border: 1px #92c791 solid;
	background-color: white;
}

#rightpanel > h2 {
	margin: 0;
	border: 0;
	padding: 0;
	font-size: 105%;
	font-weight: bold;
}

ul.minilist {
	margin: 0;
	border: 0;
	padding: 0;
	list-style: none;
}

ul.minilist > li {
	padding-right: 2.5em;
	display: inline;
}


/* Element styles ********************************************************************** */


h1 {
	margin: 0;
	border: 0;
	padding: 0;
	margin-bottom: 0.5em;
	font-size: 160%;
	font-weight: normal;
}


h2 {
	margin: 0;
	border: 0;
	padding: 0;
	border-bottom: 1px #92c791 solid; 
	padding-top: 0.9em;
	margin-bottom: 0em;
	font-size: 130%;
	font-weight: normal;
	clear: both;
}


h3 {
	margin: 0;
	border: 0;
	padding: 0;
	margin-top: 1em;
	margin-bottom: 0.2em;
	font-size: 105%;
	font-weight: bold;
	clear: both;
}

p {
	color: #303030;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	color: #303030;
}


/* Site component; random stuff ********************************************************* */

.detail {
	color: black;
}

.error {
	font-weight: bold;
	color: darkred;
}

.annotation {
	font-size: 75%;
	font-style: italic;
	color: #505050;
}


.sidenote {
	font-size: 80%;
	color: #4040a0;
	line-height: 1.1em;
}


.sidenote_registration {
	font-size: 80%;
	color: #4040a0;
	line-height: 1.1em;
	float: right;
	width: 510px;
	position: relative;
	top: -1em;
}


img.icon {

}


img.logo {
	margin-left: 0.5em;
	margin-top: 0.5em;
	float: right;
}


p > img.icon {
	float: left;
}



span.googleout {
	font-size: smaller;
	color: #404040;
}


/* site/page message ******************************************************************** */

ul.messages {
	margin: 0;
	border: 0;
	padding: 0;
	list-style: none;
}

ul.messages li {
	margin: 0;
	border: 0;
	padding: 0;
	color: darkred;
}


/* News elements ************************************************************************ */

div.newsitem {

}

p.newsitem_date {
	text-align: right;
	font-size: smaller;
}


/* Site component; entity lists ********************************************************* */

.entitylist {
	list-style: none;
	margin: 0;
	border: 0;
	padding: 0;
}


.entitylist > li img {
	position: relative;
	float: left;
	top: -3px;
	border: 0;
	margin: 0;
	padding: 0;
	margin-right: 5px;
	vertical-align: middle;
}


.entitylist li {
	clear: both;
	padding-top: 5px;
	min-height: 64px;
}


.entitylist li:hover {
	background-color: #ececec;
}


.entitylist li h3 {
	margin: 0;
	border: 0;
	padding: 0;
	clear: none;
}


.entitylist h2 {
	margin: 0;
	border: 0;
	padding: 0;
	padding-top: 6px;
	clear: none;
}


.entitylist p {
	margin: 0;
	border: 0;
	padding: 0;
}


.entitylist_gametrack {
	min-height: 75px;
}


.entitylist_gametrack p {
	font-size: smaller;
}


/* Site component; table of track details *************************************************** */


table.details {
}

table.details th {
	font-weight: bold;
	font-size: 90%;
	text-align: right;
}

table.details td {
	text-align: left;
}


/* Site component; table of track variants *************************************************** */


table.variants {
	width: 100%;
}


table.variants tr:first-child {
	background-color: #e0e0e0;
}

table.variants th {
	font-weight: bold;
	font-size: 90%;
	text-align: right;
	vertical-align: top;
}

table.variants td.length {
	text-align: right;
	padding-right: 1em;
	vertical-align: top;
}

table.variants td {
	text-align: left;
	vertical-align: top;
}


/* Site component; track day calendar ******************************************************** */

div.calendar_filters {
	text-align: center;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	font-size: 90%;
}

div.calendar_filters span.stop_me_and_buy_one {
	font-size: 95%;
	color: darkgreen;
}


div.calendar_filters select {
	font-size: 90%;
	margin: 3px;
}


div.calendar_filters input {
	font-size: 90%;
	margin: 3px;
}


table.calendar {
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
}

table.calendar th {
	border: 0;
	margin: 0;
	padding: 0;
	border-bottom: 1px black solid;
	text-align: left;
	font-weight: bold;
	font-size: 70%;
	line-height: 1.1em;
}

table.calendar td {
	border: 0;
	padding: 0;
	margin: 0;
	font-size: 90%;
}

table.calendar tr {
	border: 0;
	padding: 0;
	margin: 0;
}

table.calendar tr.row:hover {
	background-color: #dadada;
}

table.calendar a {
	text-decoration: underline;
}

table.calendar tr.row a {
	color: black;
}

table.calendar tr.alt a {
	color: black;
}

table.calendar tr.alt {
	background-color: #f6f6f6;
}

table.calendar tr.alt:hover {
	background-color: #dfdfdf;
}


table.calendar tr.rowweekend {
	background-color: #f1f1ff;
	color: #000080;
}

table.calendar tr.altweekend {
	background-color: #f7f7ff;
	color: #000080;
}

table.calendar tr.rowweekend:hover {
	background-color: #dfdfdf;
}

table.calendar tr.altweekend:hover {
	background-color: #dfdfdf;
}


table.calendar .unknown {
	color: #909090;
}


table.calendar tr.heading {
	background-color: #d0d0ef;
	border: 0;
	margin: 0;
	font-size: 1.3em;
	font-weight: bold;
}


table.calendar tr.heading th {
	font-weight: bold;
	padding: 3px;
	border: 0;
}


/* Site component; event details ********************************************************* */

table.event {
	width: 380px;
}


table.event th {
	width: 30%;
	text-align: right;
	vertical-align: top;
}


/* some special form element styling ********************************************************* */

#name {
	width: 180px;
}

#username {
	width: 180px;
}


#email {
	width: 300px;
}


#gubbins {
	width: 50px;
}




/* some special form element styling ********************************************************* */

img.photo {
	border: 1px black solid;
	display: inline;
}


/* GeekMobile image set styling ************************************************************** */

#geekmobiles {
	font-size: smaller;
	margin-left: 40px;
	
}

#geekmobiles div {
	float: left;
	margin: 3px;
}

#geekmobiles p {
	margin: 0;
}


/* panel linky ******************************************************************************* */



/* downloadable ****************************************************************************** */

div.download {
	
}



/* header banner styling ********************************************************************* */

#header {
	width: 100%;
	height: 80px;
}

#header.header1  { background: url(/images/header1.jpg)  no-repeat; }
#header.header2  { background: url(/images/header2.jpg)  no-repeat; }
#header.header3  { background: url(/images/header3.jpg)  no-repeat; }
#header.header4  { background: url(/images/header4.jpg)  no-repeat; }
#header.header5  { background: url(/images/header5.jpg)  no-repeat; }
#header.header6  { background: url(/images/header6.jpg)  no-repeat; }
#header.header7  { background: url(/images/header7.jpg)  no-repeat; }
#header.header8  { background: url(/images/header8.jpg)  no-repeat; }
#header.header9  { background: url(/images/header9.jpg)  no-repeat; }
#header.header10 { background: url(/images/header10.jpg) no-repeat; }
#header.header11 { background: url(/images/header11.jpg) no-repeat; }
#header.header12 { background: url(/images/header12.jpg) no-repeat; }
#header.header13 { background: url(/images/header13.jpg) no-repeat; }
#header.header14 { background: url(/images/header14.jpg) no-repeat; }