/* -- GENERAL REDECLARATIONS -- */

/*

yellow	 		#FBC817
darker yellow 	#DDAC04
darkest yellow	#554A23
  
*/

html				{height: 100%;}
* 					{margin:0; padding:0;}

body 				{
	text-align:left;
	background: #000 url("../images/bg.jpg");
	height: 100%;
}

body, tr,td  			{font: 11px/18px Verdana, Arial, Helvetica, sans-serif, Tahoma;color: #fff;}
input, select, textarea 	{font: 11px Verdana, Arial, Helvetica, sans-serif, Tahoma;color: #fff;}


a				{outline: none;}
a:link,
a:visited 		{color:#fff; text-decoration:underline;}
a:hover,
a:active 		{color:#FBC817; text-decoration:none;}


ul, ol	 		{margin:0 0 10px 25px;}
dl 			{margin:0 0 10px;}
dt 			{font-weight:bold;}
dd			{margin:0 0 3px 10px;}
p 			{margin:0 0 15px;}

h1 			{font:18px "Lucida Grande", Arial, sans-serif; color:#fff;letter-spacing:-1px;margin: 10px 0 0 0;text-transform:lowercase;}
h1.pageheading 			{font:24px "Lucida Grande", Arial, sans-serif;margin-top: 0px; }
h2 			{font-size:16px; margin:6px 0;color:#FBC817;font-family: "Lucida Sans", Arial, sans-serif;}
h3 			{font-size:14px; margin:6px 0 5px;}
h4 			{font-size:12px; margin:0px 0;}
h5			{font-size:11px; margin:3px 0;}
h6 			{font-size:10px; margin:0;}
hr 			{border: 0; border-top: 1px solid #FBC817; height: 1px;margin: 10px 0 10px 0;}
img 			{border:none;}
acronym			{border-bottom: 1px solid;}
blockquote 		{margin:0 25px 20px 25px; font-style:italic;}

.posted {
	font-family: Arial, Helvetica, tahoma, sans-serif;
	color: #FBC817;	
	font-size: 10px;
	padding: 0 0 3px 0;
	margin-bottom: 12px;
}

img.gallery-thumbnail {border: 2px solid #999;padding: 10px;background: #ccc;margin-bottom: 10px;}
a.gallery-thumbnail:hover img.gallery-thumbnail {border: 2px solid #F6E608;background: #bbb;}

.clr {clear:both;}
#preload {position: absolute;text-indent: -9000px;}
.right {float: right;}
.left {float: left;}
.rightimage {float: right; margin: 0 0 10px 10px;}
.leftimage {float: left; margin: 0 10px 10px 0;}

/*Overrides for lightbox images*/
a.nobackground:link {text-decoration:none;}
a.nobackground:hover {color: #333;background: none;padding: 0px;text-decoration:none;}
#imageData #bottomNavClose{ background: none;	}

/* Standard Layout */

#header-wrapper {
background: url("../images/logo.png") no-repeat 0 0;
}

#header {
	position: relative;
	width: 960px;
	height: 140px;
	margin: 0;
}

#sponsors {
	float: right;
	background: url("../images/sponsors-bg.png") no-repeat 0 0;
	width: 468px;
	height: 60px;
	padding: 23px 17px 17px 17px;
	margin: 0;
}

#header h1 {
	position: absolute;
	background: url("../images/logo.png") no-repeat 0 0;
	width: 200px;
	top: 0px;
	left: 0px;
	height: 243px;
	margin: 0px;
}

#header h2 {
	position: absolute;
	top: 0px;
	left: 0px;
	text-indent: -9000px;
	margin: 0;
}

#header h1 a {
	/*border: 1px solid yellow;*/
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 210px;
	text-indent: -9000px;
}

#content-wrapper {
	width: 960px;
	background: transparent;
}

#content {
	clear: both;
	background:  transparent;
	height:auto;
	text-align: left;
}

#content-left {
	float: left;
	width: 160px;
	padding: 10px;
	padding-left: 20px;
	padding-bottom: 270px;
	margin-top: 80px;
	background: url("../images/sidebar-photo.png") no-repeat bottom;
}

#content-left hr {
	width: 180px;
	display:block;
	border-color: transparent;
	border-top: 0px; 
	border: none;
	height: 8px;
	margin: 10px 0 10px -10px;
	background: transparent url("../images/grey-divider.jpg") no-repeat bottom;
}

#content-main {
	float: left;
	width: 520px;
	padding: 20px;
	padding-top: 0px;
	padding-bottom: 1px;
	/*border: 1px solid red;*/
}

body.singlecolumn #content-main {
	width: 720px;
}

#content-right {
	float: left;
	width: 160px;
	padding: 10px;
	padding-left: 20px;
	margin-top: 57px;
	background: url("../images/yellow-bg.png");
}

#content-right h2 {
	text-transform: lowercase;
	padding: 0 0 20px 20px;
	width: 160px;
	margin-left: -20px;
	margin-bottom: 0px;
	background: url("../images/h2-bg.jpg") no-repeat bottom;
}



