body, div, img, form, fieldset, ul, li, h1, h2, h3, blockquote {
	margin: 0;
	padding: 0;
	border: none; }
	
body {
	color: #2b2c26;
	background: #070706 url("../images/bg.jpg") top left repeat; 
	background-attachment: fixed;
	padding-top: 30px;
	font: normal 9pt/140% "Verdana", "Arial", "Tahoma", sans-serif; }
	
a { text-decoration: none; }
	
	a:hover { text-decoration: underline; }
	a.linkBlue { color: #36b5df; }
	a.linkBrown { color: #756955; }
	a.linkYellow { color: #d3ca7b; }
	
p { margin: 0 0 15px 0; }
	
h1 {
	width: 325px;
	height: 40px;
	position: absolute;
	top: 30px;
	left: 10px; }
	
	h1 a {
		display: block;
		width: 325px;
		height: 40px;
		text-indent: -9999px;
		outline: none;
		background: url("../images/logo.png"); }
		
h2 {
	color: #2b2c26;
	font-size: 16pt;
	margin-bottom: 5px;
	font-weight: normal; }
	
	h2.title {
		color: #2b2c26;
		font-size: 24pt;
		font-weight: normal; }

a.button {
	display: block;
	float: right;
	color: #49341c;
	font-weight: bold;
	margin-left: 15px;
	background: url("../images/button_right.gif") top right no-repeat; }
	
	a.button span {
		display: block;
		padding: 8px 15px;
		margin-left: -3px;
		background: url("../images/button_left.gif") top left no-repeat; }
		
	a.button:hover { background: url("../images/button_right_hover.gif") top right no-repeat; text-decoration: none; }
	a.button:hover span { background: url("../images/button_left_hover.gif") top left no-repeat; }
	
	a.button.disabled { background: url("../images/button_right_disabled.gif") top right no-repeat; text-decoration: none; color: #545454; }
	a.button.disabled span { background: url("../images/button_left_disabled.gif") top left no-repeat; }

#wrapper {
	width: 1000px;
	margin: 0 auto; }

.game-1 { color: blue; }
.game-2 { color: purple; }
.game-3 { color: teal; }
	
/*--------------------------------------------------
	Forms 
--------------------------------------------------*/

input, textarea {
	padding: 3px;
	font: normal 10pt "Verdana", "Arial", "Tahoma", sans-serif; }
	
select { padding: 2px; }
	
.input, .note {
	display: block;
	clear: both;
	margin-bottom: 15px;
	padding: 10px;
	background: #edece8;
	border: 1px solid #cbcbcb;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; }
	
	.input label {
		float: left;
		display: block;
		text-align: right;
		font-weight: bold;
		width: 175px; 
		padding: 3px 10px 0 0; }
		
	.input input,
	.input select,
	.input textarea {
		border: 1px solid #cbcbcb; 
		margin-right: 10px; }	
	
	.inputMeta { padding-top: 3px; }
	.inputMeta2 { padding: 5px 0 0 185px; }
	.input.checkbox { padding-left: 190px; }

.note { background: #fff; }
		
.submit { text-align: center; }
		
	.submit input {
		width: 100px;
		height: 33px;
		color: #49341c;
		font-weight: bold;
		border: none;
		cursor: pointer;
		line-height: 33px;
		background: url("../images/button.gif") top right no-repeat; }
		
	.submit input:hover { background: url("../images/button_hover.gif") top right no-repeat; }
	
.error-message {
	padding: 7px 0 0 205px; 
	color: #9d1e1e;
	background: url("../images/icons/error.png") 185px 6px no-repeat; }
	
	#exchange .error-message { 
		padding-left: 20px;
		background: url("../images/icons/error.png") 0 6px no-repeat; }
	
#flashMessage {
	padding: 10px;
	background: #ddf7a9;
	color: #3f8515;
	border: 1px solid #88b035;
	margin-bottom: 15px;
	-moz-border-radius: .7ex; }
	
#flashMessage.error {
	padding: 10px;
	background: #ffcdcd;
	color: #9b1111;
	border: 1px solid #d11111;
	margin-bottom: 15px;
	-moz-border-radius: .7ex; }
	
.alert {
	padding: 10px 10px 10px 35px;
	background: #ffffff url("../images/icons/alert.png") 10px 10px no-repeat;
	/*color: #9b1111;*/
	border: 1px solid #d11111;
	margin-bottom: 15px;
	-moz-border-radius: .7ex; }
	
	.alert a { color: #d11111; }
	
/*--------------------------------------------------
	Header 
--------------------------------------------------*/

#header {
	position: relative;
	overflow: hidden;
	margin-bottom: 15px; }
	
	#adZoneTop {
		width: 468px;
		height: 60px;
		background: #000000;
		position: absolute;
		right: 0;
		top: 20px; }
		
#headerFrame {
	padding: 0 20px 1px 20px;
	color: #bbbeb9;
	background: url("../images/header.jpg") top left repeat-y; }
	
	#headerBar {
		height: 35px;
		padding: 1px;
		margin-bottom: 10px;
		background: url("../images/header_bar.jpg") no-repeat; }
	
	#headerBottom {
		width: 1000px;
		height: 9px;
		display: block;
		overflow: hidden;
		background: url("../images/header_bot.gif") bottom left no-repeat; }
		
