@import url('http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold|Cantarell');

* { margin: 0; padding: 0; }
body { background: #000 url(images/bg.jpg) repeat; color: #999; font-family: verdana; font-size: 11px }

#base { width: 960px; margin: 0 auto }
#head { width: 940px; height: 300px; margin: 0 auto }
#head .mask { width: 100%; height: 300px; background: transparent url(images/head1.jpg) -10px no-repeat; }
#head .mask div { width: 100%; height: 300px; background: transparent url(images/head.gif) -10px no-repeat; }
#borderl { background: transparent url(images/borders.gif) top left repeat-y }
#borderr { background: transparent url(images/borders.gif) top right repeat-y }
#content { background: #111 url(images/content_bg.jpg) top right repeat-y; padding: 10px; padding-top: 0px; margin-left: 70px; margin-right: 70px; }
#right { float: right; width: 390px }
#left {width: 390px }
#menu { height: 40px; padding-top: 10px; background: url(images/menubg.png) repeat-x; text-align: center; }
#footer { text-align: center; color: #444; font-size: 10px; padding: 30px 0px 10px }
#footer a { color: #444; }
#footer a:hover { text-decoration: underline }

#right .box { background: #000; border: 1px solid #222 }
#right .row { list-style: none; }
#right .row li { padding: 5px; border-bottom: 1px dashed #222; }
#right .box a:link, #right .box a:visited { color: #1C6780 }
#right .box a:hover { color: #fff }
#right .box .head { padding: 5px; background: #222 }
#right .box .head a { display: block }
#right .box #session_box { border-bottom: 1px dashed #222;}
#left .box { padding-bottom: 10px; margin-bottom: 10px; background: url(images/hr.png) center bottom no-repeat }
#left .box img { border: 5px solid #222 }
#left .box .content a:link, #left .box .content a:visited, .postbody .content a, .postbody .content a:visited { color: #CC8A2D }
#left .box .content a:hover, .postbody .content a:hover { color: #fff }
#left .box .content ul { list-style: inside }

p { margin-bottom: 10px; }
h1 { color: #fff; font-weight: bold; font-size: 20px; font-family: 'Droid Sans', Verdana, sans-serif; text-shadow: #555 2px 2px 2px}
h2 { color: #80451C; font-weight: normal; font-size: 14px; margin-bottom: 5px; font-family: 'Cantarell', Arial, sans-serif }
a:link, a:visited { text-decoration: none; color: #2EA6CD }
a:hover { text-decoration: none; color: #fff; }
a:active, a:focus { text-decoration: underline; outline: 0; }
#menu li { display: inline; height: 50px; list-style-type: none; margin: 40px; font-size: 20px; font-family: "Trebuchet MS" }
strong { font-weight: normal; color: #fff; }

input, textarea, select { border: 1px solid #333 !important; background: #000 !important; color: #CC8A2D !important; }
input[type=submit], input[type=button] { font-weight: bold }
input:focus, textarea:focus, select:focus { background: #111 !important; color: #ccc !important }

input.login { height: 30px; font-size: 28px }

.player { height: 320px; border: 3px solid #222; }
.more { border-top: 1px solid black; padding: 10px; margin-top: 10px; }

.tooltip { height: 46px; width: 183px; padding: 7px 10px 7px 7px; padding-right: 25px; background: url(images/tooltip.gif) no-repeat; opacity: 0.5; display: none }

ul.gallery, ul.gallery ul {
	list-style: none;
}

ul.gallery a {
	display: block;
	background: #000;
	height: 20px;
	padding: 5px;
	margin-bottom: 2px;
	opacity: 0.5;
	font-size: 16px;
}

ul.gallery a:hover {
	opacity: 1;
}

ul.gallery li ul li {
	margin-left: 20px;
}

#slideshow {
	width: 500px;
	height: 500px;
	float: right;
}
#slideshow ul {
	list-style: none;
}
#slideshow img {
	border: 0;
}

.bbspoiler {
	margin: 0 20px;
	border: 1px solid #555;
	padding: 5px;
	background-color: #292929;
	color: #ccc;
}

.bbspoiler .bbspoilera {
	color: #fff!important;
	font-weight: bold!important;
	font-size: 1em!important;
	padding: 0!important;
	margin: 0!important;
	background: transparent!important;
	border: 0!important;
}

.bbspoiler a.bbspoilera:hover {
	text-decoration: underline;
}

.userRace {
	width: 130px;
	height: 110px;
	background: no-repeat;
	margin: 0 auto;
}

.userRace.Protoss {
	background-image: url(images/icon-protoss.gif);
}

.userRace.Terran {
	background-image: url(images/icon-terran.gif);
}

.userRace.Zerg {
	background-image: url(images/icon-zerg.gif);
}

#release {
	width: 260px;
	height: 60px;
	padding: 40px 65px;
	background: url(images/countdown.png);
	display: none;
}