/*******************************************************************************
 * 
 *  SKIN GOTHIC3
 *  
 ******************************************************************************/
 
/* Zakladni definice tela stranky  */
body 
{
  background-image: url("/images/design/bg-fanart.jpg");
}



#logo .logo_fanart
{
  position: absolute;
  top:50px;
  left: 0px;
}

#logo .sekce a:hover
{
  background: url("/images/design/bg-sekce-hover-fanart.png") repeat;
  color: #fff;
  border: 1px solid #fff;
}



/* Easy Slider */

#fanart-slider ul, #fanart-slider li
{
  display: block;
	margin:0;
	padding:0;
	list-style:none;
}
#fanart-slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
	display: block;
	width:432px;
	height:117px;
	overflow:hidden; 
	text-align: left;
} 			

/* // Easy Slider */

div.fanart-slider
{
  position: absolute;
  top: 180px; left: -20px;
  width: 432px;
  height: 117px;
  padding: 11px;
  background: url("/images/design/slider_fan_bg.png") no-repeat top center;
  
}

div#fanart-slider img
{
  border: 1px solid #cabb95;
  float: left;
  margin-right: 5px;  
}

div#fanart-slider h3
{
  color: #62522d;
  font-weight: bold;
  border-bottom: 1px solid #a99b81; 
  margin-bottom: 5px;
}

div#fanart-slider p
{
  margin: 0;
  padding: 0;
  font-family: Times, serif;
  font-size: 1.3em;
  line-height: 1.3em; 
  color: #62522d;
}

div#fanart-slider a, div#fanart-slider a:visited
{
  font-weight: bold;
  color: #000;
}

#prevBtn, #nextBtn{ 
	display:block;
	width:13px;
	height:18px;
	position:absolute;
	left:-10px;
	top:60px;
	}	
#nextBtn{ 
	left:450px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:13px;
	height:18px;
	background:url("/images/design/slider_fan_left.png") no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url("/images/design/slider_fan_right.png") no-repeat 0 0;	
	}	
	
.orlice
{
  line-height: 1.35em;
  text-align: left;
  background: #111 !important;
  color: #999 !important;
  border-width: 1px !important;
}
	
	


.download_button {
  display: block;
  width: 200px;
  line-height: 23px;  
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  margin: 20px auto;
  background: #bbb;
  border: 1px solid #aaa;
  color: #222 !important;
  font-weight: bold;  
}

.download_button:hover {
  background: #222;
  border-color: #444;
  color: #ff5 !important;
} 

.bestbox {
  float: left;
  position: relative;
  width: 250px;
  padding: 1px;
  margin: 4px;
  background: #111;   
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
  text-align: left;
  border: 1px solid #444;
  padding-bottom: 5px;
}

.bestbox h4 {
  display: block;
  width: 250px; 
  height: 110px;
  position: relative;
  margin-bottom: 2px;
}
.bestbox h4 span { display: none; }
.bestbox h4.kresby { background: url("/images/fanart/best-kresby.png"); }   
.bestbox h4.komiksy { background: url("/images/fanart/best-komiksy.png"); }   
.bestbox h4.povidky { background: url("/images/fanart/best-povidky.png"); }   
.bestbox h4.fanart { background: url("/images/fanart/best-fanart.png"); }   
.bestbox p { padding: 5px 10px; margin: 0; color: #aaa; text-align: justify; }   

.bestbox table {
  margin: 0 2px;
  width: 246px;  
  border-collapse: collapse;
}

.bestbox table tr.row0 td {      
  background: #222;
}

           
.bestbox table td {    
  padding: 3px;
  font-size: 10px; 
}

.bestbox table td.rank {    
  text-align: right;
  color: #fff;
  font-weight: bold;
}

.bestbox table a {
  display: block;
  width: 100%;
  text-decoration: none;
  font-weight: bold;
}

.bestbox table a span {
  font-weight: normal;
  color: #999;
}

.bestbox .changeBar {
   position: absolute;
   left: 16px;
   top: 85px;
   width: 58px;
   height: 16px;
   padding: 3px;     
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
   
}