html, body {
	height: 100%;
	
}
body {
	background: #443f27 url('../images/bg_patern.png');
	font: normal 10pt 'Verdana', Tahoma, sans-serif;
	color: #fff;
	margin: 0 auto;
	
}

p {padding: 2px 5px;}

a {color: #fff; text-decoration:none; }
a:hover {color: #fff; text-decoration:underline; }

img {
  border: none;
  margin: 0 auto;
  padding: 0;
}


h1 {margin: 0 auto; text-align: center; font-size: 0px; display: inline;}
h2 {color: #d5cb07; font: normal 14pt 'Verdana', Tahoma, sans-serif; margin: 0 0 10px 0; text-align: left;}
h3 {font: bolder 11pt 'Verdana', Tahoma, sans-serif; color:#fff; margin: 0 auto; padding: 10px; text-align: left;  padding: 0 5px;}

blockquote {border: 1px #252216 solid; margin: 5px; padding: 3px; background: #2c291a;}

.js-error{
	background:#CC0000;
	color:#FFFFFF;
	text-align:center;
	width: 400px;
	position: fixed; top: 30px; left: 10px;
}


/*******************
	LAYOUT
*******************/

#main {
	margin: 0 auto;
	width: 100%;
	background: url('../images/bg_shadow.png')  top center repeat-x;	
}

#userpanel {
	background:#252216;
	width: 100%;
	height: 30px;
	position: fixed;
}

#header {
	margin: 0 auto;
	width: 1000px;
	/*height: 392px;*/
	height: 280px;
	background: url('../images/header.png')  no-repeat;	
}


#menu {
	margin: 0 auto;
	width: 1000px;
	height: 45px;
	background: url('../images/bg_menu.png') repeat-x;	
	display: block;

}

#container {
	margin: 25px auto 5px auto;
	width: 1000px;
	height: 100%;
	background: #12110e;
	
}

#content {
	padding: 10px 8px;
	
}

#content-text {
	width: 680px;
	display: inline;
	
}

#content-sidebar {
	width: 280px;
	float: right;
}


#main-article {
	height: 310px;
	width: 674px;
	background: url('../images/bg_main_article.png') no-repeat;
	margin-bottom: 30px;
}

#main-banners {
	height: 310px;
	width: 274px;
	background: url('../images/bg_main_banners.png') no-repeat;
}


#reports-top {
	height: 40px;
	width: 674px;
	background: url('../images/bg_reports_top.png') no-repeat;
}

#reports-content {
	width: 674px;
	background: url('../images/bg_reports_body.png') repeat-y;
	height: 285px;
}

#banners-top {
	margin-top: 5px; 
	height: 40px;
	width: 674px;
	background: url('../images/bg_text_top.png') no-repeat;
}

#banners-content {
	min-height: 200px;
	width: 674px;
	background: url('../images/bg_text_body.png') repeat-y;
}

#content-foot {
	margin-top: 5px; 
	height: 102px;
	width: 674px;
	background: url('../images/bg_content_foot.png') no-repeat;
}

#match {
	margin-top: 5px;
	height: 247px;
	width: 274px;
	background: url('../images/bg_match.png') no-repeat;
}

.sdb-top {
	margin-top: 15px;
	width: 274px;
	height: 7px;
	background: url('../images/bg_sdb_top.png') no-repeat;
}
.sdb-body{
	width: 274px;
	min-height: 100px;
	background: url('../images/bg_sdb_body.png') repeat-y;
}
.sdb-foot {
	width: 274px;
	height: 9px;
	background: url('../images/bg_sdb_foot.png') no-repeat;
}


/******************
	STYLE
*******************/
/* header */


#head-content {
	/*height: 380px;*/
	height: 280px;
	width: 620px;
	/*margin-left:390px;*/
	display: block;
}

#headfoto {
	width: 310px;
	height: 380px;
	overflow: hidden;
	margin-left: 300px;
	text-align: center;
	/*opacity: 0.8;  
    filter: alpha(opacity=80);  
    -moz-opacity: 0.8;  
    -khtml-opacity: 0.8; */

}
#headfoto img{ margin: 130px auto 0 auto;}
#logo img {text-align: left; margin: 0px auto 0 auto;}


/*****************
	content 
*****************/
/* userpanel */
#userpanel > .user_left {
	position: absolute; top: 6px; left: 15px;
}
#userpanel > .user_right {
	position: absolute; top: 6px; right: 15px;
}
#userpanel > .user_right a {
	color: #d5cb07;
}

