@charset "utf-8";
/* CSS Document */

*, body, html { margin: 0; padding: 0;
}

body { background: url(img/snow.jpg) repeat-x;
}

img { border: 0;
}

a { outline: none;
}

#container { margin: 0 auto;
		width: 1000px;
		background: url(img/header_fon.jpg) repeat-x top;
		border: #2B59B1 1px solid;
		margin-bottom: 20px;
		padding-bottom: 20px;
}

#header { height: 188px;
		background: url(img/logo.jpg) no-repeat;
		
}

#banner1 { float: left;
		width: 500px;
		height: 188px;
}

#banner1 ul { margin-left: 90px;
}

#banner1 ul li { float: left; 
		line-height: 21px;
		list-style-type: none;
		padding-left: 23px;
		margin-left: 15px;
}

#banner1 .first { background:url(img/top1.jpg) no-repeat;
		background-position: 0px 2px;
}

#banner1 .second { background:url(img/top2.gif) no-repeat;
		background-position: 0px 1px;
}

#banner1 ul li a { font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-transform: lowercase;
		color: #EFEFEF;
		text-decoration: none;
}

#banner1 ul li a:hover { color: #FFFF00;
}

#ad1 {
	float: left;
	margin-top: 87px;
	margin-left: 15px;
	display: inline;
}

#banner2 { float: right;
 		width: 500px;
		height: 188px;
}

#banner2 ul {margin-left: 250px;
}

#banner2 ul li { float: left;
		list-style-type: none;
		margin-left: 10px;
		margin-top: 3px;
		line-height: 22px;
}

#ad2 { float: left;
		margin-top: 2px;
		margin-left: 10px;
		display: inline;
}

#ad3 { float: left;
		margin-top: 16px;
		margin-left: 10px;
		display: inline;
}

/* Начинается контент */

#content { float: left;
		width: 590px;
	
}

.post { margin-top: 15px;
}

#content h1 { padding-left: 5px;
		display: block;
		background: url(img/array.gif) right bottom no-repeat;
		height: 35px;
}

#content h1 a { font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 20px;
		font-weight: normal;
		color: #3684b5;
		text-decoration: none;
		display: block;
		background: url(img/title.gif) no-repeat;
		padding-left: 30px;
		padding-bottom: 2px;
		line-height: 20px;
		text-shadow: 2px 3px 2px #CCCCCC;
}

#content h6 { font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		margin-left: 10px;
		font-weight: normal;
		color: #37AAD0;
		
}

#content h3 { font-size: 18px;
		color: #28B2E5;
		font-weight: normal;
		text-shadow: 1px 1px 1px #CCC;
}

#content .text { font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 17px;
		color: #505050;
		padding-left: 10px;
		text-align: justify;
}

.red { color: #F00;
}

.green { color: #0C6;
}

#content .meta { font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #505050;
		padding-left: 10px;
		margin: 5px 0;
}

#content p { margin: 11px 0;
}

#content ul, #content ol { padding: 11px 0 11px 30px;
}

#content .text a, #content .meta a { color: #0099CC;
		text-decoration: none;
		border-bottom: 1px #0099CC dotted;
}

#content .post a:hover { color: #FF0000;
}

#content .more-link { text-align: right;
		margin-left: 20px;
}

#content .more-link a img { margin: 0;
}

#content .more-link a { border: none;
}

#content .text img { margin: 10px;
}

#content #next { padding: 20px 10px;
		text-align: center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
}

#content #next a { color: #0099CC;
		text-decoration: none;
}

/* Сайдбар */

#sidebar { float: left;
		width: 410px;
}

#sidebar .autor { float: left;
		width: 188px;
		margin-left: 17px;
		background: url(img/autor.gif) top no-repeat;
		padding-top: 51px;
		display: inline;		
}

#sidebar .autor2 { border-left: #399ABE 1px solid;
		border-right: #399ABE 1px solid;
		width: 170px;
		background: #F9FAFC;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #1e5b7a;
		padding: 0 10px 0 5px;;
}

#sidebar .autor2 .tab { font-family: "Courier New", Courier, monospace;
		font-size: 14px;
		font-weight: normal;
}

#sidebar .autor3 { height: 67px;
		background: url(img/autor2.jpg) no-repeat bottom;
		background-position: bottom left;
}

#sidebar .autor3 div { float:left;
		margin: 10px 0 0 115px;
		display: inline;
}

