/*body*/

html {
	font-size: 100%;
}
body {
	font-size: 1rem;
}


/* font-size s see bottom */

body {
background-color:#FFFFFF;
margin: 0px;
padding: 0px;
font-family: Arial, Verdana, Helvetica, sans-serif;
/*font-size: 14px;*/
}

#container{
background-color:#f4f9fc;
margin: 0px auto;
padding: 0px;
margin-top: 10px;
max-width: 972px;
}

.container1{
padding-top: 10px;
}



/*all*/
a,a:active,a:link,a:visited {
/*color: #6E6449;*/
color: #A19C97;
text-decoration:none;
}

pre {
     width:90%;
         padding:10px;
              white-space: pre-wrap;
                   white-space: -moz-pre-wrap;
                        white-space: -pre-wrap;
                             white-space: -o-pre-wrap;
                                  word-wrap: break-word;
                                  }
                                 



/*comments*/
.hidden { display: none; }

.comment{
	padding:2px; 
	border-left:1px dotted #A0A0A0;
	border-bottom:1px dotted #A0A0A0;
}

/*a.tag1{ font-size: 0.9rem; }*/
/*a.tag2{ font-size: 1.0rem; }*/
/*a.tag3{ font-size: 1.1rem; }*/
/*a.tag4{ font-size: 1.2rem; }*/
/*a.tag5{ font-size: 1.3rem; }*/
/*a.tag6{ font-size: 1.4rem; }*/
/*a.tag7{ font-size: 1.5rem; }*/
/*a.tag8{ font-size: 1.6rem; }*/
/*a.tag9{ font-size: 1.7rem; }*/
/*a.tag10{ font-size: 1.8rem; }*/

em{ 
	margin-left:3px;
	margin-rigth:3px;
}

.fact-body{
	background-image: url(/media/static/i/backquote.gif);
	background-repeat: repeat-x;
	border: 1px solid silver;
	padding: 5px;
	margin: 10px;
	margin-left: 40px;
    font-size: 1.0rem;
	/*font-size: 15px;*/
}

.timeline{
margin-top: 5px;
}

.score{
	text-align: center;
	font-weight: bold;

}

.fact-dates
{
	padding-left: 5px;
	margin-left: 5px;
	/*font-size: 13px;*/
    font-size: 1.2rem;
	clear: both;
}

.fact-maked
{
	padding: 5px;
	margin-left: 5px;
	/*font-size: 13px;*/
    font-size: 0.9rem;
}

.clearer {clear:both;line-height:0;}

.arial-bold-90
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:90%; 
	font-weight:bold; 
}

th {
font-family: Arial, Verdana, Helvetica, sans-serif;
/*font-size: 13px;*/
text-decoration:none;
text-align: left;
font-style: normal;
}

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

img {
border: 0;
}

img.logo {
float: right;
margin: 3px 0px 0px 0px;
}

.button {
border-width: 0px;
border-style: none;
background: inherit;
font: inherit;
color: black;
cursor: hand;
cursor: pointer;
padding: 0px;
}

 .leftimg {
    float:left;
    margin: 15px 15px 15px 0;
   }

/*header*/

/*#header {margin-bottom: 10px;}*/

.head_wrapper {
			float: left;
			}

/*главная растяжка*/
#leaderboard {
width: 728px;
height: 90px;
/*width: 728px;
height: 14px;*/
margin-bottom: 10px;
/*margin: -1px;
border: 1px solid #A0A0A0;*/
background: #f4f9fc url(/media/static/adv/leader.gif) repeat-x;
}

#header_body {
width:728px;
height: 80px;
margin-bottom: 10px;
}
			
#header_logo {
padding-left: 18px;
width: 220px;
height: 80px;
float: left;
}

/*search*/

#search {
text-align:center;
vertical-align: bottom;
width: 300px;
height: 62px;
float: right;
margin: 3px 110px 0px 0px;
padding: 8px 0 5px 0;
background-color:#eee;
border: 1px solid #A0A0A0;
background-position: -25px;
}

#search-button
{
	vertical-align: middle; 
	width: 61px; 
	height: 21px; 
	background: url('/media/static/i/search_button.gif') no-repeat 0% 0%; 
	border: 1px solid #A0A0A0;
	cursor: pointer;
}

/*
#search_button {
height: 19px;
border: 1px solid #A0A0A0;
vertical-align:middle;
cursor: pointer;
}*/

#search_txt {
/*font-size:14px;*/
width: 208px;
height: 19px;
vertical-align:middle;
padding: 0 0 0 4px;
border: 1px solid #A0A0A0;
}

#search form {
margin: 0;
margin-top: 20px;
}

form p {
margin: 5px;
}

#adv_search_button {
border: 1px solid #A0A0A0;
vertical-align:top;
cursor: pointer;
}

/*genre menu*/

#header_genre_menu {
margin-bottom: 0px;
}

#header_genre_menu a {
float: left;
display:block;
height: 25px;
background-repeat: no-repeat;
background-position: 0px -100px;
}

#header_main_menu {
position:relative;
/*z-index: 2;*/
width: 730px;
height: 25px;
/*background: #fff url(/i/pages/wide/menu_bar/menu_off.gif) no-repeat;*/
}

#header_main_menu a{
color: #000;
font-size: 0.8rem;
width: 120px;
height: 17px;
border: 1px solid #A0A0A0;
margin-right: -1px;
font-family: "trebuchet ms";
background-color: #FFFFFF;
text-align: center;
}

#header_main_menu a.shaded {
background-color: #eee;
color: #000;
}

#header_main_menu a:hover {
color: #000;
background-color: #AEBAC7;
}

ul.sysmsg{
padding:2px;
margin:2px;
list-style: none;
}

.system-message
{
	/*border:1px #000000 dotted;*/
	border: 1px solid #A0A0A0;
	margin-bottom:5px;
	background: #9fb4f6;
}

li.sysmsg
{
	font-family: "trebuchet ms";
	font-size:90%;
	font-weight: bold;
	color: #000000;	
	text-align: center;
}


li.error{
color:Red;
}

#header_sub_menu  {
display: none;
z-index: 1;
position: relative;
top: -5px;
width: 730px;
height: 27px;
/*background: #fff url(/i/pages/wide/menu_bar/sub_menu_off.gif) no-repeat;*/
background-position: top center;
}

/*rigth_side*/

#rightside{
	width:234px;
	/*height:139px; it without leaderboard*/
	height:215px;
	float: right;
}

#login_block{
	border: 1px solid #A0A0A0;
	font-size: 13px;
	font-family: "trebuchet ms";
	width: 232px;
	height: 41px;
	text-align: center;
	vertical-align: middle;
	padding-top:22px;
	background-color:#eee;
	/*margin: -1px;
	float: right;*/
}

#site_menu {
/*font-size: 13px;*/
font-size: 0.9rem;
font-family: "trebuchet ms";
width: 232px;
height: auto;
/*background-color: #fff;*/
padding: 0;
}

#site_menu a {
background-color: #fff;
color: #000;
display:block;
margin: 0;
padding: 2px 0 0px 4px;
height: 20px;
width: 112px;
float: left;
}

/*#site_menu div.content_header {
background: #6D7C8D url(/i/pages/wide/menu_title.gif) no-repeat;
background-position:center;
margin: 0;
}*/

.block {
border: 1px solid #A0A0A0;
margin-bottom: 10px;
background-color: #FFFFFF;
}

.block_header{
font-family: "trebuchet ms";
/*font-size: 13px;*/
height:20px;
text-align:center;
color:#f4f9fc;
font-weight: bold;
/*margin: 0px -10px 0px -10px;*/
padding: 0px 0px 0px 5px;
background-color: #6D7C8D;
border-bottom: 1px solid #A0A0A0;
}

.block_header a{
color:#f4f9fc;
font-weight: bold;
}


.block_not_menu {
border: 1px solid #A0A0A0;
margin-bottom: 10px;
background-color: #FFFFFF;
}

.block_body{
	padding: 0px 5px 5px 10px;
	font-family: "trebuchet ms";
	/*font-size: 13px;*/
}

#site_menu a.shaded {
background-color: #eee;
color: #000;
}

#site_menu a.left {
width: 111px;
border-right: 1px solid #ccc;
}

#site_menu a,#site_menu a:link,#site_menu a:visited,#site_menu a:active {
text-decoration: none;
}

#site_menu a:hover {
color: #000;
background-color: #AEBAC7;
}

a.minilink{
	color: #000000;
	background: transparent;
	text-decoration: underline;
	font-size: 10px;
} 

/*main*/

a.block_menu{
	border-top: 1px solid #A0A0A0;
	font-family: "trebuchet ms";
    /*font-size: 13px;*/
	display:block;
	color:#000;
    padding: 2px 0px 2px 5px;
	/*padding-left: 5px;*/
}

.block a.press{
background-color: #AEBAC7;
}

.block a:hover {
color: #000;
background-color: #AEBAC7;
}

a.shaded {
background-color: #eee;
color: #000;
}

#main{
	/*padding:20px 0px 20px 0px;*/
	/*position:inherit;*/
	/*width: 972px;*/
    width: 100%;
}

#leftcol{
	float:left;
	width:181px;
	margin: 0px 5px 10px 0px;
}

#rightcol{
	float:right;
	width:781px;
	margin: 0px 0px 10px 5px; 
}
/*footer*/

#footer	{
	background-color: #f4f9fc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: both;
	/*border-top: solid #CCCCCC 1px;*/
	margin: 100px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	font-family: "trebuchet ms";
    font-size: 12px;
    color: #000000;
    height: 20px;
    text-align: right;
	border: 1px solid #A0A0A0;
}

#footer a{
	color: #000000;
	background: transparent;
	text-decoration: underline;
} 

#register .required{
	
}
/*register*/

ul.errorlist{
	list-style-image: url('/media/static/i/error_mini.gif');
	margin: 5px;
	margin-left: 15px;
	padding: 0px;	
}

ul.errorlist li{
	margin: 0px;
	padding: 0px;
	color:#f45564;
}

/*jquery validate*/
label.error {
        color: red;
        font-style: italic;
}
input.error {
       border: 1px dotted #f00;
}


/*edit_forms*/

.form_left{
	float:left;
	width: 350px;
}

.form_right{
	float:right;
	width: 375px;
}


/*buttons*/

.div-buttons{
	padding-top:2px;
	padding-bottom:2px;
}

a.buttons{
	color: #000000;
	text-decoration: none;
}

.boxbtnpress{
    background-color: #eee;
    border-style: inset;
    border-color: #AEBAC7;
    border-width: 1px;  
	padding: 2px;
    text-decoration: none;
	margin: 4px;
} 
.boxbtn{
	margin: 4px;
	padding: 2px;
    background-color: #eee;
    border-style: outset;
    border-color: #AEBAC7;
    border-width: 1px;
    text-decoration: none;
	}
	
/* others */

.hint{
font-family: "trebuchet ms";
/*font-size: 12px;*/
font-size: 0.9em;
color: #7b7b7b;
padding: 5px;
}

/*profile*/

.div_left{
	float:left;
	width: 170px;
}

.div_right{
	float:right;
	width: 575px;
	/*width: auto;*/	
}

.div_left35{
	float:left;
	width: 35%;
}

.div_right65{
	float:right;
	width: 65%;
	/*width: auto;*/	
}

table.main{
	margin-left: -2px;
	/*border: 1px solid #A0A0A0;*/
	width: 100%;
	/*overflow: hidden;*/
	text-align: center;
	border-collapse: collapse; 
}

table.main th{
	background-color: #AEBAC7;
	text-align: center;
	border: 1px solid #A0A0A0;
}

table.main td{
	border: 1px solid #A0A0A0;
}

table .select{ 
	text-align: center;
	width:25px; 
		}
table .user{ 
	text-align: center;
	/*vertical-align: text-top;*/
	width: 130px;
	vertical-align:top;
		}
		
table td.message{ 
	text-align: justify;
	vertical-align: text-top;
	padding: 5px;
		}

table .buttons{
		width: auto;
	}		

