* {
	margin: 0px;
	padding: 0px;
}

body {
	font-size: 62.5%;
	font-weight: 100;
	font-family: Georgia, serif;
	text-align: center;
	color: #030202;
	
}

h1 {
 	font-size: 2.2em;
 	height: 25px;
 	width: 400px;
 	float: left;
 	white-space: nowrap;
}

h1.errorMsg {
	float: none;
	color: #FF0000;
}

h2 {
	font-size: 1.6em;
	height: 50px;
	width: 400px;
 	float: left;
 	clear: left;
 	color: #2B2B23;
}

h3 {
	font-size: 1.4em;
	color: #676950;
}

h4 {
	font-size: 1.2em;
	color: #676950;
}

p {
	font-size: 1.1em;
	font-family: Verdana, Arial, sans-serif;
}

pre {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em;
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	white-space: -pre-wrap;
	word-wrap: break-word;
	width: 400px;

}

a {
	color: #CC3300;
}

div {
	/*border: 1px solid #DDD;*/
}

button {
	background: #E8E200 url('/images/alert-overlay.png') repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #2B2B23; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}



#pageContainer {
	width: 900px;
	margin: auto;
	text-align: left;
	margin-top: 50px;
}

	#header {
		position: relative;
		height: 50px;
	}
	
		#logo {
			width: 200px;
			height: 119px;
			position: absolute;
			top: -40px;
			left: -90px;
			text-indent: 3000px;
			background: url('/images/logo-yellow.png') top left no-repeat;
			overflow: hidden;
		}
		
		#logo a {
			display: block;
			width: 200px;
			height: 119px;
		}
		
		#navigation {
			margin-left: 150px;
		}

					
			/***************
			Drop down menu
			****************/
			
			
			
			
			#jsddm {
				margin: 0;
				padding: 0;
				
				

			}
			
				#jsddm li {
					float: left;
					list-style: none;
					margin-right: 50px;
					}
				
					#jsddm li a {	
						display: block;
						text-decoration: none;
						color: #676950;
						white-space: nowrap;
						font-size: 1.4em;
						font-weight: 700;
						
					}
				
					#jsddm li a:hover {	
						/*background: #EEE;*/
					}
					
					#jsddm li ul {
						margin: 0;
						padding: 0;
						position: absolute;
						visibility: hidden;
						z-index: 1000;
					}
				
						#jsddm li ul li {
							float: none;
							display: inline;
							z-index: 1000;
							
						}
				
							#jsddm li ul li a {	
								width: 300px;
								background: #CCCCCC;
								padding: 5px;
								z-index: 1000;
								
							}
				
							#jsddm li ul li a:hover {
								background: #E8E200;
							}

				
		#subNav {
			position: absolute;
			top: 0px;
			right: 0px;
		}
		
			#subNavList li {
				list-style: none;
				float: right;
				text-align: right;
				width: 50px;
			}
			
				#subNavList li a {
					display: block;
					color: #676950;
					text-decoration: none;
					font-size: 1.1em;
					text-align: center;
				}
				
	#content {
		padding-top: 50px;
		position: relative;
		zoom: 1;
		
	}
	
	#content.forumContent {
		font-size: 1.1em;
		
	}
		#mapControls {
			position: absolute;
			top: 50px;
			right: 0px;
			width: 390px;
			height: 65px;
			border: 1px solid #CC3300;
			padding: 5px;
			zoom: 1;
		}
		
		* html #mapControls {
			width: 400px;
		}
		
			.radioContainer {
				display: block;
				float: left;
				width: 125px;
				height: 25px;
			}
			
			.radioContainer label {
				font-size: 1.4em;
				width: 95px;
				float: left;
				text-align:right;
				margin-right:5px;
			}
			
			#mapControls button {
				position:absolute;
				top: 15px;
				right: 5px;
			}
		
		#map {
			position: absolute;
			top: 125px;
			right: 0px;
			width: 400px;
			height: 300px;
			clear: right;
			background: #CCCCCC;
			border: 1px solid #333;
			zoom: 1 !important;
		}
		
		#pano {
			position: absolute;
			top: 125px;
			right: 0px;
			width: 400px;
			height: 300px;
			clear: right;
			background: #CCCCCC;
			border: 1px solid #333;
			zoom: 1 !important;
			display: none;
		}
		
		#closePano {
			background:none repeat scroll 0 0 #CC3300;
			border:1px solid #333333;
			clear:right;
			color:#FFFFFF;
			display:none;
			font-family:verdana;
			font-size:1.4em;
			font-weight:700;
			height:20px;
			padding:5px;
			position:absolute;
			right:0;
			top:395px;
			width:150px;
			cursor: pointer !important;
		}
		
		#signUp {
			display: block;
			position: absolute !important;
			top: 100px;
			right: 0px;
			width: 400px;
			clear: right;
			background: #CCCCCC;
			border: 1px solid #333;
		}
		
		#signUp img {
			width: 400px;
			height: 200px;
			border: 0px none;
		}
				
		#list {
			clear: left;
			list-style-type: none;
			width: 400px;
		}
		
			#list li {
				margin-bottom: 25px;
				height: 75px;
			}
			
			#list li.pastSession * {
				filter:alpha(opacity=80) !important;
				-moz-opacity:0.80 !important;
				opacity:0.80 !important;

			}
			
				.avatarThumb {
					width: 55px;
					height: 75px;
					border: 2px solid #676950;
					float: left;
					margin-right: 5px;
					background: #E8E200 url('/images/skater.png') top left no-repeat;
				}
				
				h3 a {
					text-decoration: none;
					color: #676950;
					
				}
				
				.date {
					font-style: italic;
					display: block;
				}
			
				.host, .details {
					display: block;
				}
				
				.host a {
					font-weight: 700;
					text-decoration: none;
					color: #676950;
				}
		
		#mainInfo {
			width: 400px;
			clear: both;
			overflow: hidden;
		}
			
			#avatar {
				width: 100px;
				height: 125px;
				border: 2px solid #676950;
				background: #CCCCCC url('/images/skaterMid.png') top left no-repeat;
				float: left;
				margin-right: 25px;
			}
			
			#mainInfo p, #links img {
				margin-bottom: 25px;
			}
			
			#mainInfo p#skaterInfo {
				width: 250px;
				margin-left: 130px
			}
		
			#mainInfo .milesAway {
				display: block;
			}
			
			form #mainInfo {
				line-height: 2em;
			}
			
				form #mainInfo label {
					float: left;
					width: 150px;
					font-family: Verdana, Arial, sans-serif;
					font-size: 1.1em;
					clear: left;
					font-weight: 700;
				}
				
				form #mainInfo input, form #mainInfo select {
					margin: 2px 0;
				}
				
				form #mainInfo .formText {
					font-family: Verdana, Arial, sans-serif;
					font-size: 1.1em;
				}
				
				form #mainInfo button {
					margin-top: 25px;
					margin-bottom: 25px;
				}
		
		#corePrinciples {
			width: 400px;
			clear: both;
			overflow: hidden;
		}
		
			#corePrinciples li {
				list-style: none;
				height: 75px;
			}
		
		#comments {
			position: absolute;
			top: 450px;
			right: 0px;
			width: 348px;
			border: 2px solid #676950;
			background: #CCCCCC;
			padding: 10px 25px;
			
		}
		
			#comments button {
				float: right;
			}
			
			#comments h3 {
				clear: both;
			}
			
			#comments p {
				margin-bottom: 25px;
			}
		
		#twitterFeed {
			position: absolute;
			top: 325px;
			right: 0px;
			width: 400px;
			overflow:hidden;
					
		}
		
			#twitter_update_list li {
				font-family: Verdana, Arial, sans-serif;
				font-size: 1.1em;
				list-style: none;
				height: 75px;
			}
			
				#twitter_update_list li a {
					display: block;
				}
		
			#twitterFeed #twitter-link {
				font-size: 1.4em;
			}
		
		#content #ourScene {
			width: 480px;
			position: absolute;
			right: 0px;
		}
		
			#content .ourSceneBox {
				clear: both;
				margin-bottom: 25px;
			}
			
				#content .ourSceneBox .ourScenePhoto {
					width: 480px;
				}
				
				#content .ourSceneBox .ourSceneText {
					margin-top: 10px;
					font-style: italic;
					padding: 10px;
				}
				
				#content .ourSceneBox img.ourScenePhoto {
					width: 460px;
					padding: 10px;
					background: #DDD;
					-moz-box-shadow: 4px 5px 6px #666;
					-webkit-box-shadow: 4px 5px 6px #666;
					box-shadow: 4px 5px 6px #666;
				}
			
		#content #lushBanner, #content #lushBanner img {
			border: 0px none;
		}
		
		#content #raceSignUp {
			position: absolute;
			top: 50px;
			right: 0px;
			width: 400px;
			height: 100px;
			text-align: right;
		}
		
			#raceSignup form {
				height: 50px;
			}
			
			#raceSignup button {
				width: 200px;
			}
		
		#content #leagueTable {
			clear: both;
			position: absolute;
			top: 150px;
			left: 0px;
			width: 100%;
		}
		
			#leagueTable th {
				text-align: left;
				height: 25px;
				font-size: 1.1em;
				
			}
			
				#leagueTable th a {
					cursor: pointer !important;
				}
				
			#leagueTable td {
				font-family: Verdana, Arial, sans-serif;
				font-size: 1em;
				height: 25px;
				
			}
			
			#leagueTable .bgColor {
				background: #CCCCCC;
			}
		
		#content #links {
			clear: both;
		}
	
	#inboxContainer {
		width: 452px;
		height: 200px;
		position: absolute;
		top: 200px;
		left: -402px;
	}
	
		#inbox {
			background: #FFF;
			text-align: left;
			width: 380px;
			height: 180px;
			overflow-y: auto;
			padding: 10px;
			border: 1px solid #CC3300;
		}
		
		* html #inbox {
			width: 398px;
		}
		
		#inbox .message {
			margin-bottom: 25px;
		}
		
			.messageControl {
				font-size: 1.4em;
			}
	
		#inboxLink {
			float: right;
			font-size: 1.8em;
			height: 150px;
			width: 50px;
			-moz-border-radius-topleft: 0px; 
			-webkit-border-radius-topleft: 0px;
			-moz-border-radius-bottomleft: 0px; 
			-webkit-border-radius-bottomleft: 0px;
			border-left: 2px solid #E8E200;
			background-image: none;
		}
		
.weather {
	font-size: 1.1em;
	font-family: Verdana, Arial, sans-serif;
	position:relative;
	right:-11px;
	top:-5px;
	float:right;	
}
	
	.weather td {
		text-align: center;
	}
	
	.weather .condition td {
		width: 50px;
		padding: 5px;
	}
	
	.weather .high {
		display: none;
	}
	
	.weather .low {
		display: none;
	}
	
.postbody strong {
	font-weight: 700;
}