/*
Theme Name: Blue Nights
Theme URI: http://www.themeforest.net
Description: A dark and sleek WordPress theme.
Version: 1.0
Author: Sevban Öztürk (peex)
Author URI: http://themeforest.net/user/peex
*/

/*-------[ general ]-------------------------------------------*/

body {
background:#0E0E0E;
margin:20px 0 20px 0;
padding:0;
font:12px Arial, Tahoma, Sans-Serif;
color:#aaa;
}
ul,ol,p,h1,h2,h3,h4,h5,h6,blockquote,fieldset,form {
margin:0;
padding:0;
}
a {
text-decoration:none;
outline:none;
color:#1BA0CD;
}
a:hover {
color:#80C8EE;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.alignleft {
float:left;
border:1px solid #333;
margin:4px 7px 0 0;
padding:4px;
background:#1a1a1a;
}
.alignright {
float:right;
border:1px solid #333;
margin:5px 0 0 7px;
padding:4px;
background:#1a1a1a;
}
fieldset {
border:none;
}

/*-------[ outer & container ]-------------------------------------------*/

#outer {
border:1px solid #1E1E1E;
width:802px;
margin:0 auto;
}
#container {
border:1px solid #000;
width:800px;
background:#191919;
}

/*-------[ navigation ]-------------------------------------------*/

#navigation {
height:30px;
width:800px;
border-bottom:1px solid #000;
background:url(../images/nav.jpg) repeat-x;
}
#navigation ul {
list-style:none;
}
#navigation li {
float:left;
border-right:1px solid #000;
}
#navigation li a {
display:block;
color:#ddd;
font:11px Arial, Tahoma, Sans-Serif;
text-transform:uppercase;
padding:8px 0 8px 0;
width:90px;
text-align:center;
}
#navigation li a:hover {
background:url(../images/nav.jpg) 0 -30px repeat-x;
color:#fff;
}

/*-------[ search ]-------------------------------------------*/

#search-form {
position:relative;
margin-left:640px;
}
.search-field {
border:solid #000;
border-width:0 1px 0 1px;
background:url(../images/search.jpg) repeat-x;
font:12px Arial, Tahoma, Sans-Serif;
color:#aaa;
padding:7px 3px 8px 3px;
width:120px;
}
.search-submit {
border:none;
background:none;
font:11px Arial, Tahoma, Sans-Serif;
color:#aaa;
padding:7px 5px 8px 5px;
cursor:pointer;
margin-left:-3px;
}
.search-submit:hover {
background:url(../images/nav.jpg) 0 -30px repeat-x;
color:#fff;
}

/*-------[ header ]-------------------------------------------*/

#header {
width:800px;
height:150px;
background:url(../images/header.jpg) no-repeat;
text-indent:-9999pt;
border-bottom:1px solid #000;
}

/*-------[ main ]-------------------------------------------*/

#main {
padding:15px 15px 0 15px;
width:770px;
border-top:1px solid #333;
}

/*-------[ breadcrumb ]-------------------------------------------*/

#breadcrumb {
list-style:none;
height:30px;
width:785px;
border-top:1px solid #444;
background:url(../images/breadcrumb.jpg) repeat-x;
border-bottom:1px solid #0C0C0C;
padding-left:15px;
}
#breadcrumb li {
float:left;
padding: 7px 15px 8px 0;
margin-right:10px;
background:url(../images/breadcrumb-sep.jpg) right -2px no-repeat;
}
#breadcrumb li:last-child {
background:none;
float:left;
}
#breadcrumb li a {

}

/*-------[ sidebar ]-------------------------------------------*/

