/* Structure */
body {
	background: #333 url('../images/headerbg.jpg') no-repeat top center;	
}
.fleft { float: left; }
.fright { float: right; }
.cleft { clear: left; }
.cright { clear: right; }
.cboth { clear: both; }
.player { float: left; width: 47%; margin: 20px 0; height: 400px;}
.player img { padding: 0 20px;  }
.player strong { font-style: italic; }
#content ul { list-style: disc; padding-left: 20px; }
#fb-root { height:555px; width:530px; }
.post { padding: 20px; background: #222; clear: both; }
.post h3 { padding: 10px 0; border-bottom: 1px dotted #ccc;}
.post .date { margin-bottom: 20px; }
blockquote { font-weight: bold; font-style: italic; padding-left: 20px; background: url('../images/quote.jpg') no-repeat top left; float: left; clear: both; }
#footer { font-size: 10px; line-height: 15px; background: url('../images/footerbg.jpg') repeat-x top left; height: 118px; padding: 30px 20px; width: 920px;}
#footer .mjmfx { float: right; display: block; text-indent: -9999px; width: 85px; height: 16px; background: url('../images/mjmfx.gif') no-repeat top left; margin: 1px 3px; }
hr { border: 0; margin: 20px 0; border-top: 1px solid #ffcc00; }
#media-links { text-align: center; background: #000; padding: 6px; float: left; margin-bottom: 20px;}
#media-links a { display: block; float: left; }
#media-links a img { margin: 5px; }
#pageflip {
	position: relative;
}
#pageflip img {
	width: 50px; height: 52px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	position: absolute;
	z-index: 50;
	right: 0; top: 0;
	background: url('../images/peelback.jpg') no-repeat right top;
	text-indent: -9999px;
}

#header {
	height: 355px;
}
#page{
	width: 100%;
}
#page>div{
	width: 960px;
	margin: 0 auto;
}
.nav {
	float: left;
	width: 925px;
	background: url('../images/navbg.gif') no-repeat top left;
	padding-left: 35px; 
}
.nav li {
	float: left;
}	
.nav li a {
	display: block;
	text-indent: -9999px; 
	background: url('../images/nav.gif') no-repeat;
	float: left;
}
.nav .logo {
	background: url('../images/logo.gif');
	width: 386px;
	height: 286px;
}
.nav .team {
	width: 73px;
}
.nav .team:link,.nav .team:visited{
	height: 123px;
	background-position: 0 0;
}
.nav .team:hover,.nav .team:active{
	height: 177px;
	background-position: 0 -173px;
}
.nav .sponsors {
	width: 123px;
}
.nav .sponsors:link,.nav .sponsors:visited{
	height: 123px;
	background-position: -73px 0;
}
.nav .sponsors:hover,.nav .sponsors:active{
	height: 177px;
	background-position: -73px -173px;
}
.nav .story {
	width: 82px;
}
.nav .story:link,.nav .story:visited{
	height: 123px;
	background-position: -196px 0;
}
.nav .story:hover,.nav .story:active{
	height: 177px;
	background-position: -196px -173px;
}
.nav .media {
	width: 80px;
}
.nav .media:link,.nav .media:visited{
	height: 123px;
	background-position: -278px 0;
}
.nav .media:hover,.nav .media:active{
	height: 177px;
	background-position: -278px -173px;
}
.nav .store {
	width: 82px;
}
.nav .store:link,.nav .store:visited{
	height: 123px;
	background-position: -358px 0;
}
.nav .store:hover,.nav .store:active{
	height: 177px;
	background-position: -358px -173px;
}
.nav .forum {
	width: 97px;
}
.nav .forum:link,.nav .forum:visited{
	height: 123px;
	background-position: -440px 0;
}
.nav .forum:hover,.nav .forum:active{
	height: 177px;
	background-position: -440px -173px;
}
.info, .social {
	height: 30px;
	line-height: 30px;
	margin-top: 38px;
	font-size: 10px;
}
.info {
	float: left;
	width: 240px;
	padding-right: 20px;
	background: #000 url('../images/sprite.jpg') no-repeat right -109px;
}
.social {
	float: right;
	width: 325px;
	padding-left: 20px;
	background: url('../images/sprite.jpg') no-repeat left -79px;
}
.info li, .social li {
	float: left;
	width: auto;
	margin-left: 5px;
}
.social a {
	display: block;
	text-indent: -9999px;
	background: url('../images/sprite.jpg') no-repeat;
	height: 14px;
	margin: 8px 4px;
}
.social .calendar { text-indent: 0; background: none; margin: 0; position: relative; top: -1px; }
.social .twitter {
	width: 46px;
}
.social .twitter:link,.social .twitter:visited {
	background-position: -23px 0;
}
.social .twitter:hover,.social .twitter:active {
	background-position: -23px -13px;
}
.social .facebook {
	width: 41px;
}
.social .facebook:link,.social .facebook:visited {
	background-position: -71px 0;
}
.social .facebook:hover,.social .facebook:active {
	background-position: -71px -13px;
}
.social .myspace {
	width: 55px;
}
.social .myspace:link,.social .myspace:visited {
	background-position: -69px -50px;
}
.social .myspace:hover,.social .myspace:active {
	background-position: -69px -65px;
}
.social .youtube { 
	width: 36px;
}
.social .youtube:link,.social .youtube:active,.social .youtube:visited {
	background-position: -23px -30px;	
}
.social .youtube:hover { 
	background-position: -61px -30px;	
}

