@import "reset.css";

/* main settings */
body { 
	font: 13px/1.231 Tahoma; *font-size: small; *font: x-small;
	font-family: Tahoma, Lucida Sans Unicode, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; color: #fff; background: url(../i/bg.png); 
} 
a:link, a:visited {
	color: #fff; text-decoration: none;
}
a:hover {
	color: #ccc;
}

/* utils */
.clearfix { 
	clear:both;
	height:0;
	font-size:1px;
	line-height:1px;
	width:100%;
	overflow:hidden;
}

.border-radius {
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;
}
.border-radius-x5 {
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;
}


/* intro */
#intro 
{
	width: 990px;
	height: 650px;
	margin: 50px auto;
	background: #fff url(../i/intro-bg.jpg); 
}


#intro #intro-logo
{
	padding: 150px 0 0;
	text-align: center;
}

#intro #intro-lang
{
	position: relative;
	float: left;
	margin: -140px 0 0 320px; _margin: -135px 0 0 160px;
	padding: 20px;
	color: #a11717;
	font-size: .9em;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}

#intro #intro-lang a
{
	color: #a11717;
}

#intro #intro-lang a:hover
{
	color: #b42020;
}

#intro #intro-lang ul
{
	float: left;
}

#intro #intro-lang ul li
{
	float: left;
	margin: 0 10px 0 0;
}

#intro #sponsors
{
	margin: 50px 0 0;
	text-align: center;
}

/* layout */
#site 
{
	margin: 20px auto;
	width: 990px;
	height: 100%;
	background: #9fd9fe url(../i/990.jpg) no-repeat bottom; 
	border: 1px #999 solid;
}

/* header */
#header 
{
	margin: 0 auto;
	height: 110px;
	width: 600px;
	background: #121212;
}

#header #logo-holder 
{
	position: relative;
	float: left;
	margin: 25px 0 0;
	height: 85px;
	width: 75px;
	background: url(../i/logo-bg.png) no-repeat;
	z-index: 1000;
	_cursor: pointer;
}

#header #logo-holder #logo 
{
	position: absolute;
	margin: 10px 0 0 10px;
	
}

#header #logo-title 
{
	float: left;
	margin: 0 0 0 30px;
	height: 75px;
	width: 265px;
	background: url(../i/logo-title.png) no-repeat;
}

#header #lang-holder 
{
	float: right;
	margin: 10px 10px 0 0;
}

#header #lang-holder ul li 
{
	float: left;
}

#header #lang-holder ul li span.item 
{
	display: block;
	margin: 0 1px 0 0;
	padding: 5px;
	color: #fff; 
	font-size: .8em; *font-size: .7em;
	background: #345381;
	border: 1px #333 solid;
}

#header #lang-holder ul li a span.item 
{
	color: #fff;
	background: #000;
}

#header #lang-holder ul li a:hover span.item 
{
	color: #fff;
	background: #345381;
}

/*#header #navigation 
{
	position: relative;
	float: left;
	padding: 0 0 0 35px;
	height: 35px;
	width: 490px;
	font-size: .8em; *font-size: .75em;
	background: #941212;
	_z-index: 1;
}


#header #navigation ul.menu-item 
{
	position: absolute;
	background: #941212;
	cursor: pointer;
}

#header #navigation ul.menu-item li  
{
	float: left;	
}

#header #navigation ul.menu-item li span.item 
{
	display: block;
	padding: 5px; 
	border: 1px #be3f3f solid; 
	margin: 5px 1px 0 0;
	cursor: pointer;
}

#header #navigation ul.menu-item li a:hover span.item 
{
	color: #fff;
	background: #e43b3b;
	cursor: pointer;
}

.menu-div
{
	margin: 5px 0 0; *margin: -2px 0 0;
}

.menu-ul  {
	*margin: -5px 0 0;
	font-size: .8em; *font-size: .75em;
}

.menu-item .sub-item, .menu-item .sub-sub-item
{
	display: block;
	padding: 5px;
	margin: 0 0 1px 1px; *margin: 0 0 -11px;
	width: 120px; 
	background: url(../i/item-bg.png);
	border: 1px #666 solid;
	cursor: pointer;
	*zoom:1; *background:#000; *filter:alpha(opacity=80);
	*cursor: pointer;
}

.menu-item .sub-sub-item
{
	margin: -5px 0 6px 2px; *margin: 3px 0 -17px 2px;	
}

.menu-item a:hover span.sub-item, .menu-item a:hover span.sub-sub-item
{
	color: #fff;
	background: #345381;
	border: 1px #ccc solid;
}
*/

