/*  
Theme Name: sonika blog v2
Theme URI: http://www.sonika.ru/blog/
Description: sonika blog  11.08.2008 
Version: 2.0
Author: Sofia Panchenko
Author URI: http://www.sonika.ru/
*/

* { margin: 0; padding: 0}

body {width:100%;background:#fff;min-width:800px;font: 62.5%/1.2 Arial, Helvetica, sans-serif;}

a {color:#545454;}
a:visited {color: inherit;}
a:hover {color:#ce1c1b;}
p, li {font-size: 1.2em; line-height: 1.5em}
li li {font-size: 1em;}
p {margin:0 0 .8em 0;padding:0; }
a img {border: none;}

h1 {font-size:2em;margin:0 0 .5em 0;}
h2 {font-size:1.8em; margin:0 0 .5em 0;}

h2.single-h  a {color:#fff!important;background:#ce1c1b!important; padding: 2px 3px; text-decoration: none;}

h3 {font-size:1.6em; color:#ce1c1b;}
h4 {font-size:1.5em}
h5 {font-size:1.4em}
h6 {font-size:1.3em}

h4.relatedposts {font-size:1.8em; margin: 15px 0 0 0; color:#737373}
	
h3 {margin:1em 0 .3em 0;padding:0;}
h1 a, h2 a, h3 a,
h1 a:visited, h2 a:visited, h3 a:visited {color:#ce1c1b;background:none; padding: 2px 3px;}
h1 a:hover, 
h2 a:hover, 
h3 a:hover {color:#fff;background:#ce1c1b; padding: 2px 3px; text-decoration: none;}

/* Header */
#header {clear:both;width:100%; height: 250px; overflow: hidden;}

#header-top {clear:both;width:100%;height:150px; overflow:hidden}

div.logo {width: 14%; float: left; height: 150px; background: url(i/logo.gif) no-repeat 50% top;}
div.logo a {width: 150px; height: 150px; display:block; margin:0 auto }

div.tag-cloud {height: 120px;  float: right; width:86%; overflow:hidden}
.st-tag-cloud { width:90%; height:120px; padding: 20px 0 10px 0; margin:0 auto}
	
#main_menu {width:50%;float: left; margin: 10px 0 0 0;padding: 0;background:#efebda;}
#main_menu ul {font-size:1.2em;list-style-type:none; }
#main_menu li {float:left; background: transparent url(i/main-menu.gif) right 0 no-repeat; height:28px; line-height:22px; margin: 0 1px 0 0;}
#main_menu li a {text-decoration:none; display:block; background: transparent url(i/main-menu-l.gif) 0 0 no-repeat; height:23px; padding: 0 13px; float:left; 
color:#313131;font-weight: bolder;}
#main_menu li a:hover {color:#ce1c1b; }
#main_menu li.current-cat {background: transparent url(i/main-menu-hover.gif) right 0 no-repeat;}
#main_menu li.current-cat a {background: transparent url(i/main-menu-l-hover.gif) 0 0 no-repeat; color: #fff}
#main_menu li.current-cat a:hover {cursor:default; color:#fff;}
	
.about {float: left;  width: 25%;font-size: 1.1em; margin-right: 1%; background:#efebda;}	
.about div {padding: 8px 20px 8px 20px;  overflow: hidden;}
.about img {background: #fff; padding: 3px; border: 1px dashed #efebda; float: left; margin: 0 6px 0 0;}

/* ie6 */
* html .about img {margin: 0 6px 6px 0;}
	
	
/* search form */
#search-block {width: 23%; overflow: hidden; float: left; margin-left: 1%; margin-top: 10px; background:#efebda;
white-space: nowrap}
/*.search-input {width:90%; border:none; background: transparent url(i/search-form.gif) 0 0px no-repeat; }
.search-input-r { background: transparent url(i/search-form-r.gif) right 0px no-repeat; border:none;padding: 3px 0 9px 15px; width: 100%;  }	*/
/* ie6 */
/* html .search-input-r {margin-top:-1px}*/
#search-block label {font-size: 1.7em; font-weight: bold; color: #bfc2b1; padding: 0 0 0 5px; }

form#searchform {
	width: 96%
}
span.sbox_l  {
	background: url(i/search-l.gif) no-repeat top left;
	float: left;
	width: 24px; height: 25px;
}

span.sbox_r  {
	background: url(i/search-r.gif) no-repeat top left;
	float: left;
	width: 24px; height: 25px;
}

#search-block input {
	background: url(i/search-bg.gif) repeat-x top left;
	float: left;
	border: 0;
	height: 25px; 
	padding: 3px 0;
	color: #000;
	width:74%; border:none;
}


/* END search form */








#header-line {clear:both;background:#efebda;padding:0 15px!important;text-align:left; overflow: hidden;
border-bottom: 1px solid #e1ddc9;border-top: 1px solid #e1ddc9;
/*for ie6*/ zoom:1}

	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		margin-top: 2em;
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:#fff;		/* right column background colour */
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		background:#fff;	/* left column background colour */
	}
	.threecol .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}


/* sidebars */
.sidebar-block {background:#F5F2E5; border:1px solid #fff; overflow: hidden; width:99%; margin: 0 0 15px 0;
-moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.sidebar-block ul {margin: 0 10px 0 40px; list-style: square; color: #545454; }
h4.red-bg-title {color:#fff; height:26px; line-height:18px; background: transparent url(i/red_bg_title.gif) 50% 0px no-repeat;width: 99%; text-align: center; font-size: 1.4em; font-weight: bold;}
h4.red-bg-title a,
h4.red-bg-title a:visited {color:#fff;}
h4.red-bg-title a:hover {color:#f5f2e5;}
.sidebar-div {padding: 5px 10px 10px 10px; }

.sidebar-block select {
	border: none; border-left: 3px solid #cbc6b2; width: 80%; margin: 5px auto; display: block;
}


ul.recentcomments {font-size: .9em}
ul.recentcomments li {clear:both}
ul.counters {list-style: none;padding: 0; margin: 0}
ul.counters li { text-align: center; padding: 0; margin: 0}
/* END sidebars */
	
/* Footer */
#footer {clear:both;float:left;width:100%;border-top:1px solid #000;}
#footer p {padding:10px 20px;margin:0;}
/* END Footer */

.clr {clear:both; font-size:0;}

/* posts */
.post {clear: both; margin: 0 0 35px 0; overflow: hidden;}

.post ul,
.post ol {margin: 0 0 1em 4.5em}

/* tags */
/*.tags-link { display: inline; padding: 0!important }
.tags-link a  { background: url(i/thumbtack.gif) right 0 no-repeat; padding-right: 10px }*/
ul.tags-link {
	display: block; clear: both; overflow:hidden; margin: 0 0 10px 5px; list-style: none; zoom:1
}
ul.tags-link li {
	background: url(i/tag-bg-left.gif) top left no-repeat; float: left; margin: 0 -6px 0 0; padding: 0 0 0 3px; list-style-type:none;
	line-height: 15px; font-size: 12px; 
}
ul.tags-link li a {
	background:#e43400 url(i/tag-bg-right.gif) top right no-repeat; margin: 0 6px 0 0; color: #fff; text-decoration: none; padding: 0 10px; display: block;
	height: 15px; float:left;
}
ul.tags-link li a:hover {
	 color: #e3dcbd;
}
/*END tags */

.edit-link { display: inline; padding: 0!important }
.edit-link a { background: url(i/pencil.gif) 0 6px no-repeat; padding-left: 10px }

.comment-link { background: url(i/speechcloud.gif) 0 3px no-repeat; padding-left: 15px }
.time-link { background: url(i/clock.gif) 0 3px no-repeat; padding-left: 10px }

.post-meta {color:#737373; font-size:10px; height:22px; line-height:21px; font-weight:bold; 
background: #f5f2e5 url(i/post-write-bg.gif) 0px 0px no-repeat; width: 100%; overflow: hidden }
.post-meta div.post-meta-in {display:block; height:22px; 
background: transparent url(i/post-write-right.gif) right top no-repeat; width: 100%; text-align: left }
.post-meta a {color:#737373;}
.post-meta div.post-meta-in div {padding: 0 25px; display: inline;}
/* END posts */

del {color: #ff0000}
blockquote {
	background: #fafafa; border: 1px dotted #97978F;padding: 4px 6px; margin-left: 15px;
	font-size: 1em; color: #000; width:70%;
-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}
blockquote p {font-size: 1em; color: #000; }
.comment-teaser blockquote p { font-size: 1.1em; padding:5px 10px; margin:0 }



p code, 
li code {font-size: 1em; color:#444; background:#F0F0F0; font-family: "Courier New", Courier, monospace; margin:0; padding:0 5px;}

.CommentTeaser p code {overflow:auto; display:inline; width:90%; background: #fafafa; padding: 1px 2px; font-family: "Courier New", Courier, monospace}


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!important; overflow:auto;
font-size:1.4em;font-family: "Courier New", Courier, monospace
}



/*comments*/
textarea#comment {width:90%; height:12em}
ol#comments {list-style:none!important; margin:0!important; clear: both; width: 99%}
#comments li {margin:0; padding:0; background: url(i/comment-top.gif) 0 0 no-repeat; float: none; clear: both;}

#comments li.mycomment .comment-data a { background: #e10000!important;color: #fff; padding:2px 4px; font-weight:bold }

ol#comments li div.comment-body {
background: #efefef; -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
overflow: hidden; width: 99%; margin-top: 15px; margin-bottom: 30px}

.comment-data {margin: 0 0 0 34px}

.comment-teaser { margin: 10px 15px; font-size: .9em; overflow: hidden;}
.comment-metadata {font-size: 1em; color: #999;}

img.avatar {float:right; border:1px solid #ccc; padding:2px; background: #fafafa; margin:5px 0 0 10px; }
* html img.gravatar {margin:5px 0 0 5px}

.authorcomment{font-size:larger; color:#CC0000; font-weight:bold; margin: 2em .5em}
/*END comments*/

/*---------------------- Comment Quicktags ---------------------------*/
#comment_quicktags {text-align: left;margin-left: 0;}
#comment_quicktags #ed_comment_toolbar {display: inline;}
#comment_quicktags input.ed_button {background: #F4F4F4;border: 1px solid #D6D3CE;color: #000000;font-family: Arial, Helvetica, sans-serif;
font-size: 80%;margin: 1px;width: auto;}
#comment_quicktags input:focus.ed_button {background: #FFFFFF;border: 1px solid #686868;}
#comment_quicktags #ed_strong {font-weight: bold;}
#comment_quicktags #ed_em {font-style: italic;}
/*---------------------- end Comment Quicktags ---------------------------*/

/* images */
.aligncenter {text-align: center; float: none; margin: 10px auto; display:block}
.alignright {float: right; margin: 5px 0 3px 10px}
.alignleft {float: left; margin: 5px 10px 3px 0}
.imageframe {margin: 5px; padding: 2px; border: 1px solid #ccc}
.kjgrcGravatar {float:left; padding:3px 4px 2px 0}
img {border: 0;}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center!important;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 15px 10px 3px 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;
}
.wp-caption-text {padding: 0 5px; font-size:0.9em}
/* END images */


/* navigation */
.navigation {color:#C8C8C8; font-size:10px; height:22px; line-height:21px; font-weight:bold; 
background: #737373 url(i/page-count.gif) 0px 0px no-repeat; width: 100%; overflow: hidden;
font-size: 1.2em }
.navigation .navigation-in {display:block; height:22px; 
background: transparent url(i/page-count-right.gif) right top no-repeat; width: 100%; text-align: left}
.navigation .navigation-in div {padding: 0 15px}
.navigation a {height:22px; float:left; display:block;cursor:pointer; margin: 0 5px 0 5px; padding: 0 7px 0 7px; color:#fff;}
.navigation a:hover {background:#ABABAB; color:#fff;}
.navigation .navigation-in span {float:left; display:block;}
.navigation .navigation-in span.current {background:#ABABAB;height:22px;padding: 0 7px 0 7px;color:#fff;}
.navigation .navigation-in span.pages {padding: 0 7px 0 0;}
/* END navigation */

div.imp-download {font-size: 1.3em!important}

input.punmailbutton {font-size:1.2em!important}

.post dl{margin: 0 0 1.5em 0;font: 1.2em/1.4 Arial, Helvetica, sans-serif;}
.post dt {margin: 0 .7em 0 0;}
.post dd {margin: 0 0 0 2em;}
.post tt {color:#545454; font: 1.1em Verdana, Arial, Helvetica, sans-serif;font-weight:bold; }

.switch-media {display:none}