/*--------------------------------------------------[ MAIN GRAPHIC LAYOUT ]--------------------------------------------------*/
body{background:url(../img/bgr.png) repeat-x;background-color:#d2c8e1}
#content{width:713px;float:left;position:relative;min-height:950px;padding:0 18px 0 0px; margin-bottom:70px}
/* Headers */
#header,#header_02,#header_03{background:url(../img/header.jpg) no-repeat;}
#header_02,#header_03{background:url(../img/header_02.jpg);}
#header_03{background:url(../img/header_03.jpg);}
/* Search box */
#search_input,.search_input_active,#search_button{border:1px solid #976e0d;background-color:#f7fff7;color:#976e0d;}
.search_input_active{border:1px solid #e61424!important}
/*--------------------------------------------------[ MENUS ]--------------------------------------------------*/
#right_menu{height:auto;float:left;width:183px;margin-bottom:40px; margin-top: 34px}
#random,#other_category{width:183px;float:left;position:relative;top:-44px;line-height:150%;font-size:12px;clear:none;margin-bottom:-25px;text-align:left}
#other_category a{border:1px solid #976e0d;background-color:#f3f3f3;}
#other_category a:hover{border:1px solid #43355e;color:#43355e;}
.other_active{border:1px solid #43355e!important;color:#43355e!important}
strong,category_name_active{font-weight:400}
/*--------------------------------------------------[ VOTE ]--------------------------------------------------*/
.vote{color:#636363!important;border:1px solid #b9b9b9;}
.vote p{color:#fff;background-color:#43355e;}
.vote span{background-color:#43355e;border:1px solid #6d6d6d;}
.vote div{width:100%;text-align:center;margin:10px 0 0}
.active{font-weight:700;border:1px solid #d10000!important;color:#d10000!important}
/*--------------------------------------------------[ CONTENT BLOCK ]--------------------------------------------------*/
#nahled_po_uploadu,.obrazek{clear:both;float:left;position:relative;top:20px;left:160px;border:3px solid #f85032;padding:4px;}
.obrazek{float:left;position:relative;left:0px;border:3px solid #f85032;margin:0px 30px 10px 0px;padding:4px;}
.nazev, .nazev-fix,.nazev_textarea{float:left;font-weight:bold;font-size:18px;position:relative;top:5px;}
.popis, .popis-fix,.popis_textarea{float:left;font-size:12px;line-height:200%;position:relative;top:19px;width:240px;height:260px;}
.block,.block_active,.block_no{width:690px;height:auto;border:1px solid #976e0d;background-color:#faf8f2;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;font-size:12px;margin-top:10px;line-height:180%;clear:both;float:left;padding:5px 10px}
.joke,.joke_textarea,.joke_admin{width:100%;height:auto;float:left;clear:both;margin:5px 0 10px}
.joke_textarea{border:0;background-color:transparent;line-height:180%;font-size:12px;color:#e61424;margin:8px 0 7px}
.time{height:auto; width: 100%; font-size: 10px; color: #868484;float: left;clear: left; margin-top: 6px}
.url{width: auto !important}
/*--------------------------------------------------[ LINKS ]--------------------------------------------------*/
a,a:link,a:visited,a:active{color:#976e0d}
/*--------------------------------------------------[ PAGES ]--------------------------------------------------*/
.pages a,#how_many_pages a{border:1px solid #976e0d;}
.pages a:hover,#how_many_pages a:hover{border:1px solid #d10000;color:#d10000;}
/*--------------------------------------------------[ ADDING CONTENT BY USER ]--------------------------------------------------*/
#add_image_button{width:auto;float:right;border:1px solid #db2f32;background-color:#eec8c9;margin:-38px 25px 0px 0px;padding:5px 20px 5px 20px;}
#add_image,#add_image_header,#add_image_description{width:555px;height:auto;float:left !important;border:1px solid #61bd24 !important;background-color:#faf8f2 !important;-moz-border-radius-bottomleft:10px;border-bottom-left-radius:10px;-moz-border-radius-topleft:10px;border-top-left-radius:10px;margin:10px 0 10px 25px !important;padding:5px;clear:left;  }
#add_image_msg{width:auto;clear:left;float:left;color:#61bd24;font-size:12px;font-weight:700;margin:5px 0 0 25px}
#add_image_header,#add_image_description{width:300px; height:auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
#add_image_description{height:100px;}
#error{color:#e61424!important}
/*--------------------------------------------------[ IMAGE COMMENTS ]--------------------------------------------------*/
.comment_number{float: right; color: #868484;margin: 5px 10px 0px 5px}
#form_comment{width: 415px }
#form_comment input, #form_comment textarea {padding: 5px}
#add_comment{width: 100%; float: left;margin: 30px 0px 10px 0px; text-decoration: underline; color: #424040}
.comment_box{font-size: 12px; float: left; width: 697px; border:1px solid #abadb3;background-color:#fafafa; height: auto;padding: 8px; margin-top: 10px}
.comment_author{font-size: 13px; color: #637bad; font-weight: bold; margin-bottom: 10px;}
.comment_time{font-size: 13px; color: #637bad; margin-top: 10px; text-align: right}
.diskuze_nadpis {float: left; margin: 30px 0px 10px 0px; color: #424040}
#comment_textarea {float: left; width:  400px; height: 150px; clear: both}
#comment_button {float: right; font-size: 14px;clear: both; margin: 10px 0px 0px 0px; padding: 10px; border:1px solid #637bad;background-color:#f2f2f2;}
#captcha {float: left; clear: both; margin-top: 10px; color: #424040;}
#comment_not_logged{float: left; margin-top: 25px}
/*--------------------------------------------------[ OTHERS ]--------------------------------------------------*/
#sklikReklama_18977{margin:70px 0px 0px 0px}
#sklikReklama_14512{float:left; margin-bottom:20px}
#banner_adexperts{margin:70px 0px 0px 120px; width: 468px; height: 60px;  border: 1px solid #b9b9b9;}
/*--------------------------------------------------[ COLOR SCHEME ]--------------------------------------------------*/
.section, h1, #footer, #top_01,#top_02,#top_03,#top_04{
background: #7242c4; /* Old browsers */
background: -moz-linear-gradient(top,  #7242c4 0%, #6a38b0 50%, #430094 51%, #7624ce 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7242c4), color-stop(50%,#6a38b0), color-stop(51%,#430094), color-stop(100%,#7624ce)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7242c4 0%,#6a38b0 50%,#430094 51%,#7624ce 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7242c4 0%,#6a38b0 50%,#430094 51%,#7624ce 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7242c4 0%,#6a38b0 50%,#430094 51%,#7624ce 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7242c4 0%,#6a38b0 50%,#430094 51%,#7624ce 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7242c4', endColorstr='#7624ce',GradientType=0 ); /* IE6-9 */


}
.section:hover{text-decoration:none;background: #fceabb; /* Old browsers */
background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */

}




.navstevnikniha {float:right}
.pravybanner {background-color: #fff;position: fixed; right: -1px; top: 10px;  border: 1px solid #b9b9b9; text-align: center;width: 130px; height: auto; padding: 0px 5px 20px 10px;-moz-border-radius-bottomleft:10px;border-bottom-left-radius:10px;-moz-border-radius-topleft:10px;border-top-left-radius:10px;}

@media ( max-width: 1250px ) { /* mobile */
  .pravybanner {display:none}
}

@media ( max-width: 970px ) { /* mobile */

  #cover, #category, #random, #other_category, #content, #footer {width:auto}
  #content {float:none;padding:0;clear:both}
  .section {margin:2px 0}
  #search {height:68px}
  #login, #header, #header_02, #header_03, #search_text {display:none}
  #footer {height:auto}
  .navstevnikniha {float:left}
  #content {margin-bottom:25px}
  .block, .block_active, .block_no {width: auto}
}