@import "UEx_reset.css";

HTML{ 
	height:100%; 
	font-family:verdana,  sans-serif;
	}

BODY{
	height:100%;
	vertical-align:top;
	background:url('/images/site/tile2.png') repeat-x top left #020202;
	}


	.noresult{color:#AAA;text-align:left}
	.clear{height:0px;clear:both;font-size:0px;}
	h1 {font-size:1.6em;font-weight:bold;font-family:arial;color:#0073df;margin-bottom:15px}
	h1 b {color:#777}
	h2, a.h2 {display:block;font-family:arial;font-weight:normal;font-size:1.5em;color:#555;margin:20px 0 10px 0}
	h2.letter{color:#777;border-bottom:1px solid #EEE;font-family:arial;font-weight:normal;font-size:2em;margin:20px 0 10px 0}
	h3 {font-family:arial;font-weight:normal;font-size:1.2em;color:#888;margin:20px 0 10px 0}
	h4 {font-family:arial;font-weight:normal;font-size:1.1em;color:#888;margin:0px 0 10px 0}
	a{color:#0073df;text-decoration:none;}
	a:hover{text-decoration:underline;}
	
	div.formbox {border:1px solid #FFF;background:#FFF;padding:10px 10px ;margin-top:10px;width:500px}
	div.formbox a.h2 {padding:10px;margin:-10px;display:block;color:#777}
	div.formbox a.h2:hover {color:#000;text-decoration:none}
	form {margin-top:10px}
	form table {width:100%}
	form td.saverow {text-align:right}
	form td.saverow input {margin:0px;color:#EEE;border:1px solid #222;background:#444}
	form td input.text , form td textarea{width:320px;border:1px solid #888}
	form td textarea {height:100px}
	form th { padding-right:5px; width:150px }
	form th, form td { padding-bottom:5px; }
	form th small { color:#AAA }
	
	
	#login{margin-top:20px}
	#login td{padding: 0 5px 5px 0}
	.upcomingdate {color:#999;font-family:arial;margin:10px 0 5px;font-size:1.2em}
	
	img.gallerythumb{border:3px solid #222;margin:5px;height:80px;}

#container{
	width: 900px;
	margin: 0 auto;

	}
#header{padding-top:20px;height:100px}
#header #location{margin-left:200px;color:#AAA;font-size:0.8em;margin-bottom:3px}
#header #location #bgbox{padding:5px 7px 7px;float:left;text-align:left;background:url('/images/site/92black.png');border:0px solid #002852;border-bottom:0px}
#header #location b{font-weight:normal;font-size:1.1em;color:#FFF}
#header #userinfo {position:absolute;top:0px;right:0px;color:white;font-size:0.8em;padding:10px;text-align:right;}
#header #userinfo #bgbox{padding:7px;text-align:right;background:url('/images/site/transpblack.png');border:1px solid #002852}
#header #userinfo a.secret{display:block;color:#373736;margin:-20px;padding:20px}
#header #userinfo a.secret:hover{color:#888}
#header #connectbox {margin:3px 3px 0px}

#nav{
	margin-top:30px;
	background:url('/images/site/nav_bottomcorner.jpg') no-repeat bottom left #242424;
	width:180px;
	float:left;
	padding-bottom:12px;}
	#nav ul{
		background:url('/images/site/nav_topcorner.jpg') no-repeat top left #242424;
		padding-top:12px;}
	#nav li{margin-left:12px}
	#nav a{	display:block;
			font-size:1.4em;
			font-family:arial;
			padding:2px 5px 2px 10px;
			text-decoration:none;
			color:#ccc;
			}
	#nav a:hover{color:#FFF}
	#nav a sup{color:#00c5ff;font-size:0.4em}
		#nav .active a{color:#333;background:url('/images/site/7px_topleft.png') no-repeat top left;padding-left:9px;padding-bottom:0px}
		#nav .active a sup{color:#333}
		#nav .active{padding-bottom:2px;background:url('/images/site/7px_bottomleft.png') no-repeat bottom left #CCC}
	
#content{
	float:right;
	width:720px;
	font-size:0.9em;
	}
	#content #top{background:url('/images/site/content_top.png') no-repeat top right;height:20px}
	#content #main{padding:0 20px;min-height:250px;background:#FFF;}
		#content #main .widetable{width:100%}
		#content #main .widetable .col1{width:60%}
		#content #main .widetable .col2{width:40%;border-left:2px solid #DDD;padding-left:20px}
		
		#content .calendar{width:230px;margin-top:20px;font-size:0.8em}
		#content .calendar th{width:14.28%;font-family:arial;color:#AAA;text-align:center}
		#content .calendar td{text-align:center;background-color:#d4d4d4;color:#FFF;padding:3px;border:2px solid #FFF}
		#content .calendar td.date{background-color:#656565;}
		#content .calendar td.today{background-color:#333;}
		#content .calendar td.eventday{padding:0px}
		#content .calendar td.eventday a{display:block;background-color:#008bf6;padding:3px;color:#FFF}
		

		
		#content .event{width:100%;margin-bottom:4px;border:1px solid #AAA;border-right:5px solid #222;background:#FAFAFA}
		#content .event .imagelink{display:block;width:50px;height:50px;}
		#content .event .info{vertical-align:middle}
		#content .event .info a.desc {display:block;color:#555;text-decoration:none;padding:3px 5px 5px 10px}
		#content .event .info a.desc strong{margin:0px 0px 5px 0px;font-size:1.5em;font-family:arial;color:#333}
		#content .event .info a.desc .desctext{display:block;margin-top:5px;font-size:0.8em;color:#777}
		#content .event .info a.desc:hover {color:#222}
		#content .event .info a.desc:hover strong {color:#02191F}
		#content .event .info a.desc:hover .desctext{color:#555}
		
		#content .error{border:1px solid red;background:#FFE7E7;padding:5px;margin-bottom:10px;color:red}
		#content .message{border:1px solid #22E32A;background:#EFFFF0;padding:5px;margin-bottom:10px;color:#158F00}
		#content .galleryinstruction{border:1px solid #00b0e4;padding:5px;background:#F9F9F9;font-size:1.2em;color:#333;font-family:arial;font-weight:normal}
		
		#content .bloglist a{display:block;padding:5px;color:#088FBF;border:1px dotted #CCC;border-width:1px 0;font-size:0.9em}
		#content .bloglist a.swap{color:#222}
		#content .bloglist a:hover{background:#EEE;text-decoration:none}
		#content .bloglist a.swap:hover{color:#088FBF}
		
		.ghost{display:none}
		#content #contact {border:1px dotted #CCC;background:#FAFAFA;border-width:1px 0;padding:10px 0;margin:10px 0;text-align:center}
		#content #contact table{width:630px;margin:0 auto}
		#content #contact th h3{margin:0 0 5px}
		#content #contact td{padding-bottom:5px}
		#content #contact td.leftcol {width:170px}
		#content #contact input,select {width:170px}
		#content #contact textarea{width:100%;height:200px;border:1px solid #AAA}


		#content .faqquestionbox {border:1px solid #EEE;border-left:5px solid #EEE;background:#FEFEFE;padding:7px;margin-bottom:5px}
		#content .faqquestionboxactive {border:1px solid #CCC;border-left:5px solid #CCC;background:#FEFEFE;padding:7px;margin-bottom:5px}
		#content .faqquestion {color:#00C4EB;border:0px}
		#content .faqanswer {color:#222;margin-top:5px}
		
		#content .adminoptions {border:1px solid #AAA;color:#EEE;margin-bottom:5px;padding:5px;}
		#content .adminoptions h2{margin-top:0px}
		#content .adminoptions a{display:block;margin-top:5px;border:1px solid #AAA;background:#F5F5F5;padding:5px;}
		#content .adminoptions a:hover{border:1px solid #222}
		
		#content #makecomment {margin-top:40px;padding:5px;background:#E7F6FF;border:1px solid #83D3FF}
		#content #makecomment a.top {display:block;padding:5px;margin:-5px;font-family:arial;font-size:1.5em;color:#222}
		#content #makecomment a.top:hover {color:#63B3EF;text-decoration:none}
		#content #makecomment a {color:#000}
		#content #makecomment table {width:460px;margin:0 10px;}
		#content #makecomment textarea {width:100%}
		#content #makecomment.unactive form {display:none}
		#content .comment {margin:10px 0 0 0;padding:5px;background:#F3FBFF;border: 1px solid #83D3FF; border-width: 1px 0}
		#content .comment .commentcontent {padding:10px}
		#content .comment .commentdate {float:right;font-size:0.8em}
		
		#content .confirmation {margin-bottom:20px}
		#content .confirmation th{padding:5px;color:#AAA;vertical-align:middle}
		#content .confirmation td{padding:5px}
		
		#content a.blogtitle {
			display:block;
			font-family:arial;
			font-weight:normal;
			font-size:1.5em;
			color:#555;
			margin:20px 0 5px 0;
			}
		#content a.blogtitle:hover{text-decoration:none;color:#00b0e4}
		#content .blogbottom {text-align:right;padding-top:5px;margin-top:5px;color:#AAA;border-top:2px dotted #EEE;font-size:0.8em}
		
		#content table.eventinfo {width:330px;font-size:1.2em;font-family:arial}
		#content table.eventinfo th {color:#AAA;width:50px;padding:0 20px 5px 0}
		#content table.eventinfo td {vertical-align:middle;text-align:justify;padding-bottom:5px}
		
		#content .buybox{
			font-family:arial;
			border:1px solid #AAA;
			margin: 10px 0; 
			padding: 10px; 
			color:#555;
			width:330px;
			background:#EEE}
		#content .seatsleft {border:1px solid red;color:red;padding:5px;font-size:1em;background:#FFEFEF;width:330px;font-family:verdana;margin-top:10px}
		#content .pricing{width:100%}
		#content .pricing th {padding-top:10px}
		#content .pricing td.main {width:134px;padding-top:10px}
		#content .pricing td.main #totalcell {border-top:2px solid #AAA;padding-top:10px;}
		#content .pricing td.main #total {margin-left:5px}
		#content .pricing .buyrow{width:;text-align:right;}
		
		#content table.padded td,th{padding:2px;}
		
		#letterlist{text-align:center;color:#AAA;padding:5px;border: 1px solid #DDD;margin-top:10px;border-width:1px 0;background:#FAFAFA;font-size:1.2em}
		#letterlist a{padding:5px;margin:-5px;}

	.bottomback {margin-top:30px;padding-top:5px;width:450px;text-align:left;border-top:0px solid #DDD;clear:both}
	.bottomback a{color:#00A3CF;font-size:1.3em;}
	.bottomback a:hover{text-decoration:none;color:#30849B}
		
	#content #bottom{background:url('/images/site/content_bottom.png') no-repeat bottom right;clear:left;padding-bottom:20px}
	#content #bottom  #bottompadding{text-align:right;background:#FFF;padding:50px 20px 0;}
	#content #bottom  #bottominner{border-top:1px dotted #AAA;padding-top:5px;font-size:0.8em;color:#777}
	#content #bottom  #bottominner a {color:#444}

	#footer {background:url('/images/site/720_rounded reflection.png') no-repeat top right #020202;margin-top:10px;padding:15px 10px;color:#333;height:60px;}
	#footer #logo{float:right}
	
	.ndec {text-decoration:none}
	.ndec:hover {text-decoration:none}