html{
       color: #FFFFFF;
       background: #0F0F0F;
       margin: 0; padding: 0;
background-image: url(images/bg.png);
}

#doc {background-color: black;}

h1, h2 {
	color: #F0F0F0;
	font-size: 28px;
	line-height: 60px;
	margin: 0px;
	
}

h1 {font-size: 18px;}

h1 span {font-size: 26px;}

h1 a {color: white !important; text-decoration: none; width: 750px; display: block; }

#main a{color: yellow !important;}

#main p, li{font-size: 16px; line-height: 24px;}

h1 a:hover span{color: yellow !important;}

h3 {
	font-size: 20px;
}

#bd{
	background: url("images/nav_background.png");
	background-repeat: repeat-x;
	width: 100%;
}
#ft{
	text-align: center;
}

div#bd{
margin-bottom: 20px;
}

div#bd ul li{
	list-style: none;
	display: inline;
}
div#bd ul li a{
	width: 117px;
	font-size: 16px;
	line-height: 44px;
	display:block;
	float: left;
	text-align: center;
	text-decoration: none;
	color: #FFF;
        font-weight: bold;
}
div#bd A:hover{
	 background-color: #000;
}
div#bd A:active{
	 background-color: #000;
} 
div#ft {
	margin-top: 50px;
	padding: 10px;
	background-color: #222;
	color: #8f8F8F;
}
div#ft A:link { text-decoration: underline;color: #FFF; }
div#ft A:visited { text-decoration: underline;color: #FFF; }
div#ft A:hover { text-decoration: none;color: #8f8F8F;}
div#ft A:active { text-decoration: none;color: #8f8F8F;} 

div#info{ 

	background-repeat: no-repeat;
	padding-top: 30px;
	padding-left: 30px;
}

div#info p{
	line-height: 20px;	
}

div#rotate{
	float: right;
	margin-left: 20px;
}


div#bd ul li.selected a{
	color: #777;
       background: #eee;
}

.right{
	float: right;
	padding-left: 10px;
}

div#main{
	min-height: 400px;
}

div#video{
	text-align:center;
}

div#gallery{
	text-align:center;
}

div#gallery ul li{
	list-style: none;
	display: inline;
}
p#desc{
	text-align:center;
	margin-bottom: 30px;
}

.big {font-size: 135%;}

#theora {float: right; width: 310px; height: 223px;}

#watch {background-color: #222; text-align: center; padding: 24px; margin-top: 24px;}

#hidden p, #hidden a {color: black !important; font-size: 10px; line-height: 11px; text-align: center;}

#joshua {width: 640px; margin: 50px auto 0px auto; background-color: black !important; padding: 60px;}

#joshua p {color: #97c7d5; font-family: "OCRABold", monospace; text-transform: uppercase; font-size: 24px; line-height: 36px; font-weight: bold;}

.resources h3 {text-align: center; 	background: url("images/nav_background.png");
	background-repeat: repeat-x; line-height: 46px}

.resources h3 a {display: block;}

.quote {margin: 1em;}

.quote q {font-style: italic;}

.c {text-align: center;}

#video div a {color: blue !important;}