/* yahoo reset
--------------------------------------------------------------------------- */
ul, li, fieldset, form {
margin:0;padding:0;border:0;outline:0;font-weight: inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;background:transparent;}

ol, ul {list-style: none;}
/* ------------------------------------------------------------------------ */

body {margin: 0px 0px; font-family: trebuchet MS; color: #373737; font-size: 12px; background: url("img/bg.jpg")}


p {margin: 5px 0 5px 0;}
a { color: #57008a; text-decoration: none;}
a:hover { color: #ff6b00; text-decoration: underline;}

#logo { float: left; text-align: left; margin: 0 0 0 0;}
#logo h1 { margin: 0 0;}

#meniu       { float: left;  width: 820px; text-align: center; margin: -5px 0 10px 0;}
#meniu a      { font-weight: bold; font-size: 15px;  color: #444444; text-decoration: none; padding: 0 8px; }
#meniu a:hover{ font-weight: bold; font-size: 15px;  color: #000000; text-decoration: underline; padding: 0 8px; }
       
#alphabet       { margin: 3px 0;  font-size: 20px;  color: #f9c400; }
#alphabet a      { font-weight: bold; font-size: 15px;  color: #444444; text-decoration: none; padding: 0 2px; }
#alphabet a:hover{ font-weight: bold; font-size: 15px;  color: #f9c400; text-decoration: underline; padding: 0 2px; }
	   
	   
div.img
  {
  margin: 5px;
  padding: 0 0;
  background: #ffffff;
  height: auto;
  min-width: 154px;
  float: left;
  text-align: center;
  }

div.img img
  {
  display: inline;
  margin: 4px 4px 0px 4px;
  border: 4px solid #faf6e4;

  }

div.img a:hover img
  {
  border: 4px solid #f8de7a;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85); -moz-opacity: 0.9;
  }

div.desc
  {
  text-align: left;
  margin: -3px 7px 2px 7px;
  
  }

div.desc img
  { 
  margin: 0 0;
  padding: 0 0;
  border: 0;
 }

div.descc
{
  margin: 0 0 0 45px;
  padding: 0 0;
  text-align: right;
  display: inline;
  font-weight: bold; 
  font-size: 10px;
}


#login_form { font-size: 12px;}

h1 { margin: 0 0 0 5px; font-size: 10px; font-weight: normal; color: #b4b4b4; text-decoration: none; }

h2 { margin: 20px 5px 10px 5px; font-size: 18px; font-weight: normal;}
h2 a { font-size: 15px; color: #0792f8; font-weight: normal; text-decoration: none; }
h2 a:hover { font-size: 15px; color: #ff6b00; font-weight: normal; text-decoration: none;}

h3 { margin: 10px 5px;font-size: 15px; font-weight: bold;}
h3 a { font-size: 15px; color: #0792f8; font-weight: bold; text-decoration: none; }
h3 a:hover { font-size: 15px; color: #ff6b00; font-weight:bold; text-decoration: none;}

div.chenarpoza
  { 
  float: left;
  background: #faf6e4;
  height: auto;
  width: 810px;  
  text-align: center;
  margin: 0 0 5px 5px;
  }

div.poza
  { 
  margin: 2px 4px;
  }

div.chenar
  { 
  float: left;
  background: #faf6e4;
  height: auto;
  width: 810px;  
  text-align: center;
  margin: 5px 0 10px 5px;;
  }

div.commentinfo
  {
  font-size: 14px;
  font-weight: bold;
  margin: 5px 5px; 
  height: auto;
  text-align: left;
  }

div.comment
  {
  margin: 5px 5px; 
  height: auto;
  text-align: left;
  }

div.controls
  {
  margin: -20px 0 0 0;
  display: inline;
  float: right;
  text-align: right;
  }

div.vot
  {
  float: left;
  margin: 5px 5px 8px 5px;
  text-align: left;
  font-size: 12px;
  color: #0792f8; 
  font-weight: normal;
  }
div.vot select
  {
  font-size: 10px;
  }
div.vot form
  {
  display: inline;
  }

 #linkmap {
	height: 100%;
	width: 100%;
	z-index: 10;
	margin: -600px 0 0 0;
	padding: 0;
}

#linkmap a {
	outline-color: invert;
	outline-style: none;
	outline-width: medium;
}

#area_prev, #area_prev_spacer, #area_next, #area_prev_map {
	/*margin: 0 !important;
	padding: 0 !important;
	border: none !important;*/
	width: 90px;
	height: 600px;
	display: block;
	/*position: absolute;*/
	z-index: 10;
	float: left;
	color: white;
	text-decoration: none;
	background-repeat: no-repeat;
}

#area_prev, #area_prev_spacer {
	float: left;
	right: 0pt;
	background-image: url(img/spacer.gif);
}

#area_prev_map {
	background-image: url(img/spacer.gif);
	float: left;
	right: 0pt;
}

#area_next {
	float: right;
	right: 0pt;
	background-image: url(img/spacer.gif);
}

#area_prev:hover {
	background: transparent url(img/go_left.png) no-repeat scroll center center;
	cursor: pointer;
}

#area_next:hover {
	background: transparent url(img/go_right.png) no-repeat scroll center center;
	cursor: pointer;
}
 
  
  
