/*
--------------------------------------------------
Site Base Styles
Author:   Argon
-------------------------------------------------- */
html {background:url(images/list-background.gif) 0 0 repeat #eee9e3;}
body {background:url(images/list-left-side.jpg) 0 0 repeat-y;}
#layer {background:url(images/list-right-side.jpg) 100% 0 repeat-y;}

/* #Header
-------------------------------------------------- */
#header {background:url(images/list-header.jpg) 0 0 repeat-x; height:60px; font-size:1px; position:relative; z-index:1;}
#header-left {background:url(images/list-header-left.jpg); width:257px; height:60px; float:left; position:relative;}
#header-left-b {position:absolute; left:0; background:url(images/list-header-left-bi2.jpg) 0 0 no-repeat; width:82px; height:940px; margin:59px 0 0 0;}
#header-right {background:url(images/list-header-right.jpg); width:172px; height:60px; float:right; position:relative;}
#header-right-b {position:absolute; left:-111px; background:url(images/list-header-right-bi2.jpg) 0 0 no-repeat; width:111px; height:1013px; margin:59px 0 0 172px; z-index:10;}

#login-form {float:right; height:50px; width:100px; margin-right:170px; padding:15px 0 0 0; color:#99856e; line-height:1.1em;}
#login-form p {padding:0 0 5px 20px;}
#login-form a {color:#99856e;}
#login-form input {margin:3px 0; border:1px solid #a09386; width:120px; height:18px;}
.login {background:url(images/button-login.gif) 0 0 no-repeat #ffffff;}
.pass {background:url(images/button-pass.gif) 0 0 no-repeat #ffffff;}

#passport {background:url(images/blog-pic.jpg); width:271px; height:412px; margin:509px 0 0 -160px; position:absolute; z-index:500;}
/* ----------------------------------------------- */


#left-side {float:left; clear:left; width:100%; margin-right:-300px;}
#content {margin:0 300px 0 0; min-height:750px; }
#content a {color:#511111;}
#right-side {float:right; width:130px; padding:55px 140px 0 0; font-size:1.2em;}
#right-side ul {padding-left:0; color:#cf0000;}
#right-side ul a {color:#cf0000;}
#right-side li {padding-bottom:10px;}
#right-side ul ul {padding:5px 0 5px 20px; font-size:0.917em; color:#511111;}
#right-side ul ul a {color:#511111;}
#main-bb {background:url(images/list-left-side.jpg) 0 0 repeat-y;}
#main-bb:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#main {background:url(images/list-header-b.jpg) 0 -60px repeat-x; min-height:840px; _height:840px;}
#left {min-height:250px; _height:250px;}
#text-menu {padding:40px 0px 10px 150px; margin-right:300px; font-size:1.2em; line-height:1.5em; height:70px;}
#text-menu ul {margin:0 0 0 160px; display:block;}
#text-menu li { float:left; list-style:none; margin-right:10px;}
#content {padding:20px 40px 00px 150px; font-size:1.2em; line-height:1.2em; color:#414141;}

/* Post Single
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post { padding:0 0 25px 0px;}
.post .p-head { }
.post .p-head h1 { font: normal 28px/28px "Arial"; letter-spacing: -1px; }
.post .p-head h2 { font: normal 18px/18px "Arial"; letter-spacing: -1px;}
.post .p-head h2 a, .post .p-head h2 a:visited { color:#319bd8; text-decoration: none;}
.post .p-head h2 a:hover { color:#669900; }
.post .p-head h3 { font: normal 1.2em "Arial"; }
.post .p-head h3 a, .post .post-head h3 a:visited { color:#319bd8; text-decoration: none;}
.post .p-head h3 a:hover { color:#669900; }
.post .p-date { font-size: 11px; color:#666; font-weight: normal; float:right;}
.post .p-who { padding: 5px 0px 5px 0px; margin-top: 5px; font-size: 11px; border-top: solid 1px #ebeadd; background: url(images/p-cat-ico.png) no-repeat left 6px;}
.post .p-who a { color:#917d69; text-decoration: underline;}

.post .p-con { padding:0 0 5px 0px; }
.post .p-con p { font: normal 12px/17px 'Verdana'; padding:0 0 5px 0px; color:#666; }
.post .p-con img { margin-bottom: 10px; }
.post .p-con ol { padding: 10px 0px 10px 25px; margin: 0px; }
.post .p-con ol li { padding: 2px 0px 2px 0px; font-size: 12px; line-height: 15px; color:#63565f; }
.post .p-con ul { padding: 5px 0px; margin: 0px; }
.post .p-con ul li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/p-con-li.png) no-repeat left top; font-size: 12px; line-height: 15px; color:#63565f; }
.post .p-con blockquote { padding: 20px; margin: 10px 0px; color:#a98951; background: #f8f8f2; }
.post .p-con blockquote p { font: normal 13px/19px "Georgia"; color:#a98951; padding: 0px;}
.post .p-con blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 11px; line-height: 16px;}

.post .p-com { background: #fbfbf8; padding: 10px 5px; border-top: solid 1px #f7f6f0; border-bottom: solid 1px #f7f6f0;}
.post .p-com a, .post .p-com a:visited { background: url(images/p-com-ico.png) no-repeat left 2px; padding-left: 15px; font-size: 10px; font-weight: bold; color:#ff6600;}
.post .p-com a:hover { color:#669900;}

.post .p-tag { font-size: 11px; color:#917d69; margin-top: 5px;}
.post .p-tag a, .post .p-tag a:visited, .post .p-tag a:hover { color:#917d69; text-decoration: underline;}


/* Post Pages
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.post-page {}
.post-page h1 { font: normal 28px/30px "Arial"; padding: 10px 0px;}
.post-page h2 { font: normal 26px/28px "Arial"; }

.post-page p { font: normal 12px/17px 'Verdana'; padding: 5px 0px; color:#666; }
.post-page ol { padding: 10px 0px 10px 25px; margin: 0px; }
.post-page ol li { padding: 2px 0px 2px 0px; font-size: 12px; line-height: 15px; color:#63565f; }
.post-page ul { padding: 5px 0px; margin: 0px; }
.post-page ul li { padding: 2px 0px 2px 13px; list-style-type: none; background: url(images/p-con-li.png) no-repeat left top; font-size: 12px; line-height: 15px; color:#63565f; }
.post-page blockquote { padding: 10px; margin: 0px; color:#333; background: #f8f8f2;}
.post-page blockquote p { font-size: 12px; padding: 0px; margin: 0px; line-height: 17px;}
.post-page blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px;}

/* Images
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 1px; margin: 0 0 5px 15px; display: inline; border: solid 5px #f2f0ea; }
img.alignleft { padding: 1px; margin: 0 15px 5px 0; display: inline; border: solid 5px #f2f0ea; }

.alignright { float: right; }
.alignleft { float: left }


/* Navigation
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.nav { overflow: hidden; margin: 0px 0px 10px 0px; font-size: 13px; font-size: 10px; line-height: 12px; font-weight: bold; text-align: right;}
.nav .left { float: left; background: url(images/nav-left.png) no-repeat left 1px; padding-left: 15px; }
.nav .right { float: right; background: url(images/nav-right.png) no-repeat right 1px; padding-right: 15px; }
.nav a { cursor: hand; }

/* Side 1
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.s1 { float: left; width: 160px; margin-right: 10px; font-size: 11px;}

/* Category Panel
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.s1 .categ-all { background: #585e62 url(images/categ-top.png) no-repeat top; width: 160px; margin-bottom: 10px;}
.s1 .categ { background: url(images/categ-bottom.png) no-repeat bottom; padding: 7px 10px 10px 10px; color:#a29d91; }
.s1 .categ h3 { font-size: 14px; letter-spacing: -1px; color:#fff; padding-bottom: 5px; margin-bottom: 5px;}
.s1 .categ li { padding: 2px 0px 2px 0px;}
.s1 .categ li a, .s1 .categ li a:visited, .s1 .categ li a:hover { text-decoration: underline; color:#511111;}

/* Widget Panel
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.s1 .widget { background: #dddcd2 url(images/widget-top-s1.png) no-repeat top; width: 160px; margin-bottom: 10px; color:#443e36;}
.s1 .widget-all { background: url(images/widget-bottom-s1.png) no-repeat bottom; padding: 7px 10px 10px 10px; color:#443e36; }
.s1 .widget h3 { font-size: 14px; letter-spacing: -1px; color:#443e36; padding-bottom: 3px; margin-bottom: 3px; border-bottom: solid 1px #cec5b9; }
.s1 .widget li { padding: 1px 0px;}
.s1 .widget a, .s1 .widget a:visited { color:#511111; text-decoration: underline; }
.s1 .widget a:hover { color:#000; text-decoration: underline;}

.s1 .widget_tag_cloud { font-family: "Arial"; line-height: 20px;}

.s1 .widget_calendar table { width: 100%;}
.s1 .widget_calendar table td { text-align: center; padding: 3px; }
.s1 .widget_calendar table th { text-align: center; padding: 3px; border-bottom: solid 1px #ecece3;}
.s1 .widget_calendar caption { background: #ecece3; padding: 3px 0px;}
.s1 .widget_calendar #today { background: #ecece3;}
.s1 .widget_search #s { border: solid 1px #ecece3; padding: 3px; margin-bottom: 5px;}

.s1 .widget_flickrRSS h3 { margin-bottom: 10px;}
.s1 .widget_flickrRSS ul { padding: 0px; margin: 0px; border-bottom: none; border-top: none;  }
.s1 .widget_flickrRSS li { border-bottom: none; border-top: none; background: none; list-style-type: none; display: inline; padding: 0px; margin: 0px 8px 0px 0px; }
.s1 .widget_flickrRSS li a img { border: solid 1px #999; width: 50px; height: 50px; margin-bottom: 10px; padding: 5px;}
.s1 .widget_flickrRSS li a:visited img { border: solid 1px #999; width: 50px; height: 50px; margin-bottom: 10px; padding: 5px;}
.s1 .widget_flickrRSS li a:hover img { border: solid 1px #000;}


/* Side 2
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.s2 { float: left; width: 300px; font-size: 11px;  color:#fffbde;}
.s2 h3 { font-size: 14px; letter-spacing: -1px; color:#fff; padding-bottom: 5px;}

/* Search Panel 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.s2 .search { background: #4a7e00 url(images/search-top.png) no-repeat top; width: 270px; padding: 7px 15px 10px 15px;}
.s2 .search h3 { padding-bottom: 15px; background: none; padding-left: 0px;}
.s2 .search input { border: none; background: url(images/search-form.png) no-repeat; padding: 7px 10px 7px 10px; font: normal 12px/14px 'Verdana'; color:#fff;}
.s2 .search button { background: none; border: none; padding: 0px; margin: 0px; width: 58px; height: 26px;}

/* Recent Panel 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.s2 .recent { background: #9bac0d url(images/recent-top.png) no-repeat top; width: 280px; padding: 6px 10px 15px 10px;}
.s2 .recent a,.s2 .recent a:visited { color:#511111; }
.s2 .recent a:hover { color:#eeddb0; text-decoration: none;}

.s2 .recent .tabs { padding-bottom: 15px; width: 280px; float: left; }
.s2 .recent .tabs li { display: inline; font: bold 10px/10px "Verdana", sans-serif; float: left; }
.s2 .recent .tabs li a { padding: 0px 0px 0px 9px; margin-right: 1px; float: left; color: #511111;}
.s2 .recent .tabs li a span { padding: 3px 10px 5px 1px; display: block; background: url(images/tab-right.png) no-repeat right top; color: #fffbde;}
.s2 .recent .tabs li a:hover { background-position: 0% -18px; color:#fff; text-decoration: none;}
.s2 .recent .tabs li a:hover span { background-position: 100% -18px; color:#fff; text-decoration: none;}
.s2 .recent .tabs li a:link.active { background: url(images/tab-left.png) no-repeat left bottom; color:#fff; }
.s2 .recent .tabs li a:link.active span { background: url(images/tab-right.png) no-repeat right bottom; color:#fff; }
.s2 .recent .tabs li a:visited.active { background: url(images/tab-left.png) no-repeat left bottom; color:#fff; }
.s2 .recent .tabs li a:visited.active span { background: url(images/tab-right.png) no-repeat right bottom; color:#fff; }

.s2 .recent #r-tags { display: none; font-family: "Arial"; line-height: 20px; padding: 10px 0px;}
.s2 .recent #r-posts li { padding: 3px 0px; border-bottom: solid 1px #b0bf32; background: url(images/recent-arrow.png) no-repeat left 7px; padding-left: 10px;}
.s2 .recent #r-com { display: none; }
.s2 .recent #r-com li { padding: 3px 0px; border-bottom: solid 1px #b0bf32; line-height: 14px;}
.s2 .recent #r-com li a { display: block; padding-left: 13px; font-weight: bold; }

/* Flickr Panel 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.s2 .flickr { background: #becf2d url(images/flickr-top.png) no-repeat top; width: 280px; padding: 7px 10px;}
.s2 .flickr ul { padding-top: 15px; border-bottom: none; border-top: none;  }
.s2 .flickr li { border-bottom: none; border-top: none; background: none; list-style-type: none; display: inline;margin-right: 9px;}
.s2 .flickr li a img, .s2 .flickr li a:visited img {width: 50px; height: 50px; margin-bottom: 10px; padding: 5px;}
.s2 .flickr li a:hover img { background: url(images/flickr-bkg-li.gif) no-repeat bottom; width: 50px; height: 50px; margin-bottom: 10px; padding: 5px;}

/* About Panel 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.s2 .about-all { background: #e5eac0 url(images/about-bottom.png) no-repeat bottom; color:#666600; }
.s2 .about { background: url(images/about-top.png) no-repeat top; width: 270px; padding: 7px 15px 15px 15px;}
.s2 .about h3 { color:#666600; padding-bottom: 5px; margin-bottom: 10px;}
.s2 .about p { color:#666600; padding: 3px 0px;}

/* Widget Panel  
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.s2 .widget { background: #e5eac0 url(images/widget-bottom-s2.png) no-repeat bottom; color:#666600; margin-bottom: 10px;}
.s2 .widget-all { background: url(images/widget-top-s2.png) no-repeat top; width: 270px; padding: 15px;}
.s2 .widget h3 { color:#666600; padding-bottom: 3px; margin-bottom: 3px; border-bottom: solid 1px #c8d18a;}
.s2 .widget li { padding: 1px 0px 1px 0px;}
.s2 .widget li { background: url(images/widget-arrow-s2.png) no-repeat left 5px; padding-left: 10px;}
.s2 .widget p { color:#996633; padding: 3px 0px;}
.s2 .widget a, .s2 .widget a:visited { color:#511111;}
.s2 .widget a:hover { color:#000;}

.s2 .widget_tag_cloud { font-family: "Arial"; line-height: 20px;}

.s2 .widget_calendar table { width: 100%;}
.s2 .widget_calendar table td { text-align: center; padding: 4px; }
.s2 .widget_calendar table th { text-align: center; padding: 3px; border-bottom: solid 1px #c8d18a;}
.s2 .widget_calendar caption { background: #d7deaa; padding: 3px 0px;}
.s2 .widget_calendar #today { background: #d7deaa;}
.s2 .widget_search #s { border: solid 1px #c8d18a; padding: 3px; margin-bottom: 5px;}

.s2 .widget_flickrRSS h3 { margin-bottom: 10px;}
.s2 .widget_flickrRSS ul { padding: 0px; margin: 0px; border-bottom: none; border-top: none;  }
.s2 .widget_flickrRSS li { border-bottom: none; border-top: none; background: none; list-style-type: none; display: inline; padding: 0px; margin-right: 5px;}
.s2 .widget_flickrRSS li a img { border: solid 1px #999; width: 50px; height: 50px; margin-bottom: 5px; padding: 5px;}
.s2 .widget_flickrRSS li a:visited img { border: solid 1px #999; width: 50px; height: 50px; margin-bottom: 5px; padding: 5px;}
.s2 .widget_flickrRSS li a:hover img { border: solid 1px #000;}


/* Comment List
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	
.com-list {}
.com-list h3 { font-size: 14px; line-height: 22px; font-weight: normal; padding-bottom: 10px; margin: 0 0 15px 0; border-bottom: solid 1px #ebeadd;}
.com-entry { border:1px solid #a09386; margin:0 15px 20px 15px;}
.com-prev {padding:0 35px 20px 35px; font-size:11px;}
.com-entry-bot { background: url(images/com-bot.png) no-repeat left bottom; padding: 10px 0px;}

.com-con { padding: 10px 70px 10px 20px; font-size: 11px; line-height: 16px; color:#666; border-left: solid 1px #e7e5dd; border-right: solid 1px #e7e5dd; position: relative;}
.com-name { font: normal 12px/12px "Arial"; letter-spacing: 0px;}
.com-con p  {padding:0;}
.com-avt { position: absolute; top: 10px; right: 20px; width: 30px; height: 30px; }
* html .com-avt { right: 40px;}
.com-avt img { border: 1px solid #ccc;}
.com-date { font-size: 10px; color: #999; margin-bottom: 10px; }
.com-date a, .com-date a:visited, .com-date a:hover { color: #511111; text-decoration: underline; }

#author, #email, #url, #comment {border:1px solid #a09386;}
#comment {height:150px; width:380px; overflow:auto;}


/* #Footer
-------------------------------------------------- */
#footer {background:url(images/list-footer.jpg) 0 0 repeat-x;}
#footer-center {background:none;}
#footer-right {background:url(images/list-footer-right.jpg) 100% 0 no-repeat; z-index: auto;}
#footer-right-text {float:right; margin:180px 100px 0 0; color:#6c914e;}
#footer-left {height:160px; background:url(images/list-footer-left.jpg) 0 0 no-repeat; position:relative; padding:80px 0 0 150px; font:normal 1.1em "Courier New", Courier, monospace; color:#a1968a; z-index:2;}
#footer, #empty {height: 240px; z-index:0;}
#shtora {background:url(images/footer-servers-right.jpg) 100% 0 no-repeat;; height:288px; width:144px; padding:32px 0 0 127px;position:absolute; left:-271px; margin:-42px 0 0 100%;}
#shtora img {float:left; clear:left;}
.m31 {margin-bottom:31px;}
.m32 {margin-bottom:32px;}
.m33 {margin-bottom:33px;}
#book {float:left; background:url(images/book.jpg); width:88px; height:65px; margin:98px 0 0 167px;}


#copyright {padding:300px 0 0 0; clear:left;}
#balaks {float:left; width:130px; height:17px; margin:2px 0 0 4px; clear:left;}
#balaks a {float:left; background:url(images/balaks3.jpg) 0 0 no-repeat; width:130px; height:17px;}
#balaks a:hover {background:url(images/balaks3.jpg) 0 -17px no-repeat;}
#nkvd_pro {float:left; width:187px; height:20px; margin:0px 0 0 390px;}
#nkvd_pro a {float:left; background:url(images/nkvd_pro3.jpg) 0 0 no-repeat; width:187px; height:20px;}
#nkvd_pro a:hover {background:url(images/nkvd_pro3.jpg) 0 -20px no-repeat;}
/* ----------------------------------------------- */