#headerLeft {
	float: left;
	width: 665px; }
	
	#topLeft {
		float: left;
		width: 495px; }
		
	#topRight {
		float: right;
		width: 155px; }
		
#headerRight {
	float: right;
	width: 252px;
	height: 105px;
	padding: 20px 15px 0 13px;
	background: url("../images/header_panel.jpg") no-repeat; }
	
	#headerRight a { color: #d3ca7b; }
	
	#headerRight .input {
		margin: 0 0 5px 0;
		border: none;
		padding: 0;
		background: none; }
		
	#headerRight .input label { width: 75px; }
	
	#headerRight .input input {
		width: 155px;
		border: 1px solid #5a5752;
		background: #181a19;
		color: #bbbeb9; 
		margin: 0; }
		
#menu ul {
	height: 43px;
	margin-top: 100px;
	width: 985px;
	overflow: hidden;
	padding-left: 15px;
	background: url("../images/header_top.gif") bottom left no-repeat;
	list-style: none; }
	
	#menu li {
		float: left;
		height: 30px;
		margin-right: 10px; }
		
	#menu li a {
		display: block;
		float: left;
		font-weight: bold;
		text-decoration: none; }
		
		#menu li a span {
			display: block;
			height: 30px;
			line-height: 30px;
			padding: 0 25px;
			margin-right: -7px; }
			
	#menu li a:hover,
	#menu li.hover a,
	#menu li.active a { 
		color: #ffffff; }
		
.subMenu {
	float: left;
	height: 25px; }
	
	.subMenu a {
		float: left;
		color: #d3ca7b;
		display: block;
		padding: 9px 15px 8px 15px; }
	
	.subMenu a:hover {
		background: #0a0a09;
		text-decoration: none;
		color: #ffffff; }
		
#headerBar form {
	margin: 5px;
	float: right; }
	
	#headerBar #TopicTitle {
		border: 1px solid #414138;
		background: #090909;
		color: #bbbeb9;
		width: 190px; }
		
	.submitButton,
	#headerLogin {
		width: 70px;
		height: 25px;
		padding: 0;
		margin: 0;
		border: none;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 7pt;
		cursor: pointer; }
		
		#headerLogin,
		#searchBox .submitButton { 
			border: 1px solid #241e18; 
			margin-right: 4px;
			width: 72px;
			height: 27px; }
			
		#headerLogin { float: right; }
		.submitButton:hover, #headerLogin:hover { color: #ffffff; }
		
#userBar { margin-bottom: 10px; }
#userLinks strong { color: #ffffff; }

