@charset "utf-8";
/* CSS Document */

a { color: #FFF; }

ul { padding: 0; list-style: none; }

* html, body { padding: 0; margin: 0; }
body { background: #bc831a url(../images/background.png); font-family: Verdana, Geneva, sans-serif; color: #EEE; }

#wrapper { width: 975px; margin: 1em auto; border: #111 solid; background: #1e4083 url(../images/fade.png) repeat-x; }
#header { width: 100%; }
	h1 { margin: 0; }
	h1 a { display:block; width: 100%; height: 150px; background: url(../images/banner.png) no-repeat; margin: 0; }
	h1 a span { display:none; margin: 0; padding: 0; }
h2 { padding-left: 50px; height: 30px; margin-top: 0; background: url(../images/h2bullet.png) left no-repeat; }
h3 { color: #FCC; }
	
#nav { float: left; padding: 170px 0 10px 0; margin: 0; width: 160px; background: #111 url(../images/logo.png) top no-repeat; }
#nav li { margin: 0; list-style: none; padding: 10px 0; margin: 5px 0; border-right: #111 solid; }
#nav li.selected { background: #1e4083; border-right: #1e4083 solid; }
#nav li a:hover { padding-right: 47px; background: url(../images/chopsticks.png) right no-repeat; }
#nav li.selected a:hover { background: none; }
#nav li a { color: #EEE; font-size:18px; text-decoration: none; padding: 10px; }
#nav li ul { padding-left: 10px; border: none; }
#nav li ul li { margin: 0; padding: 0; border-right: none; }
#nav li ul li a { font-size: 14px; padding: 0 10px; }

#body { background: url(../images/filler.png) left repeat-y; padding: .5em; }  
#pagecontent { padding: 0 20px; margin-left: 160px; color: #EEE; }
	
#footer { padding: 10px 0 10px 200px; clear: both; background: url(../images/filler.png) left repeat-y; }
	#footer p { padding: 0; text-align:center; font-size: 12px; color: #FFF; }
	#footer a { color:#3CF; text-decoration: none; }
	#footer a:hover { text-decoration: underline; }
	
/*td { color: #EEE; }*/
	
/* Other Stuff */

.clear { clear: both; }
.hide { display: none; }
.show { display: block; }


#imageContainer { height:350px; text-align: center; }  
#imageContainer img { display:none; border: #FFF solid;	
			position:absolute; 	
			top:0px; left: 50%;
			height:350px;
			margin-left: -220px;
			opacity: -0.01; } 

iframe { float: right; border: #FFF solid; width: 400px; height: 350px; margin-left: 15px; }

#contact ul { list-style: none; margin-left: 1em; padding: 0; }
#contact li { padding: 10px 0; }
#contact label { display: block; font-size: 12px;}

#gallery { margin: 0; padding: 0; }
#gallery li { display: inline; }
#gallery li img { width: 143px; }

#picviewer { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: url(../images/overlay.png); }
	#imgblock { position: relative; top: 50%; left: 50%; /*margin-left: -250px;*/ margin-top: -200px; /*width: 500px;*/ border: #FFF solid; background: #FFF; text-align: center; }
		#imgblock a { display: block; color: #000; text-align: right; }
		/*#imgblock ul { list-style: none; margin: 0; padding: 0; text-align: left; }
			#imgblock ul li { margin: .5em 0; }
				#imgblock ul li input { display: block; width: 97%;  }
				#imgblock ul li.x input { width: 100%; }
				#imgblock ul li label { font-size: 14px; color: #555; }*/

/* Add Blog */
.addblog { border: #000 1px solid; padding: 0 1em; margin: 1em 0; background: #DDD; }
.addblog ul { list-style: none; padding: 0 }
.addblog li { padding: 5px 0 }
.addblog label { font-size:14px; color: #555 }
.addblog input, .addblog textarea { display: block; width: 100%; }

/* Remove Blog */
.removeblog { border: #000 1px solid; padding: 0 1em; margin: 1em 0; background: #DDD; }
.removeblog ul { list-style: none; padding: 0 }
.removeblog li { padding: 5px 0 }
.removeblog label { font-size:14px; color: #555 }
.removeblog input, .removeblog textarea { display: block; width: 100%; }

/* Media Manager */
.mediamanager { border: #000 1px solid; padding: 1em;  margin: 0 0 1em 0; background: #DDD; }
.mediamanager * { color: #000; }
.mediamanager ul { list-style: none; padding: 0 }
.mediamanager li { padding: 5px 1em; }
.mediamanager img { width: 100%; }
.mediamanager label { font-size:14px; color: #555 }

.alert { display: block; font-size:14px; background: #FF9 url(../images/alert.png) left no-repeat; border: #900 2px solid; color: #F00; padding: 1em 1em 1em 40px; text-align: center }
.success { display: block; font-size:14px; background: #97FF97 url(../images/success.png) left no-repeat; border: #093 2px solid; color: #030; padding: 1em 1em 1em 40px; text-align: center }
.hot { padding-left: 25px; background: url(../images/chili.png) left no-repeat; }