/* global */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #40344d;
	font-family: Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: .8em;
}
img {
	border: 0;
}
a {
	color: #296acb;
}
a:hover {
	color: #1a4d99;
}
p {
	line-height: 1.4em;
	margin: 4px 0 12px 0;
}
p.readmore a {
	color: #942802;
	font-weight: bold;
}
p.readmore a:hover {
	color: #d14b1d;
}
hr {
	border: 1px solid #c5beb1;
	margin: 12px 0;
	padding: 0;
}
img.divider {
	padding: 10px 0 0 0;
}



/* structure */
#mainBG {
	background: #270b0b url(../images/backgrounds/mainBG.jpg) no-repeat top center;
	width: 100%;
}
#logoBox {
	margin: 0 0 0 210px;
	text-align: left;
}
#logoBG {
	background: url(../images/backgrounds/logoBG.png) no-repeat 237px 0;
	padding: 50px 0 15px 0;
}
#container {
	width: 1010px;
	margin: 0 auto;
	overflow: hidden;
}



/* content */
#contentContainer {
	float: left;
	width: 820px;
	overflow: hidden;
}
#content, #contentPlay {
	background: url(../images/backgrounds/contentBG.jpg) repeat-y;
	padding: 0 40px 20px 40px;
	overflow: hidden;
}
#contentPlay {
	padding: 0 30px 20px 30px;
	text-align: left;
}
#contentPlay h1 {
	font-size: 1.8em;
	color: #0369aa;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin: 0;
	padding: 0;
	font-weight: normal;
	border-bottom: 1px solid #c5beb1;
}
#contentFooter {
	background: url(../images/backgrounds/contentFooter.jpg) no-repeat;
	width: 820px;
	height: 80px;
	margin: 0 0 20px 0;
}


/* content home */
#homeAdvertTopper {
	background: url(../images/backgrounds/mastheadTop.gif) no-repeat bottom;
	width: 820px;
	height: 8px;
}
#homeAdvert {
	width: 820px;
	height: 337px;
	background: url(../images/backgrounds/actionHeader.jpg) no-repeat;
	text-align: left;
}
.createCharBtn a {
   height: 35px;
   width: 359px;
   overflow: hidden;
   background: url(../images/buttons/createCharBtn.gif) top left no-repeat;
   display: block;
   position: relative;
   left: 400px;
   top: 205px;
   border: 0;
}
.createCharBtn a:hover {
   background-position: bottom left;
}

#homeColL {
	width: 360px;
	margin: 0 20px 0 0;
	float: left;
	text-align: left;
}
#homeColR {
	width: 360px;
	float: left;
	text-align: left;
}
#homeColL h1, #homeColL h1.alt {
	font-size: 1.8em;
	color: #0369aa;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin: 20px 0 0 0;
	padding: 0;
	font-weight: normal;
}
#homeColL h1.alt {
	border: none;
}



/* login box home */
#loginBoxContainer {
	width: 360px;
	height: 162px;
	overflow: hidden;
	background: url(../images/backgrounds/loginBoxBG.gif) no-repeat;
}
form.login {
	margin: 45px 0 0 25px;
	line-height: 1.5em;
}
form.login .row {
	margin: 3px 0 0 0;
}
form.login .rowAlt {
	margin: 6px 0 0 0;
	font-size: .85em;
}
form.login span.row2 {
	float: left;
	width: 200px;
}
form.login label.col1 {
	float: left;
	width: 90px;
	font-weight: bold;
	color: #3a376b;
}

/* logout box home */
#logoutBoxContainer {
	width: 360px;
	overflow: hidden;
}
form.logout {
	margin: 3px;
	line-height: 1.5em;
}
form.logout .row {
	margin: 3px 0 0 0;
}
form.logout label.col1 {
	width: 240px;
	float: left;
	font-weight: bold;
	color: #3a376b;
}
form.login span.row2 {
	float: left;
	width: 100px;
}


/* sub content */
#subHead {
	width: 460px;
	height: 78px;
	background: url(../images/backgrounds/subHead.gif) no-repeat;
	text-align: left;
	padding: 58px 300px 0 60px;
}
#subHead h1 {
	color: #444444;
	margin: 0;
	font-size: 2.4em;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: normal;
	line-height: 1em;
}
#subHead h2 {
	color: #9b2f1a;
	margin: 0;
	font-size: 1.3em;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	line-height: 1em;
}
#subContentHead {
	background: url(../images/backgrounds/subContentHead.jpg) no-repeat;
	width: 820px;
	height: 44px;
}
#subColL {
	width: 520px;
	margin: 0 20px 0 0;
	float: left;
	text-align: left;
}
#subColL h1, #subColL h1.alt {
	font-size: 1.8em;
	color: #0369aa;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin: 0;
	padding: 0;
	font-weight: normal;
	border-bottom: 1px solid #c5beb1;
}
#subColL.alt {
	 border: none;
 }