/* main article */
#main-article-text {
	width: 285px;
	height: 280px;
	padding: 10px 15px;
	color: #fff;
	float: left;
	text-align: justify;
	overflow: hidden;	
}

#main-article-text h2  {
	padding-top: 15px;
	color: #dfd505;
}
#main-article-text h2 a {color: #dfd505;}
#main-article-text h2 a:hover {color: #dfd505; text-decoration: underline;}

#main-article-thumb {
	width: 320px;
	height: 240px;
	padding: 25px 15px;
	margin-left: 315px;
	overflow: hidden;
	text-align: center;
}


/* reports */
#reports-top .box h2, #banners-top h2{
	width: 290px;
	color: #d5cb07;
	font: normal 14pt 'Verdana', Tahoma, sans-serif;
	float: left;
	margin: 5px 15px;
}
#reports-top .box h2 a{color: #d5cb07;}
#reports-content .box {
	float: left;
}
#reports-content .report {
	font-weight: bold;
	font-size: 9pt;
	width: 295px;
	height: 19px;
	background: url('../images/bg_report.png') repeat-x;
	padding: 2px 6px;
}
#reports-content .newreport {
	font-weight: bold;
	font-size: 10pt;
	width: 295px;
	height: 27px;
	background: url('../images/bg_report_new.png') repeat-x;
	padding: 4px 6px 0 6px;
	margin: 4px 0 -2px 0;
}
#reports-content .report a, .newreport a {color: #fff; text-decoration: none;}	
#reports-content .report a:hover, .newreport a:hover {color: #fff; text-decoration: underline;}	
#reports-content .report strong, .newreport strong {color: #d5cb07; margin-right: 3px;}
#reports-content .archive { margin-right: 7px; text-align: right;}
#reports-content .archive a { color: #fff;}

#reports-content .fotoreport {
	width: 362px;
	height: 90px;
	margin: 5px 0 0 5px;
	background: url('../images/bg_foto.png') repeat-y;
	display: block;
}

#reports-content .fotoreport > .title {
	color: #d5cb07;
	font-weight: bold;
	font-size: 10pt;
	display: inline;

}
#reports-content .fotoreport > .title a{color: #d5cb07;}

#reports-content .fotoreport > .date{
	color: #fff;
	font-weight: normal;
	font-style: italic;
	float: right;
	font-size: 10pt;
	display: inline;
	padding-right: 10px;
}

#reports-content .fotoreport > .image{
	float: left;
	width: 90px;
	height: 70px;
	overflow: hidden;
	margin: 8px;
}

#reports-content .fotoreport > .count {
	/*clear: both;*/
	text-align: right;
	font-weight: bold;
	padding: 0 10px 6px 0;
}

#reports-content .fotoreport > .text {
	height: 55px;
	overflow: hidden;
	text-align: justify;
	padding-right: 10px;
}


/* sponsors */
#banners-content h3 {
	padding: 3px 0 0 0;
	margin-bottom: -5px;
	font-size: 10pt;
}
#banners-content {
	text-align: center;
}
#banners-content img {
	margin: 5px;
	border: 0;
}
#banners-content img a {
	border: 0;
}

/* text */
.text-top {
	margin-top: 5px; 
	height: 40px;
	width: 674px;
	background: url('../images/bg_text_top.png') no-repeat;
}

.text-content {
	min-height: 100px;
	width: 674px;
	background: url('../images/bg_text_body.png') repeat-y;
	margin-bottom: 15px;
}

.text-top h2 {
	color: #d5cb07;
	font: normal 14pt 'Verdana', Tahoma, sans-serif;
	padding: 5px 10px;
}

.text-top h2 a {
	color: #d5cb07;
}

/* clanky */
.article, .videos, .team {
	padding: 10px 5px;
	text-align: justify;
}

.article-foot {
	padding: 10px 10px;
}
.article-icon {
	text-align: right;
	padding: 5px 10px;
}
.article-icon img {margin: 0 2px;}
.article-foot-right  {
	float: right;
	display: inline;
}

.article-foot-left {display: inline; }
.article-foot-left a {color: #d5cb07; }


.perex {
	margin-bottom: 20px;
}


/* Komentare */
#login, #pass, #register{text-align: center; margin-bottom: 10px;  padding: 5px;}
#register td {text-align: left; margin-bottom: 10px;}

#login h3, #pass h3, #register h3 {color: #fff;}
#login label , input , #pass label , input, #register label, input {margin: 2px;}
#login fieldset, #pass fieldset, #register fieldset {width: 350px; margin: 5px auto; background: #252216; border: 1px solid #000;}
#login input, #pass input, #register input {background: #34301e; border-style: none; color: #fff; border: 1px solid #000;}
#login form, #pass form, #register form {margin: 10px;}
#login a, #pass a, #register a {font-size: 8pt; cursor: pointer;}

.none {display: none;}
.visible {display: block;}
.login_alert {text-align: center; font-weight: bold; color: #d5cb07; border: 1px #000 solid; padding: 8px 0; background: #4b4529; width: 80%; margin: 0 auto;}

#comments  textarea {width: 98%;}

#comments {
	padding: 15px;
}

#comments-buttons {
	margin: 10px 5px;
}