#sidebar {
float:left;
width:200px;
}
.sidebox {
border:1px solid #0c0c0c;
margin-bottom:15px;
background:#222;
}
.sidebox h3 {
font:14px Arial, Tahoma, Sans-Serif;
color:#ccc;
background:url(../22.png) repeat-x;
padding:7px 0 7px 5px;
border-bottom:1px solid #0c0c0c;
}
.sidebox ul {
list-style:none;
margin-bottom:-1px;
}
.sidebox li {
border-bottom:1px solid #0c0c0c;
border-top:1px solid #333;
}
.sidebox li a {
display:block;
padding:5px;
color:#888;
}
.sidebox li a:hover {
background:#282828;
color:#1BA0CD;
}
.sidebox ul ul { /* category children */
border-top:1px solid #0c0c0c;
}
.sidebox ul ul li a { /* category children */
padding-left:15px;
}
#tagcloud {
border-top:1px solid #333;
padding:10px;
}
#tagcloud a {
color:#888;
}
#tagcloud a:hover {
color:#1BA0CD;
}

/*-------[ calendar widget ]-------------------------------------------*/

#calendar_wrap table {
color:#888;
width:198px;
font-size:10px;
border-top:1px solid #333;
text-align:center;
}
#calendar_wrap table a {
padding:1px;
font-weight:bold;
display:block;
height:1%;
}
#calendar_wrap table a:hover {
padding:1px;
background:#222;
}
#calendar_wrap caption {
border-top:1px solid #333;
border-bottom:1px solid #0c0c0c;
color:#999;
padding:3px;
width:198px;
}
#calendar_wrap th {
border-top:1px solid #333;
border-left:1px solid #333;
border-right:1px solid #111;
border-bottom:1px solid #111;
font-weight:normal;
background:#292929;
padding:2px;

}
#calendar_wrap td {
border-top:1px solid #333;
border-left:1px solid #333;
border-right:1px solid #111;
border-bottom:1px solid #111;
padding:2px;
}
td#today {
border-top:1px solid #444;
border-left:1px solid #444;
background:#333;
color:#fff;
}
#next {
text-align:right;
}
#calendar_wrap tr {
border:1px solid #0c0c0c !important;
}
#calendar_wrap td:hover {
color:#999;
}
.pad { 
background:transparent;
border:none;
}


/*-------[ recent comments widget ]-------------------------------------------*/

.recentcomments {
padding:5px;
}
.recentcomments:hover {
background:#282828;
}
.recentcomments a, .recentcomments a:hover {
display:inline;
background:none !important;
}

/*-------[ text widget ]-------------------------------------------*/

.textwidget {
padding:5px;
border-top:1px solid #333;
font-size:11px;
line-height:16px;
}


/*-------[ content ]-------------------------------------------*/

#content {
float:right;
width:555px;
margin-left:15px;
}

/*-------[ posts ]-------------------------------------------*/

.post {
border:1px solid #0c0c0c;
line-height:18px;
margin-bottom:15px;
background:#222;
}
.post-title {
font:14px Arial, Tahoma, Sans-Serif;
color:#ccc;
background:url(../22.png) repeat-x;
padding:7px 0 7px 10px;
border-bottom:1px solid #0c0c0c;
}
.post-title a {
color:#98CEF2;
}
.post-title a:hover {
color:#ddd;
}
.post-meta {
padding:5px 10px 5px 10px;
font-size:11px;
background:#292929;
border-bottom:1px solid #0c0c0c;
border-top:1px solid #3a3a3a;
}
.post-meta span {
border-right:1px solid #0c0c0c;
border-left:1px solid #3a3a3a;
padding-right:8px;
padding-left:8px;
display:block;
float:left;
}
span.post-date {
border-left:none;
padding-left:0;
}
span.post-comment {
border-right:none;
}
span.post-edit {
border-right:none;
border-left:1px solid #0c0c0c;
padding-left:0;
}
.post-edit a {
display:block;
border-left:1px solid #3a3a3a;
padding-left:10px;
}
.post-tags {
padding:5px 10px 5px 10px;
font-size:11px;
background:#292929;
border-top:1px solid #3a3a3a;
}
.tags {
border-top:1px solid #0c0c0c;
}
.post-text {
padding:10px 10px 0 10px;
border-top:1px solid #333;
background:#222;
}
.post-text p {
margin-bottom:10px;
}
.post-text ul {
margin:0 0 10px 30px;
line-height:18px;
}
.post-text ol {
margin:0 0 10px 30px;
line-height:18px;
}
.post-text blockquote {
border-left:5px solid #333;
margin:10px 0 10px 0;
padding:5px 10px 5px 10px;
background:#292929;
}
.post-text blockquote p {
margin:0 !important;
}
.post-text code {
background:#2E2E2E;
padding:2px;
}
.post-text table {
width:100%;
border-left:1px solid #353535;
border-top:1px solid #353535;
margin-bottom:10px;
}
.post-text td, #content th {
border-right:1px solid #353535;
border-bottom:1px solid #353535;
padding:5px;
}
.post-text th {
text-align:left;
color:#ccc;
font-size:13px;
font-weight:normal;
background:#292929;
}
.post-text h1, .post-text h2, .post-text h3, .post-text h4, .post-text h5, .post-text h6 {
font-family:Arial, Tahoma, Sans-Serif;
font-weight:normal;
color:#ccc;
border-bottom:1px solid #333;
padding-bottom:2px;
margin-bottom:10px;
}
.post-text h1 { font-size:20px; }
.post-text h2 { font-size:18px; }
.post-text h3 { font-size:16px; }
.post-text h4 { font-size:14px; }
.post-text h5 { font-size:12px; }
.post-text h6 { font-size:11px; }