#header #navigation 
{
	position: relative;
	float: left;
	padding: 0 0 0 35px;
	height: 35px;
	width: 490px;
	font-size: .8em; *font-size: .75em;
	background: #941212;
	*z-index: 1;
}

/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin:			7px 0 0;
}


.sf-menu span.item {
	border: 1px solid #BE3F3F;
	cursor: pointer;
	display: block;
	margin: 0 1px 0 0;
	padding: 5px;
}


.sf-menu li {

}
.sf-menu li li {
	background: url(../i/item-bg.png);
}

.sf-menu li span.sub-item
{
	display: block;
	padding: 5px;
	margin: 0 0 1px 1px;
	
	border: 1px #666 solid;
	cursor: pointer;
	/* IE */
	*zoom:1; *background:#000; *filter:alpha(opacity=80);
	*cursor: pointer;
}

.sf-menu li span.sub-sub-item
{
	display: block;
	padding: 5px;
	margin: 0 0 1px 1px;
	
	border: 1px #666 solid;
	cursor: pointer;
	/* IE */
	*zoom:1; *background:#000; *filter:alpha(opacity=80);
	*cursor: pointer;
}

.sf-menu li li li {
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#345381;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../i/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/* wrapper */
#wrapper 
{
	width: 100%;
	float: left;
}

#wrapper #content 
{
	float: left; 
	width: 600px;
	margin: 0 0 10px; /*_margin: -30px 0 10px;*/
	background: #334455;
}

/* columns */
#wrapper #left-column, #wrapper #right-column 
{
	float: left;
	padding: 0 5px 5px;
	width: 185px;
}

/* match block */
#wrapper #left-column #prev-match, #wrapper #right-column #next-match
{
	float: left;
	margin: 0 0 5px;
	padding: 10px;
	width: 164px; _width: 163px;
	height: 230px; *height: 245px;
	background: url(../i/item-bg.png);
	border: 1px #444 solid;
	
	/* IE */
	*zoom:1; *background:#000; *filter:alpha(opacity=70);
	*cursor: pointer;
	text-align: center;
	
}

#wrapper #left-column #prev-match
{
	height: 260px; *height: 275px;
}

#wrapper #left-column #prev-match p.description,  #wrapper #right-column #next-match p.description
{
	margin: 10px 0 0; *margin: 20px 0 0;
	color: #ccc;
}

#wrapper #left-column #prev-match h2.title, #wrapper #right-column #next-match h2.title
{
	margin: 10px 0 2px;
	color: #fff;
	font-size: 1.2em;
	line-height: 1.3em;
	font-weight: normal;
}

#wrapper #left-column #prev-match p.date, #wrapper #right-column #next-match p.date
{
	color: #777;
	font-size: .8em; *font-size: .75em;
}

#wrapper #left-column #prev-match .opponent-logo, #wrapper #right-column #next-match .opponent-logo
{
	float: left;
	margin: 20px 0 0 5px; _margin: 20px 0 0 3px;
}

#wrapper #left-column #prev-match p.opponent, #wrapper #right-column #next-match p.opponent
{
	margin: 0 0 10px;
	width: 70px;
	height: 35px;
	font-size: .8em; *font-size: .75em;
}

#wrapper #left-column #prev-match .opponent-logo h3
{
	font-size: 1.7em;
	font-weight: normal;
}

#wrapper #left-column #prev-match p.report
{
	margin: 10px 0 5px; *margin: 5px 0 10px;
	padding: 5px;
	font-size: .8em; *font-size: .75em;
	border-top: 1px #999999 dotted;
}

#wrapper #left-column #prev-match p.report a
{
	text-decoration: underline;
}

/* ----- Data Table ---- */
#wrapper .data-table
{
	position: relative;
	float: left;
	margin: 0 0 5px;
	padding: 10px;
	width: 164px; _width: 163px;
	background: url(../i/item-bg.png);
	border: 1px #444 solid;
	
	/* IE */
	*zoom:1; *background:#000; *filter:alpha(opacity=70);
	*cursor: pointer;
	text-align: center;
}

#wrapper .data-table table
{
	margin: 20px 0;
	width: 170px;
	_width: 100%;
}

#wrapper .data-table table tbody tr td {
	border-bottom:1px solid #666666;
	color:#EEEEEE;
	padding:5px 0;
}