#smajlici {
	margin: 10px 5px;
}

#smajlici a {
	border: none;
}
#article-comments {padding: 15px;}
#comments  fieldset, legend {
	padding: 2px 5px;
	border: 1px solid #252216;
}

table.comments_message  {
	width: 100%;
	margin: 8px 0;
	border: 1px #252216 solid;
	min-height: 70px;
}

tr.comments-tr {}
td.userpanel {
	width: 200px;
	text-align: left;
	vertical-align: top;
	padding: 3px;
	background:#252216;
}
td.redaktorpanel {
	width: 200px;
	height: 30px;
	text-align: left;
	vertical-align: bottom;
	padding: 3px;
	background:#252216;
	font-size: 8pt;
}
td.redaktorpanel .ban {color: #FF0000;}
td.redaktor strong {color: #d5cb07;}
td.messagepanel {
	text-align: left;
	vertical-align: top;	
}

input.submit  {
	margin-top: 10px;
	padding:2px 15px;
	border:none;
	background:#252216;
	border: 1px #fff solid;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	font-family: 'Verdana', Tahoma, Sans-serif;
	cursor: pointer;
	letter-spacing: 1px;
}

a.comments-buttons {
	border: 1px #000 solid;
	text-decoration: none;
	background-color: #fff;
	color: #000;
	padding: 1px 6px;
}
a.comments-buttons:hover {
	border: 1px #000 solid;
	text-decoration: none;
	background-color: #252216;
	color: #fff;
}

/* videa */
.videos-code {
	text-align: center;
	margin: 0 auto;
}
.videos-code script{
	text-align: center;
	margin: 0 auto;
}

/* foto */
#foto {padding: 10px;}
#foto .gallery  h2 {display: inline;}
#foto .gallery > .date {display: inline; float: right; font-style: italic;}
#foto .gallery > .images  {text-align: center;}
#foto .gallery > .text  {text-align: justify;}
#foto .gallery > .back a  {color: #d5cb07;}
#foto .gallery img {margin: 4px;}
#foto .gallery a img {border: 2px #252216 solid;}
#foto .gallery a:hover img {border: 2px #fff solid;}

#foto .fotoreport {
	float: left;
	width: 320px;
	height: 110px;
	margin: 5px 0 0 5px;
	background: url('../images/bg_foto.png') repeat-y;
}

#foto .fotoreport > .title {
	color: #d5cb07;
	font-weight: bold;
	font-size: 10pt;
	display: inline;
}
#foto .fotoreport > .title a{color: #d5cb07;}

#foto .fotoreport > .date{
	color: #fff;
	font-weight: normal;
	font-style: italic;
	font-size: 10pt;
	display: inline;
	padding-left: 6px;
}

#foto .fotoreport > .image{
	float: left;
	width: 90px;
	height: 70px;
	overflow: hidden;
	margin: 8px;
}

#foto .fotoreport > .count {
	display: inline;
	float: right;
	font-weight: bold;
	padding: 0 10px 6px 0;
}

#foto .fotoreport > .text {
	height: 75px;
	overflow: hidden;
	text-align: justify;
	padding-right: 10px;
}

/* main foto */
#mainfoto-head {
	width: 670px;
	height: 15px;
	background: url('../images/mainfoto_head.png') no-repeat;
}
#mainfoto-body {
	width: 670px;
	min-height: 200px;
	background: url('../images/mainfoto_body.png') repeat-y;
	
}
#mainfoto-foot {
	width: 670px;
	height: 16px;
	background: url('../images/mainfoto_foot.png') no-repeat;
}
#mainfoto-body .title{display: inline; padding: 0 10px; margin: 0;}
#mainfoto-body  h2 {display: inline;}
#mainfoto-body  h2 a {color: #d5cb07;}

#mainfoto-body .date {
	display: inline;
	float: right;
	font-size: 11pt;
	font-style: italic;

}
#mainfoto-body .info {
	margin-left: 350px;
	width: 310px;
}