#sidebar .rss { float: left;
		width: 205px;
}

#sidebar .rss .sign1 { float: left;
		 margin: 15px 0 0 25px;
		 display: inline;
}

#sidebar .rss .sign2 { float: left;
		 margin: 0 0 0 35px;
		 display: inline;
}

#sidebar .category { float: left;
		width: 188px;
		margin-left: 17px;
		border: 1px #B3B3B3 solid;
		margin-top: 15px;
		display: inline;
}

#sidebar h5 { display: block;
		font-family: "Courier New", Courier, monospace;
		font-size: 14px;
		text-transform: uppercase;
		color: #FFFFFF;
		height: 26px;
		background: url(img/menu.gif) repeat-x;
		line-height: 26px;
		text-align: center;
}

#sidebar .category ul li {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		list-style-position: inside;
		padding-left: 15px;
		list-style-image: url(img/list.gif);
		line-height: 20px;
		border-bottom: 1px #EAEAEA solid;
}

#sidebar .category ul li ul li { border-top: 1px #EAEAEA solid;
		border-bottom: 0;
		list-style-image: url(img/list2.gif);
}

#sidebar .category a { text-decoration: none;
		color: #505050;
}

#sidebar .category a:hover { color: #FF0000;
}

#sidebar .tags { float: left;
		width: 181px;
		border: 1px #B3B3B3 solid;
		margin: 15px 10px 0 10px;
		display: inline;
}

#sidebar .last { float: left;
		width: 380px;
		margin-left: 17px;
		margin-top: 15px;
		border: 1px #B3B3B3 solid;
		display: inline;	 
}

#sidebar .last ul li { font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 20px;
		list-style-type: none;
		border-bottom: 1px #EAEAEA solid;
		padding-left: 25px;
		background: url(img/star.jpg) no-repeat;
		background-position: 5px 3px;
		
}

#sidebar .last ul li a { color: #505050;
		text-decoration: none;
}

#sidebar .last ul li a:hover { color: #FF0000;
}

#sidebar .popular { float: left;
		width: 380px;
		margin-left: 17px;
		margin-top: 15px;
		border: 1px #B3B3B3 solid;
		display: inline;		
}

#sidebar .popular ul li { font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 20px;
		list-style-type: none;
		border-bottom: 1px #EAEAEA solid;
		padding-left: 25px;
		background: url(img/note.jpg) no-repeat;
		background-position: 5px 4px;
}

#sidebar .popular ul li a { color: #505050;
		text-decoration: none;
}

#sidebar .popular ul li a:hover { color: #FF0000;
}

#sidebar .stats { float: left;
		width: 188px;
		margin-left: 17px;
		border: 1px #B3B3B3 solid;
		margin-top: 15px;
		display: inline;
		
}

#sidebar .stats table { margin: 10px 0;
		width: 100%;
}

#sidebar .archive { float: left;
		width: 181px;
		border: 1px #B3B3B3 solid;
		margin: 15px 10px 0 10px;
		display: inline;
}

#sidebar .archive ul li { font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 20px;
		list-style-type: none;
		border-bottom: 1px #EAEAEA solid;
		padding-left: 25px;
		background: url(img/date.jpg) no-repeat;
		background-position: 5px 3px;
		
}

#sidebar .archive ul li a { color: #505050;
		text-decoration: none;
}

#sidebar .archive ul li a:hover { color: #FF0000;
}

/* Дополнительные стили */

.clr { clear: both;
}

pre { padding: 4px;
		border: #666666 1px dotted;
}

/* Комментарии */

.comment { float: left;
		width: 550px;
		border: 1px solid #57b3fe;
		margin: 10px 0 0 20px;
		display: inline;
		background: url(img/bg_comment.jpg) no-repeat;
}

.avatar { float: left; 
		width: 100px;
}

.avatar img { margin: 10px 0 10px 15px;
		border: 1px solid #57b3fe;
		width: 60px;
		height: 60px;
}

.commentside { float: right; 
		width: 450px;
}

.commentinfo { float: left; 
		height: 32px;
		width: 450px;
}

.commentwww { float: left;
		padding-top: 10px;
		height: 22px;
		width: 25px;
}

.commentname { float: left;
		padding-top: 10px;
		height: 22px;
		width: 270px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #2d6092;
		font-weight: bold;
		overflow: hidden;
}