#wrapper .data-table table td small
{
	font-size: .8em;
}

#wrapper .data-table h2
{
	margin:10px 0 2px;
	color:#FFFFFF;
	font-size:1.1em;
	font-weight:normal;
	line-height:1.3em;
}

#wrapper .data-table p.link
{
	margin: 0 0 10px;
	color:#ccc;
	font-size:.8em;
}

#wrapper .data-table p.link a
{
	text-decoration: underline;
}

#wrapper .data-table .data-navigation
{
	float: left;
	margin: 15px 0;
	width: 100%;
}

#wrapper .data-table .data-navigation .next
{
	float: right;
	margin: 0 20px 0 0;
}

#wrapper .data-table .data-navigation .prev
{
	float: left;
	margin: 0 0 0 20px;
}

#wrapper .data-table .pollvotes ul
{
	margin: 10px 0 20px;
	text-align: left;
	color: #eee;
}

#wrapper .data-table .pollvotes ul li
{
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}

#wrapper .data-table .pollvotes ul li label
{
	cursor: pointer;
}

#wrapper .data-table .pollvotes  .pollbutton
{
	padding: 5px;
	color: #fff;
	font-size: .8em;
	background: #2d7fc4;
	border: 1px #2d7fc4 solid;
	cursor: pointer;
}

#wrapper .data-table p.link
{
	margin: 10px 0;
}


#wrapper .data-table .easypoll
{
	text-align: left;
}

#wrapper .data-table .pollresults li {
    clear: both;
    width: 100%;
	text-align:left;
}

#wrapper .data-table .pollresults h2 {
    margin: 10px 0 15px;
}

#wrapper .data-table .easypoll fieldset {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

#wrapper .data-table .easypoll_bar {
	background-color: #333;
	border: 1px solid #CCCCCC;
	float: left;
	height: 25px;
	margin: 10px 0 20px;
	width: 100%;
}
#wrapper .data-table .easypoll_bar strong {
	color:#FFFFFF;
	display:block;
	float:left;
	font-size:0.9em;
	padding:5px;
}
#wrapper .data-table .easypoll_inner {
    height:100%;
    float:left;
    background-color:#000;
}
	

/* footer */
#footer 
{
	margin: 10px auto 30px;
	width: 990px;
	height: 120px;
}


/* 
	************************************************************************
									MAIN
	************************************************************************
*/

#main 
{
	width: 600px;
	min-height: 1370px;
	_height:expression(this.scrollHeight < 1370? "1370" : "auto");
}

/* main gallery */
#main #main-gallery 
{
	position: relative;
	width: 600px;
	height: 280px;
}

#main-gallery #gallery-preloader
{
	display:none;
	position: absolute;
	padding: 15px;
	margin: 100px 250px 0;
	background: #000;
	opacity: .6;
	
	/* IE */
	*zoom:1; *background:#000; *filter: alpha(opacity=60);
}

#main-gallery #gallery-image 
{
	overflow: hidden;
}

#main-gallery #thumbs-holder 
{
	position: absolute;
	bottom: 5px;
	margin: 0 0 0 7px;
}