#userAvatar {
	width: 45px;
	height: 45px;
	overflow: hidden; }
	
/*--------------------------------------------------
	Content 
--------------------------------------------------*/

#left {
	width: 775px;
	float: left;
	padding-top: 12px;
	background: url("../images/content_top.gif") top left no-repeat; }

	.wide #left {
		float: none;
		width: 1000px;
		background: url("../images/content_top_wide.gif") top left no-repeat; }
	
	#main { background: url("../images/content_bg.jpg") top left repeat-y; }
	#mainTop { background: url("../images/content_top.jpg") top left no-repeat; }
	#mainBot { background: url("../images/content_bot.jpg") bottom left no-repeat; padding: 20px 20px 45px 20px; }

	.wide #main { background: url("../images/content_bg_wide.jpg") top left repeat-y; }
	.wide #mainTop { background: url("../images/content_top_wide.jpg") top left no-repeat; }
	.wide #mainBot { background: url("../images/content_bot_wide.jpg") bottom left no-repeat; }
	
	#contentTitle {
		height: 35px;
		padding: 0 10px;
		line-height: 35px;
		margin-bottom: 15px;
		background: url("../images/content_title.jpg") top left no-repeat; }

		.wide #contentTitle { background: url("../images/content_title_wide.jpg") top left no-repeat; }
		
	#contentTitle h2 {
		color: #ffffff;
		font-size: 11pt;
		margin: 0;
		font-weight: bold; }
		
		h2 a { color: #ffffff; }

#right {
	width: 225px;
	float: right;
	margin-top: 35px;
	padding-top: 20px;
	background: url("../images/column_top.gif") top left no-repeat; }
	
	#column { background: url("../images/column_bg.jpg") top left repeat; }
	
	#columnBottom {
		display: block;
		height: 20px;
		background: url("../images/column_bot.gif") bottom left no-repeat; }
		
.module { }

	.moduleTitle {
		height: 35px;
		line-height: 35px;
		padding-left: 15px;
		padding-bottom: 2px;
		background: url("../images/column_title.jpg") top left no-repeat; }
		
		.moduleTitle a { 
			color: #d3ca7b;
			font-size: 10pt; }
		
	.moduleBody,
	.moduleBody2 {
		padding: 15px;
		color: #bbbeb9;
		background: url("../images/column_alt.jpg") top center no-repeat; }
		
		.moduleBody2 { padding: 0; }
		
#footer {
	padding: 15px 0 30px 0;
	color: #bbbeb9; }
	
	#footer strong { color: #ffffff; }
	
#affiliates { 
	text-align: center;
	padding-bottom: 15px; }
	
.col {
	width: 358px;
	float: left;
	margin-right: 15px; }
	
.col3 {
	width: 233px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px; }
	
.col4 {
	width: 170px;
	float: left;
	margin-right: 15px; }
	
.list {
	list-style: square;
	margin: 5px 0 15px 20px; }
	
	.list li { padding: 3px 0; }
	
.divider {
	margin: 20px 0;
	height: 5px;
	display: block;
	clear: both;
	background: url("../images/divider.gif") top left no-repeat; }
	
#changeTheme {
	clear: both;
	padding: 15px;
	color: #4a4a4a; }
	
	#changeTheme p { margin-bottom: 5px; }
	
	#changeTheme select {
		border: 1px solid #2e312f;
		background: #1e201f;
		width: 98%;
		color: #828282; }
		
/*--------------------------------------------------
	News / Users
--------------------------------------------------*/

.entry { margin: 0 5px 25px 5px; }

	.entry h3 { 
		font-weight: normal;
		margin: 3px 0px;
		padding-top: 3px;
		font-size: 16pt; }

.entryBody {
	width: 600px;
	overflow-x: auto; }

.entryMeta {
	padding-bottom: 15px;
	margin-bottom: 10px;
	background: url("../images/divider.gif") bottom left no-repeat; }
	