.content-main span.breadcrumbs {
	padding: 0 0 25px 0;
	color: #fff;
}

.content-main span.breadcrumbs a {
	color: #09C4D0;
	text-decoration: none;
}

.content-main span.breadcrumbs a:hover {
	color: #fff;
	text-decoration: underline;
}

/*  ----------------------------------------------------------------------
  FOOTER
---------------------------------------------------------------------- */

#footer-wrapper {
	clear:both;
	height: 200px;
	background:transparent url("../images/footer-bg.png");
}

#footer {
	width: auto;
	height: 88px;
	text-align: center;
	margin: 0 auto;
}

#footer a {
	float: left;
	height: 53px;
	text-indent: -9000px;
	margin: 17px 0 0 20px;
}

#footer a#laxscene {
	width: 370px;
	background: url("../images/laxscene.png") no-repeat 0 0;
}

#footer a#threeam {
	width: 370px;
	background: url("../images/threeam.png") no-repeat 0 0;
}

/* Navigation - Use this for very basic horizontal text based nav */

#nav {
	list-style: none;
}

#nav ul {

}

#nav li {
	display:inline;
	list-style: none;
}



/*  ----------------------------------------------------------------------
  TABLE STYLING
  Try to use theads more often!
  ---------------------------------------------------------------------- */
/*
td, thead, th {
	padding: 0 3px 0 3px;
}

.gamestats td {
	font-size: 10px; 
	color: #666;
}

.gamestats tr {
	background: #efefef;
}	

tr.head {
	background:  #F6E608 url("../images/navigation_background2.gif") repeat-x;
}

tr.totals {
	background: url("../images/navigation_background.gif") repeat-x;
}


td.head {
	font-size: 10px; 
	color: #000;
}

.head td  {
	color: #000;
}

tr.stat {
	background: #efefef; 
}

td.stat-number {
	font-size: 10px; 
	color: black;
}
td.stat-name {
	font-size: 10px; 
	color: black;
}

td.stat-value {
	font-size: 10px; 
	color: black;
}
td.stat-zero {
	font-size: 10px; 
	color: #242c40;
}

td.stat-value-darker {
	background: #E7E7E7; 
	font-size: 10px; 
	color: #666;
}
td.stat-zero-darker {
	background: #E7E7E7; 
	font-size: 10px; 
	color: #5e7222;
}	

td.stat-value-darkest {
	background: #D8D8D8; 
	font-size: 10px; 
	color: #666;
}
td.stat-zero-darkest {
	background: #D8D8D8; 
	font-size: 10px; 
	color: #5e7222;
}	



a.stat {
	font-size: 10px; 
}

.normal-table {
	width: 100%;
	margin-bottom: 10px;
}

.normal-table td {
	padding: 5px;
	background: #efefef; 
}

.normal-table td.bold {
	background: #E7E7E7;
	font-weight: bold;
}
*/

/* ----------------------------------------------- 
		NOTICES
----------------------------------------------- */

#iewarning {
	position: absolute;
	top: 10px;
	left: 10px;
	background: #FF4E4E;
	border: 3px solid #FF7C7C;
	width: 460px;
	padding: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #333;
	margin-bottom:10px;
}

#error {
	background: #FF4E4E;
	border: 3px solid #FF7C7C;
	padding: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	color: #333;
	margin-bottom:10px;
}

#success {
	background: #BBEECC;
	border: 3px solid #E3FFED;
	padding: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	color: #333;
	margin-bottom:10px;
}


/* ----------------------------------------------- 
		FORM STYLING
----------------------------------------------- */

form {
	margin-top:20px;
	margin-bottom: 20px;
}

form hr {
  clear: both;
  border: 0px;
  border-top: 1px solid #ccc;
  margin-top: 10px;
  margin-bottom: 10px;
}

form h3 {
 	margin-bottom:6px;
	padding: 2px; 
}

form .hidden {
  text-indent: -9000px;
}

form input[type="hidden"] {
  display: none;
}

form br {clear:left;}

label, input, textarea, .radiolabel {
	display:block;
	float:left;
  	width:153px;
	margin-bottom:6px;
	padding: 3px;
}

input[type="checkbox"] {
  width: auto;
  border: none;
}

input.checkbox {
  width: auto;
  border: none;
}

form span {
  color: #FF0000;
}

input{
	background: url("../images/grey-bg.png");
	border: 1px solid #0F0F0F;
}

input.shorter {width: 121px;margin-right: 5px;}
input.inline {display: inline}

input:hover, textarea:hover {
  	border: 1px solid #FBC817;
}

input.button {
	width:26px;
	height: 20px;
	height: 21px;
	padding: 2px 0 5px 0;
	margin-right: 0px;
	text-align: center;
	background: url("../images/yellow-bg.png");
}

input.button:hover {
  color: #fff;
  background: #0F0F0F;
}

input.noborder {border: none;}