/* Main CSS */
body,html
{
	background-color:#c0ffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
}

h1
{
	font-family:"Times New Roman", Times, serif;
	font-size:2em;
	font-weight:bold;
}

h2
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:underline;
}

/*
// Heading
*/
.main-area
{
	margin:0 auto;
	width:1000px;
}

.banner
{
	margin-top:10px;
	background-image:url(../images/CalorNovusBanner1.jpg);
	width:1000px;
	height:195px;
	background-color:#c0ffff;
}

/* 
// Login
*/
.login
{
	position:relative;
	top:150px;
	float:right;
	margin-right:10px;
	font-size:.9em;
}

.login a
{
	text-decoration:none;
}

/*
// Search (on Right Sidebar)
*/
.search
{
	width:215px;
	float:right;
	margin-top:20px;
}

/*
// Top Menu
*/
.top-menu
{
	position:relative;top:175px;
	width:600px;
	margin:0 auto;
}

.top-menu ul
{
	list-style:none;
	padding:0;
	margin:0 auto;
}

.top-menu ul li
{
	padding:3px 5px;
	margin:3px 3px;
	border-left:#C64724 solid thick;
	float:left;
	background-color:#C64724;
	color:white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.top-menu ul li a
{
	text-decoration:none;
	color:white;
}

.top-menu ul li.active
{
	padding:3px 5px;
	margin:3px 3px;
	border-left:#c0ffff solid thick;
	float:left;
	background-color:#c0ffff;
	color:red;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

.top-menu ul li.active a
{
	background-color:#c0ffff;
	color:red;
	text-decoration:underline;
}

/* 
// Page Navigation
*/
.page-nav
{
	width:200px;
	float:left;
	background-color:#4ADEB4;
	margin-right:10px;
	margin-top:0;
	padding-bottom:10px;
}

.page-nav ul
{
	list-style:none;
	padding:0;
	margin:5px;
}

.page-nav a
{
	margin:5px;
}

/*
// Central page/content
*/
.main-text
{
	margin-top:20px;
}

.center-text
{
	float:left;
	width:550px;
}
/*
// Miscellaneous
*/
.dropcap
{
	font-size: 300%;
	float: left;
	font-family: colonna MT;
	font-style: italic;
}

/*
// Table styling (currently used in games)
*/
.tableone {width:570px; border-collapse:collapse; margin:0 auto;}
.tabletwo {width:540px; border-collapse:collapse;}
.th1 {width:55px;}
.th2 {width:151px;}
.th3 {width:131px;}
.th4 {width:147px;}
.th5 {width:215px;}

.td1 {width:41px;}
.td2 {width:146px;}
.td3 {width:146px;}
.td4 {width:147px;}
.td5 {width:171px;}

.tableone {background:#2554C7; border:1px solid #fff; color:#fff;}
.tableone td {border:1px solid #fff; color:#fff;}
.tableone tbody {background:#24C698; color:#000;}
.tableone caption {background:#c0ffff; color:red; font-size:1.2em; margin:0 auto;}
.tabletwo tr {vertical-align:top; }
.tabletwo td {background:#eee; color:#000; font-size:12px;}
.tableone th, .tabletwo th {text-align:left;}
.tabletwo tr.dk td {background:#ddd; color:#000;}

.innerb {height:20em; overflow:auto;}

/*
// Table styling (currently used in spells/library)
*/
.spells-outer{width:570px; border-collapse:collapse; margin:0 auto;}
.spells-inner {width:540px; border-collapse:collapse;}
.spells-th1 {width:220px;}
.spells-th2 {width:20px;}
.spells-th3 {width:40px;}
.spells-th4 {width:180px;}
.spells-th5 {width:40px;}

.spells-td1 {width:240px;}
.spells-td2 {width:20px;}
.spells-td3 {width:40px;}
.spells-td4 {width:200px;}
.spells-td5 {width:40px;}

.spells-outer {background:#2554C7; border:1px solid #fff; color:#fff;}
.spells-outer td {border:1px solid #fff; color:#fff;}
.spells-outer tbody {background:#24C698; color:#000;}
.spells-outer caption {background:#c0ffff; color:red; font-size:1.2em; margin:0 auto;}
.spells-inner tr {vertical-align:top; }
.spells-inner td {background:#eee; color:#000; font-size:12px;}
.spells-outer th, .tabletwo th {text-align:left;}
.spells-inner tr.dk td {background:#ddd; color:#000;}

.spells-innerb {height:20em; overflow:auto;}

.character-table
{
	border-collapse:collapse;
	margin-bottom:20px;
}

.character-table caption
{
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:10px;
}

.character-table tbody tr
{
	vertical-align:top;
}

.character-table tbody tr td
{
	padding:3px 10px;
}

.character-table thead tr th
{
	padding:3px 10px;
}

.character-list
{
	list-style:none;
}

.art-table
{
	border-collapse:collapse;
}

.art-table tbody tr th
{
	text-align:left;
	padding: 3px 10px;
}

.art-table tbody tr td
{
	text-align:left;
	padding: 3px 10px;
}

.art-table tbody tr.dk td {background:#ddd; color:#000;}
.art-table tbody tr.dk th {background:#ddd; color:#000;}
.art-table tbody tr th.gap {padding-left:40px;}