#main-gallery #thumbs-holder ul li
{
	float: left;
	margin: 0 1px 0 0;
	cursor: pointer;
}

#main #main-gallery #thumbs-holder ul li img
{
	border: 1px #CCCCCC solid;
}

#main #main-gallery #thumbs-holder ul li img:hover
{
	border: 1px #fff solid;
}

#main #main-gallery #gallery-navigation
{
	position: absolute;
	bottom: 7px;
	right: 7px;
	font-size: .8em; *font-size: .75em;
}

#main #main-gallery #gallery-navigation .item
{
	margin: 0 0 2px;
	padding: 3px 7px;
	background: #333;
}

/* news-string */
#main #news-string
{
	height: 30px;
	background: #770f0f;
	overflow:hidden;
}

#main #news-string p
{
	padding: 7px;
}



/* news-holder */
#main #news-holder
{
	float: left;
	margin: 0 0 2px;
	width: 600px;
	background: #345381 /*url(../i/news-post-bg.png)*/;
}

#main #news-holder .news-post
{
	float: left;
	margin: 2px 0 0 2px; _margin: 2px 2px 0 0;
	padding: 15px;
	width: 265px; _width: 265px;
	height: 110px;
	background: #345381 url(../i/news-post-bg.png);
	border: 1px #333 solid;
	
	/* IE */
	*zoom:1; *background:#000; *filter:alpha(opacity=80);
	overflow: hidden;
}

#main .news-post .news-thumb
{
	overflow: hidden;
	float: left;
	margin: 0 10px 10px 0;
/*	width: 70px; */
	height: 50px;
	border: 1px solid #ccc;
}

#main .news-post .news-date
{
	font-size: .8em;
}

#main .news-post h2.news-title
{
	font-size: 1.1em;
	font-weight: normal;
}

#main .news-post h2.news-title a
{
	text-decoration: underline;
}

#main .news-post .news-content
{	
	display: block;
	overflow: hidden;
	height: 45px;
	width: 260px; 
	color: #ccc;
	font-size: .9em;
	line-height: 1.3em;	
}


/* 
	************************************************************************
								SIMPLE CONTENT
	************************************************************************
*/

/* simple content */
#simple-content
{
	position: relative;
	width: 600px;
	min-height: 1350px;
	_height:expression(this.scrollHeight < 1350? "1350px" : "auto");
	background: #345381 url(../i/content-bg.png) no-repeat;
}

#simple-content .content-block
{
	padding: 40px 25px;
}

#simple-content .content-block h2.title
{
	margin: 0 0 10px;
	color: #fff;
	font-size: 1.7em;
	line-height: 1.3em;
	text-transform: uppercase;
}

#simple-content .content-block p
{
	margin: 0 0 10px;
	color: #eee;
	line-height: 1.3em;
}

#simple-content .content-block h3
{
	margin: 20px 0 10px;
	color: #ccc;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.3em;
}

#simple-content .games-top-league ul li
{
	margin: 0 0 0 20px;
	list-style-type: decimal;
}

#simple-content .content-block .line
{
	display: block;
	margin: 15px 0;
	width: 100%;
/*	height: 1px; */
	border-bottom: 1px #333 solid;
}

#simple-content .content-block table tbody tr td
{
	padding: 10px 0 0 5px;
	color: #eee;
	border: 1px #ccc solid;
	
}


#simple-content .content-block .online 
{
	float: left;
	margin: 20px 0;
}

#simple-content .content-block .online dl
{
	float: left;
	margin: 10px 0;
	padding: 5px 0;
	width: 550px;
	border-bottom: 1px #333333 solid;
}

#simple-content .content-block .online dt, #simple-content .content-block .online dd
{
	float: left;
}

#simple-content .content-block .online dd
{
	float: left;
	width: 420px;
}

#simple-content .content-block .online dt
{
	margin:0 0 10px;
	width: 100px;
	color: #ccc;
}

#simple-content .content-block .online dt .min
{
	font-size: 2em;
	margin: 0;
	color: #ccc;
}

