/*
Theme Name: DarkSepia
Theme URI: http://my-wordpress.ru/themes/shablon-dlya-wordpress-darksepia
Description: two columns wordpress themes
Version: 1.2
Author: alexpts
Author URI: http://alexpts.ru
Tags: dark, black, two-columns, fixed-width, custom-header, custom-menu, threaded-comments, photoblogging
*/

/*-------------------------------------------------------------------*/
html, body, p, img, h1, h2, h3, h4, h5, h6, #header, ul, li, ol, fieldset, abbr, acronym, form {margin:0; padding:0; border:none;}
html { height: 100% }
body background: #055
#portfolio .img-list img { border:1px #ccc solid; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
caption { text-align: left }
q:before, q:after, blockquote:before, blockquote:after { content: '' }
input, select, textarea, button { font-size: 1em; line-height: normal; width: auto; }
input, select { vertical-align: middle }
textarea { height: auto; overflow: auto; }
option { padding-left: 0.6em }
button {border: 0; text-align: center; }
ul, ol, li { list-style:none; }

/*--------------------------------------------------------------------*/

a, a:link {
text-decoration:none;
outline:none;
}


a:hover {
	color: orange}

a:link, a:visited, a:active {
color:#000;
text-decoration:none;
}


p {padding:5px 0;}

pre, code, q {
background:none repeat scroll 0 0 #ddd;
border:1px solid #555555;
color:#111111;
overflow:auto;
padding:8px;
display:block;
text-indent:0;
clear:both;
max-width:690px;
}

blockquote {
background:none repeat scroll 0 0 #DDDDDD;
border:1px dashed #CCCCCC;
clear:both;
margin:4px;
padding:10px;
text-indent:0;
}

#posts blockquote p {
text-indent:0;
}


abbr {
border-bottom:1px dashed #999;
cursor:help;
font-style:italic;
}

.alignleft {float:left;}
.alignright {float:right;}
.aligncenter {display:block;margin:0 auto !important;}

.post a img {
background:none repeat scroll 0 0 #fff;
border:1px solid #F0F0F0;
margin:0 10px;
padding:4px;

box-shadow:1px 2px 5px -2px #000;
-moz-box-shadow:1px 2px 5px -2px #000;
-khtml-box-shadow:1px 2px 5px -2px #000;
-o-box-box-shadow:1px 2px 5px -2px #000;
}

.post a:hover img {
cursor:pointer;
cursor:-moz-zoom-in;
}
/*---------------------------------------------------------------*/

body {
background:#0e0e0e;
color:#555555;
font-family:tahoma, "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size:12px;
height:100%;
min-width:1000px;
padding:0;
}

#wrapper {
margin:0 auto;
height:auto !important;
height:100%;
min-height:100%;
overflow:auto;
padding:0;
width:1218px;
}

#header {
background:#384d56 url("img/top_border.png") no-repeat scroll left bottom;
padding:0 0 13px;
margin:20px 0 0;
}

#header .logo {
background:#384d56 url("img/top_border.png") no-repeat scroll left top;
padding:13px 0 0;
}


.title_blog {
background:url("img/top_title.png") no-repeat scroll left top #384D56;
color:#fff;
padding:5px 0;
position:relative;
text-align:center;
text-shadow:0 2px 3px #000;
text-transform:uppercase;
}

.title_blog img {
margin:0 10px;
}

.top_icons {
height:14px;
position:absolute;
right:10px;
top:10px;
}

.top_icons a {
background:url("img/top_icons.gif") no-repeat scroll left top transparent;
display:block;
float:left;
height:14px;
margin:0 10px;
width:14px;
}

.top_icons .home {
background-position:0 0;
}

.top_icons .contact {
background-position:-34px 0;
}

.top_icons .sitemap {
background-position:-68px 0;
}


#content {
background:url("img/content_border.png") no-repeat scroll right top #384D56;
overflow:hidden;
padding:10px 0;
position:relative;
}