#mainfoto-body .text {
	padding: 10px 5px 5px 5px;
	background: url('../images/mainfoto_text.png') repeat-x;
	text-align: justify;
}
#mainfoto-body .thumbs {text-align: center; margin: 10px 0 0 0;}
#mainfoto-body .thumbs img {margin: 5px;}
#mainfoto-body .thumb {
	width: 330px;
	overflow: hidden;
	padding: 10px;
	float: left;
}

/* tabulka u tymu */
.team table {width: 100%;  border-collapse: collapse;}
.stats table {margin-bottom: 50px;}
.team th {text-align: center; border-bottom: 1px #d5cb07 solid; color: #d5cb07; }
.team th a {text-align: center; color: #d5cb07; cursor: help;}
.team tr {text-align: center; height: 25px; }
.team td {padding: 2px 5px;}
.team  td.name {text-align: left;}
.team  td.result a {color: #d5cb07; text-decoration: underline;}
.team  td.result a:hover {color: #d5cb07; text-decoration: none;}
.team .ca {color: #d5cb07; font-weight: bold; text-transform: uppercase;}
.team .row-a  {background: url('../images/bg_row.png') repeat-x; }
.team .row-b  {background:#252216;}
.team .separ  { border-bottom: 1px #d5cb07 solid; height: 2px;}


#season {margin: 5px 0 15px 0;}
#season a{margin: 0 2px; color: #fff; }
#season a.current{margin: 0 2px; color: #d5cb07;}

.Pager {clear: left; padding: 10px;}
.PageCurrent {color: #d5cb07;}

#credit {
	margin: 15px 0 5px 0;
	text-align: center;
	font-size: 7pt;
}
#credit a {color: #d5cb07;}

/*****************
	sidebar 
*****************/
#main-banners {text-align: center;}
#main-banners  .image img {margin: 25px auto;}

#main-banners h2 {
	color: #dacf88;
	font: normal 14pt 'Verdana', Tahoma, sans-serif;
	font-style: italic;
	letter-spacing: 2px;
	text-align: center;
	padding: 10px 0;
}

.sdb-body h2 {
	color: #d5cb07;
	font: normal 12pt 'Verdana', Tahoma, sans-serif;
	text-align: left;
	padding: 10px 0 0 0;
	margin-bottom: 3px;
}
.sdb-text {padding: 5px 10px; width: 254px; text-align: justify;}



#sdb-schedule {background: url('../images/bg_sdb_match.png') 0 0 repeat-y; padding: 5px 10px;}
#sdb-schedule a {color: #d5cb07;}
#sdb-schedule h2 {display: inline; margin-right: 35px;}

#player{background: url('../images/bg_sdb_player.png') 0 0 repeat-y; padding: 5px 10px; margin-top: 15px; min-height: 140px;}
#player strong {
	color: #d5cb07;
	font-weight: bold;
}
#player p {margin: 0;}

#player-foto {
	width: 100px;
	overflow: hidden;
	float: left;
	margin: 0 5px 0 0;
}



.tooltip-anchor { border: 2px solid #252216;         
          opacity: 0.90;filter:alpha(opacity=90);zoom:1;

         -webkit-border-top-left-radius:10px;
         -webkit-border-top-right-radius:10px;
         -webkit-border-bottom-left-radius:10px;
         -webkit-border-bottom-right-radius:10px;

         -khtml-border-radius-topleft:10px;
         -khtml-border-radius-topright:10px;
         -khtml-border-radius-bottomleft:10px;
         -khtml-border-radius-bottomright:10px;

         -moz-border-radius-topleft:10px;
         -moz-border-radius-topright:10px;
         -moz-border-radius-bottomleft:10px;
         -moz-border-radius-bottomright:10px; }
.tooltip { border: 2px solid #252216;        
          opacity: 0.90;filter:alpha(opacity=90);zoom:1;

         -webkit-border-top-left-radius:10px;
         -webkit-border-top-right-radius:10px;
         -webkit-border-bottom-left-radius:10px;
         -webkit-border-bottom-right-radius:10px;

         -khtml-border-radius-topleft:10px;
         -khtml-border-radius-topright:10px;
         -khtml-border-radius-bottomleft:10px;
         -khtml-border-radius-bottomright:10px;

         -moz-border-radius-topleft:10px;
         -moz-border-radius-topright:10px;
         -moz-border-radius-bottomleft:10px;
         -moz-border-radius-bottomright:10px; }

.tooltip, .tooltip-anchor { padding: 3px 5px; background: #34301e; font-weight: bold;}
body > .tooltip, body > .tooltip-anchor { font-size: 90%; }
* html .tooltip, * html .tooltip-anchor { font-size: 85%; }