#codex 
{
	position: absolute; 
	left: 10px; 
	right: 10px; 
	top: 0px; 
	bottom: 0px; 
}

#codex .content 
{ 
	top: 22px; 
	bottom: 44px; 
	padding-top: 20px; 
	padding-left: 20px; 
	padding-right: 20px; 
} 

#codex .codex-entry
{
	max-width: 800px; 
	margin: auto; 
	margin-bottom: 20px; 
}

#codex .codex-entry p { margin-bottom: 20px; }

#codex .codex-icon 
{ 
	float: left; 
	margin-right: 5px; 
}

#codex .codex-body, #codex .codex-date { margin-bottom: 20px; }

#codex .codex-body img, #codex .codex-entry .video 
{
	border: 1px white solid; 
	box-shadow: 5px 5px 5px rgb(0, 0, 0); 
}

#codex .codex-body .no-deco 
{
	border: none; 
	box-shadow: none; 
}

#codex .codex-entry .video 
{ 
	width: 560px; 
	margin: auto; 
}

#codex .codex-date
{
	font-weight: bold; 
	font-style: italic; 
	color: rgb(255, 204, 102); 
}

#codex ul, #codex .summary
{
	margin-left: 100px; 
	margin-bottom: 20px; 
}

#codex ul ul, #codex .summary ul
{
	margin-left: 30px; 
	margin-bottom: 10px; 
}

#codex .summary, #codex .summary ul { list-style-type: none; }

#codex .table-border
{
	background-image: linear-gradient(to bottom, rgb(40, 40, 40) 0%, 
												rgb(20, 20, 20) 100%);
	padding: 4px; 
	border-radius: 4px; 
	border-left: 3px solid rgb(60, 60, 60); 
	border-top: 3px solid rgb(60, 60, 60); 
	border-right: 3px solid rgb(0, 0, 0); 
	border-bottom: 3px solid rgb(0, 0, 0); 
}

#codex table 
{
	width: 100%; 
	border-collapse: collapse; 
}

#codex th, #codex td 
{ 
	padding: 10px; 
	border: rgb(100, 100, 100) 1px solid;
}

#codex th 
{
	background-image: -webkit-linear-gradient(top, rgb(40, 40, 40) 10%, 
												rgb(65, 65, 65) 45%, 
												rgb(20, 20, 20) 50%, 
												rgb(35, 35, 35) 100%);
	background-image: linear-gradient(to bottom, rgb(40, 40, 40) 10%, 
												rgb(65, 65, 65) 45%, 
												rgb(20, 20, 20) 50%, 
												rgb(35, 35, 35) 100%);
												
	text-aligne: center; 
	text-shadow: 0px 2px 5px rgb(0, 0, 0); 
}

#codex td 
{
	background-image: linear-gradient(to bottom, rgb(50, 50, 50) 0%, 
												rgb(20, 20, 20) 100%);
}

#codex tr:hover td
{ 
	background-image: linear-gradient(to bottom, rgb(80, 80, 80) 0%, 
												rgb(50, 50, 50) 100%);
}