/* Meyer reset */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
  outline: 0;
  text-decoration: underline;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
  background: red;
  color:#fff;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/** BASIC */
body#front {background: #0a0a0a;}
body {background: #1a1a1a url(images/darkmedieval_main.jpg) no-repeat center top;}

/*** Front login page   ***/
#front {
background: transparent url(images/darkmedieval_front.jpg) no-repeat center top;
margin:0 auto;
min-height:730px;
width: 100%;
position:relative;
}
#frontnav {
  position: absolute;
  top:5px;
  right:280px;
}
#frontnav li{padding-right:20px;}
#frontnav ul li { display:inline; }
#online {
  background: transparent url(images/online.png) no-repeat left top;
  position: absolute;
  top:5x;
  left:280px;
  width:180px;
  height:25px;
  color: red;
  text-align:right;
}

.inputfront {
  width: 138px;
  margin-left: 10px;
  margin-top: 20px;
  padding-top: 7px;
  border: none;
}
#imageLogin { margin-left:70px; margin-right:20px; padding-top:10px;}

/** FORMS */
#loginfront
{
 position: absolute;
 top: 210px;
 right: 53%;
}
form {
	margin: 0px;
	padding: 0px;
}

label {vertical-align: bottom;}

.inputfront {
  width: 138px;
  margin-left: 10px;
  margin-top: 20px;
  padding-top: 7px;
  border: none;
}
#imageLogin { margin-left:70px; margin-right:20px; padding-top:10px;}
.input1 {
	width: 138px;
	height: 16px;
	margin: 0px;
	padding: 4px 0px 0px 4px;
	border: none;
	background: #371711 url(images/homepage08.jpg) no-repeat left top;
	font: normal 10px Georgia, "Times New Roman", Times, serif;
	color: #A78E91;
}


/*NAVIGATION
----------------------------------------------------------------------------------------------------*/
#topnav {
   width:100%;
}
ul#nav{
   clear:right;
   float:right;
   position:relative;
}
ul#nav li{
   display:block;
   float:left;
	width:138px;
	height:78px;
	position:relative;
}
ul#nav li a{display:block;}
ul#nav li a:hover {
  visibility: visible; /* This needs to be in place so that the images return to their non-hover state in IE */
}

ul#nav li a span{
	position:absolute;
	width:100%;
	height:100%;
  cursor: hand; /* This is so that the cursor still changes to a hand when you hover over the link in IE */
}

ul#nav li a.home span{background:url(images/home.jpg) top left no-repeat;}
ul#nav li a.home:hover span{background:url(images/home.jpg) bottom left no-repeat;}
ul#nav li a.forum span{background:url(images/forum.jpg) top left no-repeat;}
ul#nav li a.forum:hover span{background:url(images/forum.jpg) bottom left no-repeat;}
ul#nav li a.chat span{background:url(images/chat.jpg) top left no-repeat;}
ul#nav li a.chat:hover span{background:url(images/chat.jpg) bottom left no-repeat;}
ul#nav li a.tos span{background:url(images/tos.jpg) top left no-repeat;}
ul#nav li a.tos:hover span{background:url(images/tos.jpg) bottom no-repeat;}
ul#nav li a.rules span{background:url(images/rules.jpg) top left no-repeat;}
ul#nav li a.rules:hover span{background:url(images/rules.jpg) bottom left no-repeat;}
ul#nav li a.news span{background:url(images/news.jpg) top left no-repeat;}
ul#nav li a.news:hover span{background:url(images/news.jpg) bottom left no-repeat;}
ul#nav li a.help span{background:url(images/help.jpg) top left no-repeat;}
ul#nav li a.help:hover span{background:url(images/help.jpg) bottom left no-repeat;}
#home #nav a.home span, #forum #nav a.forum span,#chat #nav a.chat span, #tos #nav a.tos span,#rules #nav a.rules span, #news #nav a.news span,#help #nav a.help span{
	background-position:bottom left;
}

/** LINKS */
a {color: #83582A;}
a:hover {text-decoration: none;}
a.link1 {
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	color: #E7B851;
}
img { border: none; }
/***  Remainder of site  **/
#container {
  min-height:1220px;
  position:relative;	/* This fixes the IE7 overflow hidden bug */
  top: 300px;
  clear:both;
  float:left;
  width:100%;			/* width of whole page */
  overflow:hidden;		/* This chops off any overhanging divs */
}

/* common column settings */
#contentmid,
#contentleft {
  float:left;
  width:100%;			/* width of page */
  position:relative;
}

#content, #left, #right {
  float:left;
  position:relative;
  padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
  				only padding top and bottom is included here, make it whatever value you need */
  overflow:hidden;
}

	/* 3 Column settings */
	.threecol {
	}
	.threecol #contentmid {
		right:220px;			/* width of the right column */
	}
	.threecol #contentleft {
		right:740px;			/* width of the middle column */
	}
	.threecol #content {
		width:520px;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol #left {
		width:200px;			/* Width of left column content (column width minus padding on either side) */
		left:700px;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol #right {
		width:200px;			/* Width of right column content (column width minus padding on either side) */
		left:1240px;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}