/*-------[ comments ]-------------------------------------------*/

#comments {
border:1px solid #0c0c0c;
border-top:none;
line-height:18px;
background:url(../images/comment-shade.jpg) repeat-x left top #222;
padding:15px 10px 6px 10px;
margin-bottom:15px;
}
#comments h3 {
font:14px Arial, Tahoma, Sans-Serif;
color:#ccc;
border-bottom:1px solid #353535;
padding-bottom:2px;
margin-bottom:15px;
}
.commentlist {
list-style:none;
padding:10px;
margin:-10px -10px 0 -10px;
}
.commentlist li {
background:#202020;
border-top:1px solid #333;
border-left:1px solid #333;
border-right:1px solid #111;
border-bottom:1px solid #111;
padding:10px 10px 0 10px;
margin-bottom:10px;
}
.commentlist ul {
list-style:none;
}
.commentlist ul li {
margin-top:10px;
}
.comment-author {
background:#242424;
padding:10px;
margin:-10px;
color:#ccc;
}
.says {
display:none;
}
.fn {
font-style:normal;
font-size:13px;
}
.avatar {
float:right;
border:1px solid #333;
padding:2px;
background:#1a1a1a;
}
.comment-meta {
background:url(../images/comment-shade.jpg) repeat-x left bottom #242424;
padding:0 10px 12px 10px;
margin:0 -10px 10px -10px;
font-size:11px;
}
.commentlist p {
margin-bottom:10px;
}
.reply {
margin-bottom:10px;
}

/*-------[ comment pagination ]-------------------------------------------*/

#comment-pager {
margin:-5px 0 15px 0;
}
#comment-pager:after {
content: ".";
display: block;
height: 0;
clear: left;
visibility: hidden;
}
#comment-pager a, #comment-pager span {
background:url(../images/pagination.jpg) repeat-x #222;
margin-right:5px;
padding:4px 7px 4px 7px;
display:block;
float:left;
color:#888;
border:1px solid #0C0C0C;
}
#comment-pager a:hover {
background:url(../images/pagination.jpg) 0 -30px repeat-x #282828;
color:#1BA0CD;
}
#comment-pager span {
color:#ddd;
}

/*-------[ comment form ]-------------------------------------------*/

#respond p label {
float:left;
display:block;
margin:5px 0 0 10px;
}
#respond p label small {
font-size:12px;
}
#respond p input {
float:left;
display:block;
}
#respond p:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#respond input, #respond textarea {
color:#999;
font:12px Arial, Tahoma, Verdana;
border:1px solid #333;
background:#1B1B1B;
}
#respond textarea {
width:97.8%;
height:150px;
padding:5px;
margin-top:5px;
}
#respond input {
padding:7px 5px 7px 5px;
width:180px;
margin-bottom:10px;
display:block;
}
#respond input:focus, #respond textarea:focus {
background:#111;
}
input#submit {
font:11px Arial, Tahoma, Verdana;
padding:7px 10px 7px 10px;
width:auto;
text-align:center;
text-transform:uppercase;
margin:10px 0 0 0;
color:#ccc;
background:url(../images/button.jpg) repeat-x;
border:1px solid #0c0c0c;
cursor:pointer;
float:none !important;
}
input#submit:hover {
background:url(../images/button.jpg) 0 -30px repeat-x;
color:#fff;
border:1px solid #000;
}
input#submit:focus {
outline:none;
}

