/* _________________________________________________________________________

							0	reset
____________________________________________________________________________ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}table {border-collapse:collapse; border-spacing:0;}fieldset,img {border:0;}address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}q:before,q:after {content:'';}abbr,acronym {border:0;}

/* _________________________________________________________________________

							1	structure
____________________________________________________________________________ */
body {
	background: #000000 url(images/bg.jpg);
	color: #CCCCCC; 
	font: 12px Tahoma, Arial, Sans-serif;
}

#wrap {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 910px;
}

#header {
	background: black url(images/bg-header.jpg);
	margin: 0 auto;
	height: 204px;
	text-align: center;
	padding: 0;
}

#leftbar {
	float: left;
	width: 200px;
	vertical-align: top;
}

#rightbar {
	float: right;
	width: 150px;
	vertical-align: top;
}

#content { 
	float: left;
	width: 555px;
	padding: 10px 0;
}

#footer {
	text-align: center;
	margin: 0 auto;
	padding: 20px;
	clear: both;
	background: #232323 url(images/bg-footer.jpg) repeat-x;
}

/* _________________________________________________________________________

							3	navigation
____________________________________________________________________________ */

#menu {
	text-align: center;
	letter-spacing: 1px;
	position: absolute; 
	top: 162px;
	width: 100%;
}

#menu a {
	font: 16px Lucida Sans, Arial, sans-serif;
	font-weight: bolder;
	text-decoration: none; 
	padding: 13px;
	}

#submenu {
	margin: 0 auto;
	padding-top: 0;
	width: 900px;
	text-align: center;
	clear: both;
}

#submenu a {}
/* _________________________________________________________________________

							4	block pieces
____________________________________________________________________________ */

.title { /* For Box Titles */
	font-size: 15px;
	font-weight: bolder;
	color: #fff;
}
.subtitle {
	font-size: 11px;
	font-weight: bolder;
	color: #f2f2f2;	
	padding-top: 8px;
	border-bottom: 1px solid #5f5f5f;
}

#name {
	background: url(images/leftName.png) no-repeat;
	height: 86px;
	width: 184px;
	text-align: center;
	padding: 35px 0 0 0;
}

#round { /* Battle Timer */
	/*background: url(images/leftRound.png) no-repeat;*/
	width: 165px;
	text-align: center;
}
#round a {font-size: 9px;}



/* _________________________________________________________________________

							4.3	rankings
____________________________________________________________________________ */

/* Emperor */
#rank0 {
	background: url(images/rank0.png) no-repeat; 
	padding: 35px 0 0 80px;
	width: 157px; 
	height: 71px;
	font-size: 19px;
	}

/* Nobles */
#rank1, #rank2, #rank3, #rank4, #rank5 {
	padding: 12px 0 0 50px;
	height: 36px;
	width: 145px;
	margin-bottom: 10px;
	font-size: 14px;
	margin-left: 30px;
	}
	
#rank1 {background: url(images/rank1.png) no-repeat;}
#rank2 {background: url(images/rank2.png) no-repeat;}
#rank3 {background: url(images/rank3.png) no-repeat;}
#rank4 {background: url(images/rank4.png) no-repeat;}
#rank5 {background: url(images/rank5.png) no-repeat;}

#rank0 a {color: #000; text-decoration: none;}
#rank1 a {color: #000; text-decoration: none;}
#rank2 a {color: #000; text-decoration: none;}
#rank3 a {color: #000; text-decoration: none;}
#rank4 a {color: #000; text-decoration: none;}
#rank5 a {color: #000; text-decoration: none;}



/* _________________________________________________________________________

							4.5	sub boxes
____________________________________________________________________________ */

