/*
Theme Name: Edun Theme
Description: Special for Vadim Sahnik :)
Version: v1.0
Author: Yuri Pohilko
Author URI: http://neolot.com/
*/

/*** Reset ***/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;text-align:left;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus {outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/*** Main ***/

html, body {height: 100%;}
body {font: 62.5% Arial, Helvetica, sans-serif; background: url(i/body-bg.jpg) repeat;}
.fantik1 {background: url(i/top-bg.png) top repeat-x;}
.fantik2 {background: url(i/bottom-bg.png) bottom repeat-x;}
.wrapper {margin: 0 auto; width: 976px;}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/*** Header ***/

.header {height: 153px; background: url(i/header.png) 387px top no-repeat; position: relative;}
.nav {margin-left: 43px;}
.nav li {float: left; display: inline; margin: 0 3px;}
.nav li a, .nav li a:visited {color: #da4421; font-size: 1.2em; padding: 11px 7px 4px 8px; display: block;}
.nav li a:hover {color: #636122;}
.nav .current_page_item a, .nav .current_page_item a:visited {color: #fff3cd; text-decoration: none; background: url(i/nav.png) left no-repeat; position: relative;}
.current_page_item a span, .current_page_item a:visited span {display: block; height: 30px; width: 1px; background: url(i/nav.png) right no-repeat; position: absolute; right: -1px; top: 0;}

.logo {display: block; width: 217px; height: 71px; background: url(i/logo.png) no-repeat; position: absolute; left: 0; top: 56px;}
.head-img1 {background: url(i/head-img1.png) no-repeat; position: absolute; bottom: 0; left: 226px; width: 133px; height: 101px;}
.head-img2 {background: url(i/head-img2.png) no-repeat; position: absolute; bottom: 0; right: 0; width: 284px; height: 102px; z-index: 2;}

.search {float: right; width: 255px; margin-top: 7px;}
.search input {vertical-align: middle;}
input.searchform {border: 1px solid #83935b; width: 170px; font: 1.1em Tahoma, Arial, Helvetica, sans-serif; color: #777777; padding: 4px 5px; vertical-align: -1px;}
input.s-but {width: 69px; height: 26px; background: url(i/search.png) no-repeat; border: none;}

.notes {width: 362px; height: 114px; position: absolute; top: 28px; left: 346px; z-index: 1;}
.notetitle {height: 24px; background: url(i/notetitle.png) no-repeat; color: #934414; font-weight: bold; font-size: 1.25em; text-align: center; line-height: 24px;}
.note {height: 80px; background: url(i/note-bg.png) repeat-x; overflow: hidden;}
.note p {color: #434333; font-size: 1.2em; line-height: 1.1; width: 332px; padding: 7px 15px; background: #ffeec9;}
a.note-more, a.note-more:visited {position: absolute; right: 15px; bottom: 15px; display: block; font-size: 1.1em; color: #da4421; background: url(i/arrow-r.gif) right center no-repeat; padding-right: 12px; z-index: 1000;}
a.note-more:hover {color: #636122;}

/*** Content ***/

.content {width: 594px; margin: 25px 0 15px 59px; float: left; display: inline;}

.post {border: 1px solid #96b05a; background: #fafee2 url(i/post-bg.png) top repeat-x; padding: 10px; margin-bottom: 10px;}
.post h1 {color: #da4421; font: bold 2.2em "Times New Roman", Times, serif; margin-bottom: 10px; line-height: 0.7;}
.post h1 a, .post h1 a:visited {color: #da4421; font: bold 0.82em "Times New Roman", Times, serif; text-decoration: none;}
.post h1 a:hover {color: #636122;}
.post h2 {color: #638f1d; font: bold 1.8em "Times New Roman", Times, serif; margin-bottom: 5px;}
.post h3 {color: #638f1d; font: bold 1.8em Tahoma, Arial, Helvetica, sans-serif; margin-bottom: 5px;}
.post h4 {color: #638f1d; font: bold 1.6em Tahoma, Arial, Helvetica, sans-serif; margin-bottom: 5px;}
.post h5 {color: #638f1d; font: bold 1.4em Tahoma, Arial, Helvetica, sans-serif; margin-bottom: 5px;}
.post h6 {color: #638f1d; font: bold 1.2em Tahoma, Arial, Helvetica, sans-serif; margin-bottom: 5px;}
.p-data {margin-bottom: 15px;}
.p-date {color: #696c3c; font-size: 1.1em; margin-right: 10px; float: left;}
.p-category {color: #696c3c; font-size: 1.1em; background: url(i/arrow-r.gif) left center no-repeat; padding-left: 10px; float: left;}
.p-category a, .p-category a:visited {color: #638f1d;}
.p-comms {float: right; background: url(i/p-comms.gif) left 4px no-repeat; padding-left: 10px;}
.p-comms a, .p-comms a:visited {color: #696c3c; text-decoration: none; font-size: 1.1em;}
.p-comms a:hover {text-decoration: underline;}
.p-category a:hover {color: #da4421;}
.p-bottom {height: 24px; float: right;}
a.p-more, a.p-more:visited {display: block; width: 133px; height: 24px; background: url(i/p-more.png) bottom no-repeat; float: right;}
a.p-more:hover {background-position: top;}
.title {color: #da4421; font: bold 2.2em "Times New Roman", Times, serif;}

.post p, .post li {color: #555555; font-size: 1.2em; line-height: 1.3; margin-bottom: 8px;}
.post p a, .post p a:visited, .post li a, .post li a:visited {color: #da4421;}
.post p a:hover, .post li a:hover {color: #696c3c;}
.post ol, .post ul {margin: 10px 0; list-style-position: outside;}
.post ol {list-style-type: decimal;}
.post ol li, .post ul li {color: #5e940c; margin-left: 30px;}
.post ul li {background: url(i/post-li.gif) left 5px no-repeat; padding-left: 12px; margin-left: 18px;}
.post img {border: 2px solid #d2e578;}
.post img.wp-smiley {border: none;}
.post img.left {float: left; margin: 0 10px 10px 0;}
.post img.right {float: right; margin: 0 0 10px 10px;}
.post blockquote {background: #fff3cd url(i/bq.png) right top no-repeat; padding: 15px 15px 10px 30px; margin-bottom: 8px;}
.post .search {float: none; width: 100%;}
.post .search input.searchform {width: 300px;}

.slideshow {height: 220px; width: 570px; border: 1px solid #96b05a; background: #fafee2 url(i/post-bg.png) top repeat-x; margin-bottom: 10px; padding: 10px;}
.slideshow a, .slideshow a:visited {text-decoration: none;}
.slideshowContent {position: relative; height: 220px; width: 570px; overflow: hidden;}
.slideshowImage span {position: absolute; left: 0; background: url(i/slideshow.png) repeat-x; color: #d2ceb2; font-size: 1.2em; bottom: 0; height: 55px; display: block; padding: 10px; width: 550px;}
.slideshowImage p {margin: 0;}
.slideshowImage strong {font: 1.92em "Times New Roman", Times, serif; color: #fefff4;}


.photo {float: left; margin: 0 10px 5px 0; position: relative; width: 220px;}
.photo img {border: none;}
.photo-bottom {position: absolute; bottom: 0; left: 0; background-color: #454813; height: 22px; color: #fff; opacity: 0.75; width: 100%;}
.photo-bottom .p-date, .photo-bottom .p-comms {color: #fafee2; font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif; line-height: 22px;}
.photo-bottom .p-date {font-size: 1.1em; margin-left: 5px;}
.photo-bottom .p-comms {background: url(i/p-comms.png) left 8px no-repeat; margin-right: 5px;}
.photo-bottom a, .photo-bottom a:visited {color: #fafee2; text-decoration: none;}
.photo-bottom a:hover {text-decoration: none;}

.navigation {font-size: 1.2em; margin-top: 20px; position: relative;}
.navigation a, .navigation a:visited {color: #1883b5; text-decoration: underline;}
.navigation a:hover {text-decoration: none;}
.nav-left a, .nav-left a:visited {left: 0; position: absolute; padding: 4px 7px 4px 17px; background: #fafee2 url(i/arrow-l.gif) 5px 10px no-repeat; border: 1px solid #99b45c; display: block; text-decoration: none; color: #727240;}
.nav-right a, .nav-right a:visited {right: 0; position: absolute; padding: 4px 17px 4px 7px; background: #fafee2 url(i/arrow-r.gif) 122px 10px no-repeat; border: 1px solid #99b45c; display: block; text-decoration: none; color: #727240;}

/*** Comments ***/

.com-list {border: 1px solid #96b05a; background: #fafee2 url(i/post-bg.png) top repeat-x; padding: 10px; margin-bottom: 10px;}
.com-list h3 {color: #b8bf8b; font: bold 2.2em "Times New Roman", Times, serif; text-indent: 10px; margin-bottom: 10px;}
.com-entry, .com-entry-author {border: 1px solid #e0eebf; background-color: #fefff3; margin-bottom: 10px; padding: 10px 10px 5px 20px; position: relative;}
.com-entry p, .com-entry-author p {color: #555555; font-size: 1.2em; line-height: 1.3; margin-bottom: 8px;}
.com-entry p a, .com-entry p a:visited, .com-entry-author p a, .com-entry-author p a:visited {color: #da4421;}
.com-entry p a:hover, .com-entry-author p a:hover {color: #696c3c;}
.com-data {margin-bottom: 5px; font-size: 1.2em;}
.com-data a, .com-data a:visited {color: #da4421;}
.com-data a:hover {color: #696c3c;}
.com-author {color: #934414; font-weight: bold;}
.com-author a, .com-author a:visited {color: #934414;}
.com-author a:hover {text-decoration: none;}
.com-date {position: absolute; right: 5px; top: 3px; color: #d2ceb2;}

.com-form {border: 1px solid #96b05a; background: #fafee2 url(i/post-bg.png) top repeat-x; padding: 10px;}
.com-form textarea {width: 560px; border: 1px solid #83935b; height: 90px; background: #fdfef5/* url(i/textarea-bg.png) right top no-repeat*/; padding: 5px; margin-bottom: 15px; font: 1.1em Tahoma, Arial, Helvetica, sans-serif; color: #777777; overflow: auto;}
.com-user {color: #555555; font-size: 1.2em; margin-bottom: 10px;}
.com-user a, .com-user a:visited {color: #da4421;}
.com-user a:hover {color: #696c3c;}
#email {margin: 0 16px;}
#author, #url, #email {border: 1px solid #96b05a; width: 166px; padding: 3px 5px; height: 14px; background: url(i/com-form-input.png) repeat-x; vertical-align: middle; font: 1.1em Tahoma, Arial, Helvetica, sans-serif; color: #777777;}
#submit {width: 180px; height: 26px; background: url(i/submit.png) bottom no-repeat; border: none; cursor: pointer; margin-top: 15px; float: right;}
#submit:hover {background-position: top;}
.subscribe-to-comments {margin: 15px 0 10px; font: 1.1em Tahoma, Arial, Helvetica, sans-serif; color: #5d7626;}
.subscribe-to-comments a, .subscribe-to-comments a:visited {color: #da4421;}
.subscribe-to-comments a:hover {color: #696c3c;}
.subscribe-to-comments input, .subscribe-to-comments label {vertical-align: middle;}

/*** Sidebar ***/

.sidebar {width: 252px; float: right; margin: 25px 58px 15px 0; display: inline;}
.widget, .tab-widget {background: url(i/widget-bg.gif) repeat; border: 1px solid #c7bf3f; padding: 10px 15px 5px; margin-bottom: 10px;}
.widgettitle {height: 24px; background: url(i/widgettitle.png) no-repeat; color: #934414; font-size: 1.25em; text-align: center; line-height: 24px;}
.widget li, .tab-widget li {background: url(i/arrow-r.gif) left 7px no-repeat; padding-left: 12px; font: 1.4em "Times New Roman", Times, serif; color: #f99e07; margin-bottom: 10px;}
.widget a, .widget a:visited, .tab-widget a, .tab-widget a:visited {color: #636122; font: 1em "Times New Roman", Times, serif;}
.widget a:hover, .tab-widget a:hover {color: #dd5c38;}

.subscribe .widget {margin-bottom: 0;}
.subscribe img {position: relative; left: -7px; width: 235px; height: 156px; margin-top: 5px;}
.subscribe a, .subscribe a:visited {color: #da4421;}
.subscribe a:hover {color: #636122;}
a.subs-rss, a.subs-rss:visited, a.subs-mail, a.subs-mail:visited {height: 47px; background: url(i/subs-rss.png) left center no-repeat; padding-left: 57px; line-height: 47px; font-size: 1.8em; margin-left: 5px; display: block;}
a.subs-mail, a.subs-mail:visited {background: url(i/subs-mail.png) left center no-repeat; margin-bottom: 10px; display: block;}
a.subs-read, a.subs-read:visited {height: 25px; background: url(i/subs-read.png) left center no-repeat; padding-left: 16px; line-height: 25px; font-size: 1.4em; margin-left: 45px; display: block;}

.tab-nav li {background: none; display: inline;}
.tab-widget {padding-top: 20px; border-top: none;}
.tab-nav li a.tab1, .tab-nav li a.tab1:visited, .tab-nav li a.tab2, .tab-nav li a.tab2:visited {display: block; width: 126px; height: 34px; float: left; background: url(i/tab1.png) bottom no-repeat; position: relative; bottom: -10px; font-size: 1.25em; font-weight: bold; color: #b15821; text-decoration: none; text-align: center; line-height: 24px;} 
.tab-nav li a.tab2, .tab-nav li a.tab2:visited {float: right; background: url(i/tab2.png) bottom no-repeat;}
.tab-nav li a.tab1.selected, .tab-nav li a.tab1.selected:visited, .tab-nav li a.tab2.selected, .tab-nav li a.tab2.selected:visited {background-position: top;}

/*** Footer ***/

.footer {height: 68px; clear: both; position: relative; background: url(i/fi.png) left bottom no-repeat; padding-top: 58px;}
.fimg {width: 300px; height: 72px; position: absolute; bottom: 0; right: 305px; background: url(i/fimg.png) no-repeat;}

.foot-nav {float: right; display: inline; margin-right: 35px;}
.foot-nav li {float: left; margin-right: 15px; font-size: 1.2em;}
.foot-nav li a, .foot-nav li a:visited {color: #da4421;}
.foot-nav li a:hover {color: #636122;}

.copy {margin-left: 110px; float: left; display: inline;}
.copy p.copy-text {margin-bottom: 5px; font-weight: bold;}
.copy p {color: #636122; font-size: 1.2em;}
.copy a, .copy a:visited {color: #da4421;}
.copy a:hover {color: #636122;}