/****
		*		Stylesheet for MLWGAMES BC2EXP,
		*			version 1.0.
		*			http://mlwgames.com/
	****/
	
		html {min-height: 100%;}
		body{
			background: #dededc url(../../images/backgroundMain.jpg) bottom no-repeat;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #000;
			margin: 0px;
			padding: 0px;
			min-height: 100%;
		}
		
		a, a:link, a:visited, a:active{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #D98501;
			text-decoration: underline;
		} a:hover { text-decoration: none; color: #000000; }
		
		h1, h2, h3, h4, h5, h6{ font-family: Arial, Helvetica, sans-serif; color: #000000; }
		div{ padding: 0px; margin: 0px; }
		img{ border: none; }
	
	/****
		*		Personally i dont like the default settings of the
		*		paragraph tag, so i overwrote its padding and
		*		margin with some nice theme compatible values.
	****/
	p{ margin: 5px 8px 5px 8px; padding: 0px; }
	
	/****
		*		Page building classes for all the elements that
		*		are outside the content area. These are usually
		*		theme specific constructors.
	****/
	.pageWidth{ width: 800px; text-align: left; margin: 20px 30px 30px 30px; }
	.pageBorder{ background: #FFFFFF; padding: 4px; }
	.pageBackground{ background: #D4D6D3; position: relative; }
	.pageHeight{ min-height: 150px; }
	.pagePadding{ padding: 10px 13px; }
	.pageBreak{ height: 30px; }
	.pageClear{ clear: both; }
	.pageHidden{ display: none; }
		
	.titlePadding{ padding: 40px 40px 20px 40px; }
	.title{ color: #D98501; font-size: 18px; font-weight: bold; text-shadow: 0px 1px 0px #FFFFFF; }
	.slogan{ font-size: 14px; font-weight: bold; padding: 0px; margin: 0px 0px 0px 0px; color: #444444; text-shadow: 0px 1px 0px #FFFFFF;}
	
	.headerImage{ background: #333; height: 180px; }
	.headerText{ background: #D98501; border-bottom: 3px solid #FFFFFF; color: #000000; padding: 6px 8px 5px 15px; font-weight: bold; font-size: 15px; }
	.headerNavigation{ position: absolute; background: #FFFFFF; top: 0px; right: 0px; width: 210px; padding: 0px; z-index: 40; }
	.headerNavigation ul{ padding: 0px; margin: 0px; }
	.headerNavigation li{ padding: 0px; margin: 0px; list-style: none; }
	.headerNavigation li a{ display: block; background: #000; color: #FFF; padding: 5px 8px; margin: 0px 0px 3px 3px; font-weight: bold; font-size: 14px; font-family: "Arial Black", Gadget, sans-serif; text-decoration: none; }
	.headerNavigation li a:hover{ color: #D98501; background: #151515; text-decoration: none; }
	.headerNavigation .activeLink a{ display: block; background: #000; color: #D98501; padding: 5px 8px; margin: 0px 0px 3px 3px; font-weight: bold; font-size: 14px; font-family: "Arial Black", Gadget, sans-serif; }
	.headerNavigation .activeLink a:hover{ color: #D98501; background: #151515; }
	
	.contentHeading{ background: #E5E5E5; padding: 10px 8px 5px 20px; color: #D98501; font-size: 16px; font-weight: bold; margin: 0px -3px 10px -3px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	.contentHeading h1 {color: #D98501; font-size: 16px; font-weight: bold; margin: 0px;}
	.footerPadding{ padding: 30px 50px 30px 50px; font-size: 11px; }
		
	/****
		*		Content body classes generated for each page.
		*		These tags are unique styles for select pages
		*		and thus aren't classed as theme specific classes.
	****/
	.rankTable{  }
	.rankTable table{ padding: 0px; margin: 10px 0px; }
	.rankTable th{ background: #E5E5E5; border-bottom: 3px solid #D98501; border-left: 1px solid #D4D6D3; border-right: 1px solid #D4D6D3; padding: 5px 15px; }
	.rankTable td{ border-bottom: 1px solid #CCCCCC; padding: 3px 10px; }
	.rankTable tr:hover td{ background: #DBDBDB; border-bottom: 1px solid #BBBBBB; }
	
	/* RankFloat */
	.rankTable tr:hover .rankNormal {display: none;}
	.rankTable tr:hover .rankFloat {display: block;}
	.rankTable tr .rankFloat {display: hidden;}
	.rankTable tr .rankNormal {display: block;}

	
	.rankTableDigits{ font-family: "Courier New", Courier, monospace; text-align: right; }
	
	/****
		*		Keeping to the tradition of rounded bordered, some
		*		presets are created here so anything can have
		*		funky borders. Last time i checked these styles
		*		were browser compatible *shrug*.
	****/
	.pageBorder{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.pageBackground{ border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; }
	
	.pageRound{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.pageRound_TL{ border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }
	.pageRound_TR{ border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
	.pageRound_BL{ border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
	.pageRound_BR{ border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
	
	p.bigAss {font-size: 16px; line-height: 1.5em;}
	p.bigAss a {font-size: 16px; font-weight: bold;}
	
	
.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;}

.rankNormal {display: block; position: relative;}

.rankFloat {height: 70px; position: relative; display: none; background: #DBDBDB;}
.rankFloat img {float: left;}
.rankFloat p.big {padding: 5px 0 5px 70px; font-size: 18px; text-shadow: 0px 1px 0px #FFFFFF;}
.rankFloat p {padding: 5px 0 5px 70px;}

.pageSpace {height: 60px;}

/* calc */
.calcMain {}
.calcSpace {height: 110px;}
.calcMainIn {text-align: center; padding: 10px;}
.calcPad {padding: 0 2px 0 2px;}
.calcLoading {height: 20px;}

.calcResArea {}
.calcResArea h1 {color: #111111; font-size: 16px; text-shadow: 0px 1px 0px #FFFFFF;}

/* stat bar */
.statsArea {padding: 15px 0 15px 0;}
.statBar {border: 1px solid #222222; height: 10px; width: 200px; margin: 0 0 4px 0;}
.statBarBar {height: 10px; background: #222222; float: left; font-size: 9px; color: #CCCCCC; text-align: left;}
.darkBar {text-align: right; background: url(../../img/darkBar.jpg) repeat-x #111111;}

.statBarBar1 {height: 10px; background: #333333; float: left; font-size: 9px; color: #CCCCCC; text-align: left;}
.statBarBar2 {height: 10px; background: #666666; float: left; font-size: 9px; color: #CCCCCC; text-align: left;}

.statBarEx {border: 1px solid #222222; height: 15px; width: 200px; margin: 0 0 4px 0;}
.statBarBarEx {height: 15px; width: 100px; float: left; font-size: 11px; color: #222222; text-align: left;}

/* Compare */
.compareChoose {width: 31%; float: left; border: 1px solid #CCCCCC; background: #EEEEEE; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 0 0 12px;}
.compareInner {padding: 20px;}
.compareHold {padding: 0 0 10px 0;}
.compareSubmit {text-align: center;}
.compareSubmit input {padding: 5px 10px 5px 10px; background: #111111; border: 1px solid #333333; color: #EEEEEE; text-transform: uppercase; font-weight: bold;}
.compareSubmit input:hover {color: #D98501;}

/* Login / Comments */
.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: #000000; 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 #999999;}
.cPostDate {font-size: 11px; margin: 0; color: #666666;}
.cPosterUser {color: #000000; font-size: 15px;}
.cPosterAdmin {color: #CC0000; font-size: 15px;}
.cPosterGuest {color: #666666; font-size: 15px;}
/* theme comemnt button */
.commentButton {background: url(../../img/darkBar.jpg) repeat-x #111111; height: 20px; width: 150px; float: right; text-align: left; padding: 4px 0 0 8px;}
.commentButton a {font-weight: bold; text-transform: uppercase; font-size: 11px; text-decoration: none;}
.commentButton a:hover {color: #FFFFFF; text-decoration: underline;}

/* Awards */
.awardsLeft {width: 400px; min-height: 200px; float: left;}
.awardsRight {width: 330px; min-height: 200px; float: left; margin: 0 0 0 20px; background: #CCCCCC;}
.awardSq {width: 34px; height: 34px; float: left; margin: 2px; border: 1px solid #A9A9A9; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.awardSq:hover {background: #A9A9A9;}
.awardSqIn {padding: 1px;}

.awardAward {}
.awardAwardIn {padding: 5px;}
.awardAwardIn h3 {color: #111111; text-shadow: 0px 1px 0px #FFFFFF; font-size: 14px; margin: 0 0 5px 0;}
.awardAwardIn img {float: left; margin: 0 10px 10px 0;}

.newsUpdate {border-bottom: 1px dotted #CCCCCC;}
.newsUpdateIn {padding: 10px;}
.newsUpdate h3 {margin: 0 0 5px 0; font-size: 14px; color: #111111; text-shadow: 0 1px 0 #FFFFFF;}
.newsUpdate p.postDate {font-size: 11px; color: #666666; margin: 0 0 5px 0;}
.newsUpdate p {margin: 0 0 5px 0; font-size: 12px; color: #111111;}

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