input#comment_post_ID, input#comment_parent, input#_wp_unfiltered_html_comment {
visibility:hidden;
padding:0;
margin:0;
}

/*-------[ previous and next post links ]-------------------------------------------*/

#prev-next {
margin-bottom:15px;
}
.previous-post {
float:left;
}
.next-post {
float:right;
}

/*-------[ contact form ]-------------------------------------------*/

#contactform fieldset {
border:none;
}
#contactform input, #contactform textarea {
border:1px solid #0C0C0C;
color:#999;
font:12px Arial, Tahoma, Verdana;
border:1px solid #333;
background:#1B1B1B;
}
#contactform textarea {
width:450px;
height:150px;
padding:5px;
}
#contactform input {
padding:7px 5px 7px 5px;
width:180px;
margin-bottom:10px;
display:block;
}
#contactform label {
margin-bottom:2px;
display:block;
}
#contactform input:focus, #contactform textarea:focus {
background:#111;
}
#contactform .send {
font:11px Arial, Tahoma, Verdana;
padding:7px 10px 7px 10px;
width:auto;
text-align:center;
text-transform:uppercase;
margin-top:10px;
color:#ccc;
background:url(../images/button.jpg) repeat-x;
border:1px solid #0c0c0c;
cursor:pointer;
}
#contactform .send:hover {
background:url(../images/button.jpg) 0 -30px repeat-x;
color:#fff;
}
#contactform .send:focus {
outline:none;
}

/*-------[ pagination ]-------------------------------------------*/

.pagination {
margin-bottom:15px;
}
.pagination:after {
content: ".";
display: block;
height: 0;
clear: left;
visibility: hidden;
}
.pagination a, .pagination span {
background:url(../images/pagination.jpg) repeat-x #222;
margin-left: 2px;
padding: 3px 5px 3px 5px;
display:block;
float:left;
color:#888;
border:1px solid #0C0C0C;
}
.pagination a:hover {
background:url(../images/pagination.jpg) 0 -30px repeat-x #282828;
color:#1BA0CD;
}
span.pagination-current {
color:#ddd;

}

/*-------[ footer ]-------------------------------------------*/

#footer {
width:800px;
border-top:1px solid #000;
background:#202020;
}
#footer p {
padding:15px;
border-top:1px solid #303030;
}

/*-------[ browser hacks (see "css browser selector" script ]-------------------------------------------*/

.ie6 #comment-pager, .ie7 #comment-pager, .ie6 #comments h3, .ie7 #comments h3, .ie6 .post-meta, .ie6 .post-title, .ie6 .sidebox li a, .ie7 .post-meta, .ie7 .post-title, .ie7 .sidebox li a {
height:1%;
}
.ie6 #search-form {
position:absolute;
margin-left:522px;
}
.ie6 .search-field {
margin-bottom:5px;
position:absolute;
margin-left:-160px;
}
.ie6 .search-submit {
position:absolute;
margin-left:-31px;
}
.ie6 .pagination {
margin-bottom:0;
}
.ie6 #respond p, .ie7 #respond p {
height:1%;
margin-bottom:5px;
}
.ie6 .avatar {
position:relative;
}
.ie6 #submit {
padding:7px 0px 7px 0px;
width:110px;
position:relative;
}
.ie6 #respond textarea {
position:relative;
}
.safari3 #navigation {
height:30px;
}
.safari3 #navigation li a {
padding:9px 0 9px 0;
}
.safari3 .search-field {
height:30px;
padding:0px 3px 0px 3px;
}
.safari3 .search-submit {
height:30px;
padding:0px 7px 0px 7px;
}