html, body, form { padding: 0; margin: 0; }
body {
	font: normal 12px/14px Tahoma, Verdana, Helvetica, sans-serif;
	color: #484848;
	width: 100%;
	height: 100%;
	background: url("/images/bg-top.gif") repeat-x #fff;
}

a { font: normal 12px/14px Tahoma, Verdana, Helvetica; text-decoration: underline; color: #336699; }

h1 { font: normal 22px/26px Arial; color: #333; margin: 0 0 10px 0; }
h2 { font: bold 16px/18px Arial, Helvetica, sans-serif; color: #666; margin: 15px 0 5px 0; }

.error { font: normal 10px/10px Tahoma; color: #CC0000; }
.mark { background: #FFFF00; font-weight: bold; }
.clear { clear: both; }

/* header */
#header { padding: 0 40px; margin: 0; }
#header .Top { height: 110px; padding: 40px 0 0 20px; }
#header .Top strong { font: normal 10px/10px Arial; color: #666; display: block; padding: 0 0 0 2px; }
#header .Top a { font: normal 28px/28px Arial; color: #333; text-decoration: none; padding: 0 0 0 0; }
#header .Top a:hover { color: #cc0000; }
/* end */

/* content */
#content { padding: 0 80px; margin: 0 270px 0 0; min-height: 700px; height: 70%; }
/* end */

/* footer */
#footer { background: #eee; padding: 20px 40px 25px 40px; margin: 15px 0 0 0; }
#footer .rss { padding: 3px 0 0 0; float: left; width: 45px; }
#footer .text { float: left; width: 50%; font: normal 10px/12px Tahoma; color: #999; }
#footer .text div { padding: 5px 0 0 0; }
#footer .counters { text-align: right; }
#footer a { font: normal 10px/12px Tahoma; color: #999; }
#footer a:hover { color: #000; }
/* end */

/* ìåíþ */
.Menu { position: absolute; right: 70px; width: 240px; }
.Menu h2 { font: small-caps 16px/16px Arial; color: #000; margin: 0; }
/* end */

/* îáëàêî êàòåãîðèé */
ul.SkyCat { margin: 0; padding: 15px 0; }
ul.SkyCat li { list-style: none; margin: 0 10px 0 0; display: inline; }
ul.SkyCat li a { font: normal 12px/22px Arial; color: #CC0000; text-decoration: none; }
ul.SkyCat li a:hover { background: #cc0000; color: #fff; }
/* end */

/* îáëàêî ýëåìåíòîâ */
ul.SkyItems { margin: 0; padding: 15px 0; }
ul.SkyItems li { list-style: none; margin: 0 10px 0 0; display: inline; }
ul.SkyItems li a { font: normal 12px/22px Arial; color: #666; text-decoration: none; }
ul.SkyItems li a:hover { background: #666; color: #fff; }
/* end */

/*  èíòåðåñíî */
.Skyff { margin: 0; padding: 15px 0; }
.Skyff { list-style: none; margin: 0 10px 0 0; display: inline; }
.Skyff a { font: normal 12px/22px Arial; color: #666; text-decoration: none; }
.Skyff a:hover { background: #666; color: #fff; }
/* end */

/* ïîèñê */
.Search { padding: 20px 0 40px 0; }
.Search form { background: #EBEBEB; padding: 4px; }
.Search .InpWords { font: normal 12px/12px Tahoma; color: #666; padding: 4px; border: 1px solid #ccc; background: #fff; width: 165px; margin: 0 5px 0 0; }
.Search .InpBut { font: normal 12px/12px Tahoma; color: #fff; padding: 3px 10px; background: #383838; border: 1px solid #ddd; cursor: pointer; }
/* end */

/* ñïèñîê ôîòîê */
div.HidImgBox { font: normal 10px/10px Tahoma; margin: 0 0 30px 0; overflow: hidden; height: 207px; text-align: center; }
.ImgBox { background: #fdffff; float: left; width: 140px; height: 190px; margin: 5px 10px 7px 0; border: 1px solid #efefef; font: normal 10px/10px Tahoma; overflow: hidden; padding: 10px 1px 0 1px; text-align: center; }
.ImgBox .Img { height: 150px; }
.ImgBox .Img img { border: 1px solid #eee; margin: 0 0 2px 0; }
.ImgBox a { font: normal 11px/11px Tahoma; color: #666; text-decoration: none; }
.ImgBox a:hover { color: #cc0000; }
/* end */

/* êàðòà ñàéòà */
.map ul { margin: 0; padding: 10px 0 25px 40px; }
.map ul li { font: normal 10px/10px Arial; list-style: disc; padding: 0; margin: 0 0 3px 13px; color: #999; }
.map ul li a { font: normal 12px/12px Tahoma; color: #cc0000; }
.map ul li a:hover { color: #000; }
.map h2 { font: normal 22px/22px Arial; letter-spacing: -1px; padding: 0 0 10px 0; color: #666; }
.map b { display: block; margin: 0 0 0 40px; color: #666; }
.map div { margin: 0 0 0 40px; font: normal 11px/11px Tahoma; color: #999; width: 500px; }
/* end */

/* ôîðìà */
.form { padding: 15px 0 20px 0; font: normal 10px/10px Tahoma; color: #999; }
.form form { background: #EBEBEB; padding: 10px 5px; }
.form a { font: normal 10px/10px Tahoma; }
.form a:hover { color: #cc0000; }
.form .input, .form textarea { font: normal 12px/12px Tahoma; color: #666; padding: 5px; border: 1px solid #ccc; background: #fafafa; width: 100%; margin: 0 0 5px 0; }
.form .input:focus, .form textarea:focus { background: #fff; border: #999 1px solid; }
.form .button { font: small-caps 12px/12px Arial; color: #fff; padding: 4px 10px; background: #383838; border: 1px solid #ddd; cursor: pointer; margin: 5px 0 0 0; }
.form .button:focus { background: #999; color: #666; }
.form .name { float: left; width: 200px; }
.form .email { float: left; width: 200px; }
.form .capcha { float: left; width: 90px; }
/* end */

/* ñòðàíèöû */
.pages { text-align: center; padding: 0 0 30px 0; }
.page-scroll { width: 285px; margin: 20px auto; }
.page-scroll div { float: left; margin: 0 1px; }
.page-scroll a { display: block; width: 18px; background: none; text-align: center; font: normal 14px/18px Arial; text-decoration: none; }
.page-scroll a:hover { background: url("/images/ps-bg.gif") no-repeat left bottom; }
.page-scroll span { display: block; width: 18px; color: white; background: url("/images/ps-bg.gif") no-repeat left top; text-align: center; font: bold 14px/18px Arial, Helvetica, sans-serif; }
.page-scroll img { width:18px; }
/*  end */

/* íàâèãàöèÿ */
.navigation { font: normal 11px/12px Tahoma; color: #666; padding: 0 0 15px 0; }
.navigation a { font: normal 10px/12px Verdana; color: #cc0000; text-transform: uppercase; }
.navigation h1 { font: normal 22px/22px Arial; color: #333; margin: 0; padding: 10px 0 0 0; margin: 0 0 0 -1px; }
/* end */

/* tab box */
.TabContainer { margin: 0px; padding: 0 0 20px 0; }
#Tabs { margin: 0; padding: 0; }
#Tabs li { margin: 0px; padding: 7px 5px 10px 0px; float: left; list-style: none; cursor: pointer; }
#Tabs .first { padding: 7px 5px 2px 0; }
#Tabs li a, #Tabs li a:visited { font: normal 12px/12px Tahoma; margin: 0px; padding: 5px 8px; background: #999; color: #fff;  text-decoration: none; display: block; }
#Tabs li a:hover, #Tabs li a.current { background: #484848; color: #fff; text-decoration: none; }
#TabContPop, #TabContComm, #TabContRead { display: none; }
/* end */

/* Ýëåìåíò */
.PostBG { background: #eee; padding: 10px; margin: 0 0 15px 0; }
.PostImg { float: left; width: 270px; margin: 0 15px 0 0; border: 1px solid #ddd; background: #fff; text-align: center; }
.PostImg img { margin: 10px 0 15px 0; border: 1px solid #eee; }
.PostImg #chart { padding: 0 0 5px 55px; text-align: left; }
.PostCont { font: normal 11px/14px Tahoma; color: #4C4E50; padding: 0 0 15px 0; }
.PostCont p.first:first-letter { float: left; font: normal 80px/60px Tahoma; color: #4C4E50; padding: 5px 5px 0 0; }
.PostCont img { border: 1px solid #ccc; padding: 1px; margin: 5px; }
.PostCont blockquote { padding: 15px 40px 15px 60px; background: url("../images/PostOpenQuotes.gif") 20px 10px no-repeat; font: italic 12px/16px Georgia, Times, serif; }
.PostCont blockquote p { margin: 0; padding: 0 40px 0 0; background: url("../images/PostCloseQuotes.gif") bottom right no-repeat; }
.PostCont a { font: normal 11px/14px Tahoma; color: #cc0000; }
.PostCont a:hover { text-decoration: none; }
.PostCont a.PostTitle { font: normal 22px/26px Arial; color: #333; margin: 0 0 10px 0; text-decoration: none; }
.PostCont a:hover.PostTitle { color: #666; }
.PostCont a.CatTitle { font: normal 10px/18px Arial; text-transform: uppercase; color: #999; text-decoration: none; }
.PostCont a:hover.CatTitle { text-decoration: underline; }
.PostAnotherBorder { margin: 20px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.PostAnother { border-top: 4px solid #eee; border-bottom: 4px solid #eee; padding: 15px 0 0 0; font: bold 12px/14px Arial; color: #666; }
/* end */

/* êîììåíòàðèè */
.AddComm { background: url("/images/ico_add_comment.gif") no-repeat left center; padding: 5px 0 10px 18px; }
.AddComm a { font: normal 18px/18px Arial; color: #afa56a; text-decoration: none; border-bottom: 1px dotted #afa56a; }
.AddComm a:hover { border-bottom: none; color: #afa56a; }

#comments { padding: 25px 0 10px 0; width: 570px; }
#comments .ListComm { background: url("/images/ico_comments.gif") no-repeat left center; font: normal 16px/16px Arial; letter-spacing: -1px; color: #afa56a; padding: 0 0 0 18px; margin: 0 0 10px 0; }
#comments ol { padding: 0; margin: 0; }
#comments ol li { padding: 0; margin: 0 0 15px 0; list-style: none; border: 1px solid #eee; }
#comments .ComHead { background: #F2F2F2; padding: 8px 5px 10px 5px; }
#comments .ComHead a { font: normal 16px/16px Arial; color: #000; text-decoration: none; }
#comments .ComHead a:hover { color: #cc0000; }
#comments .ComHead div { font: normal 10px/10px Arial; color: #999; padding: 4px 0 0 0; }
#comments .Comment { font: normal 11px/14px Tahoma; color: #666; padding: 8px; background: #fff; }
#comments .Comment blockquote { padding: 5px; margin: 5px 10px; font: normal 9px/12px Tahoma; color: #999; border-left: 3px solid #ccc; }
/* end */