/* Body */
body { background: url('images/bg.png') repeat;margin: 0px;padding: 0px;font-family: Verdana, Arial, Tahoma;font-size: 12px;color: #CCCCCC;text-align: center; }
 
/* Links */
a { color: #DDDDDD;text-decoration: none; }
a:hover { color: #FFFFFF; }
 
/* Main Container */
div#main-container { background: #3c4c64;width: 975px;border: 4px solid black;margin-bottom: 30px;display:inline-block;text-align: left;margin-top: 10px; }
div#main-container:after { display:block;visibility:hidden;clear:both;height:0;content: "."; }
 
/* Header */
div#header { background: url('images/bg-header.png');height: 100px;border-bottom: 2px solid #000000; }
div#header h1#slogan { color: white;font-size: 14px;font-weight: bold;position: relative;text-align: center;top: 75px;margin: 0px; }
div#header.holidays { background: url('images/bg-header-holidays.png'); }
div#header.holidays h1#slogan { color: #a25555; }
 
/* Nav Bar */
ul#nav { list-style: none;margin: 0px;padding: 0px;border-top: 4px solid #3c4c64;background: #0f1d31; }
ul#nav li { float: left;line-height: 35px; }
ul#nav li#date { float: none;text-align: right;padding-right: 10px;color: #BBBBBB; }
ul#nav a.text { float: none;text-align: right;padding-right: 10px;color: #BBBBBB; }
ul#nav a { display: block;padding-left: 10px;padding-right: 10px;color: #EEEEEE;text-decoration: none; }
ul#nav a:hover { font-weight: bold;text-decoration: none; }
ul#nav a.active { font-weight: bold;background: #3c4c64; }
 
/* Content Area */
div#main-content { padding: 6px;margin-right: 240px; }
 
/* Right Content */
div#right-content { float: right;clear: right;width: 225px;background: #0f1d31;border-left: 1px solid #3c4c64;border-bottom: 1px solid #3c4c64;padding: 5px;margin-bottom: 10px; color: #DDDDDD;-moz-border-radius: 0px 0px 0px 25px;-webkit-border-radius: 0px 0px 0px 25px; }
div#right-content h2 { font-size: 12px;margin-top: 2px;margin-bottom: 2px;color: #DDDDDD;text-align: center;border-top: 1px solid #2f445f;border-bottom: 1px solid #2f445f;border-right: 0px;border-left: 0px;padding: 2px;-moz-border-radius: 0px;-webkit-border-radius: 0px; }
 
/* Login Form */
form#login p { line-height: 18px; }
 
/* Inputs */
input,textarea { border: 2px solid black;background: #CCCCCC; }
input:hover,textarea:hover { background: #EEEEEE; }
 
/* Screenshot */
img#screenshot { margin: 10px 12px;border: 1px solid black; }
 
/* Recent Players */
table#recent-players { font-size: 12px; }
table#recent-players td { line-height: 15px; }
 
/* Footer */
div#footer { color: #FFFFFF;position: fixed;bottom: 0px;left: 0px;width: 100%;padding-top: 15px;font-size: 11px;background: url('images/bg-bottom.png') repeat-x top;text-align: center; }
div#footer-text { background: #7f7f7f;padding: 4px; }
div#footer-text a { color: #CDCDCD;text-decoration: none; }
div#footer-text a:hover { color: #FFFFFF; }
 
/* General Headings */
h2 { color: white;font-size: 16px;margin: 5px 0px 6px 0px;padding-top: 5px;padding-bottom: 5px;border: 1px solid #55647b;text-align: center;-moz-border-radius: 5px;-webkit-border-radius: 5px; }
h3 { color: #EEEEEE; }
 
/* General Paragraph */
p { line-height: 16px;margin-top: 6px;margin-bottom: 2px; }
 
/* RSS SUBSCRIPTION */
div#rss_subscribe { background: #0f1d31;padding: 6px;border: 1px solid #777777;-moz-border-radius: 5px;-webkit-border-radius: 5px; }
div#rss_subscribe form { font-size: 11px; }
div#rss_subscribe input { font-size: 11px;padding: 1px;border: 1px solid black; }
 
/* Return Messages */
div.message-false {
	color: red;
	font-weight: bold;
	margin: 5px 0px;
}
div.message-false:before {
	content: 'Error: ';
}
div.message-true {
	color: green;
	font-weight: bold;
	margin: 5px 0px;
}
DIV.pagination {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.pagination A {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #88af3f; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none
}
DIV.pagination A:hover {
	BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6
}
DIV.pagination A:active {
	BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6
}
DIV.pagination SPAN.current {
	BORDER-RIGHT: #b2e05d 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #b2e05d 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #b2e05d 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #b2e05d 1px solid; BACKGROUND-COLOR: #b2e05d
}
DIV.pagination SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}