/****************************************

 *              Common Styles           *

 ****************************************/



body {

	font-family:"Trebuchet MS", verdana, sans-serif;

	font-size: 12px;

	line-height: 1.5em;

	color: #111;

	text-align: center;

	margin: 0; 

	padding: 0;

	background: #000 url(war-bg-main.jpg) repeat-y 50%;

	}



h1 {

	font-size: 14px;

	text-transform: uppercase;

	font-weight: bold;

	letter-spacing: 3px;

	margin:0;

	color: #fff;
	text-align: center;

}

h2 {

	font-size: 11px;

	text-transform:capitalize;

	font-weight: normal;

	letter-spacing: 3px;

	margin:0;

	color: #DFB801;
	text-align: right;
	padding-right: 10px;

}

h3 {

	font-size: 11px;

	text-transform:capitalize;

	font-weight:bold;

	letter-spacing: 2px;

	margin:0;

	color: #DFB801;

	border-bottom: 1px dashed #DFB801;

	padding-left: 2px;

}

h4 {

	font-size: 11px;

	margin: 0;

	padding-left: 5px;

	font-weight:normal;

}

a {

	color: #DFB822;

	text-decoration:none;

}

a:hover {

	color: #fff;

	text-decoration:underline;

}

select, textarea {

	color: #ffffff;

    font-size:11px;

	background-color: #000000;

	border: 1px solid #666;

	padding: 2px;

}

input {

	color: #fff;

    font-size:11px;

	background-color: #000000;

	border: 1px solid #666;

	padding: 2px;

}





/****************************************

 *          Wrap to Center all          *

 ****************************************/

#wrap {

	position: relative;

	margin: 0 auto;

	text-align: left;

	width: 810px;

	padding: 0 0px;

}



/****************************************

 *                Header                *

 ****************************************/	

 #header {

 	position: relative;

	margin: 0 auto;

	text-align: left;

	width: 810px;

	/*padding-left:50%;*/

	/*left: -375px;*/

	position:relative;

	

}



#logo {

	background: url(war-banner.jpg);

	height: 250px;

	padding: 0;

	margin: 0;

	}

#logo2 {

	height: 190px;

	padding: 0;

	}



#onlinebar, #navbar,#footer {

	color:#AAA;

	padding: 1px;

	/*background-color:#000;*/

	text-align:center;

	text-transform:uppercase;

	font-size:11px;

	}

#navbarshad {

	height: 18px;

	background: url(warheadershad.jpg);

	background-repeat:no-repeat;

	background-position:center;

	}

#onlinebar {

	text-align:left;

	padding-left: 10px;

	}

#navbar a, #onlinebar a{

	text-decoration:none;

	color:#DFB801;

	}

#navbar a:hover, #onlinebar a:hover {

	color:#ccc;

	text-decoration:underline;

	}



#guests {

	float:right;

   text-align:right;

   margin:0;

	}



/****************************************

 *         Set page layouts             *

 ****************************************/	

#main {

	margin: 0px 230px 0 20px;

	padding-top: 0px;

	text-align: left;

	height: 1800px;

	

	}



#comsbar {

	position: absolute;

	top: 0px;

	right: -100px;

	margin: 0;

	padding: 0px 10px;

	width: 210px;

	}

#pageheader {

	font-size:45px;

	height: 80px;

	padding-top: 10px;

	font-weight: bold;

	letter-spacing: 10px;

	color:#660000;

	text-transform:uppercase;

	font-family:"Times New Roman", Times, serif;

	text-align: center;

}

#pagehead {

	text-align: center;

	background-color: #000000;

	color: #DFB822;

	font-size: 45px;

	height: 50px;

}

/****************************************

 *         Set Coms bar style           *

 ****************************************/		



.com_header {

	font-size: 18px;

	text-transform: uppercase;

	font-weight: bold;

	letter-spacing: 4px;

	margin:0;
	margin-left: -1px;

	color: #DFB822;

	padding: 20px 5px 20px 5px;

	height:8px;

	text-align:center;

	background: url(war-comheader.jpg) no-repeat;

}



.com_main {

	padding: 5px 22px 5px 13px;

	background: url(war-commain.jpg) repeat-y;
	margin-left: -1px;

	color: #999;

}

.com_main h3 {

	color: #DFB822;

	border-bottom: 1px dashed #DFB822;

}

.com_footer {

	padding: 2px 22px 2px 13px;

	height: 40px;
margin-left: -1px;
	background: url(war-comfooter.jpg)  no-repeat bottom left;

}

.com form {

	margin: 0px;

	padding: 0px;

}

.com input {

	width: 160px;

	margin: 2px;

	border: 1px solid #666;

	color: #aaa;

}



.com input[type=submit] {

	width: 166px;

}

/****************************************

 *         Set dialog style             *

 ****************************************/	

.dialog {

	width:628px;
}

.member-war {
background: url(war-memberbg.jpg) repeat-y 50%;
}

.dialog .dialog_header {

	background: url(war-bgtop.jpg) no-repeat;

	padding: 20px 15px 15px 20px;

}



.dialog .dialog_body {

	background: url(war-bgmid.jpg) repeat-y;

	padding: 5px 15px 5px 15px;
	margin-left: 4px;

	color: #ccc;

}

.dialog_body input {

	width: 360px;

	color: #DFB801;

}

.dialog_body img {

	/*float:right;

	width: 110px;

	height: 110px; */

}

.members-image {
	float:right;
}

.dialog_body li {

	list-style: square outside;

	color: #DFB801;

}

.dialog_body li p {

	color: #ccc;

}

.dialog .dialog_footer {

	background: url(war-bgbottom.jpg) no-repeat ;
height: 52px;


	padding: 5px 25px 0px 15px;

	color: #ccc;

}

.dialog .dialog_footer {
margin-left: -2px;

}

.dialog_footer-text {
padding-left: 15px;
margin-bottom: 10px;

}

.dialog_header input {

	font-size: 14px;

	text-transform: uppercase;

	font-weight: bold;

	letter-spacing: 5px;

	color: #fff;

	width: 390px;

	border: none;

}

.dialog_footer input {

	width: 360px;

	color: #fff;

}

.dialog_footer textarea {

	width: 360px;

	height:100px;

}

.dialog_body textarea{

	width: 360px;

	height:200px;

	color: #ccc;

}

a.Epic {

	color: #A434EE;

}

/****************************************

 *            Page Specific             *

 ****************************************/		

 

 

Div.profile {

	background-color:#333333;

	width: 310px

}

.news-header {
	color: #FF6600;
	font-weight: bold;
}

.media {
	width: 480px;
	height: 360px;
	}