.mediaplayer {
	width: 100%;
	float: left;
}
#content { clear: both; padding: 20px 0; }
.home>div {
	margin: 10px 5px;
	min-height: 300px;
}
#content.home>div>h3 {
	height: 45px;
	padding-left: 10px;
	line-height: 45px;
}
.featuredplayer, .featuredgear {
	width: 375px;
	float: left;
	clear: both;
}
.sponsors, .hotoffthepress {
	width: 530px;
	float: right;
}
.hotoffthepress h3 {
	background: #000 url('../images/facebook.jpg') no-repeat 502px center;
}
.hotoffthepress > #fb-root { background: #fff; margin: 10px 0;}
.flickr h3 {
	background: #000 url('../images/flickr.jpg') no-repeat right center;
}
.sponsors h3, .featuredplayer h3, .featuredgear h3 {
	background: #000;
}
.featuredgear a img { margin: 5px 0; border: 1px solid #000; }
.featuredgear h3 a { text-decoration: none; }
.featuredgear h3 a:hover { color: #fff; }
.featuredgear h3 a small { position: relative; top: -6px; left: 45px; }
.kjo-link {
	display: none;
}
.featuredplayer img {
	max-width: 175px;
	max-height: 150px;
	border: 1px solid #000;
	float: left;
	margin: 7px;
}
.featuredplayer strong {
	color: #fff;
}
.featuredplayer h4 {
	margin-top: 5px;
}
.featuredplayer a.edit-post-link {
	float: right;
	clear: right;
}
.sponsors a { display: block; float: left; width: 16%; margin: 0 2%; }
.sponsors>img { width: 18%; margin: 2%; float: left; }
.calendar-table {
	width: 100%;
	margin-top: 15px;
}
.calendar-heading {
	width: 100%;
}
.day-headings td {
	text-align: center;
	background: #000;	
	height: 17px;
	line-height: 17px;
	font-size: 10px;
	color: #fff;
	padding: 0;
	border: 1px solid #000;
	width: 62px;
	padding: 4px;	
}
.day-without-date {
	background: #242424;
	border: 1px solid #000;
	height: 20px;
	width: 62px;
	padding: 4px;	
}
.day-with-date, .current-day {
	background: #1B1B1B;
	border: 1px solid #000;
	font-size: 10px;
	height: 20px;	
	width: 62px;
	padding: 4px;	
}
.event-day {
	background: #615526;
	border: 1px solid #000;
	color: #FFCC00;
	font-size: 10px;
	cursor: pointer;
	width: 62px;
	padding: 4px;
}
.event span span{
	display: none;
	position: absolute;
	background: #242424;
	border: 1px solid #000;
	margin-top: 20px;
	margin-left: -50px;
	width: 200px;
	padding: 5px;	
}
.month-headings td {
	padding: 4px;
	border: 1px solid #000;
	background: #000;
	font-size: 10px;
}
.calendar-next {
	text-align: right;
}
.calendar-month {
	text-align: center;
	color: #fff;
}
.flickr { width: 100%; clear: both; }
.twitter {
	margin-left: 6px;
}
.twitter-item {
	margin: 15px 0;
}
.twitter-timestamp {
	font-size: 10px;
	display: block;
}
.twitter-follow {
	text-align: right;
	display: block;
	padding: 5px;
	font-size: 11px;
	background: #000;
	width: 360px;
}
.flickr-gallery {
	margin-top: 6px;
}
.flickr-gallery-next {
	display: none;
}
.flickr-thumb {
	float: left;
	margin: 6px 6px 6px 5px;
	border: 1px solid #000;
}
#footer {
	clear: both;
}
.edit {
	float: right;
	clear: both;
	font-size: 10px;
}
/* End Structure */

/* Typography */

body {
	font-family: "Tahoma","Verdana",sans-serif;
	font-size: 14px;
	color: #ccc;
	line-height: 22px;
}
#content { 
	font-family: "Georgia", "Times New Roman", serif; 
}	
a:link, a:visited {
	color: #eee;
}
a:hover, a:active {
	color: #ffcc00;
}
#content a:link, #content a:visited {
	
}
#content a:visited, #content a:active {
	
}
#footer a:link, #footer a:visited {
	
}
#footer a:visited, #footer a:active {
	
}
p { margin: 10px 0; }
h1,h2,h3,h4,h5 {
	font-weight: normal;
	color: #eee;
	text-transform: uppercase;
	letter-spacing: -1px;
	font-family: "Tahoma", "Verdana", sans-serif;
	margin: 6px 0;
}
h1>span,h2>span,h3>span,h4>span,h5>span, h3>a>span {
	font-weight: bold;
	color: #ffcc00;
}
strong { color: #eee; }
h1 {
	font-size: 32px;
}
h2 {
	font-size: 28px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 12px;
}
small {
	color: #fff;
}
small>span {
	color: #ffcc00;
}


/* End Typography */
 