html, body { width:100%; height:100%; font-size:84%; background:#dedede; }
body { position:relative; min-width:900px; }
* { margin:0; padding:0; font-family:'Trebuchet MS'; }
img { border:0; }
h1 { margin-bottom:50px; white-space:nowrap; font-size:3em; font-style:italic; }
h2 { margin-bottom:6px; white-space:nowrap; font-size:1.5em; font-family:Helvetica; color:#000000; }
h3 { margin-bottom:15px; white-space:nowrap; font-size:1.7em; font-style:italic; }
h2 a { text-decoration:none; font-weight:normal; }
h1 span { color:#fe7b23; }
h1 a { text-decoration:none; }
p { font-size:1.2em; margin-bottom:0.6em; }
a { color:black; }
form { margin:20px 0; }
textarea { height:124px; }
label { cursor:pointer; font-size:1.1em; font-style:italic; margin:5px 10px 5px 0; }
ul { margin-left:20px; }


.red { color:red; }
.green { color:#ee8139; }
.semitrans { display:block; color:black; border:1px solid #797979; background:#a9a9a9; width:460px; font-size:1.4em; padding:6px 5px; margin:3px 0 3px 0; }
.empty { border:1px solid red; }
.active { border:1px solid #ee8139; }
.caption { font-size:0.9em; font-style:italic; }
.clear { clear:both; }
.clear20 { clear:both; height:20px; }


#shadow { width:6px; height:100%; z-index:2; min-height:700px; position:fixed; left:280px; top:0; background:url(../images/shadow.png) top right no-repeat; }
#wrapper { position:relative; z-index:1; margin:0 0 0 330px; height:auto !important; height:100%; min-height:100%; } 
#content { position:relative; padding:112px 0 40px 0; margin-right:30px; }

#bg { width:100%; z-index:0; position:fixed; left:0; top:0; height:100%; min-height:700px; background:url(../images/content-bg.jpg) right top no-repeat #dedede; }
#bg.racing { background:url(../images/content-bg-racing.jpg) right top no-repeat; }
#bg.racing2 { background:url(../images/content-bg-racing2.jpg) right top no-repeat; }
#bg.racing3 { background:url(../images/content-bg-racing3.jpg) right top no-repeat; }

#p_content.about { float:left; position:relative; width:60%; padding-right:5.5%; }
#p_content.news { width:80%; }
#p_post.about { width:30%; float:left; position:relative; text-align:center; }
#p_postaboutwrapper { text-align:left; margin:0 auto; max-width:300px; }

#credit { color:#b5b5b5; position:relative; z-index:1; clear:both; height:24px; margin:-24px 10px 0 0; text-align:right; font-size:0.9em; line-height:20px; font-family:arial, sans-serif; }
#credit a { color:#b5b5b5; text-decoration:none; }
#credit span { margin-right:10px; }
#credit img { vertical-align:middle; }

#aboutimg1 { float:left; margin-right:2%; }
#aboutimg2 { float:right; margin-left:2%; }
#aboutimg1, #aboutimg2 { width:40%; min-width:220px; max-width:370px; }
#aboutimg1 img, #aboutimg2 img { width:100%; border:1px solid #717171; }

#nav { width:280px; z-index:2; height:100%; min-height:700px; background:url(../images/nav-bg.jpg) top left no-repeat #000; position:fixed; left:0; top:0; }
#nav.admin { background:url(../images/nav-bg-admin.jpg) top left no-repeat #000; }
	#nav #logo { position:absolute; top:40px; right:16px; width:180px; height:90px; }
	#nav ul { position:absolute; left:121px; top:30%; width:88px; height:240px; margin:0; list-style-type:none; }
	#nav a { display:block; width:88px; height:48px; text-indent:-999px; }
	#nl1, #nl1 a.on { background:url(../images/nav.png) -88px 0 no-repeat; }
	#nl2, #nl2 a.on { background:url(../images/nav.png) -88px -48px no-repeat; }
	#nl3, #nl3 a.on { background:url(../images/nav.png) -88px -96px no-repeat; }
	#nl4, #nl4 a.on { background:url(../images/nav.png) -88px -144px no-repeat; }
	#nl5, #nl5 a.on { background:url(../images/nav.png) -88px -192px no-repeat; }
	#nl1 a { background:url(../images/nav.png) 0 0 no-repeat; }
	#nl2 a { background:url(../images/nav.png) 0 -48px no-repeat; }
	#nl3 a { background:url(../images/nav.png) 0 -96px no-repeat; }
	#nl4 a { background:url(../images/nav.png) 0 -144px no-repeat; }
	#nl5 a { background:url(../images/nav.png) 0 -192px no-repeat; }

#standing { float:right; margin-left:10%; width:28%; min-width:180px; min-height:396px; max-width:370px; max-height:814px; }

.sponsor { clear:both; }
.sponsorlogo { display:block; float:left; width:162px; height:84px; background:url(../images/sponsor-block.png) top left no-repeat; padding:11px; }
.sponsorlogo:hover { background:url(../images/sponsor-block.png) top right no-repeat; }
.sponsorcontent { float:left; width:60%; margin-left:10px; padding:5px 0; }
.sponsor p { margin:0.6em 0 0; }

.album { float:left; width:32%; min-width:200px; margin-bottom:4%; margin-right:8%; position:relative; color:#ffffff; }
.albuma { display:block; width:100%; height:100%; z-index:2; position:absolute; }
.albuma img { width:100%; margin:0 0 1px 1px; }
.albumimg { width:100%; position:relative; z-index:0; border:1px solid #717171; border-bottom:0; }
.album h3 { position:absolute; top:74%; z-index:1; left:5%; width:100%; color:white; }
.albumshade { position:absolute; z-index:0; bottom:0; left:1px; width:100%; height:30% !important; height:80px; border:1px solid black; border-left:0; border-right:0; }
.albumshadeimg { width:100%; border-bottom:1px solid black; }
.album p { position:absolute; top:85%; z-index:1; left:5%; }

.mediaimg { float:left; display:block; margin:0 3% 3% 0; width:20%; max-width:300px; max-height:200px; min-width:110px; min-height:73px; position:relative; border:1px solid #717171; }
.mediaimg img { width:100%; }

.mediavid { float:left; margin:0 3% 3% 0; position:relative; border:1px solid #717171; z-index:1; }
.mediavidyt { position:relative; z-index:1; }
.mediavidctrl { position:relative; z-index:2; }

#submit { float:left; }
#msg { float:right; font-weight:bold; }

#upcomingrace { margin-top:4%; }


/* admin */
.emptyarea { border:1px dotted gray; margin:20px 0; padding:15px; position:relative; cursor:pointer; }
.area { border:1px dotted gray; padding:10px 5px 5px; cursor:pointer; }

.album form { position:absolute; z-index:3; top:5%; left:5%; margin:0; }
.delalbum { position:absolute; z-index:3; top:5%; right:5%; }
.editalbum, .editentry { position:absolute; z-index:3; top:5%; left:20%; font-weight:bold; color:black; background:white; padding:2px 4px; }

.sortmediaimg { position:absolute; top:2%; left:2%; padding:0; margin:0; z-index:2; }
.delmediaimg, .delmediavid { position:absolute; top:2%; right:2%; z-index:2; }
.editentry { top:2%; }