/*
Theme Name: Andrey Pikeev Theme
Description: Портфолио + личный блог
Version: 1.0
Author: Юрий Похилько
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: #000;}
.wrapper {margin: 0 auto; width: 800px; padding: 100px 0;}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
h1 {color: #8c8888; font-size: 2.2em; font-weight: normal; text-transform: uppercase; margin-bottom: 18px; padding-left:5px;}

.slideshow {height: 500px;}
.slideshow img {display: block;}

.nav, .nav-foto {height: 27px;}
.nav, .nav-blog {height: 27px;}
.nav li, .nav-foto li {height: 27px; width: 132px; background: url(i/nav.png) 0 -27px repeat-x; float: left; border-right: 1px solid #0d0d0d;}
.nav li.nav-last, .nav-foto li.nav-last {border: none; width: 135px;}
.nav a, .nav-foto a {display: block; height: 20px; text-align: center; width: 100%; float: left; color: #5c5b5a; text-decoration: none; text-transform: uppercase; font-size: 1.0em; padding-top: 7px;}
.nav a:hover, .nav-active, .nav-foto a:hover {background: url(i/nav.png) 0 0 repeat-x;}

/*** Разделы ***/

.gallery {padding-top: 145px;}
.photo {margin-bottom: 200px; text-align: center;}
a.play, a.play:hover {background: url(i/music.png) 0 0 no-repeat;}
a.stop, a.stop:hover {background: url(i/music.png) 0 -27px no-repeat;}

.post-page {padding: 60px 20px 0;}
.post-page h3 {color: #5c5b5a; font-size: 2em; margin: 60px 0 15px;}
.post-page p {color: #999999; font-size: 1.8em; line-height: 1.4;}
.post-page a, .post-about a {color: #5c5b5a;}
.post-page a:hover, .post-about a:hover {text-decoration: none;}
.icq-status {vertical-align: -2px;}

/*** Отзывы ***/

.post-otzyvy {padding: 60px 20px 60px;}
.post-otzyvy h3 {text-align: center; color: #999999; font-size: 2em; font-weight: normal; cursor: pointer;}
.com-list {padding-top: 60px;}
.com-entry {margin-bottom: 50px;}
.com-data {margin-bottom: 20px;}
.com-data a {color: #5c5b5a;}
.com-data a:hover {text-decoration: none;}
.com-data p {margin-bottom: 5px;}
.com-author {border-bottom: 1px solid #5c5b5a; color: #999999; font-size: 1.8em;}
.com-date, .comment-edit-link {color: #5c5b5a; font-size: 1.2em;}
.com-com p {color: #999999; font-size: 1.7em; line-height: 1.5;}
.com-com p a {color: #5c5b5a;}
.com-com p a:hover {text-decoration: none;}

/** Оставить отзыв ***/

#respond {display: none;}
#respond a {color: #fff;}
#respond a:hover {text-decoration: none;}
#respond h3 {color: #fff; font-size: 1.8em; margin-bottom: 25px;}
#comment-form p {font-size: 1.2em; margin-bottom: 5px; color: #AFB2B4; line-height: 1.3;}
#comment-form input {vertical-align: middle;}
#author, #email {width: 230px; border: 2px solid #858585; padding: 2px 3px; background: #A3A3A3;}
#comment {border: 2px solid #858585; overflow: auto; padding: 5px; margin-bottom: 10px; width: 345px; font: 1em/1.3 Arial, Helvetica, sans-serif; background: #A3A3A3;}
#submit {float: right;}
#captcha {vertical-align: top !important; border: 2px solid #858585; padding: 2px 3px;}
.captcha {margin-bottom: 5px; display: block;}
.com-moder {font-size: 1.2em; margin-bottom: 5px; color: #fff;}

.window {width: 400px;}
#simplemodal-overlay {background-color: #000;}
#simplemodal-container {width: 360px; background-color: #525252; padding: 30px 20px; border: 2px solid #858585;}
#simplemodal-container a.window-close {background: url(i/window-close.png) no-repeat; width: 35px; height: 35px; display:inline; z-index:3200; position:absolute; top: 20px; right: 20px; cursor:pointer;}

/*** Блог ***/

.sheet {padding: 60px 0 0;}
.sheet h3 {color: #999999; font-size: 2em; cursor: pointer; display: inline-block;}

.post {margin-bottom: 50px;}
.post h2 {color: #999999; font-size: 2.2em; margin-bottom: 20px;padding-left:5px;}
.post h2 a {color: #999999; text-decoration: none;}
.post h2 a:hover {text-decoration: underline;}
.post ul, .post ol {padding: 10px 40px;}
.post p, .post li {color: #999999; font-size: 1.5em; line-height: 1.4; margin-bottom: 15px;}
.post p a, .post li a {color: #5c5b5a;}
.post p a:hover, .post li a:hover {text-decoration: none;}
.post ol li {list-style: decimal;}
.post ul li {list-style: circle;}
.p-date {font-size: 1.4em; color: #5c5b5a;}
.p-comm-r {text-align:left;}
.p-comm-l {text-align: left;}
.aligncenter {display: block; margin: 0 auto; padding: 50px 0 5px;}
.com-user, .com-user a {color: #5c5b5a !important;}
.com-user a:hover {text-decoration: none;}
.com-form {width: 360px;}
.com-form h3 {margin-bottom: 20px;}