#posts {
background:none repeat scroll 0 0 #EFEFEF;
float:right;
margin:0 10px;
padding:10px 20px;
width:910px;

border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;
-khtml-border-radius:10px 10px 10px 10px;
-o-box-border-radius:10px 10px 10px 10px;
}

.post {
background:url('img/post_border.png') no-repeat scroll left top;
margin:0 0 30px;
color:#333;
}

.post p {
line-height:18px;
text-indent:10px;
padding:5px 9px 5px 3px;
overflow:hidden;
}

.post h2 {
background:url('img/meta_icons.png') no-repeat scroll left 10px;
padding:3px 0 0 20px;
}

.post h2 a {
color:#333;
}

.post h2 a:hover {
color:#000;
}

.post li {
margin:10px 5px;
}

.meta_post {
background:url("img/post_border.png") no-repeat scroll left top transparent;
color:#777;
font-size:10px;
margin:3px 0;
padding:7px 0;
}

.meta_post a {
color:#777;
}

.meta_post a:hover {
border-bottom:1px dotted #384D56;
color:#384D56;
}

.meta_post span {
padding:0 0 0 16px;
}

.meta_post .date {
background:url('img/meta_icons.png') no-repeat scroll left -21px;
}

.meta_post .category {
background:url('img/meta_icons.png') no-repeat scroll left -38px;
}

.meta_post .comment {
background:url("img/meta_icons.png") no-repeat scroll left -56px transparent;
float:right;
margin:0 10px;
}

.post .more {
background:url("img/meta_icons.png") no-repeat scroll left -74px transparent;
color:#416777;
float:right;
font-size:11px;
font-weight:bold;
margin:5px 10px 0;
padding:0 0 2px 20px;
}

.post .more:hover {
color:#384D56;
}



#sidebar {
background:url("img/content_border.png") no-repeat scroll left top transparent;
float:left;
min-height:300px;
width:242px;
}

.widget {
background:url("img/widget_bg.jpg") no-repeat scroll right top transparent;
color:#ddd;
margin:0 auto 24px;
padding:0 15px 10px;
width:200px;
}

.widget h4 {
color:#fff;
font-size:14px;
padding:10px 0;
position:relative;
text-align:center;
text-shadow:0 1px 4px #000;
text-transform:uppercase;
box-shadow:0 -8px 11px -11px #333;
-moz-box-shadow:0 -8px 11px -11px #333;
-khtml-box-shadow:0 -8px 11px -11px #333;
-o-box-shadow:0 -8px 11px -11px #333;
}

.widget ul {

}

.widget ul li {
background:url("img/widget_link_border.png") no-repeat scroll left bottom transparent;
margin:5px 0;
padding:0 0 8px 0;
list-style:url('img/list_image.png') inside;
}

.widget .children li {
background:url("img/widget_link_border.png") no-repeat scroll left top transparent;
padding:6px 0 0 12px;
}


.widget li a {
color:#fff;
}

.widget li a:hover {
border-bottom:1px dotted #ccc;
font-weight:bold;
}


#searchform {
background:url("img/search_mini.jpg") no-repeat scroll left top transparent;
height:30px;
padding:0 0 10px 6px;
width:206px;
}

#searchform input {
height:26px;
background:none;
border:none;
}

#searchform  .s {
color:#fff;
font-size:12px;
line-height:17px;
margin:-1px 0 0 4px;
width:150px;
}

#searchform  .go {
cursor:pointer;
float:right;
margin:0 6px 0 0;
width:40px;
font-style:italic;
}




#searchform_mini {
background:url("img/search.jpg") no-repeat scroll left top transparent;
height:29px;
margin:10px 0 0;
padding:0 0 0 62px;
width:389px;
}

#searchform_mini input {
height:26px;
background:none;
border:none;
}

#searchform_mini  .s {
color:#fff;
font-size:12px;
line-height:17px;
margin:-1px 0 0 4px;
width:320px;
}

#searchform_mini  .go {
cursor:pointer;
float:right;
margin:0 6px 0 0;
width:40px;
font-style:italic;
}