.commenttime { float: right;
		margin-right: 10px;
		padding-top: 13px;
		width: 130px;
		height: 19px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #2d6092;
		background: url(img/time.jpg) no-repeat;
		background-position: 65px 5px;
}

.cdate { float: left; }
.ctime { float: right; }

.commenttext { float: left;
		width: 430px; 
		padding: 0 20px 2px 0; 
		text-align: justify;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #2d6092;
}

.autorsite { float: left;
		width: 440px;
		padding: 0 10px 10px 0;
		margin-top: -5px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #3f3f3f;
		text-align: right;
}

#reply { float: left; 
		padding: 20px;
}

#reply h2 { font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 18px;
		color: #3684B5;
		font-weight: normal;
}

#reply p { font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #666666;
}

#reply span { margin-left: 10px;
		font-size: 10px;
}

#reply .field { width: 185px;
		margin-top: 5px;
		padding: 2px 10px 0 7px;
		height: 20px;
		background: url(img/field.gif) no-repeat;
		border: none;
		color: #2D6092;
}

#reply textarea { margin-top: 5px;
		color: #2D6092;
		border: 1px solid #57b3fe;
}

#reply .button { border: 1px solid #57b3fe;
		background: none;
		width: 185px;
}

/* Pingvin */

#pingvin { display: inline; 
		float: left; 
		margin-top: -10px;
		width: 552px;
		margin-left: 20px;
		background:url(img/pingvin.gif) no-repeat;
		background-position: 450px 0;
}

#trackback { display: inline; 
		float: left;
		width: 155px;
		height: 33px;
		margin: 20px 0 0 280px;
		padding: 17px 0 0 25px;
		background: url(img/trackback.gif) no-repeat top left;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 14px;
		color: #3684B5;
}

#trackback a { color: #0099CC;
		text-decoration: none;
}

#pcap { width: 50px;
		height: 30px;
		line-height: 30px;
		margin: 44px 0 0 469px;
		text-align: center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 20px;
		color: #0099FF;
}

#ptext { width: 550px;
		padding: 3px 0;
		margin-top: 10px;
		border: 1px solid #57b3fe;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #505050;
		text-align: center;
		background: url(img/bg_comment.jpg) no-repeat;
}

.like { display: inline; 
		float: left;
		width: 545px;
		height: 52px;
		margin-left: 10px;
		margin-bottom: 10px;
		background: url(img/like.gif) no-repeat;
}

.like span { padding: 0 10px;
		font-family: "Bookman Old Style";
		font-size: 16px;
		color: #505050;
}

.like div { float: left;
		margin-top: -15px;
		padding-left: 10px; 
		font-family: "Bookman Old Style";
		font-size: 12px;
		color: #505050;
}

.like div a { color: #0099CC;
		text-decoration: none;
}

#subscribe { display: inline; 
		float: left;
		width: 380px;
		height: 28px;
		margin: 10px 0 0 17px;
		background: url(img/subscribe.jpg) no-repeat;
		border: 1px solid #399abe;
}

.semail { float: left; 
		width: 210px;
		height: 15px;
		margin: 5px 5px 0 10px;
		padding: 1px 0 0 20px;
		background: url(img/mail_pic.gif) #FFFFFF no-repeat 3px 2px;
		border: 1px solid #4ca0c5;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 10px;
		color: #999999;
}

.sbutton { float: left; 
		width: 125px;
		height: 20px;
		margin: 4px 0 0 0;
		background: #fdf8d9;
		border: 1px solid #000000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333333;
}

/* Styles for page "How to earn money?" */

.earn { border: 1px solid #28B2E5;
	margin: 10px 0;
	padding: 0 10px 5px 10px;
}

.earn-more { float: right;
		width: 200px;
		height: 41px;
		margin-top: -20px;
		background: url(http://seozest.ru/files/2010/06/bonus.jpg) no-repeat;
		line-height: 41px;
		font-size: 20px;
		text-align: center;
		font-family: Georgia, "Times New Roman", Times, serif;
}

#content .text .earn-more a { color: #6AC079;
}

.bonus { padding-left: 45px;
		height: 30px;
		line-height: 30px;
		font-size: 20px;
		display: block;
		text-shadow: 1px 1px 1px #CCC;
		background: url(http://seozest.ru/files//2010/06/gold.gif) no-repeat;
}