html {min-height: 100%; background: url('../img/background.jpg') top center no-repeat #110000;}
body {margin: 0; font-family: tahoma, arial; font-size: 13px; color: #FFFFFF;}

.padding40 {padding: 40px;}
.padding20 {padding: 20px;}
.padding20h {padding: 20px 20px 0 20px;}
.padding15 {padding: 15px;}
.padding10 {padding: 10px;}
.padding5 {padding: 5px;}
.paddingSide {padding: 0 15px 0 15px;}
.clear {height: 1px; overflow: hidden; clear: both;}

.topHeader {height: 100px;}
.logo {width: 315px; height: 35px; margin: 0 auto 0 auto; background: url('../img/guide-logo.png') center no-repeat;}
.logo a {display: block; width: 315px; height: 35px; color: #000000; text-decoration: none;}
.logo a span {display: none;}

.navButtons {padding: 10px 0 20px 0; height: 31px;}
.navFloat {width: 630px; float: right;}
#mainNav {margin: 0; padding: 0; border: 0; height: 31px;}

#mainNav li.home {width: 80px; height: 31px; float: left; list-style: none; margin: 0 10px 0 0;}
#mainNav li.home a {display: block; width: 100%; height: 31px; background: url(../img/button-sprite.png) 0px -31px no-repeat;}
#mainNav li.home a:hover {display: block; width: 100%; height: 31px; background: url(../img/button-sprite.png) 0px 0px no-repeat;}
#mainNav li.home a span {display: none;}
#mainNav li.homeactive {width: 80px; height: 31px; float: left; list-style: none; margin: 0 10px 0 0;}
#mainNav li.homeactive a {display: block; width: 100%; height: 31px; background: url(../img/button-sprite.png) 0px 0px no-repeat;}
#mainNav li.homeactive a:hover {display: block; width: 100%; height: 31px; background: url(../img/button-sprite.png) 0px 0px no-repeat;}
#mainNav li.homeactive a span {display: none;}

#mainNav li.about {width: 90px; height: 31px; float: left; list-style: none; margin: 0 10px 0 0;}
#mainNav li.about a {display: block; width: 100%; height: 31px; background: url(../img/button-sprite.png) -100px -31px no-repeat;}
#mainNav li.about a:hover {display: block; width: 100%; height: 31px; background: url(../img/button-sprite.png) -100px 0px no-repeat;}
#mainNav li.about a span {display: none;}
#mainNav li.aboutactive {width: 90px; height: 31px; float: left; list-style: none; margin: 0 10px 0 0;}
#mainNav li.aboutactive a {display: block; width: 100%; height: 31px; background: url(../img/button-sprite.png) -100px 0px no-repeat;}
#mainNav li.aboutactive a:hover {display: block; width: 100%; height: 31px; background: url(../img/button-sprite.png) -100px 0px no-repeat;}
#mainNav li.aboutactive a span {display: none;}

#mainNav li.maps {width: 80px; height: 31px; float: left; list-style: none; margin: 0 10px 0 0;}
#mainNav li.maps a {display: block; width: 100%; height: 31px; background: url(../img/button-sprite.png) -210px -31px no-repeat;}
#mainNav li.maps a:hover {display: block; width: 100%; height: 31px; background: url(../img/button-sprite.png) -210px 0px no-repeat;}
#mainNav li.maps a span {display: none;}
#mainNav li.mapsactive {width: 80px; height: 31px; float: left; list-style: none; margin: 0 10px 0 0;}
#mainNav li.mapsactive a {display: block; width: 100%; height: 31px; background: url(../img/button-sprite.png) -210px 0px no-repeat;}
#mainNav li.mapsactive a:hover {display: block; width: 100%; height: 31px; background: url(../img/button-sprite.png) -210px 0px no-repeat;}
#mainNav li.mapsactive a span {display: none;}

#mainNav li.ranking {width: 210px; height: 31px; float: left; list-style: none; margin: 0 10px 0 0;}
#mainNav li.ranking a {display: block; width: 100%; height: 31px; background: url(../img/button-sprite.png) -312px -31px no-repeat;}
#mainNav li.ranking a:hover {display: block; width: 100%; height: 31px; background: url(../img/button-sprite.png) -312px 0px no-repeat;}
#mainNav li.ranking a span {display: none;}
#mainNav li.rankingactive {width: 210px; height: 31px; float: left; list-style: none; margin: 0 10px 0 0;}
#mainNav li.rankingactive a {display: block; width: 100%; height: 31px; background: url(../img/button-sprite.png) -312px 0px no-repeat;}
#mainNav li.rankingactive a:hover {display: block; width: 100%; height: 31px; background: url(../img/button-sprite.png) -312px 0px no-repeat;}
#mainNav li.rankingactive a span {display: none;}

#mainNav li.videos {width: 110px; height: 31px; float: left; list-style: none; margin: 0 10px 0 0;}
#mainNav li.videos a {display: block; width: 100%; height: 31px; background: url(../img/button-sprite.png) -536px -31px no-repeat;}
#mainNav li.videos a:hover {display: block; width: 100%; height: 31px; background: url(../img/button-sprite.png) -536px 0px no-repeat;}
#mainNav li.videos a span {display: none;}
#mainNav li.videosactive {width: 110px; height: 31px; float: left; list-style: none; margin: 0 10px 0 0;}
#mainNav li.videosactive a {display: block; width: 100%; height: 31px; background: url(../img/button-sprite.png) -536px 0px no-repeat;}
#mainNav li.videosactive a:hover {display: block; width: 100%; height: 31px; background: url(../img/button-sprite.png) -536px 0px no-repeat;}
#mainNav li.videosactive a span {display: none;}

/* Text */
h1 {margin: 0; font-size: 16px; color: #FF9900;}
h2 {margin: 0; font-size: 14px; color: #FF9900;}
h3 {margin: 0; font-size: 12px; color: #FFFFFF;}
p {margin: 0 0 5px 0; color: #CCCCCC; font-size: 13px;}
p.pmargin {margin: 0 0 15px 0; color: #CCCCCC; font-size: 13px;}
p.pbig {margin: 0 0 40px 0; color: #CCCCCC; font-size: 15px; font-weight: bold;}
p.pbig span.poke {color: #FFFFFF;}
a {color: #FFFFFF; text-decoration: none;}
a:hover {color: #CCCCCC; text-decoration: none;}
a.highlight {color: #FF9900; text-decoration: none;}
a.highlight:hover {color: #CC6600; text-decoration: none;}

.con {width: 980px; margin: 0 auto 0 auto;}
.conSis {width: 170px; height: 141px; float: left; background: url(../img/content/backerSis.png) center center no-repeat;}
.conSis a {display: block; width: 170px; height: 141px; text-decoration: none;}
.conTop {height: 200px; background: url(../img/content/backerTop.png) bottom center no-repeat; text-align: center;}
.conCen {background: url(../img/content/backerCen.png) top center repeat-y;}
.conBtm {height: 24px; background: url(../img/content/backerBtm.png) bottom center no-repeat;}

.conTop h1 {margin: 10px 0 0 10px; font-size: 12px;}
.conCen h1 {text-shadow: 2px 2px 2px #000000;}
.conCen h2 {text-shadow: 2px 2px 2px #000000;}
.conCen h3 {text-shadow: 2px 2px 2px #000000;}

.footer {width: 980px; margin: 20px auto 0 auto; font-size: 11px; color: #999999;}
.footer a {color: #999999; font-size: 11px; text-decoration: none;}
.footer a:hover {color: #FFFFFF;}

.newsItem {padding: 40px 4px 5px 4px; border-bottom: 1px solid #333333;}
.newsLinx {padding: 4px 4px 5px 4px; text-align: left;}

/* Sem */
.sem728 {padding: 15px 0 0 0;}

/* Maps */
.mapAreaLeft {width: 565px; float: left;}
.mapAreaRight {width: 353px; float: left; color: #666666; margin: 0 0 0 20px;}

.theMap {}
.theMap h1 {margin: 0 0 10px 0;}

.mapNav {margin: 0 0 20px 0;}
#mapNavz {margin: 0; padding: 0; border: 0;}
#mapNavz li {float: left; list-style: none; width: 295px; margin: 6px; text-align: center;}
#mapNavz li a {display: block; width: 100%; font-size: 11px; padding: 3px; color: #FF9900; text-align: center; text-transform: uppercase; font-weight: bold; text-shadow: 1px 1px 1px #111111; background: #30231A; -moz-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-border-radius: 5px;}
#mapNavz li a:hover {background: #990000;}
#mapNavz li a.active {display: block; width: 100%; font-size: 11px; padding: 3px; color: #FF9900; text-align: center; text-transform: uppercase; font-weight: bold; text-shadow: 1px 1px 1px #111111; -moz-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-border-radius: 5px; background: #990000;}

.sidebarOn {display: block;}
.sidebarOff {display: none;}

/* Rankings */
.expAreaLeft {width: 58%; float: left;}
.expAreaRight {width: 38%; float: left; color: #666666; margin: 0 0 0 20px;}
.expRow {border-bottom: 1px solid #31241C; padding: 3px;}
.expRowOver {border-bottom: 1px solid #31241C; padding: 3px; background: #533A2A;}
.expLeft {float: left; width: 10%; text-align: left; color: #FF9900; font-weight: bold;}
.expUnlocks {float: left; width: 50%; text-align: left; color: #999999;}
.expRight {float: left; width: 19%; text-align: right; color: #999999;}
.theExp {color: #FFFFFF; font-weight: bold;}

.calcCalc {background: #31241C; padding: 10px;}
.calcResult {padding: 10px; color: #666666; height: 200px;}

.expAreaRight input {background: #513A2C; color: #FFFFFF; font-weight: bold; border: 1px solid #333333;}
.expAreaRight select {background: #513A2C; color: #FFFFFF; font-weight: bold; border: 1px solid #333333;}

/* Side Panel */
.sidePan {width: 353px;}
.sidePanTop {background: url(../img/panel/panTop.png) top center no-repeat; height: 60px;}
.sidePanCen {background: url(../img/panel/panCen.png) top center repeat-y; min-height: 50px;}
.sidePanBtm {background: url(../img/panel/panBtm.png) top center no-repeat; height: 37px;}
.sidePan25 {padding: 25px; text-align: left;}
.sidePanCen25 {padding: 0 25px 0 25px; text-align: left;}
.sidePan30 {padding: 30px; text-align: left;}

/* Boxes */
.darkBox {background: #31241C; padding: 10px; margin: 0 0 15px 0;}
.darkBox h3 {font-size: 14px;}
.darkBox p {color: #999999;}
.darkBox a {color: #CCCCCC;}
.errorbox {color: #D8000C; background-color: #FFBABA; border: 1px solid; padding: 10px;}
.noticebox {color: #9F6000; background-color: #FEEFB3; border: 1px solid; padding: 10px; margin: 5px 0 5px 0;}
.noticebox a {color: #000000; text-decoration: none;}
.noticebox a:hover {color: #666666; text-decoration: underline;}

/* Trackers */
.got {color: #66FF00; font-weight: bold;}
.got a {color: #66FF00; font-weight: bold;}
.notgot {color: #FFFFFF;}
.notgot a {color: #FFFFFF;}

#saveArea {float: right;}

.mobDiaryRow {border-bottom: 1px dotted #999999;}

/* Tabs */
.mapsTabs {border-bottom: 1px solid #999999; height: 26px; padding: 0 0 0 20px; margin: 15px 0 0 0;}
.tabLink1 {padding: 10px; color: #FF9900; border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; font-weight: bold; text-transform: uppercase;}
.tabLink2 {padding: 10px; color: #666666; border-top: 1px solid #333333; border-left: 1px solid #333333; border-right: 1px solid #333333; font-weight: bold; text-transform: uppercase;}

.sepBox {border-bottom: 1px dotted #000000; padding: 15px 0 5px 0;}
.sepBox h3 {font-size: 14px;}
.sepBox p {color: #999999;}
.sepBox a {color: #CCCCCC;}

/* Networking */
.networkHold {width: 345px; padding: 20px 0 20px 5px; clear: both;}
.networkFacebook {background: #34689E; margin: 0 0 4px 0; -moz-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-border-radius: 5px;}
.netFacebook {height: 32px; background: url(../img/facebook_32.png) center left no-repeat;}
.networkTwitter {background: #47A9A8; margin: 0 0 4px 0; -moz-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-border-radius: 5px;}
.netTwitter {height: 32px; background: url(../img/twitter_32.png) center left no-repeat;}
.networkInner {padding: 8px 0px 0px 42px; font-weight: bold; color: #FFFFFF; text-align: left;}
.networkInner a {color: #FFFFFF; text-decoration: none; text-shadow: 2px 2px 2px #333333;}

.logLink1 {color: #FFFFFF; font-weight: bold; border: 1px solid #FFFFFF; padding: 10px;}
.logLink2 {color: #666666; font-weight: bold; border: 1px solid #666666; padding: 10px;}

/* Comment */
.comPages {padding: 0 0 10px 0; text-align: right; color: #666666; font-size: 12px;}
.comPages a {color: #CCCCCC; text-decoration: none; margin: 0 3px 0 3px;}
.comPages a:hover {color: #333333; text-decoration: underline;}
.cForm {padding: 20px 0 10px 0;}
.cForm div fieldset {padding: 0; margin: 0; border: 0;}
.cForm div fieldset textarea {width: 100%;}
.aComment {padding: 10px 0 4px 0; border-bottom: 1px solid #CCCCCC;}
.cPostDate {font-size: 11px; margin: 0; color: #666666;}
.cPosterUser {color: #FFFFFF; font-size: 15px;}
.cPosterAdmin {color: #CC0000; font-size: 15px;}
.cPosterGuest {color: #666666; font-size: 15px;}

/* FB Like 24.6 */
.fbLike {float: right; width: 200px;}
.fbHolder {position: absolute; width: 200px; height: 220px;}