* ============== Overall ============== */

html {
}


html
{	/* Force Vertical Scrollbar */
	/* IE */
	overflow-y: scroll; 
	/* Moz */
	height: 100%;
	padding: 0;
	margin: 0;
	font: 7.5pt 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

body
{
    background: url(http://www.whitehammer.net/testsite/skins/cnetheme/img/bg_1.jpg) #efefdf no-repeat center top fixed; }
	margin: 0;
	padding: 0;
	color:#444444;
	text-align: center;
}

hr
{
	border: 0;
	height: 1px;
	color: #cccccc;
	background-color: #cccccc;
}

a 		{ text-decoration:none; color:#7479AC; }
a:hover 	{ text-decoration:underline; }

h1 	{ font-size:250%; letter-spacing: -2px; font-weight:normal;}
h2
{
	font-size:200%; 
	letter-spacing: -1px;
	font-weight: normal;
	margin: 0px;
}

h3 	{ font-size:120%; margin:1em 1em 1em 0; letter-spacing: -1px; font-weight:normal; }
h4 	{ font-size:100%; font-weight:bold; margin:1.5em 1em 1em 0; }
h5 	{ font-size:95%; margin:1em 1em 1em 0; }
h6 	{ font-size:90%; margin:1em 1em 1em 0; }

.bbstyle1	{ font-size:160%; font-weight:bold; }
.bbstyle2	{ font-size:130%; font-weight:bold; }
.bbstyle3	{ font-size:120%; font-weight:bold; }
.bbstyle4	{ font-size:110%; font-weight:bold; }
.bbstyle5	{  }
.bbstyle6	{  }
.bbstyle7	{  }
.bbstyle8	{  }
.bbstyle9	{  }

#container
{
	background: #fefefc;
	text-align: left;
	margin: 0 auto;
	padding: 0px 0 0px;
	position: relative;
	width: 780px;
	border: 1px solid #888888;
	border-top: 1px #fefefc;
	border-bottom: 1px #fefefc;
}

#header
{
    border-top: 1px solid #888888;
    padding: 0;
	margin: 0;
	position: relative;
	height: 200px;
	background-image: url('img/logo_wotlk.jpg');
}

#nav
{
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0px;
	left: 20px;
}

#nav ul
{
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

#nav ul li
{
	display: inline;
	list-style-type: none;
}

#nav ul li a
{
	padding: 5px 15px 5px 10px;
	font-size: 1em;
	text-decoration: none;
	float: left;
	color: white;
}

#nav ul li a:hover
{
	padding: 5px 15px 5px 10px;
	background: #333;
	color: #eee !important;
	text-decoration: none;
}

#nav ul li a.active,
#nav ul li a.active:hover
{
	color: #333 !important;
	background: white;
	text-decoration: none;
}

#user
{
	margin:0;
	padding:2px;
	color:#888888;
	text-align:right;
	background-color:white;
	font-size:95%;
}

#user ul
{
	padding:2px;
	margin:0;
}

#user li
{
	display:inline;
	list-style:none;
	margin:0;
	padding:3px;
}

#title
{
	margin:20px 20px 12px 20px;
	font-size:200%;
	letter-spacing: -1px;
	font-weight: normal;
}

#subtitle
{
	margin:4px 20px 16px 20px;
	vertical-align:top;
}

#adminmenu
{
	margin:0 20px 2px 20px;
}

#main
{
	/* padding:16px 24px 16px 24px; */
	padding: 0px 10px 0px 10px;
	margin:0;
	vertical-align:top;
	background-color: #ffffff;
}

#side
{
	/* Empty for now */
}

#footer
{
    border-bottom: 1px solid #888888;
    border-top: 1px solid #888888;
	padding-top: 2px;
	padding-bottom: 5px;
	margin: 0px;
	margin-top: 0px;
	text-align: center;
	background: #f6f6ee;
}

small, strike
{
	color: #777777;
}

/* ============== Various ============== */

.disp		{ padding:12px; margin:0; }
.block		
{
	padding: 5px;
	margin: 10px 0px 10px 0px; /* IE Background bug hack */
	border:2px solid #cccccc;
	background-color: #F8F8F8;
	background-image: url('img/boxback.gif');
	background-repeat: repeat-x;
}
.block h4	{ margin-top:0; }
.error		{ padding:24px 8px 24px 8px; margin:0; color:#CC1212; font-weight:bold; font-size:110%; text-align:center; }
.codetitle	{ font-size:10px; color:#59739B; padding:2px; margin-top:5px; }
.code 		{ font-size:11px; color:#59739B; background-color:#EFF0C2; padding:2px; margin-bottom:5px; font-family:monospace; }
.valid 		{ height:48px; text-align:center; vertical-align:middle; }
.download 	{ font-size:110%; text-align:center; background-color: #E8E8E8; padding:16px; margin-top:16px; }
.paging		{ text-align:center; padding:12px; text-align:right; font-size:90%; }
.coltop		{ text-align:center; font-size:95%; color:#707070; }
.centerall 	{ text-align:center; }
.desc 		{ font-size:95%; padding:0px; color:#646464; }
.spoiler	{ padding:8px; margin:8px; border:1px dashed #CCCCCC; background-color:#DBE5E9; }
.bold		{ font-weight: bold; }
.odd		{ background-color: #F8F8F8!important; }
.even		{ background-color: #F8F8F8!important; }

li 		{ margin:2px; }

img		{ border-width:0; }

ul
{
	list-style-type:square;
}

ul.recruitment
{
	list-style-type: none;
	padding-left: 0px;
}
ul.recruitment li
{
	line-height: 20px;
}

form		{ margin:0; }
input
{
	border: 1px solid #cccccc;
	background-color: #ffffff;
	color: #444444;
}
select
{
	border: 1px solid #dddddd;
	color: #444444;
}

.colleft	{ float:left; margin:0px 4px 0px 4px; }
.colright	{ float:right; margin:0px 4px 0px 4px; }
.bar_front 	{ background-color:#92CC5E; border-right:0px solid #333333; padding:0; color:#DDDDDD; height:8px; }
.bar_back 	{ background-color:#EBECF1; border:1px solid #333333; margin:0 7px 0 7px; height:8px; }
.bbcodes a img  { border:1px outset #A0A0A0; background-color:#999BAC; }
.smilies a img  { border:0; background-color:transparent; }
.today		{ border:1px dashed #DDAA00; }
.signature 	{ color:#979797; font-size:100%; max-height:150px; overflow: auto; }
.signature a	{ color:#000000; }



/* ============== Tables ============== */

table td 	{ vertical-align:top; }
table.flat
{
	width:100%;
	margin:0;
	padding:0;
	border: 0;
	border-spacing: 0;
	border-color: transparent;
	border-collapse:collapse;
}
table.flat td
{
	padding:0;
	margin:0
}
table.main 	{ width:100%; margin:0; padding:4px; }
table.main td 	{ padding:4px; }
table.cells
{
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 2px solid #cccccc;
	border-spacing: 0px;
	border-collapse: collapse;
	
	/* Firefox hack */
	font: 7.5pt 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

table.cells td
{
	padding: 2px;
	margin: 0;
	border: 1px solid #cccccc;
	background-color: F8F8F8;
	background-image: url('img/boxback.gif');
	background-repeat: repeat-x;
}
table.list 	{ width:100%; margin:0; padding:5px; }
table.list td 	{ padding:12px; }

/* ============== News table ============== */

table.blocktable
{
	width: 100%;
	margin-top: 10px;
	padding: 0px;
	border: 2px solid #cccccc;
	border-spacing: 1px;
	background-color: #F8F8F8;
	background-image: url('img/boxback.gif');
	background-repeat: repeat-x;
	color: #666666;
}
table.blocktable td.title
{
	padding: 10px;
}
table.blocktable td.content
{
	padding: 0px 10px 0px 10px;
}
table.blocktable td.comments
{
	padding: 10px;
}


/* ==== Roster table ==== */
table.roster
{
	border-collapse: collapse;	
}

table.rosterheader h4
{
	margin: 0px;
}

table.roster td
{
	vertical-align: middle;
	text-align: left;
}

/* ==== Class Colors ==== */

.druid		{ color: #ff7c0a; }
.hunter		{ color: #aad372; }
.mage		{ color: #68ccef; }
.paladin	{ color: #f48cba; }
.priest		{ color: #000000; }
.rogue		{ color: #000000; }
.shaman		{ color: #00dbba; }
.warlock	{ color: #9382c9; }
.warrior 	{ color: #c69b6d; }