/* R.O.H.A.N.:Blood Feud - Rise of the Elements */
/* author: Brian Clark - July 7, 2011 */

/* Body */
body, div, dl, dt, dd, ul, li, p, hr{margin:0; padding:0;}
body { background-color:#000; text-align:center; margin: 0px auto; font-family: verdana, tahoma, arial, san-serif; font-size: 12px; color: #fff;}
.bgMain { background: #000 url('images/bg-main.jpg') no-repeat top center;  }
.bgScreenshots { background: #000 url('images/bg-screenshots.jpg') no-repeat top center;  }
.bgHonor { background: #000 url('images/bg-honor.jpg') no-repeat top center;  }
.bgLevel { background: #000 url('images/bg-level.jpg') no-repeat top center;  }
.bgTownship { background: #000 url('images/bg-township.jpg') no-repeat top center; }
.bgDungeon { background: #000 url('images/bg-dungeon.jpg') no-repeat top center;  }


#wrapper { width: 1072px;  margin: 0px auto; border: 0px #fff solid; }
.mainHeight { height: 821px; }
.screenshotsHeight { height: 1288px; }
.honorHeight { height: 857px; }
.levelHeight { height: 716px; }
.townshipHeight { height: 1100px; }
.dungeonHeight { height: 1353px; }

/* Nav */
.navDl { width: 1072px; height: 177px; float: left; cursor-style: pointer; }
.nav1 { width: 111px; height: 177px; float: left; }
.nav2 { width: 159px; height: 177px; float: left; }
.nav3 { width: 137px; height: 177px; float: left; }
.nav4 { width: 113px; height: 177px; float: left; }
.nav5 { width: 153px; height: 177px; float: left; }
.nav6 { width: 138px; height: 177px; float: left; }
.logo { width: 256px; height: 177px; float: left; }
.goHome { width: 152px; height: 38px; float: left; margin: -177px 0 0 854px; }

/* Main Page SubNav */
.mainNavDl { width: 949px; height: 475px; float: left; cursor-style: pointer; padding: 0 0 0 57px; }
.mainNav1 { width: 237px; height: 475px; float: left; }
.mainNav2 { width: 237px; height: 475px; float: left; }
.mainNav3 { width: 237px; height: 475px; float: left; }
.mainNav4 { width: 237px; height: 475px; float: left; }

/* Honor System */
.honorDl { width: 1073px; height: 857px; float: left; cursor-style: pointer; background: url('images/content-honor.gif') no-repeat top center; }

/* Township Battle Revision */
.townshipDl { width: 1073px; height: 1100px; float: left; cursor-style: pointer; background: url('images/content-township.gif') no-repeat top center; }

/* Elemental Dungeon */
.dungeonDl { width: 1073px; height: 1353px; float: left; cursor-style: pointer; background: url('images/content-dungeon.gif') no-repeat top center; }

/* Level Cap Increase */
.levelDl { width: 1073px; height: 716px; float: left; cursor-style: pointer; background: url('images/content-level.gif') no-repeat top center; }
#skillTable { width: 356px; float: left; margin: 0px 0 0 150px; }
#skillTable2 { width: 356px; float: left; margin: 0px 0 0 15px; }
.skillTitles { width: 356px; height: 40px;  background: #27170a; float: left; color: #fdad4c; padding: 2px 0 0 0px; border-top: #703200 solid 1px; border-right: #703200 solid 1px; border-left: #703200 solid 1px; display: inline-block; }
.skillRowTop { width: 356px; background: #27170a; float: left; color: #fdad4c; border: #703200 solid 1px; }
.skillRow { width: 356px; background: #27170a; float: left; color: #fdad4c; border: #703200 solid 1px; border-top: 0px; }
.col1Title { width: 38px; height: 18px; background: #703200; float: left; margin: 0 0 4px 2px; padding: 10px 0; font-weight: bold; }
.col2Title { width: 99px; height: 18px; background: #703200; float: left; margin: 0 0 4px 2px; padding: 10px 0; font-weight: bold; }
.col3Title { width: 211px; height: 18px; background: #703200; float: left; margin: 0 0 4px 2px; padding: 10px 0; font-weight: bold; }
.col1 { width: 38px; float: left; margin: 0 0 0 2px; border-right: #703200 solid 0px; padding: 4px 0; }
.col2 { width: 97px; float: left; margin: 0; border-right: #703200 solid 0px; padding: 8px 2px 5px 2px; }
.col3 { width: 205px; float: left; margin: 0; padding: 8px 2px 5px 2px; }


/* Screenshots */
.screenshotsDl { width: 1073px; height: 1005px; float: left; cursor-style: pointer; background: url('images/content-screenshots.jpg') no-repeat top center; }
.mainScreen { width: 721px; height: 368; float: left; margin: 112px 0 0 174px; }
.thumbTop1 { width: 119px; height: 76px; float: left; margin: 79px 0 0 174px; }
.thumbTop { width: 119px; height: 76px; float: left; margin: 79px 0 0 33px; }
.thumb1 { width: 119px; height: 76px; float: left; margin: 33px 0 0 174px; }
.thumb { width: 119px; height: 76px; float: left; margin: 33px 0 0 33px; }

/* Copyright */
.copyrightDl { width: 800px; height: 70px; float: left; margin: 35px 0 30px 140px; }
.ynkLogo1 { width: 65px; height: 33px; float: left; cursor-style: pointer; }
.ynkLogo2 { width: 48px; height: 33px; float: left; margin-left: 25px; }
.legalText { width: 633px; height: 30px; float: left; margin-left: 25px; font-size: 10px; color: #888; padding: 6px 0; }

/* Class Styles */
a img { border: none; }
.bold { font-weight: bold; }
.white { color: #fff; }