#subColR {
	width: 200px;
	float: left;
	text-align: left;
}
#subColR h2 {
	font-size: 1.6em;
	color: #323623;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin: 0;
	padding: 0;
	font-weight: normal;
	line-height: 1em;
}



/* news box */
#newsContainer {
	background: url(../images/backgrounds/newsBG.jpg) no-repeat top left;
	padding: 20px 20px 0 20px;
	width: 320px;
}
#newsContainerAlt {
}
.newsBlock {
	border-bottom: 1px solid #bdbca6;
}
#newsContainerAlt .newsBlock {
	margin: 0 0 20px 0;
}
#newsContainer h2, #newsContainerAlt h2 {
	font-size: 1.4em;
	color: #8c2b09;
	font-weight: normal;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding: 20px 0 0 0;
	margin: 0;
}
#newsContainer h1, #newsContainerAlt h1 {
	color: #323623;
	border-bottom: 1px solid #b4b895;
	font-size: 1.8em;
	padding: 12px 0 0 0;
	font-weight: normal;
	margin: 0;
}
#newsContainer h3, #newsContainerAlt h3 {
	font-size: .85em;
	color: #202020;
	font-weight: normal;
	margin: 0 0 6px 0;
}
#newsContainer span.more a, #newsContainerAlt span.more a {
	color: #942802;
	font-weight: bold;
}
#newsContainer span.more a:hover, #newsContainerAlt span.more a:hover {
	color: #d14b1d;
}
#moreNews {
	background: url(../images/backgrounds/moreNewsBG.png) no-repeat left top;
	width: 300px;
	padding: 0 0 10px 20px;
}
img.fltL {
	float: left;
	padding: 0 10px 10px 0;
}
img.fltR {
	float: right;
	padding: 0 0 10px 10px;
}
p.newslinks {
	font-size: .9em;
}

/* newsfeed box */
.news-date {
	font-size: .85em;
	color: #202020;
	font-weight: normal;
	margin: 0 0 6px 0;
}

.news-caption {
	font-size: 1.4em;
	color: #8c2b09;
	font-weight: normal;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding: 10px 0 0 0;
	margin: 0;
}

.news-description {
	/* margin-bottom: 16px; */
	/* border-bottom: 1px solid #bdbca6; */
}

.news-game {
font-size: 12px;
margin-bottom:16px;
margin-top:0px;
font-weight:normal;
font-style:italic;
}



/* text list */
ul.textList {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.textList h2 {
	font-size: 1.4em;
	color: #8c2b09;
	font-weight: normal;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding: 20px 0 0 0;
	margin: 0;
}
ul.textList li {
	margin: 0 0 30px 0;
}


/* credits */
.sectionhead {
	font-size: 1.4em;
	font-size: bold;
	color: #8c2b09;
	border-bottom: 1px solid #b4b895;
	padding: 30px 0 0 0;
}
table.credtab h4 {
	margin: 0;
	color: #691717;
	font-size: 1.2em;
}


/* character stat boxes */
.characterStatContainer {
	background: url(../images/backgrounds/characterStatBG.jpg) no-repeat;
	width: 460px;
	padding: 30px 30px 0 30px;
	margin: 0;
	overflow: hidden;
}
.characterBoxFooter {
	background: url(../images/backgrounds/characterStatFooter.jpg) no-repeat;
	height: 40px;
	width: 520px;
	margin: 0 0 20px 0;
}
.characterBoxL {
	width: 200px;
	margin: 0 12px 0 0;
	float: left;
}
.characterBoxR {
	width: 248px;
	float: left;
}
.characterBoxR h2 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1.6em;
	color: #c74207;
	font-weight: normal;
	margin: 0;
}
.enlarge a {
   height: 21px;
   width: 138px;
   overflow: hidden;
   background: url(../images/buttons/enlargeImageBtn.gif) top left no-repeat;
   display: block;
}
.enlarge a:hover {
   background-position: bottom left;
}
table.stats {
	border: 0;
	width: 100%;
	margin: 20px 0 0 0;
	padding: 0;
}
table.stats tr {
	background: #e9f1f4;
}
table.stats tr.odd {
	background: #d4eaf5;
}
table.stats tr.blank {
	background: none;
}
table.stats td.column1 {
	padding: 3px 6px;
	margin: 0;
}
table.stats td.column2 {
	font-weight: bold;
	text-align: center;
	padding: 3px 6px;
	margin: 0;
}
table.stats td.statTab {
	background: url(../images/tabs/statisticsTab.gif) no-repeat;
	height: 21px;
}