.searchb { font-size:13px; color:#FFFFFF; background:url(img/searchb.png) center no-repeat; cursor: pointer; height:19px; width:55px; border:none;}

.pagenavarea
{
	text-align: right;
	padding: 5px 7px 8px 0px;
}

.pagelink, .pagelinklast, .pagecurrent
{
	color: #000000;
	background: #faf6e4;
	border: 1px solid #eae8d7;
	/*background: #c8bfa7;
	border: 1px solid #c8bfa7;*/
	padding: 1px 3px 1px 3px;
}

a.pagelink, a.pagelinklast
{
	cursor: pointer;
}

a.pagelink:hover, a.pagelinklast:hover
{
	background: #ffde6f;
	border: 1px solid #ECB031;
    color: #000000;
}

.pagelinklast
{
	background: #faf6e4;
}

.pagecurrent
{
	background: #F6C97C;
	border: 1px solid #ECB031;
	/*background: #FFC9A5;*/
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(img/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(img/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/overlay.png", sizingMethod="scale");
	}
	
	
table.browse {
	border-right: 1px solid #eae8d7;
	border-left: 1px solid #eae8d7;
	border-bottom: 1px solid #eae8d7;
	padding: 2px 5px;
}

table.browse-head {
	width: 815px;
	font-weight:bold;
	height:24px;
	background-color:#faf6e4;
	padding: 2px 5px;
	border: 1px solid #eae8d7;
}
table.browse-foot {
	font-weight:bold;
	height:20px;
	background-color:#E5E5E5;
	padding-left:6px;
	padding-right:6px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #eae8d7;
	margin-bottom:6px;
}


.bluetabs{
border-bottom: 1px solid gray;
}
.bluetabs ul{
padding: 3px 0;
margin-left: 160px;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.bluetabs li{
display: inline;
margin: 0;
}

.bluetabs li a{
text-decoration: none;
padding: 3px 18px;
margin-right: 2px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(img/bluetab.gif) top left repeat-x; /*THEME CHANGE HERE*/
}

.bluetabs li a:visited{
color: #2d2b2b;
}

.bluetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.bluetabs li.selected{
}

.bluetabs li.selected a{ /*selected main tab style */
background-image: url(img/bluetabactive.gif); /*THEME CHANGE HERE*/
border-bottom-color: white;
}

.bluetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_b{
position:absolute;
top: 0;
border: 1px solid #918d8d; /*THEME CHANGE HERE*/
border-width: 0 1px;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv_b a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #918d8d; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
color: black;
}

* html .dropmenudiv_b a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_b a:hover{ /*THEME CHANGE HERE*/
background-color: #fcfaed;
}

#loader {
  margin: 10px 0;
  width: 200px;
  height: 12px;
  text-align: left;
}

#gameLoader {
  width: 800px;
  height: 600px;
  text-align: center;
}

/* sprite
--------------------------------------------------------------------------- */
.textarea_bg, .form_line .input_bg, .comment_hd, .comment_ft, .submit_btn, .submit_btn_bg
{ background-image:url(img/sprite_24.png); background-repeat:no-repeat;  background-image:url(img/sprite_24.png)!ie;}
/* ------------------------------------------------------------------------ */

/* sprite
--------------------------------------------------------------------------- */
.comment_hd, .comment_ft
{ background-image:url(img/sprite_8.png); background-repeat:no-repeat;  background-image:url(img/sprite_8.png)!ie;}
/* ------------------------------------------------------------------------ */

/* unit comment_form */
.comment_form {margin:0 0 30px 0;}
.comment_form .form_line { margin:0 0 10px 0;}
.comment_form .form_line .headline {font-size:1.1em; font-weight:bold; margin:0 0 3px 5px;}
.comment_form .form_line .textarea_bg { background-position:0 -550px; height:235px; width:520px; }
.comment_form .form_line .textarea_bg textarea { border:0; width:500px; margin:20px 10px 10px 10px; height:205px; overflow:auto; padding:0; font-size:1.1em; font-weight:normal; line-height:16px; font-family:Arial, Helvetica, sans-serif;}

.comment_form .form_line .input_bg { width:342px; background-position:0 -798px;}
.comment_form .form_line .input_bg input { margin:5px 10px; border:0; width:320px; font-weight:bold; font-size:1.2em;}

.comment_form .submit_btn {width:91px; height:29px; float:right; margin:-34px 310px 0 0; background-position:-350px -799px; }
.comment_form .submit_btn input {width:91px; height:29px; border:0; background:transparent; cursor:pointer;}
/* end unit comment_form */

/* comments_list */
.comments_list {width: 814px;}
.comments_list li { margin:0 0 15px 0;}
.comments_list li .comment_hd { height:17px;  background-position:0 -711px;}
.comments_list li .comment_ft { height:10px;  background-position:0 -769px;}
.comments_list li .comment_bd {border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; padding:0 15px; font-size:1.2em; line-height:16px;}
/*end comments_list */