/* For Content */
.boxTop {background: url(images/boxTop.png) no-repeat; height: 18px;}
.boxMiddle {background: url(images/boxMiddle.png) repeat-y; color: #000; padding: 0 25px 0 15px;}
.boxMiddle p, .boxMiddle h3, .boxMiddle h1, .boxMiddle h2 {color: #000;}
.boxMiddle a:link {color: #3d3627;}
.boxMiddle a:active {color: #706247;}
.boxMiddle a:visited {color: #3d3627;}
.boxMiddle a:hover {color: #706247;}
.boxBottom {background: url(images/boxBottom.png) no-repeat; height: 29px;}

/* For Left Bar */
.infoTop {background: url(images/infoTop.png) no-repeat; height: 25px; width: 184px;}
.infoBottom{background: url(images/infoBottom.png) no-repeat; height: 25px; width: 184px;}
.infoMiddle {
	font: 12px Tahoma, Arial, Sans-serif;
	background: url(images/infoMiddle.png) repeat-y;
	width: 184px;
	color: #E8E8E8;
	padding: 0px 30px 0 15px;
}
.infoMiddle table {width: 150px; padding: 0;}
.infoMiddle table tr td {padding: 0;}

.name {
	background: url(images/name.png) no-repeat;
	height: 47px;
	width: 151px;
	padding-top: 15px;
}

/* For Little Boxes in Content */
.infoBox {
	text-align: center; 
	border: 1px dashed #9f8c6f; 
	background: url(images/shade2.png);
	padding: 10px; 
	width: 400px; 
	margin: 0 auto;
}
/* _________________________________________________________________________

							5	links / fonts
____________________________________________________________________________ */

a:link {  color: #fff; text-decoration: underline; font-weight: bold;}
a:active {  color: #fff;  text-decoration: underline; font-weight: bold;}
a:visited {  color: #fff; text-decoration: underline; font-weight: bold;}
a:hover {  color: #ccc; text-decoration: underline; font-weight: bold;}



p {color: #ccc;}
p.time {
	color: #ccc; 
	font-size:  20pt;
	margin: 0px;
	}

h1, h2, h3 {}
h1 {
	font:  24px Georgia, Times New Romans, Serif;
	background: url(images/h1.png) no-repeat;
	height: 61px;
	color: #202020;
	padding: 15px 0 0 15px;
}

h2 {
	font:  20px Georgia, Times New Romans, Serif;
	color: #202020;
}

h3 {
	font: 15px Georgia, Times new Romans, Serif;
	background: url(images/h3.png) no-repeat;
	height: 40px;
	font-size:  14pt;
	color: #202020;
	padding: 7px 0 0 15px;
	}

/* _________________________________________________________________________

							6	misc
____________________________________________________________________________ */

.block {display: block; margin: 0 auto;}
.clear {clear: both;}
.top {vertical-align: top;}
.txtL {text-align: left;}
.txtR {text-align: right;}
.txtC {text-align: center;}
.txtUC {text-transform: uppercase;}
.txtCAP {text-transform: capitalize;}

.disable {color: gray;}
.h {color: #632b2b; font-weight: bolder;}

.flright {float: right;}
.flleft {float: left;}

.s, tr.s td {font-weight: bolder;}
.i {font-style: italic;}

.shade2 {background: url(images/shade2.png);}
.shade3 {background: url(images/shade3.png);}


.p {padding: 10px;}
.pt {padding-top: 10px;}
.pl {padding-left: 10px;}
.pr {padding-right: 10px;}
.pb {padding-bottom: 10px;}

.pmin, table.pmin tr td  {padding: 3px;}


.m {margin: 10px;}
.mt {margin-top: 10px;}
.ml {margin-left: 10px;}
.mr {margin-right: 10px;}
.mb {margin-bottom: 10px;}

em {font-style: italic;}
strong {font-weight: bolder;}


input, select, option {
	color: #52483a;
	font: 14px trebuchet MS, arial;
	padding: 2px 4px;
	background: #dfc7ab;
	height: 21px;
	border: 2px solid #484848;
	font-weight: bolder;
}

select {padding: 0px 2px; height: 27px;}
input.submit {
	background: #797979 url(images/texture-metal.jpg);
	color: #d1d1d1;
	font-weight: bolder;
	padding: 2px 6px;
	height: 35px;
}

input.submit:hover {
	background: #484848 url(images/texture-metal-2.jpg);
	cursor: pointer;
	color: #fff;
}


/* _________________________________________________________________________

							7	tables
____________________________________________________________________________ */
tr {vertical-align: top;}
table tr td {padding: 3px 5px;}

.middleSubmit{
	height:30px;
}