/* top login box */
.droploginBtn a {
   height: 31px;
   width: 102px;
   overflow: hidden;
   background: url(../images/buttons/dropdownLogin.gif) top left no-repeat;
   display: block;
   position: relative;
   left: 700px;
   top: -19px;
   border: 0;
}
.droploginBtn a:hover {
   background-position: bottom left;
}
.droploginBase {
	background: url(../images/backgrounds/loginDropBase.png) no-repeat;
	width: 888px;
	height: 32px;
}
.droploginMain {
	width: 888px;
	height: 70px;
	overflow: hidden;
	background: url(../images/backgrounds/loginDropBG.jpg) no-repeat;
	display: none;
	color: #ffffd7;
	font-weight: bold;
}
#droploginContainer {
	z-index: 100;
	text-align: left;
	margin-left: -350px;
	position: absolute;
	top: 0;
	left: 50%;
}
table.droplogTab {
	margin: 10px 0 0 250px;
	height: 60px;
}
table.droplogTab td {
	padding: 0 6px;
	text-align: left;
}
table.droplogTab td.forgotPass, table.droplogTab td.forgotPass a {
	font-size: 11px;
	font-weight: normal;
	padding: 0;
	text-align: right;
	height: 10px;
    color: #ffffd7;
}


/* main nav */
#navContainer {
	float: left;
	width: 190px;
	margin: 30px 0 0 0;
}

#navFooter {
	background: url(../images/backgrounds/navBase.png) no-repeat;
	width: 190px;
	height: 23px;
	margin: 0 0 6px 0;
}
#nav {
	background: url(../images/backgrounds/navBG.jpg) repeat-y;
	width: 182px;
	padding: 10px 0 20px 8px;
	text-align: left;
	color: #fcf7ce;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
	font-size: 1.1em;
}
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 182px;
}
#nav ul li {
	border-bottom: 1px solid #5e493c;
	padding: 2px 0 2px 20px;
}
#nav ul li a {
	color: #fcf7ce;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
	text-decoration: none;
}
#nav ul li a:hover {
	color: #ffb273
}
#nav ul li.subtitle {
	padding: 20px 0 0 6px;
	border: 0;
}
#navPlay {
	background: url(../images/backgrounds/navHead.gif) no-repeat;
	width: 190px;
	height: 83px;
	overflow: hidden;
	text-align: left;
}
.playBtn a {
   height: 39px;
   width: 161px;
   overflow: hidden;
   background: url(../images/nav/playBtn.gif) top left no-repeat;
   display: block;
   position: relative;
   left: 13px;
   top: 8px;
}
.playBtn a:hover {
   background-position: bottom left;
}
#sideAdverts img {
	margin: 0 0 6px 0;
}
.sideEmphasis {
	padding: 6px 10px;
	width: 170px;
	background: #cad7e6;
	color: #323232;
	margin: 10px 0 0 0;
}




/* subnav */
ul.subnav {
	list-style: none;
	margin: 10px 0 20px 0;
	padding: 0;
}
ul.subnav li {
	border-bottom: 1px solid #bcbea0;
	font-size: 1.2em;
	font-weight: bold;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
ul.subnav li a {
	display: block;
	color: #8c2b09;
	text-decoration: none;
	padding: 4px 0 4px 10px;
	width: 190px;
	height: 100%;
}
ul.subnav li a:hover {
	background: #cad7e6;
	color: #323232;
}




/* footer */
#footerContainer {
	background: url(../images/backgrounds/footerBG.jpg) repeat-x;
	padding: 40px 0 0 192px;
}
#footer {
	margin: 0 auto;
	overflow: hidden;
	width: 820px;
	padding: 0 0 40px 0;
}
#footer ul {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	width: 120px;
	color: #f1f1f0;
	text-align: left;
	list-style: none;
}
#footer ul li {
	padding: 1px 0;
	margin: 0;
}
#footer ul a {
	color: #f1f1f0;
	text-decoration: none;
}
#footer ul a:hover {
	text-decoration: underline;
}
#footer li.subtitle {
	font-weight: bold;
	color: #f7f6d6;
	margin: 0 0 4px 0;
}
#copyright {
	margin-left: 360px;
	text-align: right;
	color: #f7f6d6;
	font-size: .9em;
	line-height: 1.5em;
}
#copyright a {
	color: #e7e7e7;
	text-decoration: none;
}
#copyright a:hover {
	text-decoration: underline;
}



/* forms */
form.basic {
	margin: 20px 0 0 0;
}
form.basic .row {
	margin: 6px 0 0 0;
}
form.basic span.row2 {
	float: left;
	width: 200px;
}
form.basic label.col1 {
	float: left;
	width: 150px;
	font-weight: bold;
	color: #333333;
}



/* clearing for the browsers
///////////////////////////////////*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */