@import url(screen.css); 

/* === Sticky footer begin ===
Usage:
<div id="container">
   <div id="header"></div>
   <div id="body"></div>
   <div id="footer"></div>
</div>
*/
html,
body { margin:0; padding:0; height:100%; }
#container { min-height:100%; position:relative; }
#header { }
#body { padding-bottom:50px;   /* Height of the footer */ }
#footer { position:absolute; bottom:0; width:100%; height:50px;   /* Height of the footer */ }
/* === Sticky footer end == */

body { font-family:Helvetica,sans-serif; background-color:#EEEEEE; }
h1 {font-size:2.43em;}

#container { width: 960px; margin-left: auto; margin-right: auto; }
#header { height: 112px; text-align: left; }
#header .logo { margin: 5px 0 0 5px; }
.footer {text-align: left; }

.box { background-color:#FFFFFF; border:1px solid #CCCCCC; padding: 10px; margin-bottom: 10px; text-align: left;}
.round { -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; }
.boxtitle { font-weight: bold; margin-bottom: 5px; }

.headermenu_box { 
margin: 10px 0 10px 0; text-align: left; background: url('panel_fill.png') repeat-x ; width: 100%; height: 38px; 
}
.headermenu { margin: 0px; }
.headermenu ul { }
.headermenu_box li { 
display: inline; color: #505050; text-shadow:0 1px 0 #E9E9E9; line-height: 36px; font-weight: bold; font-size: 140%;
margin-left: 15px;
}
.headermenu_box li a { color: #202020; text-decoration: none; }
.headermenu_box li.center { margin-left: 60px; }
.headermenu_box li.first { margin-right: 20px; }

/* ===== контент ===== */



.box {
}
.box h2 {
font-size:20px;
font-weight:normal;
line-height:23px;
margin-top:20px;
margin-bottom:5px;
}
.box h2.nores {
margin-bottom:0;
}
.box h2 #timer {
color:#777777;
float:right;
font-size:13px;
line-height:23px;
margin-left:15px;
}
.box ul {
border-top:1px dashed #CCCCCC;
list-style-type:none;
margin:0;
padding:0;
}
.box li {
border-bottom:1px dashed #CCCCCC;
margin:0;
overflow:hidden;
padding:15px 5px;
}
.box li div.avatar {
float:left;
height:48px;
overflow:hidden;
width:48px;
}
.box li div.avatar a {
text-decoration:none;
}
.box li div.avatar img {
height:48px;
width:48px;
}
.box li .msg {
/*font-size:14px;
line-height:17px;*/
margin-bottom:5px;
margin-left:58px;
}
.box li .info, .box li .debug {
color:#777777;
font-size:13px;
margin-left:58px;
}
.box li .hashinfo {
color:#777777;
font-size:13px;
margin-bottom: 5px;
}
.box li .location {
color:#3D9438;
font-size:13px;
margin:5px 0 5px 58px;
}
.box li .info .source a {
color:#777777;
font-style:italic;
text-decoration:none;
}
.box li .info .source a:visited {
color:#777777;
}
.box li .info .source a:hover {
color:#666666;
text-decoration:underline;
}
.box li .debug {
padding-left:10px;
padding-top:5px;
}
.box li.nested {
border-top:1px dashed #CCCCCC;
padding-bottom:5px;
padding-left:8px;
padding-top:5px;
}
.box div.thread li.first {
border-top:0 none;
}
.box li.featured {
background-color:#FFFFCC;
}



#sidebar ul { 
border-top:0px;
list-style-type:none;
margin:0;
padding:0;
} 
#sidebar li {
overflow:hidden;
padding:2px 0px;
border-bottom:0px;
}
/*#sidebar li .count { float:right; margin-top: 0px; overflow:hidden; }
#sidebar li img { margin-right: 10px; }*/

#sidebar li .miniavatar {float:left; overflow:hidden;}
#sidebar li .username { margin-left: 24px;}
#sidebar li .count { margin-left: 180px;}

#sidebar li span.miniavatar {float:left; width: 28px;}
#sidebar li span.username { margin-left:3px;}
#sidebar li span.count {  margin-left: 5px;}



/* myself */

.yellow-box {
margin:1em;
padding:1em;
text-align:center;
background-color:#FFFFCC;
border-color:#EEEEBB;
border-style:solid none;
border-width:1px 0;
padding:0.5em 1em;
}
.yellow-box a { color: #222222; }


h2 a {
color:#222222;
font-size: 26px;
text-decoration: none;
margin-bottom: 10px;
}
h4 { color:#222222; font-size: 14px; margin-bottom: 10px; }
h4 a { color:#222222; text-decoration: none; }

.hashtag_post { 
border-bottom:1px dashed #D2DADA;
line-height:1.1em;
padding:0.7em 0 0.6em;
position:relative;
margin-bottom: 40px;
}
.hashtag_post .thumb {
display:block;
height:50px;
left:0;
margin:0 10px 0 5px;
overflow:hidden;
position:absolute;
width:50px;
}
.hashtag_post span.status-body {
display:block;
margin-left:65px;
min-height:50px;
overflow:hidden;
width:620px;
}
.hashtag_post span.status-body a { 
	color:#737373; 
}
.hashtag_post .date {
color:#999999;
font-size:10px;
}


/* Описание и их добавление */
.description { color: #222; background:#FAFFBF; padding: 6px;}
add_description_area { padding-bottom: 20px; }
#add_description_area textarea { 
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FCFFDF none repeat scroll 0 0;
border:0 none;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
width:100%;
height:50px;
border-color:#727272 #B4B4B4 #DADADA;
border-style:solid;
border-width:1px;
}
button{
-moz-border-radius-bottomleft:11px;
-moz-border-radius-bottomright:11px;
-moz-border-radius-topleft:11px;
-moz-border-radius-topright:11px;
-moz-box-sizing:content-box;
border-style:solid;
border-width:1px;
cursor:pointer;
font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
font-size:11px !important;
line-height:16px;
padding:2px 8px;
text-decoration:none;
background: #f2f2f2 url(button-white-grad.png) repeat-x scroll left top;
height: 18px;
margin-bottom: 10px;
}
button:hover { border-color:#666666; color:#000000; }
button:focus { outline-style: none; }

/* Облаго хэштэгов */
.hashtags_cloud { margin-top: 20px; font-size: 1.2em; } 
.hashtags_cloud a { color:#2F2F2F; text-decoration:none; } 
.hashtags_cloud a:hover { text-decoration:none; } 
.hashtags_cloud span { margin-left: 5px; margin-right: 5px; } 

/* поиск на главной */ 
.search_box { 
background-color:#FFFFFF; border:1px solid #CCCCCC;
margin: 10px 0 10px 0; 
padding: 10px 0 10px 0;
width: 100%;
text-align: center;
}
.search_box span { font-size: 1.5em; font-weght: bold; }
.search_box input[type=text] { line-height: 1.2em; padding: 2px; width: 300px; }

/* Пагинация */
.pagination_area { margin: 10px 0 10px 0; padding: 5px; font-size: 1.2em; background-color:#E5E5E5;}
.pagination_area a, strong { margin-left: 10px; }
.pagination_area strong { margin-left: 10px; }