html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:auto;
	padding-bottom: 80px;}  /* must be same height as the footer */

.embedded #main
{
    padding-bottom: 0px;
}
* {
  box-sizing: border-box;
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}


body{
	background:#e4e0d4 url('img/bg.png') repeat-x;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:90%;
	color:#82817f;}
	
.content{
	width:940px;
	margin:auto;}
	
.clear{
	clear:both;}
	
a:link{
	color:#FFF;
	text-decoration:none;}
a:visited{
	color:#FFF;
	text-decoration:none;}
a:hover{
	text-decoration:underline;}

h2{
	text-transform:uppercase;
	margin:6px 0;
	font-size:1.1em;}
	
sup{
	font-size:xx-small; 
	vertical-align:top;
}
	
	
input.text,
select{
	padding:2px;
	border:0;}
	
.shadow {
  box-shadow: 3px 3px 10px #000;
  -moz-box-shadow: 3px 3px 10px #000;
  -webkit-box-shadow: 3px 3px 10px #000;
}

#info{
	background:#363533;
	text-align:center;
	position:absolute;
	font-size:19px;
	font-weight:bold;
	width:100%;
	padding:30px 0 4px 0;
	color:#cca77d;
	border-bottom:1px solid #cca77d;
	z-index:1000;}
	#info img{
		margin-right:10px;
		margin-bottom:-3px;}
	#info a{
	    display:block;
	    text-align:center;
	    font-size:12px;
	    margin-top:20px;}
		


	
	div.broken,
	div.missing {
		margin: auto;
		position: relative;
		top: 50%;
		width: 193px;
	}
	div.broken a,
	div.missing a {
		height: 63px;
		position: relative;
		top: -31px;
	}
	div.broken img,
	div.missing img {
		border-width: 0px;
	}
	div.broken {
		display: none;
	}

	
button
{
    cursor:pointer;
	color:#a7382c;
    background:none;
    border:0;
	font-family: Impact, Charcoal, sans-serif;
	text-transform:uppercase;
	text-shadow: #5d2020 1px 1px;
	font-size:1.8em;}


	

	
	
	
#header h1{
	background:url(img/logo.jpg);
	width:147px;
	height:45px;
	text-indent:-9999px;
	float:left;}
	#header #fileactions{
		background:#592221;
		float:right;}
	#header #fileactions li{
		font-size:0.8em;
		text-transform:uppercase;
		float:left;
		padding:5px;
		margin-left:54px;}
	#header #fileactions li.first{
		margin-left:0;}
		#header #fileactions a:link{
			color:#FFF;}
		#header #fileactions a:visited{
			color:#FFF;}
	#header span
	{
	    color:#592221;
		margin-top:4px;
		float:right;}
	#header #projectname b
	{
	    color:#592221;
	}
			
#history
{
	padding-top:20px;
	margin-bottom:10px;}
.embedded #history{
	padding-top:5px;
	margin-bottom:3px;}
	#history li
	{
	    font-family: Impact, Charcoal, sans-serif;
		text-transform:uppercase;
		text-shadow: #5d2020 2px 2px;
		font-size:2em;
		float:left;
		margin-left:30px;}
		#history li.first{
			margin:0;}
		#history li span{
			margin-right:20px;}
			#history a:link{
				color:#a7382c;
				opacity:0.5;}
			#history a:visited{
				color:#a7382c;
				opacity:0.5;}
			#history .active a:link{
				color:#a7382c;
				opacity:1;}
			#history .active a:visited{
				color:#a7382c;
				opacity:1;}
		

			


#navigation{
	margin-top:30px;
	text-align:center;}
.embedded #navigation{
	margin-top:4px;}
	
	
#unityPlayer
{
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
}
	
#footer
{
    position: relative;
	color:#66543e;
	background:#5c1918 url('img/footer-bg.png');
	margin-top:20px;
	padding:8px;
	line-height:64px;
	margin-top: -80px;
	height: 64px;
	font-size:0.75em;
	clear:both;}
	#footer img{
		float:left;}
	#footer #links{
		float:left;
		width:500px;}
	#footer a{
		padding-left:20px;}
	#footer a:link{
		color:#a88f8f;}
	#footer a:visited{
		color:#a88f8f;}
	#footer #disclaimer
	{
	    text-align:right;
	    width:200px;
	    float:right;}