/*********************************
**
** Global styles for Fever Theater
** by Christoph Saxe, 13th July, 2008
**
*********************************/
/*********************************
**
** NOTES
** 
** Colors:
**** Body: #8f95a4
**** #wrapper: #4D5971
**** body text: #e6e6e6
**** links: 
**
*********************************/



/* The Reset - To create more consistent renderings across browsers by reseting proprietary default style sheets */

body, div, img, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, dt, blockquote, fieldset, legend, label, input, textarea { margin: 0; padding: 0; border: 0; }
 
/* Now let's bring some of them back to life. */
/* this section sets base typography and text container layout rules */
body {
	background-color:#8f95a4;
	color:#e6e6e6;
	font: 76%/130% Arial, Helvetica, sans-serif; /*Setting our body font with a % helps keep it consistent and scalable*/
	padding:0;margin:0;
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin:0 0 .3em 0; }
h1, p { margin: 0 0 1em 0; }
 
h1{font-size: 170%; text-transform:uppercase; font-weight:normal;}
h2{font-size: 150%; text-transform:uppercase; font-weight:normal;}
h3{font-size: 112%; font-weight:normal;}
h4{font-size: 100%; font-weight:bold;}
h5{font-size: 100%; font-weight:bold;}
h6{font-size: 100%; font-weight:bold;}

a { color:#fff; }
a:hover, a:active {
	text-decoration:none;
}
a:focus { outline:none; }

input, textarea {border: 1px solid #cccccc;}
legend { position:absolute;left:-9999em; }

ul, ol {padding-left: 1em; margin:0 0 1em;}

hr { display:none; }


/* Acessibility options are hidden for standard viewers.  moving them offscreen keeps them available for screenreaders. */
.accessibility {
  position:absolute;left:-9999em;
}

/****************************** Base Layout *****/

#wrapper {
	background-color:#4D5971;
	margin:0 auto;
	overflow:hidden;
	width:960px;
}

#header {
	height:174px;
	margin:0 0 36px;
}
	#header #logo {
		
	}
	#header #branding h2 {
		position:absolute; left:-9999em;
	}

#content {
	float:right;
	margin:0 0 24px;
	width:760px;
}
	#main {
		float:left;
		width:500px;
	}
	#callouts {
		background:transparent url(../img/css/bg_callouts.gif) left bottom no-repeat;
		display:inline;
		float:right;
		margin-top:-210px;
		padding:115px 36px 188px 28px;
		width:175px;
	}

#footer {
	clear:both;
	border-top:1px dotted #dedede;
	margin:12px 0 0;
	padding:12px 20px 4px;
}
	#footer p { margin:0 8px 20px;}


/**********************
 * Navigation
 */

#nav {
	float:left;
	width:200px;
}
	#nav li, #nav ul { list-style: none; margin:0; padding:0; }
	#nav li ul {
		padding:0 0 0 16px;
		position:absolute; left:-9999em;
	}
	#nav li.current ul {position:static;}
	
	/* main item styles - backgrounds, dimensions and rollover states */
	
	#nav ul li a {
		display:block;
		text-indent:-9999em;
		width: 150px; }
	
	#nav-home a {
		background:transparent url(../img/css/bg_home.gif) 0 0 no-repeat;
		height: 39px;
	}
	#nav-home a:hover { background-position: 0 -39px; }
	#nav-home.current a { background-position: 0 -39px;  cursor:default; }
	#nav-current a {
		background:transparent url(../img/css/bg_current.gif) 0 0 no-repeat;
		height: 48px;
	}
	#nav-current a:hover { background-position: 0 -48px; }
	#nav-current.current a { background-position: 0 -48px; cursor:default; }
	#nav-get-involved a {
		background:transparent url(../img/css/bg_getinvolved.gif) 0 0 no-repeat;
		height: 41px;
	}
	#nav-get-involved a:hover { background-position: 0 -41px; }
	#nav-get-involved.current a { background-position: 0 -41px; cursor:default; }
	#nav-gallery a {
		background:transparent url(../img/css/bg_gallery.gif) 0 0 no-repeat;
		height: 49px;
	}
	#nav-gallery a:hover { background-position: 0 -49px; }
	#nav-gallery.current a { background-position: 0 -39px; cursor:default; }
	#nav-past-work a {
		background:transparent url(../img/css/bg_pastwork.gif) 0 0 no-repeat;
		height: 49px;
	}
	#nav-past-work a:hover { background-position: 0 -49px; }
	#nav-past-work.current a { background-position: 0 -39px; cursor:default; }
	#nav-about-us a {
		background:transparent url(../img/css/bg_aboutus.gif) 0 0 no-repeat;
		height: 41px;
	}
	#nav-about-us a:hover { background-position: 0 -41px; }
	#nav-about-us.current a { background-position: 0 -41px; cursor:default; }


/**********************
 * Typography
 */

h1.title {margin-bottom:.3em;}
h2.subtitle { line-height:1.1; margin-bottom:1em;}
h3.subtitle { margin-bottom:1em; }


/**********************
 * lists
 */

ul.schedule {
	list-style:none; }


/**********************
 *  Utility Classes
 */

.right { float:right; margin:0 0 6px 12px; }
.left { float:left; margin:0 12px 6px 0; }
img.main { display:block; margin-bottom:1em; }
#callouts .note {font-size:.8em; font-weight:bold;}