#simple-content small
{
	display:block;
	margin: 5px 0 10px 0;
	color: #fff;
	font-size: .8em;
}

#simple-content .back
{
	margin: 10px 0;
	padding: 10px;
	width: 530px; *width: 520px;
	background: url(../i/news-post-bg.png);
	border: 1px #333 solid;
	
	/* IE */
	*zoom:1; *background:#000; *filter:alpha(opacity=60);	
	text-align: right;	
}

#simple-content .back a
{
	font-size: .9em;
	text-decoration: underline;
}

#simple-content .content-block .content-gallery ul li
{
	float: left;
	margin: 0 10px 7px 0;
}

#simple-content .content-block .content-gallery ul li img
{
	border: 7px solid #6c91a9;
}

#simple-content .pollresults
{
	width: 500px;
}
#simple-content .pollresults li {
    clear:both;
    width:100%;
}
#simple-content .easypoll fieldset {
    border:0px;
    margin:0px;
    padding:0px;
}

#simple-content .pollresults h2
{
	margin: 0 0 15px;
	font-size: 1.3em
}

#simple-content .easypoll_bar {
	background-color:#333;
	border:1px solid #CCCCCC;
	float:left;
	height:25px;
	margin:10px 0 20px;
	width:100%;
}
#simple-content .easypoll_bar strong {
	color:#FFFFFF;
	display:block;
	float:left;
	font-size:0.9em;
	padding:5px;
}
#simple-content .easypoll_inner {
    height:100%;
    float:left;
    background-color:#000;
}

/* news */
#simple-content .news .post
{
	display: block;
	float: left;
	margin: 0 0 5px; *margin: 0 0 -5px;
	padding: 20px;
	width: 510px; *width: 500px;
	background: url(../i/news-post-bg.png);
	border: 1px #333 solid;
	
	/* IE */
	*zoom:1; *background:#000; *filter:alpha(opacity=100);
}

#simple-content .news a .post
{
	*cursor: pointer;

}

#simple-content .news a:hover .post
{
	/*background: #000;*/

	*zoom:1; *background:#000; *filter:alpha(opacity=60);
}

#simple-content .news .news-thumb
{
	float: left;
	margin: 0 15px 10px 0;
	height: 50px;
	border: 1px solid #ccc;
}

#simple-content .news .content
{
	float: left;
	width: 500px; *width: 500px;
}

#simple-content .news .content strong
{
	font-weight: bold;
}

#simple-content .news .content img
{
	 margin: 5px 0;
	 border: 10px #ccc solid;
}

#simple-content .news p.date
{
	margin: 20px 0 0; *margin: 40px 0 0;
	width: 500px; *width: 500px;
}

/* data-list */
#simple-content .data-list .post
{
	display: block;
	float: left;
	margin: 0 0 5px; *margin: 0 0 -5px;
	padding: 20px;
	width: 510px; *width: 500px;
	background: url(../i/news-post-bg.png);
	border: 1px #333 solid;
	
	/* IE */
	*zoom:1; *background:#000; *filter:alpha(opacity=100);
}

#simple-content .data-list .post .thumb
{
	float: left;
	margin: 0 20px 10px 0; *margin: 0 15px 10px 0;
	width: 140px;
	height: 165px;
	overflow: hidden;

}

#simple-content .data-list .post .data-content
{
	float: left;
	width: 350px;
}

#simple-content .data-list .post .data-content h3.title
{
	margin: 0 0 10px;
	color: #CCCCCC;
	font-size: 1.3em;
	font-weight: normal;
}

#simple-content .data-list .post .data-content dl
{
	float: left;
	padding: 5px 0;
	border-bottom: 1px #ccc solid;
}

#simple-content .data-list .post .data-content dt, #simple-content .data-list .post .data-content dd
{
	float: left;
}

#simple-content .data-list .post .data-content dt
{
	width: 150px;
	color: #ccc;
}


#simple-content .data-list .post .data-content dd
{
	width: 200px;
}

#simple-content .data-list .post .data-content .description
{
	margin: 20px 0;
}