/*  
Theme Name: Funny Monster
Theme URI: http://www.sonika.ru/blog/
Description: Three column theme with fluid layout, ready for gettext localization, author template inside. The first post is accented. 
Version: 1.06
Author: Sofiya Panchenko
Author URI: http://www.sonika.ru/
Tags: black, pink, white, grey, fluid layout, three columns, widget ready, author page, localization ready, featured post
*/
* { margin: 0; padding: 0; }
body {width: 100%;font: 101.9% Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0 auto; }
#obertka {width: 100%; min-width: 870px;}
*html #obertka { width:expression(document.body.clientWidth > 870? "100%" :"870px"); }
.container-all { background: #fff; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; }
.outer         { width: 100%; overflow: hidden }
.one           { background: url(i/660-3000.gif) 22% 0 repeat-y;}
.two           { background: url(i/2340-3000.gif) 78% 0 repeat-y;}

h1, h2, h3, h4, h5, h6 { font-family: Book Antiqua Regular, sans-serif; font-weight: bolder; margin: 0; padding: 0 0 5px 0; }
h1   { font-size: 160%; color: #1C86EE; text-shadow: 0 2px 0 #000; }
h1 a { color: #000;}
h1 a:visited {color: #444444;}
h1 a:hover {color: #1C86EE; text-shadow: 0 2px 0 #000; }
h2   { font-size: 150%; color: #000; }
h2 a {color: #000;}
h2 a:visited {color: #444444;}
h2 a:hover {color: #1C86EE;}
h3   { font-size: 140%;color: #000; }
h3 a { color: #000;}
h3 a:visited {color: #444444;}
h3 a:hover {color: #1C86EE;}
h4   { font-size: 130%;  color: #000; }
h4 a { color: #000;}
h4 a:visited {color: #444444;}
h4 a:hover {color: #1C86EE;}
h5   { font-size: 120%; color: #000;}
h5 a { color: #000;}
h5 a:visited {color: #444444;}
h5 a:hover {color: #1C86EE;}
h6   { font-size: 110%;; color: #000; }
h6 a {color: #000;}
h6 a:visited {color: #444;}
h6 a:hover {color: #1C86EE;}
a:link    { text-decoration: underline;color: #000;}
a:visited { text-decoration: underline;color: #000;}
a:hover, 
a:active  { text-decoration: underline;color: #1C86EE;}
p      { margin-bottom: 15px }
p, 
li     { font: 75%/140% Verdana, Geneva, Arial, Helvetica, sans-serif; }
li li  { font-size: 100% }
.entry ul, 
.entry ol {margin-bottom: 15px;margin-left: 50px }
.entry li ul, 
.entry li ol {margin-bottom: 0;margin-left: 25px }

span   { font: 75% Verdana, Geneva, Arial, Helvetica, sans-serif; }
a.more-link { background: silver; color: #fff; padding: 1px 2px;}
.clr { clear: both;}
input,
textarea {vertical-align:top; background: #ffffff url(i/form-field-bg.gif) no-repeat;}
code,
p code, 
li code  { font: 100% "Courier New", Courier, monospace;; color:#444; background:#F0F0F0; padding: 0 2px}
pre code { background:#F0F0F0 url(i/code-bg.png) left top no-repeat; color: black; border: 1px solid #444; display:block; padding:15px 7px 7px 7px; marging:10px 15px; overflow:auto}
/* images */
a img {border: none;}
.aligncenter { float: none; text-align: center; padding: 5px; border: 0px solid #ddd}
.alignleft   { float: left; margin: 0 10px 5px 0;border: 0px solid #ddd}
.alignright  { float: right;  margin: 0 0 5px 10px;border: 0px solid #ddd}
.wp-caption     { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 0pt 10px 5px 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption-dd  { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* END images */
/* header */
#header {height: 160px; background:  #fff;clear: both; width: 100%;  border-bottom: 4px solid #000; overflow:hidden}
#left-top-logo     { height: 160px; width: 22%;float: left; text-align: center; vertical-align: middle;}
#left-top-logo img { margin:  15px auto}
#left-top-logo a   { text-decoration:none}
#left-top-logo h1  { font-size: 200%; padding: 10px 15px}
#right-top { height: 160px; width: 22%; float: left; text-align: left;vertical-align: bottom; background: url(i/search.gif) no-repeat center top; margin: 0 }
#header-center      { float: left; height: 160px; width: 56%;background: #000; text-align: center;font: 140% Georgia, "Times New Roman", Times, serif;  color: #fff; }
.attentionblock     { padding-left:25px; padding-right:25px; height: 160px;display:table-cell; vertical-align:middle; }
.attentionblock div { margin-top: expression((parentNode.offsetHeight - this.offsetHeight)<0 ? "0" : (parentNode.offsetHeight - this.offsetHeight)/2 + "px"); }
#contacts { width: 85%; overflow: auto; font-size: 75%; margin: 5px auto; color:#005083}
.headline { width: 85%; overflow: auto; margin: 10px auto 3px; color:#76AE01; font:110% Georgia, "Times New Roman", Times, serif; font-weight: bolder;}
/* search form */
#searchform {margin: 120px 5px 5px;  width: 80%;}
.inputshadow, #searchform #s {  height: 15px!important; width: 148px; margin: 6px 5px 0px 10px; padding: 3px 7px 2px 5px; color: #999999; border-bottom: 1px solid #e1e1e1; border-top: none; border-left: none }
/* END search form */
#nav-top      { background: #000; height: 1%; text-align: center; padding: 1px 0 3px 0; margin: 0}
#nav-top ul   { padding: 3px 0; list-style: none; overflow:hidden; margin: 0; font-size: 110%;}
#nav-top li   { float: left; margin: 0 0 0 -1px;  list-style: none;} 
#nav-top li a { color: #fff; font-weight: bold; font-size: 80%; border-left: 1px solid #fff;padding: 0 10px;}
#nav-top li a:visited { color: #DADADA;}
#nav-top li a:hover   { color: #1C86EE;}
.current_page_item a { text-decoration: none; color: #1C86EE!important}
/* END header */
/* container */
#container {width: 100%; overflow-x: hidden; float: left;}
#center-column {background: #fff; float: left;  width: 56%; overflow: hidden; margin: 0; padding: 0}
.posts { margin: 10px 15px; border-bottom: 1px dotted #787878; margin-bottom: 10px; }
.post  { margin: 20px 15px 10px 15px; margin-bottom: 10px; }
.entry { margin: 5px 0; overflow: hidden;}
.postmetadata { margin: 10px 0; color: #999999;}
blockquote   { margin: 0 0 0 30px; padding: 5px; font-weight: bold; font-weight: bolder; color: #104E8B}
blockquote p { font-style: italic;font-weight: bolder; color: #104E8B; padding: 0; margin: 0}
.breadcrumbs           { color: #666; font-size: 75%; margin: 15px 15px 5px}
.breadcrumbs a:link, 
.breadcrumbs a:visited { color: #666;}
.breadcrumbs a:hover   { color: #454545;}
.accent  { font: 90% Georgia, "Times New Roman", Times, serif; padding: 10px 0; font-weight: bold;color: #F90182; margin: 10px 0}
.tags    { font-size: 80%; background: #F1F1F1; padding: 5px; border-bottom: 1px solid #9E9E9E; border-top: 1px solid #9E9E9E;}
.boldp {font-weight: bold;}
.date { display: block; text-align: left; color: #999; font-size: 70%; padding: 3px 0; font-weight: bolder;}
/* left sidebar */
#leftmenu a,
#leftmenu a:visited,
#rightmenu a,
#rightmenu a:visited {color: #000;}
#leftmenu a:hover,
#rightmenu a:hover {color: #1C86EE;}
#rightmenu li ul.children,
#leftmenu li ul.children { padding-left:10px; margin-bottom: 0; }
#leftmenu li,
#rightmenu li  { padding: 0 10px 1px 0;}

/* left column */
#left-column { width: 22%; float: left; text-align:left;margin: 0 0 0 0; padding: 0 0 0 0; overflow:hidden}
#leftmenu    { font-size: 90%; padding-bottom: 30px}
/* 1st level */
#leftmenu ul { list-style: disc; padding-left:35px; margin-bottom: 5px; }
#leftmenu li   { }
#leftmenu li a { color: #000;  font-weight: bolder;}
/* 2nd level */
#leftmenu li li   { padding: 0 0 1px 0;}
#leftmenu li li a { color: #787878;  font-weight: bolder;}

#leftmenu h4      { color: #1C86EE; margin: 15px 20px 5px 0; padding: 0 16px 0 4px; font: 140% Georgia, "Times New Roman", Times, serif; font-weight: bolder; height: 30px; background: url(i/leftmenu-h.gif) #000 no-repeat right top; line-height: 30px; overflow: hidden; text-align: right }
#leftmenu h4 a         { color: #1C86EE;background: #000; }
#leftmenu h4 a:visited { color: #e1e1e1;}
#leftmenu h4 a:hover   { color: #fff;}
/* END left sidebar */
/* right sidebar */
#right-column { width: 22%; float: right; text-align: left; margin: 0 0 0 0; padding: 0 0 0 0; overflow:hidden}
#rightmenu    { font-size: 90%; padding-bottom: 30px}
#rightmenu ul { list-style: disc; padding-left:50px; margin-bottom: 5px;}
/* 1st level */
#rightmenu li   { }
#rightmenu li a { color: #000;  font-weight: bolder;}
/* 2nd level */
#rightmenu li li   { padding: 0 0 1px 0;}
#rightmenu li li a {color: #787878;  font-weight: bolder;}
#rightmenu h4   { 
color: #1C86EE; 
margin: 15px 0px 5px 20px; 
padding: 0 4px 0 16px; 
font: 140% Georgia, "Times New Roman", Times, serif; 
font-weight: bolder;
height: 30px; 
background: url(i/rightmenu-h.gif) #000 no-repeat left top;
line-height: 30px; 
overflow: hidden; 
}
#rightmenu h4 a         { color: #1C86EE;background: #000; }
#rightmenu h4 a:visited { color: #e1e1e1;}
#rightmenu h4 a:hover   { color: #fff;}	
#rightmenu .loginbox          { background: url(i/loginboxtopl.gif) #000 no-repeat top left; margin: 15px 0 15px 30px; padding: 0; overflow:hidden}
#rightmenu .inloginbox a      { color: #fff}
#rightmenu .inloginbox        { background: url(i/loginboxbottoml.gif) #000 no-repeat bottom left;  padding: 0 5px 15px 20px;}
#rightmenu .inloginbox ul     { list-style: none; margin: 0; padding: 0; color: #fff; font-size: 100%}
#rightmenu .inloginbox li a   { color: #fff}
#rightmenu .inloginbox .boldp { font-size: 110%; color: #fff}
#rightmenu .inloginbox label  { font-size: 100%; color: #fff; }
#rightmenu .inloginbox input.sendbutton	{ width:100px;  font-size:110%; font-weight: bold;background: url(i/button-bg.gif) repeat-x!important; padding:5px; margin: 10px 0;border:1px solid #adadad!important;border-left-color:#ececec!important; border-top-color:#ececec!important;color:#333;}
.akismet   { margin:5px 10px; font-weight:bold; font-size: 90%; text-align:center}
.akismet p { text-align: center;}
/* END right sidebar */
/* footer */
#bottom     { background: #000; color: #fff; width: 100%; overflow: hidden; border-top: 4px solid #1C86EE }
.footer     { width: 96%; padding: 15px 2%; text-align: left;}
.footer img { margin: 7px 5px 0 0}
.footer a   { color: #fff}
.footer a:visited { color: #fafafa}
.footer a:hover   { color: #1C86EE}
.footerleft {width: 74%; float: left;}
.copyright   { text-align:right; color: #666; width: 22%; float: right;}
.copyright a { color: #1C86EE}
.footerlast { display:block; clear:both; margin-top: 10px;  width: 98%; padding: 10px 0 15px 0;color: #1C86EE}
/* END footer */
/* END container */
/* author template */
.datepostauthor { float:left; width:8em; font-size:70%; color: #676767; padding-right: 10px; display:block;  }
.linkpostauthor { display:table; font-size:82%; float: left }
.linkpostauthor a strong { color: #1C86EE}
.catpostauthor  { font-size:90%;color:#888}
.authorgravatar img { float: right; border: 1px solid #444; margin: 0 0 5px 10px}
/* END author template */
/* comments */
.author           { color: #000; font-weight: bolder; padding-left: 20px; background: url(i/comments.gif) no-repeat top left; height: 20px;
font-size: 80%}
.author a         { color: #1C86EE;}
.author a:visited { color: #666;}
.author a:hover   { color: #000;}
.avatarcomment    { float:right; padding: 0 0 2px 5px}
.commentmetadata  { color: Grey}
.awaiting-moderation {color: #1C86EE; font-size:80%}
.nocomments  { color: #1C86EE;}
.commenttext { display:block; float:none; font-size:126%}
.leftcommentarea { float: left; padding: 0 10px 0 0}
#commentswrap { margin:10px 20px; }
#commentswrap fieldset	{ margin-top:10px; padding:5px 0 10px 0; border:none;}
#commentswrap legend    { color:#353c40; margin:0; line-height:2em; padding: 0;  font-size:20px; font-variant:small-caps;}
ol.commentlist          {  margin:0!important;  padding:0!important; }
ol.commentlist li	    { background:none!important; margin:2px 0!important; /*some themes may interfere otherwise*/ padding:10px;  list-style:none!important;  text-align:left;}
ol.commentlist li.alt	{ background: #f1f1f1!important; }
#commentswrap label     { background:#E0E0E0 none repeat scroll 0%; color:#000000; font:12px Arial; margin:0 10px 0 0; padding:5px 5px 5px; width:242px; display:-moz-inline-box; /*for mozilla*/ display:inline-block; /*for Opera & IE*/ vertical-align:top;}
#commentswrap label span { width:250px; /* must be the same as above!*/ display:block; }
#commentswrap input,
#commentswrap textarea,
#commentswrap select     { font:100% Arial; margin:0; border:1px solid #CCCCCC; color:#666666; padding:4px 5px; }
#commentswrap input,
#commentswrap select     { width:240px;}
#commentswrap textarea   { width:240px;overflow:auto; height:10em;}
#commentswrap input:hover,
#commentswrap textarea:hover,
#commentswrap select:hover	{ border:1px solid #999999; color:#000000; }
#commentswrap input.sendbutton	{ 
width:250px;  
font-size:120%; font-weight: bold;
background: url(i/button-bg.gif) repeat-x!important; 
padding:10px; 
margin: 10px 0;
border:1px solid #adadad!important;
border-left-color:#ececec!important; 
border-top-color:#ececec!important;
color:#333;
}
/* END comments */
/* top post with rounded corenrs */
.post-top {margin: 10px 15px; background: #e4e4e4; }
.roundedcornr_top div {background: url(i/roundedcornr_tl.png) no-repeat top left;}
.roundedcornr_top {background: url(i/roundedcornr_tr.png) no-repeat top right;}
.roundedcornr_bottom div { background: url(i/roundedcornr_bl.png) no-repeat bottom left;}
.roundedcornr_bottom { background: url(i/roundedcornr_br.png) no-repeat bottom right;}
.roundedcornr_top div, .roundedcornr_top, 
.roundedcornr_bottom div, 
.roundedcornr_bottom { width: 100%; height: 20px; font-size: 1px;}
.roundedcornr_content { margin: 0 20px; overflow:hidden }
/* END top post with rounded corenrs */
/* calendar */
table#wp-calendar { margin: 10px auto; font-size: 90%}
table#wp-calendar caption { margin: 10px auto}
table#wp-calendar td {padding: 2px}
table#wp-calendar td a {background: #f1f1f1}
table#wp-calendar td#today {background: #f901aa; color: #fff}
table#wp-calendar td#today a {background: none; color: #fff}
/* END calendar */
/* navigation and wp-pagenavi */
.navigation              { margin: 15px 10px; font-size: 90%; color: #1C86EE; display: block; padding: 0 0 20px 0}
.navigation .alignleft   { float: left; margin: 0;border: none}
.navigation .alignright  { float: right;  margin: 0;border: none}
.wp-pagenavi {margin: 20px auto}
/* END navigation and wp-pagenavi */

.rss-date {font-size:1em}