td.isread{
	background-color: #dbe1f5;
}	

td.unseen{
	background-color: #dbe1f5;
}	

tbody.unseen{
	background-color: #dbe1f5;
}

tbody.isread{
	background-color: #dbe1f5;
}

tr.unseen{
	background-color: #dbe1f5;
}

tr.isread{
	background-color: #dbe1f5;
}

p.common-block
{
	background-color:#eee;border: 1px solid #A0A0A0;padding:3px;margin:5px;
}

/*jquery*/

.ui-tabs {
	width: 625px; 
}	

a.igoogle {
        background: url(/media/static/i/igoogle.png) no-repeat 0 0;
}

a.googleplus {
        background: url(/media/static/i/google-plus-16x16.png) no-repeat 0 0;
}
a.vkontakte {
        background: url(/media/static/i/vk16.png) no-repeat 0 0;
}

a.twitter {
        background: url(/media/static/i/twitter.png) no-repeat 0 0;
}

a.facebook {
        background: url(/media/static/i/facebook_16.png) no-repeat 0 0;
}

a.ok {
    background: url(/media/static/i/ok_16.png) no-repeat 0 0;
}

div.bordered
{
border-bottom: 1px solid #A0A0A0;
}

a.crumb 
{
/*font-size: 13px;*/
border: 1px solid #A0A0A0;
padding:2px;
color: black;
background-color: #EEE;
}        

a.crumb:hover {
color: #000;
background-color: white;
}

div.block_in_not_menu{
border-top: 1px solid #A0A0A0; 
font-family: "trebuchet ms"; 
/*font-size: 13px;*/
display: block;
padding: 1px 3px 1px 3px;
overflow:hidden;
}

div.block_in_not_menu_main_page{
overflow:hidden;
border-bottom: 1px dotted #A0A0A0;
/*font-size: 13px;*/
margin:0px;
}



@media screen and (max-width: 768px) {
body {	font-size: 1.1rem; }
.fact-body{ font-size: 1.5rem; }
.fact-dates { font-size: 1.3rem; }
.fact-maked { font-size: 1.2rem; }
#search_txt { font-size: 1.3rem; }
#site_menu { font-size: 1.2rem; }
#site_menu a{ padding-top: 3px;}
/*#container { width: 700px; }*/
/*#rightcol { width: 500px; }*/
#rightside{float:left;padding: 3px;}
#header_main_menu {display: none;}
#header_body { width:420px;}
#login_block{ display: none; }
.hint{ font-size: 1rem; }
a.block_menu{ font-size: 1.3rem; }
.block_header{ font-size: 1.3rem; }
#leftcol{display: none;}
#rightcol{width:100%;}
#leaderboard{width: 70%;}

}

@media screen and (max-width: 320px) {
body {	font-size: 1.2rem; width: 320px; }
/*.fact-body{     font-size: 2rem; }*/
/*.fact-dates { font-size: 1.8rem; }*/
/*.fact-maked { font-size: 1.6rem; }*/
/*#search_txt { font-size: 1.8rem; }*/
/*#site_menu { font-size: 1.4rem; }*/
#site_menu a{ padding-top: 5px; }
#rightside{float:left; padding: 3px;}
/*#container { width: 320px; }
#rightcol { width: 300px; }*/
#header_main_menu {display: none;}
#login_block{ display: none; }
#header_body { width:320px;}
/*#header_main_menu a{ font-size: 1.4rem; }*/
/*.hint{ font-size: 1.4rem; }*/
/*a.block_menu{ font-size: 1.6rem; }*/
/*.block_header{ font-size: 1.6rem; }*/
#leftcol{display: none;}
#rightcol{width:100%;}
#leaderboard{width: 30%;}

}



#sticky {
    padding: 0.5ex;
    /*width: 600px;
    background-color: #333;
    color: #fff;
    font-size: 2em;
    border-radius: 0.5ex;*/
}

#sticky.stick {
    margin-top: 0 !important;
    position: fixed;
    top: 0;
    z-index: 10000;
    /*border-radius: 0 0 0.5em 0.5em;*/
}