/*******************************************************************************/
/* ÎÁÙÈÅ ÑÒÈËÈ */

html	{
	font-size:100.01%;
}

html, body {
	width:100%;
	height:100%;
	background:#F4F5EF;
}

body, table, input, textarea, select, h1, h2, h3 
{
	font:16px Georgia;
	color:#000;
	line-height:120%;
}

body, table, td, a, p, div, form, ol, ul, li, h1, h2, h3, h4, dl, dt, dd, img, blockquote
{
	margin:0;
	padding:0;
}

table {border-collapse:collapse;}
td		{vertical-align:top;}

ul li			{list-style-type:none;}
img			{border:0;}

h1, h2, h3, h4 {color:#7D7D7D;}
h1	{font:25px Georgia;}

h2  {font:21px Arial;}
h3  {font:18px Georgia;}
h4  {font:17px Georgia;}

a				{color:#0066B3;}
a:hover		{color:#0066B3;}

.dashed {
	padding:0 0 1px 0;
	border-bottom:1px dashed #0066B3;
	color:#0066B3;
	cursor:pointer;
}

.nobr {white-space: nowrap;}

.clear {
	width:100%;
	height:1px;
	margin:0 0 -1px;
	padding:0;
	clear:both;
	visibility:hidden;
	overflow:hidden;
}

p {
	margin:0 0 1em 0;
}

.arrow {
	padding:2px 0;
	font:14px Arial;
	text-decoration:none;
}

	
/* border:1px solid #000;*/
/*******************************************************************************/
/* ÒÅËÎ */

#MaxWidth {
	width:90%;
	
	max-width:1200px; /**/
	min-width:960px;
	
	height:100%;
	margin:0 auto;
}

#MaxWidth2{
	width:50%;
	max-width:500px; /**/
	min-width:300px;
	height:100%;
	margin:0 auto;
}

#MaxWidth2 #H {
	height:100px;
	padding:1.5em 47px;
}

/*******************************************************************************/
/* ØÀÏÊÀ */
#H {
	height:157px;
	padding:1.5em 47px;
}
	#H ul {width:70%;}
		#H ul li {
			padding:0 1.5em 0 0;
			float:left;
		}
			#H ul li a {
				font:14px Trebuchet MS;
				color:#000;
			}
			
	#H big {
    display: block;
		width:70%;
		margin: 2.2em -250px 0 0;
		font:bold italic 30px Georgia;
	} 
	
	#H big a, #H big a:hover {color:#000; text-decoration: none}
	
	#HLogo {
		width:166px;
		height:135px;
		margin:0 60px -135px auto;
		display:block;
		position:relative;
		top:20px;
		background:url('/_img/logo.gif') no-repeat 0 0;
	}


/*******************************************************************************/
	.FTopBorder {background:url('/_img/frame_bg_v.gif') repeat-x 0 -7px;}
		.FTopBorder .FTB {
			height:32px;
			background:url('/_img/frame_c_tr.gif') no-repeat right 0;
		}
			.FTopBorder .FTB .FTB {background:url('/_img/frame_c_tl.gif') no-repeat 0 0;}
			
	.FTopTail {
		width:34px;
		height:28px;
		margin:0 83px -28px auto;
		position:relative;
		top:-22px;
		background:url('/_img/frame_tail_top.gif') no-repeat 0 0;
	}
	
	.FLeftTail {
		width:28px;
		height:34px;
		margin:0 0 -34px 0;
		position:relative;
		top:30px;
		left:-22px;
		background:url('/_img/frame_tail_left.gif') no-repeat 0 0;
	}
	
	.FContent {
		width:100%;
		background:url('/_img/frame_bg_h.gif') repeat-y right 0;
	}
		.FContent .FC {
			padding:1px 6px;
			background:url('/_img/frame_bg_h.gif') repeat-y 0 0;
		}
			.FContent .M {
				margin:-1px 0;
				padding:0 26px;
				background:#fff;
			}

.FContent big {
		display: block;
    margin:0 0 0.8em;
		font:32px Arial;
		color: #7D7D7D;
	}
	.FContent big img {vertical-align:top;}
		.FContent big a {
			text-decoration:none;
		}
			
	.FBottomBorder {background:url('/_img/frame_bg_v.gif') repeat-x 0 26px;}
		.FBottomBorder .FBB {
			height:32px;
			background:url('/_img/frame_c_br.gif') no-repeat right 0;
		}
			.FBottomBorder .FBB .FBB {background:url('/_img/frame_c_bl.gif') no-repeat 0 0;}
		

/*******************************************************************************/
#CF {
	width:100%;
	background:#fff;
}
	#CF h1 {
		margin:0 2em 0.3em 0;
		font:25px Georgia;
	}

		#CF h1 img {vertical-align:top;}
		#CF h1 a, #CF h2 a {
			text-decoration:none;
		}
	
	#CF .post {margin:0 0 2em;}
	#CF .post h1 {margin:0 0 0.3em;}
	#CF h2 {margin:1.5em 2em 1em 0;}
	#CF h3 {margin:1.5em 2em 1em 0;}
	#CF h4 {margin:1em 2em 1em 0.9em;}
	
	#CF small {font:13px Trebuchet MS;}
	#CF .post small {color:#7D7D7D;}
	
	#CF p {margin:0 0 1em 1em;}
		
	#CF blockquote {
		margin:0 0 1em;
		padding:1em 3em;
		background:#F9FAF7;
		font-style:italic;
	}
	.yOlko1, .yOlko2 {
		width:0.6em;
		height:60px;
		display:block;
		position:relative;
		font-size:60px;
		line-height:60px;
		overflow:hidden;
	}
	.yOlko1 {
		margin:0 0 -60px 0;
		left:-0.7em;
		top:-20px;
	}
	.yOlko2 {
		margin:-50px 0 0 auto;
		left:0.6em;
		text-align:right;
	}
	.addComment {
		margin-top:3em;
		padding:2px;
		text-align:center;
	}
	.addComment a {
		padding:0 0 0 27px;
		text-decoration:none;
		background:url('/_img/pencil.gif') no-repeat left;
	}
	
  .divider {
		padding-left:2em;
		background:url('/_img/marker1.gif') no-repeat center center;
	}
	
	#CF .prevLink {margin:2em 0 2em 1em; float:left;}
				
		#CF .prevLink a {
			position:relative;
			left:-1.2em;
			font:14px Trebuchet MS;
			color:#000;

		}
		#CF .prevLink .arrow {background:#fff;}

	#CF .nextLink {margin:2em 0 2em 1em; float:right;}
				
		#CF .nextLink a {
			position:relative;
			right:-1.2em;
			font:14px Trebuchet MS;
			color:#000;

		}
		#CF .nextLink .arrow {background:#fff;}

/*******************************************************************************/
/* ËÅÂÎÅ ÏÎËÅ */
#CL {
	width:18%;
	padding:1.5em 4% 2em 0;
	float:left;
}
	#CL h3 {
		margin:2em 0 0.5em;
		font:18px Arial;
		color:#7D7D7D;
	}
	#CL ul {margin:0.5em 0 1em 1em;}
	
	#CL ul li {
		margin:0.2em 0;
		width:100%;
		clear:both;
		font:14px Trebuchet MS;
	}

  #CL #categoryList ul li a {
	font:15px Trebuchet MS;
	line-height:1.2em;
  }
		
	#CL #authors a {
		line-height:1.2em;
	}
		#CL #authors a img {
			margin:0 10px 10px 0;
			float:left;
		}
		

/*******************************************************************************/
/* ÖÅÍÒÐÀËÜÍÎÅ ÏÎËÅ */	
#CC {
	width:38%;
	padding:1em 7% 2em 0;
	float:left;
}
	
#CW {
	width:70%;
	padding:1em 0 2em 0;
	float:left;
}
	#CW ul li {list-style-type:disc;}
	#CW ol, #CW ul {
		margin:0 0 1em 1em;
		padding:0 0 0 2em;
	}
  #CW ol li, #CW ul li{
		padding-bottom: 0.5em;
	}

/*******************************************************************************/
/* ÏÐÀÂÎÅ ÏÎËÅ */
#CR {
	width:33%;
	margin:0 -33% 0 0;
	padding:1em 0 2em 0;
	float:left;
}


/*******************************************************************************/
/* ÍÈÇ */


#comments {
	width:73%;
	margin:1em 0 0 20%;
}
	#comments h3 {
		margin:1em 2.1em;
	}
	#comments .comment {
		width:100%;
		margin:1em 0;
		background:#fff;
	}
	#comments .date {
		margin-left:60px;
		padding-bottom:2em;
		font:13px Trebuchet MS;
		color:#7D7D7D;
	}
	#comments .photo {
		width:40px;
/*		float:left;*/
		position:absolute;
	}
	#comments .message {
		padding-left:60px;
	}
	#comments .name {
		font-size:14px;
	}

	#comments .AddComment {
		width:600px;
		margin:1em 0;
		background:#fff;
	}
	#comments .AddComment p {
		margin:0 0 0.4em;
		font:13px Trebuchet MS;
		color:#7D7D7D;
	}
	#comments .AddComment input {
		margin-right:5px;
	}
	#comments .AddComment .small, #comments .AddComment .small * {
		font-size:11px;
	}
	
	ol#commentsList {list-style-type:none;}

  #errormsg div {
    font-size: 0.8em;
    font-weight: bold;
    color: #DD0000;
    border: 1px solid #D00;
    background: #FDFDDD;
    padding: 10px;
    margin: 10px 0;
  }	
  
    #errormsg div.green {
    border: 1px solid #0D0;
    background: #DDFDDD;
    }	

#respond h4 {margin-bottom: 1em;}

  #respond fieldset {
    padding: 0 0 1em 0;
    border: none;
  }

.moderation .name {
    font-weight: bold;
    color: #DD0000;    
}
	
#B {
	padding:2em 32px;
	font:14px Trebuchet MS;
}

  #counters {display: none;}

/*******************************************************************************/


/*******************************************************************************/
/* ÑÒÈËÈ ÏÎ ÐÀÇÄÅËÀÌ ÁËÎÃÀ */

#CL .articles *, .articles h1, .articles h1 a, .articles h1 a:hover,
.articles h2, .articles h2 a, .articles h2 a:hover {color:#E5992E !important; margin:0 0 0.3em !important;}
.articles big {color:#E5992E;} 

#CL .kitchen *,  .kitchen h1,  .kitchen h1 a,  .kitchen h1 a:hover, 
.kitchen h2,  .kitchen h2 a,  .kitchen h2 a:hover  {color:#C3CE23 !important; margin:0 0 0.3em !important;}
.kitchen big  {color:#B2BD0D;}

.archives h1 {
  color: #7D7D7D;
  margin:0 0 0.8em !important; 
	font:32px Arial !important; 
}

.archives h2  {font:25px Georgia;}
	
.edit {background: #FF7;}

.blogger .name {font-weight: bold;}

/* */

.blogger .FTopBorder, .blogger .FContent .M, .blogger .FBottomBorder {background-color: #fffbed;}
.blogger .FLeftTail {background:url('/_img/b_frame_tail_left.gif') no-repeat 0 0;}

img.author {float:left;}
div.author {padding-left: 80px; margin-bottom: 64px;}

.comment blockquote {
	background:#F9FAF7;
  padding-left: 16px !important;
  
  font-style: italic;
	margin: 0 0 1em;
  padding: 1em 1em;
	background:#F9FAF7;
	border-left: 2px solid #7D7D7D;
}	

#CF blockquote blockquote {
 		margin-left: 32px !important;
 		padding: 4px 4px 4px 16px;
 		border-left: 2px solid #7D7D7D;
}

.comment blockquote blockquote {
 		margin-left: 16px !important;
 		padding: 4px 4px 4px 16px !important;
 		border-left: 2px solid #7D7D7D;
}

div.author blockquote {
    margin-left: 30px !important;
}		


#login .input {
	font-size: 1.4em;
	margin-top: 3px;
	width: 97%;
}

code {
	display: block;
  overflow: auto;
	width: 100%;
	font-family: monospace;
	font-size: 0.8em;
	white-space: nowrap;
	border: 1px solid #eee;
  background: #f5f5f5;
  padding: 6px;
}

table.compare {
  border: 1px solid #eee;
  margin: 24px;
}

  table.compare td {
    padding: 4px 8px 4px 8px;
    border: 1px solid #eee;
  }