#footer {
background:url("img/footer_bg.jpg") no-repeat scroll left top transparent;
height:110px;
margin:-80px auto 0;
position:relative;
width:1218px;
}

.clear_footer {
background:url("img/content_bottom.png") no-repeat scroll left top transparent;
clear:both;
height:110px;
margin:-20px 0 0;
}

.copyrights {
color:#aaa;
float:center;
line-height:20px;
padding:10px;
text-align:center;
width:1218px;
}

.copyrights a {
color:#ddd;
}

.copyrights a:hover {
color:#eee;
}




#footer  .banner img {
left:2px;
position:absolute;
top:3px;
width:468px;
height:60px;
}


.tags {
background:#648c9d;
border:1px solid #666;
color:#000;
padding:2px 6px 4px;
clear:both;
}

.tags a {
color:#c5d8e1;
}

.tags a:hover {
color:#fff;
}





/*Comments*/
#comments {
overflow:auto;
clear:both;
}

.comment-body p {
color:#555;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:14px;
line-height:24px;
}

.commentlist {
clear:both;
margin:20px 0;
}

.commentlist .comment  {
background:none repeat scroll 0 0 #d5dee2;
border:1px dashed #ccc;
clear:both;
margin:20px 0;
min-height:82px;
overflow:hidden;
padding:10px;
position:relative;
}

.comment-body {
min-height:90px;
}


.comment .children {
margin:30px 0 10px;
}

.comment .children li {
background:none repeat scroll 0 0 #c5d2d7;

-moz-box-shadow:3px 4px 6px -5px #999;
-webkit-box-shadow:3px 4px 6px -5px #999;
-khtml-box-shadow:3px 4px 6px -5px #999;
-o-box-shadow:3px 4px 6px -5px #999;
}

.comment .children .children li {
background:none repeat scroll 0 0 #b6c6cd;
}

.comment .children .children .children li {
background:none repeat scroll 0 0 #a7bac2;
}

.comment .avatar {
background:none repeat scroll 0 0 #fff;
border:1px solid #ccc;
float:left;
margin:0 12px 20px 0;
padding:2px;

-moz-box-shadow:3px 3px 7px -3px #333;
-webki-box-shadow:3px 3px 7px -3px #333;
-khtml-box-shadow:3px 3px 7px -3px #333;
-o-box-shadow:3px 3px 7px -3px #333;
}


#respond {
clear:both;
margin:20px 0 0;
}

#respond h3 {
margin:0 0 10px;
}

.comment_pager {

}

.fn {

}


.commentmetadata {
color:#999999;
font-size:10px;
position:absolute;
right:12px;
top:10px;
}

.reply {
font-size:12px;
font-weight:bold;
left:22px;
position:absolute;
top:90px;
}

#commentform input {
border:1px solid #7F9DB9;
height:18px;
padding:2px 0 2px 28px;
}

#commentform #subscribe {
bodrer:0 none;
padding:0;
}

#commentform label {
font-size:12px;
margin:0 0 0 4px;
}

#commentform #submit {
background:none repeat scroll 0 0 #596F7A;
border:1px solid #7F9DB9;
color:#fff;
display:block;
height:26px;
padding:2px 2px 10px;
}



#commentform #author, #commentform #email, #commentform #url {
background:url("img/icon_form.gif") no-repeat scroll 2% center #fff;
width:24%;
}

#commentform #email {
background-position:2% 2px;
}

#commentform #url {
background-position:2%-19px;
}


.wp-caption {

}


.wp-caption img {
margin:0 !important;
}

.wp-caption-text {

}

.wp-caption  p {
padding:5px;
text-align:center;
}

img.alignleft  {
float:left;
margin:0 10px 5px 0;
}

img.alignright {
float:right;
margin:0 0 5px 10px;
}

.gallery-caption {

}

.bypostauthor {

}

.sticky {

}

.view {
	background:url('img/meta_icons.png') no-repeat scroll left -56px;
}