/*
	TAGS
*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, pre, form, fieldset, table, th, td 
{ margin:0; padding:0; }

html {
	background-color: #000;
	background-image: url(../img/bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	color: #fff;
	font-family: Tahoma;
	font-size: 11px;
	height: 100%;
}


table td { padding: 3px; }

img { border: none; }

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #aaaaaa;
	text-decoration: none;
}

label { display: block; }

input, textarea, select { outline: none; }

input[type="text"] { width: 600px; }

h2:first-child {
	background-image: url(../img/boxheader.png);
	color: #e6e6cf;
	font-size: 12px;
	padding: 6px;
	width: 716px;
}

	h2 a {
		color: #e6e6cf;
	}

tr.tabletop td {
	font-weight: bold;
}

img.flags { margin-bottom: -1px; }

/*
	INDEX
*/

div#wrapper {
	background-image: url(../img/banner.png);
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0px auto;
	min-height: 400px;
	width: 960px;
}
	
	div#header {
		height: 200px;
		width: 100%;
	}
		
		div#login {
			float: right;
			width: 200px;
			margin-right: 10px;
		}
		
			div#loginbox {
				background-image: url(../img/login/logbox.png);
				float: right;
				height: 55px;
				margin-right: 3px;
				padding: 0px 10px;
				width: 176px;
			}
				
			div#loginbox img { margin-top: 2px; margin-bottom: 3px; float: left; }
				
			div#loginbox input[type="text"], div#loginbox input[type="password"] {
				background-image: url(../img/login/input.png);
				background-color: transparent;
				border: none;
				color: #e8e7d5;
				font-size: 10px;
				height: 14px;
				margin: 0px 0px 3px 5px;
				padding: 0px 5px;
				width: 105px;
			}
			
			input#auto { cursor: pointer; }
			
		
			
			a#register {
				background-image: url(../img/login/register.png);
				float: left;
				height: 16px; 
				margin-right: 5px;
				width: 75px;;
			}
		
			div#loginbox input#login {
				background-color: transparent;
				background-image: url(../img/login/login.png);
				border: none;
				float: left;
				height: 16px;
				width: 75px;
			}
		
			div#logintop {
				background-image: url(../img/login/loginhead.png);
				float: right;
				margin-top: 122px;
				height: 23px;
				width: 200px;
			}
	
			div#loggedtop {
				background-image: url(../img/login/welcome.png);
				cursor: pointer;
				float: right;
				margin-top: 122px;
				margin-right: 1px;
				height: 23px;
				width: 198px;
			}	
			
			div#loggedbox {
				background-image: url(../img/login/avaterbox.png);
				float: right;
				overflow: hidden;
				height: 55px;
				margin-right: 2px;
				padding: 0px 8px;
				width: 179px;
			}
				div#avater { 
					float: left;
					height: 47px;
					margin: 3px 0px 0px 6px;
					width: 50px; 
				}
					
					div#avater img {
						height: 39px;
						margin-top: 4px;
						width: 38px;
					}
				
				div#link { float: left; width: 80px; }
				div#logout { float: left; text-align: right; width: 40px; }
				
				a#logout {
					background-image: url(../img/login/logout.png);
					float: left;
					height: 14px; 
					width: 40px;;
				}
		
		div#navigation { float: left; } 
		
		div#navigation li {
			float: left;
			font-weight: bold;
			list-style: none;
			padding: 0px 0px;
			text-align: left;
			width: 160px;
		}
			
			div#navigation ul { position: relative; }
			
			div#navigation li a {
				overflow: hidden;
				position: relative;
				outline: none;
			}	
			
			a#nav_home {
				background-image: url(../img/navsprite.png);
				float: left;
				height: 30px;
				text-indent: -999px;
				width: 160px;
			}
			
			a#nav_forum {
				background-image: url(../img/navsprite.png);
				background-position: -161px 0;
				float: left;
				height: 30px;
				text-indent: -999px;
				width: 160px;
			}
			
			a#nav_blog {
				background-image: url(../img/navsprite.png);
				background-position: -322px 0;
				float: left;
				height: 30px;
				text-indent: -999px;
				width: 160px;
			}
			
			a#nav_guild {
				background-image: url(../img/navsprite.png);
				background-position: -483px 0;
				float: left;
				height: 30px;
				text-indent: -999px;
				width: 160px;
			}
			
			a#nav_gallery {
				background-image: url(../img/navsprite.png);
				background-position: -644px 0;
				float: left;
				height: 30px;
				text-indent: -999px;
				width: 160px;
			}
			
			a#nav_video {
				background-image: url(../img/navsprite.png);
				background-position: -805px 0;
				float: left;
				height: 30px;
				text-indent: -999px;
				width: 160px;
			}
			
			a#nav_home:hover {
				background-image: url(../img/navsprite.png);
				background-position: 0px 92px;
			}
			
			a#nav_forum:hover {
				background-image: url(../img/navsprite.png);
				background-position: -161px 92px;
			}
			
			a#nav_blog:hover {
				background-image: url(../img/navsprite.png);
				background-position: -322px 92px;
			}
			
			a#nav_guild:hover {
				background-image: url(../img/navsprite.png);
				background-position: -483px 92px;
			}
			
			a#nav_gallery:hover {
				background-image: url(../img/navsprite.png);
				background-position: -644px 92px;
			}
			
			a#nav_video:hover {
				background-image: url(../img/navsprite.png);
				background-position: -805px 92px;
			}
			
			a#nav_home:active {
				background-image: url(../img/navsprite.png);
				background-position: 0px 61px;
			}
			
			a#nav_forum:active {
				background-image: url(../img/navsprite.png);
				background-position-x: -161px 61px; 
			}
			
			a#nav_blog:active {
				background-image: url(../img/navsprite.png);
				background-position: -322px 61px; 
			}
			
			a#nav_guild:active {
				background-image: url(../img/navsprite.png);
				background-position: -483px 61px; 
			}
			
			a#nav_gallery:active {
				background-image: url(../img/navsprite.png);
				background-position: -644px 61px; 
			}
			
			a#nav_video:active {
				background-image: url(../img/navsprite.png);
				background-position: -805px 61px; 
			}
			
			ul#navhome a#nav_home {
				background-image: url(../img/navsprite.png);
				background-position: 0px 30px;
			}
			
			ul#navforum a#nav_forum {
				background-image: url(../img/navsprite.png);
				background-position: -161px 30px;
			}
			
			ul#navblogs a#nav_blog {
				background-image: url(../img/navsprite.png);
				background-position: -322px 30px;
			}
			
			ul#navtheguild a#nav_guild {
				background-image: url(../img/navsprite.png);
				background-position: -483px 30px;
			}
			
			ul#navgallery a#nav_gallery {
				background-image: url(../img/navsprite.png);
				background-position: -644px 30px;
			}
			
			ul#navvideos a#nav_video {
				background-image: url(../img/navsprite.png);
				background-position: -805px 30px;
			}
		
		
	div#content {
	}
		
		
		div#content div#maincon {
			background-image: url(../img/content-box-bg.png);
			border: 1px solid #000;
			float: left;
			margin: 10px;
			min-height: 500px;
			padding: 10px;
			width: 708px;
		}
		
			div#content div#maincon h2 {
				margin: -10px 0px 10px -10px;
			}
			
			div#content div#maincon ul, div.fullcontent ul  { margin: 10px 0px 10px 30px; }
		
		div#content div#sidebar {
			float: left;
			margin-top: 10px;
			width: 200px;
		}
		
			div#content div#sidebar div.box { 
				background-image: url(../img/content-box-bg.png);
				border: 1px solid #000;
				margin-bottom: 10px;
				padding: 10px;
			}
		
			div#content div#sidebar h2 {
				margin: -10px 0px 10px -10px;
				width: 186px;
			}
			
			div#content div#sidebar li {
				list-style: none;
			}
		
		div.fullcontent {
			background-image: url(../img/content-box-bg.png);
			border: 1px solid #000;
			float: left;
			margin: 10px;
			min-height: 500px;
			padding: 10px;
			width: 920px;
		}
			div.fullcontent h2 {
				margin: -10px 0px 10px -10px;
				width: 928px;
			}
		
	div#footer 
	{ 
		background-image: url(../img/footer.png);
		background-repeat: repeat-x;
		float: left;
		width: 100%; 
	}
	
		div#footer div.box {	
			float: left;
			padding: 50px 24px 120px 16px;
			text-align: center;
			width: 161px;
		}
		
		div#footer div.box:first-child { text-align: left; padding-left: 6%; padding-right: 6%; width: 268px; }
		
		div#footer div.box:last-child { text-align: right; padding-left: 6%; padding-right: 6%; width: 258px; }
		
			div#footer h3 { margin-bottom: 5px;}
		
			div#footer div.box li { list-style: none; }

/* Chatbox */

div.chatmsg {
	border-bottom: 1px solid #e6e6cf;
	float: left;
	padding: 5px 0px;
}

/* Comments */

div.cmt {
	border-bottom: 1px dashed #fff;
	border-top: 1px dashed #fff;
	margin: -1px 0px 0px 0px;
}
	
	div.topcmt { padding: 5px; }
	
		div.topcmt h3 { float: right; font-size: 20px; }
	
	div.concmt { padding: 5px; }
	
	div.botcmt { padding: 5px; }
	
h3.cmthead {
	margin-top: 10px;
}
	
textarea#cmtcon {
	margin: 10px 200px;
	height: 100px;
	width: 300px;
}

input#addcmt {
	margin: 0px 310px;
}

div.cmtchars {
	margin: -5px 200px 5px 200px;
	font-size: 10px;
}

img.cmtava {
	max-width: 50px;
	max-height: 50px;
}


/*Form tables*/

table#formpost {width: 700px; }

table#formpost td { vertical-align: top; padding: 10px; }

table#formpost td textarea { height: 60px; width: 602px; }

img.avater { margin: 3px 0px; }