@import url(reset.css); 

/**  UNIVERSAL  **/
a { color:#fff; text-decoration:none; }
a.tickets { color: #33ccff; }
a:hover { text-decoration:underline; }
p { font-size:13px; margin-bottom:1em; line-height:1.25em; }
input[type=text] { background-color: #1e1e1e; border: none; color: #FFF; padding: 5px;}
body {
	color:white;
	font-family:"Century Gothic";
	background-image:url(../images/background.gif);
	background-repeat:repeat-x;
	background-color:#000;
}

label {color:#fff; font-size:11px; margin-bottom:5px;}
.required {color:#F00;}


/**  HEADER  **/
#header {
	background-position:center;
	background-image:url(../images/header_bg.jpg);
	background-repeat:no-repeat;
	height:187px;
	overflow:hidden;	
}
#header h1 { display:block; overflow:hidden; text-indent:-9999px; }
#header h1 a { display:block; width:1130px; height:170px; }


/**  NAV  **/
ul#navigation { }
ul.tabs { display: block; width:750px; margin:auto;}
ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	ul.tabs li { float: left; display:inline; list-style: none; }
		ul.tabs li a { display: block; }
		
		li#about,
		li#schedule,
		li#gallery,
		li#support,
		li#shop,
		li#contact,
		li#about a,
		li#schedule a,
		li#gallery a,
		li#support a,
		li#shop a,
		li#contact a { height:14px; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; padding:0 12px; }
		
		li#about a:hover,
		li#schedule a:hover,
		li#gallery a:hover,
		li#support a:hover,
		li#shop a:hover,
		li#contact a:hover { background-position:0 -20px; }
		
		li#about a { background-image:url(../images/nav_about.png); width:65px; }
		li#schedule a { background-image:url(../images/nav_schedule.png); width:92px; }
		li#gallery a { background-image:url(../images/nav_gallery.png); width:81px; }
		li#support a { background-image:url(../images/nav_support.png); width:82px; }
		li#shop a { background-image:url(../images/nav_shop.png); width:49px;}
		li#contact a { background-image:url(../images/nav_contact.png); width:87px; }
		
		
		
		


ul.subnav {position:absolute; top:210px; left:202px; z-index:100;}
	ul.subnav li {float:left; display:inline; list-style:none; margin-right:30px;}
		ul.subnav li a {background-repeat:no-repeat; height:15px; text-indent:-9999px; display:block; line-height:0em;}
		
		/* ABOUT PAGE */
		ul.subnav li#art_leader a {background:url(../images/nav_artleader.png) 0 0 no-repeat; width:200px;}
		ul.subnav li#art_leader a:hover {background-position:0 -18px;}
		ul.subnav li#core_team a {background:url(../images/nav_coreteam.png) 0 0 no-repeat; width:107px;}
		ul.subnav li#core_team a:hover {background-position:0 -18px;}
		
		/* SUPPORT PAGES */
		ul.subnav li#contribute_now a {background:url(../images/nav_contribute.png) 0 0 no-repeat; width:164px;}
		ul.subnav li#contribute_now a:hover {background-position:0 -40px;}
		ul.subnav li#quixotic_society a {background:url(../images/nav_society.png) 0 0 no-repeat; width:169px;}
		ul.subnav li#quixotic_society a:hover {background-position:0 -40px;}
		ul.subnav li#sponsorship a {background:url(../images/nav_sponsorship.png) 0 0 no-repeat; width:121px;}
		ul.subnav li#sponsorship a:hover {background-position:0 -40px;}






/**  ABOUT  **/
#about-page #content {position:relative; z-index:1;}
#about-page #content #about-bottomm { background-image:url(../images/about-bottom-bg.jpg); background-repeat:no-repeat; }
#about-page #content #anthony { height:590px; width:603px; background-image:url(../images/about-anthony.jpg); background-repeat:no-repeat; float:left; margin-top:105px; }
#about-page #content #anthony div { margin-top:380px; margin-left:95px; width:410px; }
#about-page #content #mica { height:592px; width:527px; background-image:url(../images/about-mica.jpg); background-repeat:no-repeat; float:left; margin-top:105px; }
#about-page #content #mica div { margin-top:380px; margin-left:26px; width:410px; }
/*#about-page #content #vision { overflow:hidden; background-image:url(../images/about-image.jpg); background-repeat:no-repeat; height:408px; width:1130px; padding-left:630px; padding-top:105px; }*/
#about-page #content #vision { overflow:hidden; background-image:url(../images/about-image.jpg); background-repeat:no-repeat; height:303px; padding-left:630px; padding-top:105px; }
#about-page #content #vision p { width:370px; }
#about-page #header {
	background-image:url(../images/about_header_bg.jpg);
}




#email-form { float:left; width:500px; background-color:#000; }
#footer { clear:both; width:933px; margin:auto; padding-top:100px; padding-bottom:100px; }



/**  GALLERY  **/
#gallery-page {
	background-image:url(../images/schedule_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}
#gallery-page #content .photo { width:185px; height:115px; float:left; margin:0 5px 5px 0; }
#gallery-page #content .photo img { border:15px solid #000; }
#gallery-page #content { width:760px; margin:auto; margin-top:40px; }
#gallery-page #header { background:none; }



/**  SUPPORT  **/
#support-page {
	background-image:url(../images/schedule_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}
#support-page #content { width:760px; margin:80px auto;}
#support-page #header { background:none; }
#support-page p {font-size:13px; line-height:16px;}



/**  SCHEDULE  **/
#schedule-page {
	background-image:url(../images/schedule_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}
#schedule-page #header { background: none; margin-bottom: 80px; }
#schedule-page .show { width: 815px; margin: auto; }
#schedule-page .show img { margin-bottom: 10px; }
#schedule-page .hr { width: 1130px; display: block; margin:30px auto 40px auto; }
#schedule-page h2 { font-size: 18px; font-weight: normal; }



/**  CONTACT  **/
#contact-page {
	background-image:url(../images/contact-background.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}
#contact-page #header { background: none; }
#contact-page #content { width:1130px; margin: auto; }
#contact-page #content #contact-info { margin-left: 575px; width: 450px; padding-top: 120px; }
#contact-page #content #contact-info .title { margin-bottom: 40px; }
#contact-page #content #contact-info strong { color: #666; }
#contact-page #content #contact-info p.larger { font-size: 14px; }
#contact-page #content img.contact-hr { margin-bottom: 20px; }
#contact-page #footer { margin-top: 380px; }
#music { width:380px; float:left; margin-left: 30px; margin-top: 40px; }
#news { width:470px; margin-left:120px; float:left; overflow: hidden; }
#news ul { border-left:1px dotted #666; border-right:1px solid #666; }
#news ul li { font-size:15px; color:#666; border-bottom:1px dotted #666; padding-bottom:12px; padding-top: 12px; margin:0 10px; }
#news ul li:hover { background-color:#222; }
#news img { margin-left:12px; margin-top:50px; margin-bottom:50px; }
#page { width:1130px; margin:auto; z-index:99; position:relative; }
#pods { width:1130px; }
#pods img { float:left; }
#socialize { font-size:12px; width:150px; float:left; margin-bottom:50px; }
#socialize img.title { margin-bottom:16px; }
#socialize ul li { line-height:25px; vertical-align:middle; clear:both; }
#socialize ul li img { float:left; margin-right:1em; }
#team-column-1 strong,#team-column-2 strong { font-weight:normal; color:#999; }
#team-column-1 ul { margin-left:100px; }
#team-column-1,#team-column-2 { margin-top:50px; width:50%; float:left; font-size:13px; line-height:1.25em; }

/*#contact { width:270px; float:left; }*/
#contact img.title { margin-bottom: 16px; }

img#giving { padding-top: 30px; padding-bottom: 100px; }

div.sponsor_logo {float:left; display:inline; margin:0 10px 20px 0; height:150px; text-align:center;}
div.sponsor_title {float:left; display:inline; width:100%; margin:0 0 20px 0; height:50px; font-size:1.5em;}


/**  DONATE  **/
#donate-page {background:#000 url(../images/support_bg.jpg) top center no-repeat;}
	#donate-page #header {background:none;}
	#donate-page #content {position:relative; width:1130px; margin: auto;}
	#donate-page .wrapper {width:530px; margin-left:500px; margin-top:80px;}
	#donate-page .greybox {background:#292929; width:450px; padding:30px 65px; float:left;}
	#donate-page .black_header {background:#101010; padding:5px; color:#828886; font-size:10px; clear:left;}
	#donate-page .row { float:left; clear:left;}
	#donate-page .cell { float:left; margin-left:5px; margin-top:5px; }
	#donate-page .lbl {width: 100px; text-align:left; text-transform:uppercase;}
		#donate-page .lbl label {color:#828886; line-height:2em;}
	#donate-page .val {width:300px;}
		#donate-page .val input { width:150px; }
	
	#donate-page .submit {width:450px; text-align:right;}
	
	
/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	width:25px;
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
.even td { background-color:#CCC; padding-top:2px;}
.odd td { background-color:#FFF;}
.message {display:inline-block; color:#3583a1; cursor:pointer; border-bottom:solid 1px;}