.entryComments {
	width: 50px;
	height: 40px;
	line-height: 40px;
	float: left;
	margin-right: 10px;
	text-align: center;
	background: url("../images/entry_box.jpg") no-repeat; }
	
	.entryComments a {
		color: #d3ca7b;
		font-size: 14pt; }
		
	.entryComments a:hover { color: #ffffff; }
	
.item {
	float: left;
	margin: 10px 5px 0 5px; }
	
.progressBar {
	height: 10px;
	display: block; }
		
/*--------------------------------------------------
	Forums 
--------------------------------------------------*/
	
.forumStats { margin-bottom: 10px; }

.forumPost {
	max-width: 585px;
	overflow-x: auto; }
	
	.decoda-list { margin-left: 25px; }
	.decoda-list li { padding: 2px 0; }
	
.signature {
	margin-top: 20px;
	padding-top: 10px;
	max-height: 110px;
	max-width: 600px;
	overflow: hidden;
	border-top: 1px dashed #cbcbcb; }

#topicReview { margin-top: 15px; }

#topicReviewScroll {
	max-height: 300px;
	overflow: auto; }
	
.decoda-quote {
	margin: 0 0 5px 25px;
	border: 1px dashed #cbcbcb;
	background: #ffffff; }

.decoda-spoiler div {
    margin-top: 10px;
    padding: 10px;
	border: 1px dashed #cbcbcb;
	background: #ffffff; }

.decoda-blizzard {
	margin: 0 0 5px 25px;
	border: 1px dashed #0f60bb;
	background: #ffffff url("../images/blizzard.jpg") top right no-repeat; }
	
	.decoda-quoteBody { padding: 10px; clear: both; }
	.decoda-quoteAuthor { padding: 10px 10px 0 10px; font-weight: bold; }
	.decoda-quoteDate { float: right; }
	
.jumpBox {
	padding: 1px;
	border: none; }
	
.userPost {
	width: 120px;
	overflow: hidden; }
	
.activity {
	margin-bottom: 5px;
	clear: both; 
	height: 31px;
	line-height: 125%; }
	
	.activityBox {
		width: 31px;
		height: 23px;
		float: left;
		margin-right: 10px;
		font-size: 11pt;
		text-align: center;
		padding-top: 8px;
		background: url("../images/activity_box.jpg") no-repeat; }
	
/*--------------------------------------------------
	Media / Gallery 
--------------------------------------------------*/

.media {
	background: url("../images/media_frame.gif") no-repeat;
	height: 115px;
	padding: 4px;
	position: relative;
	width: 152px; }
	
	.media a img {
		border: 1px solid #656258;
		display: block; }
		
	.mediaBar {
		background-color: black;
		bottom: 5px;
		color: white;
		font-size: 10pt;
		left: 5px;
		opacity: 0.6;
		padding: 3px 0;
		position: absolute;
		width: 150px;
		text-align: center; }
	
	.mediaBox {
		text-align: center;
		margin-bottom: 15px; }
		
		.media:hover .mediaBar { opacity: 0.8; }
		.mediaBox .media { margin: 0 auto; }

	.mediaAuthor {
		padding-top: 5px;
		text-align: center;
		color: #898989; }
		
/* Page Structure */
	
.mediaGrid {
	float: left;
	margin: 0 11px 20px 11px; }
	
	.mediaGrid p { margin-bottom: 5px; }
	
.mediaRow { margin: 0 0 25px 0; }

/* Viewing */

#mediaMeta { margin: 10px 0 15px 0; }

	#mediaLeft {
		float: left;
		width: 525px; }
		
	#mediaRight {
		float: right;
		width: 200px; }
		
#mediaFrame {
	padding: 10px 0;
	text-align: center;
	background: #edece8;
	border: 1px solid #cbcbcb;
	margin-bottom: 15px; }

.mediaNeighbor {
	float: left;
	width: 365px; }
	
/*--------------------------------------------------
	Game Guide
--------------------------------------------------*/

.inlineImg {
	padding: 5px;
	background: #ffffff;
	border: 1px solid #d4d3d0;
	margin: 0 10px 10px 10px; }
	
	.inlineImg img {
		border: 1px solid #a79f88;
		margin-bottom: -2px; }

.techList { list-style: none; }
	
	.techList li { padding: 5px 15px; border-bottom: 1px dotted #313534; }
	.techList li.child { padding-left: 45px; }
	.techList li a { color: #bbbeb9; }

.techTree { padding: 15px 0 10px 15px; }

	.techIcon {
		float: left;
		margin: 0 5px 5px 0; }

	.techIcon a img { opacity: .6; }
	.techIcon a:hover img { opacity: 1; }
	
#production,
#searchBox {
	border: 1px solid #1d1e1b;
	margin-bottom: 15px;
	background: url("../images/header.jpg") top center repeat;
	padding: 5px;
	color: #bbbeb9;
	-moz-border-radius: .5em; }
	
	#production strong { color: white; }
	#production table td { padding-right: 10px; }
	#searchBox input, #searchBox select { border: 1px solid #241e18; }
	
	#production table th {
		padding: 5px;
		color: #2B2C26;
		border: 1px solid #1d1e1b;
		-moz-border-radius: .4em;
		background: url("../images/table_header_alt.jpg") bottom left repeat; }
		
.portrait {
	width: 150px;
	background: #000000;
	border: 1px solid #484a42;
	-moz-border-radius: .4em;
	padding: 1px; }
	
.scrapped { margin-bottom: 15px; }

	.scrapped .portrait {
		float: left;
		margin: 0 10px 0 0;
		border-color: #ffffff; }

.iconLeft {
	float: left;
	margin-right: 10px; }

#gameMeta { margin-bottom: 20px; }
#gameMeta h2, #gameViews { padding-top: 5px; }

.dataList {
	list-style: none;
	margin-top: 10px; }

	.dataList:first-child { margin: 0; }
	.dataList li { padding: 1px 0; }
	.dataList li.indent { padding-left: 15px; }
	
#strengths,
#weaknesses { margin-top: 25px; margin-right: 25px; display: inline-block; }
#strengths h3,
#weaknesses h3 { margin-bottom: 5px; }
#strengths div,
#weaknesses div { display: inline-block; }

/*--------------------------------------------------
	Classes
--------------------------------------------------*/

.tableHeader {
	background: url("../images/table_header.jpg") top left repeat;
	padding: 8px 10px;
	font-weight: bold;
	color: #BBBEB9; }

.tableWrap {
	margin-bottom: 15px;
	border: 1px solid #fff; }
	
.table,
.table2 {
	width: 100%; 
	border-spacing: 5px;
    border-collapse: collapse; }
	
	.table td { 
		padding: 7px;
		border: 1px solid #c1c1c1; }
		
		.table td.emptyResult {
			padding: 50px 15px;
			text-align: center; }

		.table td.emptyResult2 {
			padding: 25px 15px;
			text-align: center; }
	
	.table th { 
		padding: 5px;
		background: #d8d6d2;
		border: 1px solid #c1c1c1; }
		
		.table th a { color: #2b2c26; }
		.table th.header { text-align: left; background: #d8d6d2 url("../images/icons/sort.gif") 0 50% no-repeat; padding-left: 20px; }
		.table th.headerSortUp { background-image: url("../images/icons/asc.gif"); }
		.table th.headerSortDown { background-image: url("../images/icons/desc.gif"); }

	.table tr.alt { background: #ffffff; }
	.table tr.alt2 { background: #d8d6d2; }
	.table tr.alt3 { background: #f1efec; }
	
.pagination {
	background: url("../images/pagination.jpg") top left no-repeat;
	height: 25px;
	padding: 5px;
	color: #d8d6d2; }
	
	.pagination ul { 
		margin-top: 1px;
		list-style: none; }
	
	.pagination li {
		float: left;
		margin-right: 5px; }
		
		.pagination li.current {
			color: #ffffff;
			font-weight: bold;
			padding: 3px 3px; }
		
	.pagination li a {
		float: left;
		padding: 2px 4px;
		color: #49341c;
		font-weight: bold;
		border: 1px solid #ffffff;
		background: url("../images/button_right.gif") 0 -1px no-repeat;
		-moz-border-radius: .5ex; }
		
		.pagination li a:hover { background: url("../images/button_right_hover.gif") 0 -1px no-repeat; }

.pagingText {
	float: right;
	font-weight: bold;
	padding: 4px 5px 0 0; }
	
.topTable { width: 100%; margin: 0; padding: 0; }
.topTable td { padding: 2px 0; }
	
.mediaTile {
	float: left;
	margin: 2px 8px 0 0; }

.clear {
	clear: both;
	display: block; }
	
.thumbLeft {
	float: left;
	margin-right: 10px; }
	
.img { vertical-align: bottom; }
.ac { text-align: center; }
.ar { text-align: right; }
.fl { float: left; }
.fr { float: right; }

.red { color: red; }
.yellow { color: yellow; }
.orange { color: orange; }
.green { color: green; }
.gray, .history { color: #898989; }
.tiny { font-size: 8pt; }
.bold { font-weight: bold; }

.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }

div.end, .nomr { margin-right: 0; }
.nomb { margin-bottom: 0; }

.noList li { margin: 15px 0; }

/*--------------------------------------------------
	Administration
--------------------------------------------------*/

.checkField { 
	clear: both;
	padding: 10px; }

	.checkField .checkbox {
		float: left;
		width: 25%; }

/*--------------------------------------------------
	Network
--------------------------------------------------*/

.network-bar {
	width: 100%;
	border-bottom: 1px solid #454542;
	font-size: 8pt;
	background: #3a3933 url("../images/network_bar.gif") 0 100% repeat-x;
	color: #898989;
	z-index: 100;
	position: fixed;
	top: 0;
	left: 0;
	-moz-box-shadow: 0 0 2px 2px #000;
	-webkit-box-shadow: 0 0 2px 2px #000;
	box-shadow: 0 0 2px 2px #000; }

.network-bar ul { 
	list-style: none;
	margin: 0;
	padding: 0;
	height: 47px; }

	.network-bar ul.account { float: right; }
	.network-bar ul.realms { float: left; }

.network-bar ul > li { 
	float: left;
	height: 30px;
	position: relative;
	border-right: 1px solid #3b3b38;
	border-left: 1px solid #000000; }

.network-bar .tab {
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 10px; }

	.network-bar a.tab { color: #a8a698; }
	.network-bar a.tab.d3a { background: url("../images/network_d3.gif") 8px 8px no-repeat; padding-left: 40px; }
	.network-bar a.tab.sc2a { background: url("../images/network_sc2.gif") 8px 8px no-repeat; padding-left: 40px; }
	.network-bar a.tab:hover { background-color: #151615; text-decoration: none; }
	
	.network-bar .tab .badge {
		padding: 1px 5px;
		background: #000;
		vertical-align: middle;
		top: -1px;
		font-weight: bold;
		color: #d1d1d1;
		position: relative;
		border: 1px solid #3a3933;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px; 
		border-radius: 3px; }

	.network-bar .tab img { vertical-align: middle; }
	
	.network-bar .tab.tab-active:hover,
	.network-bar .tab.tab-active {
		background: #454542;
		color: #fff; }

.network-bar .menu {
	position: absolute;
	top: 30px;
	right: -2px;
	width: 200px;
	background: #454542;
	border: 1px solid #10100f;
	border-top-color: #454542;
	z-index: 99;
	display: none;
	color: #aeaeae;
	-moz-box-shadow: 2px 2px 2px #10100f;
	-webkit-box-shadow: 2px 2px 2px #10100f;
	box-shadow: 2px 2px 2px #10100f; }

	.network-bar .opened .menu { display: block; }

.network-bar .menu ol {
	margin: 0;
	padding: 0;
	list-style: none; }

.network-bar .menu ol > li {
	border-top: 1px solid #545451;
	border-bottom: 1px solid #3a3a37; }

	.network-bar .menu ol > li:first-child { border-top: 0; }
	
	.network-bar .menu .row { 
		display: block; 
		padding: 7px; 
		line-height: 125%; 
		outline: none; }
	
	.network-bar .menu .row strong { color: #cccccc; }
	.network-bar .menu .row span { color: #898989; }
	.network-bar .menu a.row:hover { background: #3a3a37; text-decoration: none; }
	.network-bar .menu a.row:hover strong { color: #fff; }
	
	.network-bar .menu a.view-all { 
		background: #292927;
		text-align: center; }
	
	.network-bar .menu a.view-all:hover { background: #222221; }
	
	.network-bar .menu .avatar {
		display: block;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: cover;
		vertical-align: middle;
		width: 25px;
		height: 25px;
		float: left; 
		margin-top: 1px;
		margin-right: 7px; }

/*--------------------------------------------------
	Tooltips
--------------------------------------------------*/
	
.tooltip { cursor: help; }
span.tooltip, a.tooltip { border-bottom: 1px dotted #c1c1c1; }

#cluetip {
	position: absolute;
	z-index: 3000;
	background: #000000;
	border: 1px solid #484a42;
	-moz-border-radius: .4em;
	padding: 10px;
	color: #bbbeb9;
	width: auto;
	max-width: 175px; }

	#cluetip h3 { font: normal 9pt "Verdana", "Arial", "Tahoma", sans-serif; }
	#cluetip strong { color: #fff; }

#betaCoverage {
	padding: 125px 15px 15px 15px;
	text-align: center;
	background: url("../images/misc/beta_module.png") top center no-repeat; }

.betaButton {
	width: 148px;
	height: 40px;
	display: block;
	margin: 5px auto;
	color: #5fc5eb;
	background: url("../images/misc/beta_button.gif") top center no-repeat;
	text-align: center;
	line-height: 40px;
	font-weight: bold;
	font-size: 12px; }

	.betaButton:hover { color: #fff; text-decoration: none; }

/*--------------------------------------------------
	Charts
--------------------------------------------------*/

#chartHeader { height: 40px; margin-bottom: 25px; }
#chartHeader h1 { position: inherit; }
#chart { }
#chart h2 { color: #fff; margin-bottom: 10px; }
#chart .table,
#chart .tableWrap { width: auto; margin-bottom: 15px; }

#wikiMeta { float: right; width: 350px; padding: 10px; margin: 0 0 15px 15px; background: #ffffff; border: 1px solid #d4d3d0; }
#wikiMeta ul { list-style: square; }
.wikiColumn { float: left; width: 33%; }

#wikiRelated { margin: 15px 0 0 25px; list-style: square; }
.wikiLegend img { vertical-align: middle; margin-left: 5px; }

/*--------------------------------------------------
	Users
--------------------------------------------------*/

.panelMenu {
    float: left;
    width: 25%; }

#frenemy { float: left; padding: 9px 5px 0 0; }
.small { font-size: 12px; }

/*--------------------------------------------------
	Contests
--------------------------------------------------*/

#contest h3 { margin: 25px 0 5px 0; }
#contest p { line-height: 185%; }

#friendList { list-style: none; }
#friendList li { padding: 10px; border-bottom: 1px solid #353736; }
#friendList li:last-child { border: 0; }
#friendList .avatar { width: 40px; height: 40px; overflow: hidden; float: left; margin-right: 10px; background: #000; border: 1px solid #000; text-align: center; }
#friendList .avatar img { max-width: 40px; max-height: 40px; vertical-align: middle; }

#blackout {
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .7;
	filter: alpha(opacity=70);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	display: none; }

#alert {
	padding: 20px;
	background: #fff;
	border: 10px solid #c1c1c1;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 101;
	width: 325px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 15px #000;
	-webkit-box-shadow: 0 0 15px #000;
	box-shadow: 0 0 15px #000; }

	#alert.success { background: #fff url("../images/icons/online.png") 17px 20px no-repeat; padding-left: 45px; }
	#alert.failure { background: #fff url("../images/icons/error.png") 17px 20px no-repeat; padding-left: 45px; }

.checkboxes { float: left; width: 520px; }
.checkboxes .checkbox { width: 33%; float: left; overflow: hidden; padding: 2px 0; font-weight: normal; text-align: left; }
.checkboxes .checkbox input { margin: 0; vertical-align: middle; }

.postRating img { vertical-align: middle; }
.post .icons { float: right; }
.post .icons img { margin-left: 3px; }

.rateHistory { margin: 0; padding: 0; list-style: none; }
.rateHistory li { padding: 1px 0 1px 15px; }
.rateHistory li.vote-2 { background: url("../images/icons/down.png") 0 55% no-repeat; }
.rateHistory li.vote-1 { background: url("../images/icons/up.png") 0 55% no-repeat; }
.history, .history:hover { text-decoration: none; }

/*--------------------------------------------------
	Esports
--------------------------------------------------*/

.esports {}
.esports .left { float: left; width: 560px; }
.esports .right { float: right; width: 375px; }
.esports .column { float: left; width: 30%; padding: 0 10px; }
.esports .entry { margin: 0 0 25px 0; }
.esports .thumbnail { display: block; background: #FFFFFF; border: 1px solid #D4D3D0; padding: 5px; }
.esports .thumbnail img { vertical-align: top; }

.vod .info,
.vod .desc { padding-top: 5px; }
.vod .thumbnail { float: left; margin: 3px 10px 5px 0; }

.tweet { padding-left: 70px; position: relative; min-height: 58px; }
.tweet .thumbnail { position: absolute; top: 0; left: 0; }

.esports .index .vod { padding-bottom: 20px; margin-bottom: 15px; background: url("../images/divider.gif") 0 100% no-repeat; }
.esports .index .tweet { margin-bottom: 15px; }

.subheader {
	color: #eeeaaf;
	padding: 5px 10px;
	margin-bottom: 15px;
	background: url("../images/header.jpg") -20px 0 no-repeat;
	border: 1px solid #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: #c3c3c3 0 1px 0; }

.newsLeft { float: left; width: 600px; }
.newsRight { float: right; width: 335px; }

#patchInfo { margin-top: 10px; }

#topForum { margin-bottom: 10px; }

a.news-toggler { float: left; }

/*--------------------------------------------------
	Streams
--------------------------------------------------*/

.onlineStreams,
.offlineStreams { padding-left: 25px; background: url("../images/buildtime_terran.gif") 0 50% no-repeat; }
.offlineStreams { background-image: url("../images/buildtime_zerg.gif"); }

.streams { margin: 0; padding: 0; list-style: none; }
.streams li { border-top: 1px dotted #3a3c3b; padding: 5px; } 
.streams .thumb { text-align: center; margin: 0 0 10px 0; }
.streams .thumb img { border: 1px solid #656258; max-width: 185px; }
.streams a { display: block; }

.streamsContainer .list { margin: 0 0 0 20px; }
.streamsBox { background: rgba(0, 0, 0, .35); border: 1px solid #3a3c3b; margin-bottom: 10px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.streamsBox h3 { margin: 5px; }

.newsRight .streamsBox { margin: 0 5px 15px 5px; border-color: #c1c1c1; background: rgba(255, 255, 255, .35); }
.newsRight .streams li { border-color: #c1c1c1; }

.streamsIndex .button { margin: 0; }
.streamsIndex h3,
.streamsIndex .table { margin-bottom: 15px; }

.embedFrame { text-align: center; margin-bottom: 25px; }

#chat { border: 3px solid #414138; border-radius: 3px; }
#chat iframe { width: 100%; height: 500px; margin: 0; padding: 0; display: block; }