@charset "utf-8";

/* CSS Document */

/* 
__________________________________________

www.TheBlank.com
		
(C) Copyright 2010. All Rights Reserved.

Designed by:      Maggie Tielker 
		  		  www.MediaMaggie.com
		  		  MaggieTielker@gmail.com
		
__________________________________________
	
*/


/*Global Styles*/

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

body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-image: url(../images/background_red.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #1e0c0f;
	font: 62.5%/1.5 "Lucida Grande", Verdana, Tahoma, sans-serif; /* Reduce default font size to 10pt */
	color: #a4afbb;
	line-height: 1.8em;
}

li > ul {
	top: auto;
	left: auto;
	}
address {font-size: 1.0em; font-style: normal; line-height: 19px;}
	
h2 {font-size: 1.2em; margin: 5px 0 10px 0; padding: 0px; color: #FFFFFF;}

h3 {font-size: 1.1em; margin: 5px 0; padding: 0px; color: #FFFFFF;}

h1 {font-size: 1.6em; margin: 0 0 10px 0; padding: 0; color: #FFFFFF;}

blockquote {font-style: italic; font-size: 1.1em;}

p {
	font-size: 1.1em;
	padding: 0;
	text-align: left;
}

/*Structural*/

#wrapper {
	width: 890px;
	margin: 0 auto;
	padding: 0;
	background-image: url(../images/wrapper_bg.png);
	background-repeat: repeat-y;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	}

#content {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	}
#header {
	width: 800px;
	height: 85px;
	margin: 0;
	padding: 0;
	}
#header h1 {margin: 0; padding: 0;}

#feature {
	width: 800px;
	height: 300px;
	margin: 0;
	padding: 0;
	}
	

/*Navigation, Rollovers, and Drop Down Menus*/

#navigation {
	margin: 0;
	padding: 0;
	width: 800px;
	height: 40px;
	background-image: url(../images/navbg.gif);
	background-repeat: repeat-x;
	}
	#navigation ul {margin: 0; padding: 0; list-style-type: none; width: 800px;}
	#navigation li {float: left; display: block; width: 20%; text-align: center; position: relative; border: 0;}
    	
/*Horizontal Drop Down*/

  	#navigation li ul {		  
					  float: left;
					  padding: 0px;
  					  display: none;
					  position: absolute;
					  top: 37px;
					  left: 0; 
					  margin: 0;
					  padding: 0;
					  font-size: 1.0em;
				
 					  }
					#navigation li ul li {float: left; display: block; padding: 5px 0; display: inline; margin: 0;}
					#navigation li ul a {color: #a4afbb; display: block;}
					#navigation li ul a:link {color: #cc9900; font-size: 1.1em; text-decoration: none;}
					#navigation li ul a:visited {color: #cc9900; font-size: 1.1em; text-decoration: none;}
					#navigation li ul a:hover {color: #FFFFFF; font-size: 1.1em; text-decoration: none; border: 0;}
					#navigation li ul a:active {color:#cc9900; font-size: 1.1em; text-decoration: none;}
					
					#navigation li:hover ul, li.over ul{display: inline;}


/*Main Content*/

#main { 
	width: 550px;
	float: left;
	margin: 25px 0 15px 15px;
	}
#main h1 {font-size: 1.5em; margin: 0 0 10px 0; padding: 0; color: #FFFFFF;}

div.blurb { /*Blurbs Inside Main Content Block*/
	clear: both;
	padding: 15px;
	margin: 0 0 15px 0;
	background-image: url(../images/divbgpattern.gif);
	background-repeat: repeat;
	overflow: auto;
	} 
	div.blurb p span a:link {color: #CC9900; text-decoration: none; font-weight: bold;}
	div.blurb p span a:visited {color: #CC9900; text-decoration: none; font-weight: bold;}
	div.blurb p span a:hover {color: #FFFFFF; text-decoration: none; font-weight: bold; border: 0;}
	div.blurb p span a:active {color: #CC9900; text-decoration: none; font-weight: bold;}
	div.blurb p span img {margin-right: 10px;} 

	
	


.mainimage {	
	float: left;
	padding: 0;
	margin: 0 20px 0 0;
	border: 1px solid #a4afbb;
	}

div.maintext {
	float: left;
	width: 295px;
	margin: 0;
	padding: 0;
	}
	

/* Side Bar */
	
#right { /*Right Sidebar*/
	float: left; 
	width: 205px;
	margin: 25px 15px 15px 15px;
	}
	#right ul {
		margin-top: 15px;
		font-size: 1.1em; font-weight: bold;
		}
		
	#right li {padding-bottom: 10px; padding-left: 8px; margin-top: 0; padding-top: 0; vertical-align: text-top;}
	#right h2 {margin-left: 15px; margin-top: 10px; margin-bottom: 0; padding-bottom: 0;}

div.rightcontent {
		background-color: #192128;
		margin: 0 0 15px 0;
		padding: 5px 0;

/*Sidebar List Item Icons*/		}
	
.tickets {list-style-image: url(../images/ticketicon.jpg);}
.livingroom {list-style-image: url(../images/houseicon.gif);}
.donate {list-style-image: url(../images/donateicon.gif);}
.shop {list-style-image: url(../images/shopicon.gif);}
.facebook {list-style-image: url(../images/facebookicon.gif);}
.email {list-style-image:url(../images/emailicon.gif);}
.twitter {list-style-image:url(../images/twitter.gif);}
.youtube {list-style-image:url(../images/youtube.gif);}


/*Footer*/

#footer {
	clear: both;
	width: 800px;
	background-color: #192128;
	margin: 10px 0px 0px 0px;
	padding-bottom: 25px;
	height: 150px;
	
	}
	#footer p {font-size: 1.0em;}
	#footer h3 {font-size: 1.1em; margin-top: 0; margin-bottom: 5px; padding: 0;}
	#footer ul {list-style-type: none; margin: 0; padding: 0;}
	#footer li {padding-bottom: 5px;}
	#footer a:hover {color: #CC9900; text-decoration: none; border-bottom: 1px dotted #CC9900; }
	

div.footerbox {
	width: 220px;
	float: left;
	margin: 15px 20px;
	padding: 0;
	}

/*Classes*/

.left {float: left;}
.moreinfo {font-size: 1.1em; font-weight: bold;}
.darktext {color: #556677;}
.threecolumn {width: 25%; margin: 0; padding: 0; float: left;}
div.strong strong {color: #FFFFFF;}
.strong strong {color: #FFFFFF;}
.interviewblank {color: #FFFFFF;}
/*.interview .interviewblank strong {color: #556677;}*/
.interview strong {color: #FFFFFF;}

/*Pseudo-Classes*/
a:link {color: #CC9900; text-decoration: none;}
a:visited {color: #CC9900; text-decoration: none;}
a:hover {color: #FFFFFF; text-decoration: none; }
a:active {color: #CC9900; text-decoration: none;}