html { font-size: 100%; /* IE hack */ }
body {margin:0px; background: #041218 url('../images/bg.jpg') repeat-y 50% 0; color: #FFF; font-family: Arial, Helvetica, Verdana; font-size: 0.62em}
table { font-size: 100%; /* IE hack */ }

/* CJ's Style Defaults */
a {outline: none;}
form, fieldset, dl {padding: 0; margin:0; border: none;}
img {border-style: none;}
h1, h2, h3, h4, h5 {margin: 0;  padding: 0; font-weight: normal;}
p {margin: 0 0 15px 0;  padding: 0;}
td, th {vertical-align: top;}
th {text-align: left; }
.clearer {clear: both;}
.clearleft {clear: left}
.clearright{clear: right;}
.getright {float:right;}
.imgleft {float: left; margin: 0 10px 7px 0;}
.imgright {float: right; margin: 0 0 7px 10px;}
.getleft {float:left;}
.centa {text-align: center;}
.blockit {display: block;}
.padit {margin: 0 0 10px 0;}
.bolden {font-weight: bold;}
.nobg {background: none !important;}
.nomargin {margin:0 !important;}
.noborder {border: none !important;}
.nopad {padding:0 !important;}
.invisi {display: none !important;}
blockquote {background: url('../images/bg_blockquote.gif') no-repeat; color: #cdd0d1; font-style: italic; margin-left:0; margin-right:0; margin-top:0; margin-bottom:15px; padding-left:35px; padding-right:0; padding-top:2px; padding-bottom:0}


/* Images */
img.size-small {border: 1px solid #0f5668; padding: 10px;}
img.size-medium {border: 1px solid #0f5668; padding: 10px;}
img.size-large {border: 1px solid #0f5668; padding: 10px;}
img.imgborder {border: 1px solid #0f5668; padding: 10px;}

/* Links */
a {color: #1ed2f8; text-decoration: none;}
a:hover	{text-decoration: underline;}

/* Headers */
	#content h2 {color: #FFF; font-size: 1.8em; margin-bottom: 15px; height: 1.5em;}
	#content h2 a {color: #FFF; text-decoration: none;}
	#content h2 a:hover {text-decoration: underline;}
		
	#content h3 {font-size: 1.1em; color: #FFF; margin-bottom: 15px; }/*color: #1ed2f8*/
	#content h3 a {color: #1ed2f8; text-decoration: underline;}
	#content h3 a:hover {text-decoration: none;}
	#content h3 span {background: #081d27; padding: 0 3px;}
	
	#content h4 {font-size: 1.1em; color: #1ed2f8; margin-bottom: 5px; }/*color: #1ed2f8*/
	#content h4 a {color: #1ed2f8; text-decoration: underline;}
	#content h4 a:hover {color: #1ed2f8;/*text-decoration: none;*/}
	#content h4 span {background: #081d27; padding: 0 3px;}
	
	#sidebar h2 {font-size: 1.1em; color: #1ed2f8; margin-bottom: 10px; }
	#sidebar h2 a {color: #1ed2f8; text-decoration: underline;}
	#sidebar h2 a:hover {text-decoration: none;}
	#sidebar h2 span {background: #081d27; padding: 0 3px;}		
	#sidebar h2.graphic {text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; display: block; height: 15px; }
	#sidebar h2.status-red {background-image: url('../images/title_waves_red.gif'); height: 21px }
	#sidebar h2.status-amber {background-image: url('../images/title_waves_amber.gif'); height: 21px }
	#sidebar h2.status-green {background-image: url('../images/title_waves_green.gif'); height: 21px }
	#sidebar h2.subscribe {background-image: url('../images/title_subscribe.gif'); }
	#sidebar h2.slideshow {background-image: url('../images/title_slideshow.gif'); }
	
/*Superstructure */
#wrapper {position:absolute; left:220px }
#flash_header {position:relative; margin-bottom:0px;height:150px}
#base {position:relative; min-height: 765px; margin: 0; background: url('../images/bg_base.jpg') no-repeat 50% 0; }
#shield {position:relative; width: 959px; min-height: 765px; margin: 0 auto;}
#main {padding: 0 38px 38px 38px; }
#content {width: 560px; float: left; font-size: 1.2em; line-height: 1.5em;}	
#sidebar {width: 245px; float: right; font-size: 1.1em;  line-height: 1.3em;}

/*Infrastructure */

#header {position: relative; height: 70px; }
	#header  #logo {position: absolute; display: block; top: 32px; left: 38px; width: 218px; height: 77px;  text-indent: -9999px; overflow: hidden; background-image:url('../images/storm_surfers.gif');}
	#header #tagline {position: absolute; display: block; top: 57px; left: 330px; }
	#header #tagline-x-dance {position: absolute; display: block; top: 50px; left: 794px; }
	#header #searchform {position: absolute; display: block; top: 8px; left: 687px; width: 235px; height: 30px;}
	#header #searchform #s {margin-right: 20px; width: 155px; font-size: 10px; height:13px; }
	#header #subfrm {position: absolute; display: block; top: 54px; left: 687px; width: 275px; height: 35px;  }
	#header #subfrm #mb-ojdn-ojdn {margin-right: 17px; width: 155px; height:13px; font-size: 10px;  }

	
	#nav {position: absolute; display: block; top: 144px; left: 32px; width: 602px; height: 26px; margin: 0; padding: 0; list-style: none;}
	#nav li {float: left; display: inline; height: 26px; padding-right: 10px;}
	#nav a {display: block; height: 26px; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; }
	#nav a:hover, #nav li.current a {background-position: 0 -26px; }
	#nav #tnav01 {background-image: url('../images/nav_home.gif'); width: 49px }
	#nav #tnav02 {background-image: url('../images/nav_blog.gif'); width: 46px }
	#nav #tnav03 {background-image: url('../images/nav_mission.gif'); width: 62px }
	#nav #tnav04 {background-image: url('../images/nav_team.gif'); width: 48px }
	#nav #tnav05 {background-image: url('../images/nav_gallery.gif'); width: 68px }	
	#nav #tnav06 {background-image: url('../images/nav_documentary.gif'); width: 102px }				
	#nav #tnav07 {background-image: url('../images/nav_shop.gif'); width: 46px }	
	#nav #tnav08 {background-image: url('../images/nav_friends.gif'); width: 62px }		

#title {position: relative; height: 30px;  }		
	#title h1 {display: block; height: 20px; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat;}
	#title h1.home {background-image: url('../images/home1.gif');}
	#title h1.blog {background-image: url('../images/blog1.gif');}
	#title h1.mission {background-image: url('../images/mission1.gif');}
	#title h1.team {background-image: url('../images/team1.gif');}			
	#title h1.gallery {background-image: url('../images/gallery1.gif');}		
	#title h1.documentary {background-image: url('../images/documentary1.gif');}	
	#title h1.shop {background-image: url('../images/shop1.gif');}
	#title h1.friends {background-image: url('../images/friends1.gif');}	
	#title h1.ssp {background-image: url('../images/ssp1.gif');}	
	
#footer {border-top: 1px solid #082731; padding: 15px 40px;}
	#footer span {float: left; }
	#footer ul {display: block; float: right; padding: 0; margin: 0; list-style: none; width: 600px;}
	#footer li {float: right; padding: 0 0 15px 15px; margin: 0;}	
	#footer li img {display: block; }
	

#sidebar ul {display: block; margin: 0; padding: 0; list-style: none;}	
#sidebar ul li {list-style: none; display: block; padding: 12px 12px 5px 12px; background: #061d25; margin-bottom: 15px; border: 1px solid #05171e;}	
#sidebar li ul {margin: 0 0 15px 0 !important; padding: 0; }	
#sidebar li ul li {margin: 0 !important; padding: 0 0 5px 0 !important; background:none !important; border: none !important;}	
#sidebar li ul li a {display: block; padding-left: 10px; background:url('../images/bg_bullet_x.gif') no-repeat 0 0.4em;}

#sidebar li.teamnav  {height: 85px; padding-bottom: 0 !important;}
	#sidebar li.teamnav div.thumb-margin {margin-left: 70px; padding-top: 5px; } 
	#sidebar li.teamnav a.teammate {text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; display: block; height: 9px;  margin-bottom: 5px !important;}
		#sidebar li.teamnav a.team-rcj {background-image: url('../images/title_team_rcj.gif');}
		#sidebar li.teamnav a.team-tc {background-image: url('../images/title_team_tc.gif');}
		#sidebar li.teamnav a.team-bm {background-image: url('../images/title_team_bm.gif');}
	#sidebar li.teamnav a.team-thumb { float: left; border: 1px solid #11758c;}
		#sidebar li.teamnav a.team-thumb:hover {border: 1px solid #1aa5c5;}
		#sidebar li.teamnav a.team-thumb img {display: block; width: 59px; height: 69px;}
	#sidebar li.tnav-on {background: #1aa5c5; }
		#sidebar li.tnav-on a.teammate {background-position: 0 -20px;}
		#sidebar li.tnav-on a.team-thumb, #sidebar li.tnav-on a.team-thumb:hover {border: 1px solid #FFF !important;}
	#sidebar li.tnav-margin {margin-bottom: 5px !important}

	#sidebar #subfrm {height: 35px; background: url('../images/bg_subscribe.gif') no-repeat;}
	#sidebar #subfrm fieldset {}
	#sidebar #subfrm #mb-ojdn-ojdn {display: block; float: left; margin: 3px 20px 0 4px; width: 130px; font-size: 11px; border: 1px solid #FFF; color: #666;}
	#sidebar #subfrm #subbutt {display: block; float: left; }
	
/* Posts */
div.post {border-bottom : 1px solid #0b3e4c; margin-bottom: 20px;}
.wp-caption-text {color: #cdd0d1; font-style: italic; padding: 2px 0; font-size: 0.9em;}


/* Comments */
#comments {font-size: 1.4em; color: #1ed2f8; height: 1.4em;}
#commentform {border-bottom : 1px solid #0b3e4c;  padding-bottom: 15px; margin-bottom: 15px;}
h3.addcomment {display: block; height: 20px; background:url('../images/title_add_comment.gif') no-repeat; text-indent: -999px; overflow: hidden}
div.commentlist {padding: 15px 0; border-bottom : 1px solid #0b3e4c; margin-bottom: 20px;}
#content img.usericon, #content img.avatar  {float: left; width: 48px; height: 48px; border: 1px solid #137991; display: block; background: #0c3a49;}
#content div.c-shell {margin-left: 55px; background-image:url('../images/bg_comment.gif'); background-repeat: no-repeat; background-position: 0 18px; padding-left:5px; padding-right:4px; padding-top:0; padding-bottom:10px}
#content div.alt {background-image:url('../images/bg_comment2.gif') !important;}
#content div.comment {background: #137991; padding: 10px;}
	#content div.alt div.comment {background: #1aa5c5 !important; }
#content div.comment a {color: #041217 !important;}


#commentform fieldset {position: relative; margin-bottom: 5px;}
#commentform fieldset.fld {background: url('../images/bg_comment_field.gif') no-repeat; height: 22px }
#commentform fieldset.area {background: url('../images/bg_comment_area.gif') no-repeat; height: 136px }
#commentform label {position: absolute; left: 210px; display: block; width: 340px; color: #FFF; padding: 3px 0 0 0; }
#commentform label span {color: #1aa5c5;}

#commentform fieldset.fld input {position: absolute; left: 5px; top: 4px; display: block; width: 190px;  border: 1px solid #FFF; color: #666; font-size: 11px;}
#commentform fieldset.area textarea {position: absolute; left: 5px; top: 4px; display: block; width: 540px;  height: 126px; border: 1px solid #FFF; color: #666; font-size: 11px; font-family: Arial;}
#commentform #submit {float: right; margin-right: 7px;}


/* Navigation */
.navigation {padding: 15px 0; color: #137991;}

/* shop stuff */
.product{ float:left; padding-right:10px; width:262px; 	} 		
.choice{ float:left; padding:5px 5px 0 0; clear:left;	} 		
.clearer-shop { clear:both; 	height:15px; } 		
th{ text-align:left; } 	
td, th{ 	border:1px solid #0f5668; padding:5px; 	}