/* 
CSS Document for OC
Revision: 21/07/08
*/

@import "lib/reset.css";
body{
	background: #000;
	font-family: Arial, sans-serif; 
	font-size: 12px;
	line-height:17px;
	color: #fff;
	text-align:center;
}
a:link, a:active, a:visited {
	color: #926e41;
	text-decoration: none;
}
a:hover {	text-decoration: underline; }
div#container{min-width:760px;text-align:left;margin:0 auto}
div#wrapper{float:left;width:100%;margin-right:-220px}
div#content{margin:0 240px 0 20px; text-align:center;}
div#navigation{float:right;width:210px;margin-right:10px;display:inline}
div#header { height: 60px;}
div#header h1,div#footer p{padding-left:20px}
div#footer{clear:both;width:100%; padding-top: 70px;text-align:center;}
#menu a {
	border-bottom:1px solid #999;
	text-align:right;
	display:block;
	padding:0 10px 0 12px;
	line-height:33px;
}
#menu a.first {	border-top:1px solid #999;}
#menu a:hover {	background: #333;}
.back {text-align:left; margin:20px 10px;}
.back img {vertical-align:middle;}

.left {float: left;}
.right {float:right;}


/* =INTRO
   ----------------------------------------------------*/
body.intro { text-align: center;}
#wrap { 
position:absolute;
top:50%; left:50%;
margin: -285px 0 0 -365px;
width:730px;
height:570px;
}
.enter { margin: 16px 0 0 0; }
.enter a { font-size:16px; }
.notes { margin:32px 0 0 0;	color: #666; line-height: 18px;}

/* =DAY
   ----------------------------------------------------*/
#day {
	background: url(../img/dayofblood_cover.jpg) no-repeat top center;
	width:780px;
	margin:0 auto;
}
#left, #right {margin: 490px 10px 0 10px;}
#left {width:356px; float:left; border-left: 1px solid #FFF; padding:0 0 22px 12px; text-align:justify; }
#right {width:330px; float:right; text-align:right; border-right: 1px solid #FFF; padding:0 12px 0 0; }
#right ul.bold {font-weight: bold;}
#right ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	}
#right li {padding: 5px 0 6px 0;}
#orders { text-align:center;}
#orders .paypal {width:420px; margin:0 auto;padding-top: 40px; font-size:14px; font-weight:bold; color:#D66161;}
#orders .paypal .button, #orders .paypal .others {width: 208px}
#preview{ padding:40px 0 60px 0; text-align:center; }
#preview img {border: 1px solid #ccc; }
#preview .title img{text-align: center; border:none;}
#preview p {padding-top:20px; }
.firstimage, .secondimage, .thirdimage{ width:222px;}
.firstimage{float:left; }
.secondimage{ margin: 0 auto;}
.thirdimage{float:right;}
#dayfooter{background:url(../img/bottom.jpg) no-repeat top center; height:160px; margin-bottom: 40px;}