/* _________________________________________________________________________

							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: #333333 url(images/bg.jpg);
	color: #fff; 
	font: 12px Tahoma, Arial, Sans-serif;
}

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

#header {
	
	margin: 0 auto;
	height: 235px;
	text-align: center;
	padding: 0;
}

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

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

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

#footer {
	text-align: center;
	margin: 0 auto;
	padding: 20px;
	clear: both;
	background: #000;
}

#site_logo {display: none;}

/* _________________________________________________________________________

							3	navigation
____________________________________________________________________________ */

#menu {

	text-align: center;
	background: url(images/bg-nav.jpg) repeat-x;
	height: 50px;
	letter-spacing: 1px;
	position: relative; 
	padding-top: 15px;
	top: 0px;
	width: 100%;
}

#menu a {
	font: 16px Century Gothic, Apple Gothic, sans-serif;
	font-weight: bolder;
	text-decoration: none; 
	padding: 3px 15px;
	}
#menu a:hover {
	color: #fffde7;
	text-decoration: underline;
	}

#submenu {
	margin: 0 auto;
	padding-top: 0;
	width: 780px;
	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 10px;
	width: 242px; 
	height: 58px;
	font-size: 13px;
	text-indent: 105px;
	}

/* Nobles */
#rank1, #rank2, #rank3, #rank4, #rank5 {
	padding: 35px 0 0 10px;
	width: 242px; 
	height: 58px;
	margin-bottom: 10px;
	font-size: 13px;
	text-indent: 105px;
	}
	
#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: #fff; text-decoration: none;}
#rank1 a {color: #fff; text-decoration: none;}
#rank2 a {color: #fff; text-decoration: none;}
#rank3 a {color: #fff; text-decoration: none;}
#rank4 a {color: #fff; text-decoration: none;}
#rank5 a {color: #fff; text-decoration: none;}



/* _________________________________________________________________________

							4.5	sub boxes
____________________________________________________________________________ */

/* For Content */
.boxTop {background: transparent url(images/boxTop.png) no-repeat; height: 44px;}
.boxMiddle {background: transparent url(images/boxMiddle.png); color: #222; padding: 0 25px 0 15px;}
.boxMiddle p, .boxMiddle h3, .boxMiddle h1, .boxMiddle h2 {}
.boxMiddle a:link {text-decoration: none; color: #650000;}
.boxMiddle a:active {color: #fff;}
.boxMiddle a:visited {color: #fff;}
.boxMiddle a:hover {color: #b90000; text-decoration: underline;}
.boxBottom {background: transparent url(images/boxBottom.png) no-repeat; height: 46px; margin-bottom: 10px;}

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

.name {
	height: 47px;
	width: 140px;
	padding-top: 5px;
}

/* For Little Boxes in Content */
.infoBox {
	text-align: center; 
	color: #222;
	border: 1px dotted  #939493; 
	background: url(images/shade3.png);
	padding: 10px; 
	width: 400px; 
	margin: 5px auto 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.time {
	color: #ccc; 
	font-size:  20pt;
	margin: 0px;
	}

h1, h2, h3 {
	color: #fff;
	padding: 8px;
	background: url(images/h1.png) no-repeat;
}
h1 {

	font:  24px Century Gothic, Apple Gothic, sans-serif;
}

h2 {
	font: 15px Arial Narrow, Arial, sans-serif;
	font-weight: bolder;
}

h3 {
	font: 15px Arial Narrow, Arial, sans-serif;
	font-weight: bolder;
	}

/* _________________________________________________________________________

							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: #3d3d3d; 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: #f2f2f2;
	height: 21px;
	border: 2px solid #484848;
	font-weight: bolder;
}

select {padding: 0px 2px; height: 27px;}
input.submit {
	margin: 5px;
	background: #0f0f0f;
	color: #d1d1d1;
	font-weight: bolder;
	padding: 2px 6px;
	height: 35px;
}

input.submit:hover {
	cursor: pointer;
	color: #fff;
	border-color: #be2a2d;
}


/* _________________________________________________________________________

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

.middleSubmit{
	height:30px;
}