/*


Theme Name: Dark Edition
Theme URI: http://themesnack.net/dark-edition/
Description: Dark Edition is a free two columns fixed width WP theme with grunge header, lavalamp menu and jQuery nivo slider, suitable for any niche. Supports posts thumbnails and it is compatible with latest WP versions. 
Author: ThemeSnack
Author URI: http://themesnack.net


*/

@import "reset.css";

body {
background: #111 url(images//background.jpg) repeat-x center top;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
color: #111;
}

a:link, a:visited{
color: #00baff;
text-decoration: none;
}

a:hover {
text-decoration: none;
color: #000;
}

strong {
font-weight: 700;
}

hr {
border: none 0;
border-bottom: 1px solid #E0E0E0;
height: 1px;
margin: 10px 0;
}

blockquote {
font-style: italic;
background: url(images/quotes.gif) no-repeat top left;
background-position: 12px 12px;
color: #595959;
margin: 5px 0;
padding: 8px 15px 8px 60px;
}



/* HEADER */

#header-wrapper{
width:100%;
background: url(images/darkedbg.jpg) no-repeat center top;
height: 245px;
margin-bottom: 0;
}

#header {
width: 1200px;
margin: 0 auto;
}

#header-left {
height: 160px;
width: 440px;
float: left;
margin-top: 6px;
}

#menu-top{
height: 29px;
width: 900px;
padding-top: 5px;
margin-left: 0px;
float:left;
position: relative;
}

#logo {
width: 420px;
height: 110px;
margin-top: 20px;
margin-left: 350px;
outline: none;
}

#bottom-menu-container {
width: 965px;
}

#menu-bottom {
width: 600px;
height: 40px;
float: left;
margin-left: 150px;
margin-top: 13px;
}

#menu-bottom ul {
margin: 0; 
padding: 0; 
list-style-type: none; 
list-style-image: none;
}

#menu-bottom li {
display: inline;
border-right: 1px solid #E0E0DE;
padding: 12px 17px;
}

#menu-bottom li a{
color: #000;
}

#menu-bottom li:hover {
background: #00baff;
padding: 12px 17px;
color: #FFF;
}

#menu-bottom li:hover a{
color: #FFF;
}

#search {
height: 36px;
width: 200px;
float: right;
background: url(images/search.png) no-repeat top right;
margin: 2px 10px 0 0;
}

#q{
color: #969696;
background: transparent;
font-size: 0.9em;
margin: 5px 0 0 10px;
width: 150px;
border: none;
float: left;
height: 24px;
}

#search #submit {
background: transparent;
border: none;
width: 24px;
height: 24px;
margin: 6px 8px 0 0px;
outline: none;
float: right;
}

#header-right {
height: 160px;
width: 500px;
float: right;
margin-top: 6px;
}

#header a {
color: #FFF;
outline: none;
text-decoration:none;
}

#adsensetop {
width: 468px;
height: 60px;
margin-top: 45px;
margin-left: 20px;
}


/* Styles for the lavalamp menu */

.lavaLamp {
position: relative;
padding: 0; 
margin: 0;
overflow: hidden;
z-index: 1;
}

.lavaLamp ul {
display:inline;
list-style: none;
position:absolute;
z-index: -1;
}

.lavaLamp li {
float: left;
height: 30px;
position: relative;
z-index: 3;
}
        
.lavaLamp li.back {
background: #00baff;
width: 9px; height: 30px;
z-index: 2;
position: absolute;
color: #FFF;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

.lavaLamp li a:hover, .lavaLamp li a:active, .lavaLamp li:hover{
color: #FFF;
}

.lavaLamp li.back .left {
background: #00baff;
height: 30px;
margin-right: 9px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

.lavaLamp li a {
position: relative; 
overflow: hidden;
text-decoration: none;
font-size: 14px;
color: #FFF; 
outline: none;
text-align: center;
height: 30px; 
top: 7px;
z-index: 2; 
margin: auto 10px;
}

.lavaLamp li a.first {
color: #FFF;
}


/* MAIN CONTAINERS */

#container {
width: 1200px;
margin:0 auto 0 auto;
padding: 10px 0;
text-align: left;
}

#content {
width: 880px;
float: left;
word-wrap: break-word; 
overflow: hidden;     
}


/* POST */

.post{
width: 840px;
padding: 25px 20px;
border: 1px solid #E0E0DE;
background: #FFF;
margin-bottom: 20px;
line-height:1.6em;
color:#191919;
}

.post-title {
font-family: 'Ubuntu', arial, serif; 
margin:.25em 0 0;
padding:0 0 4px;
font-size:200%;
font-weight:400;
line-height:40px;
border-bottom: 3px dotted #EAE8DB;
padding-bottom: 5px;
color: #000;
display:block;
}

.post-title a, .post-title a:visited, .post-title strong{
text-decoration:none;
color: #000;
}

.post-title a:hover {
color: #00baff;
text-decoration: none;
}

.post-content {
padding-top: 20px;
line-height:1.6em;
font-size: 14px;
text-align: justify;
}

.post-content h2 {
font-size: 140%;
margin-bottom: 10px;
border-bottom: 1px solid #EFEFEF;
padding: 10px 0 5px;
}

.post-content h3 {
font-size: 110%;
font-weight: 700;
margin-bottom: 5px;
border-bottom: 1px solid #EFEFEF;
padding: 10px 0 5px;
}

.post-content p {
line-height: 1.6;
margin-bottom: 10px;
}

.entry {
padding-top: 20px;
line-height:1.6em;
font-size: 13px;
text-align: justify;
}

.post img.alignnone {
background: #EAE8DB;
border: 1px solid #ccc;
padding: 4px;
margin-bottom: 15px;
}

.aligncenter {
background: #EAE8DB;
border: 1px solid #ccc;
padding: 4px;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}

.post img.alignleft {
background: #EAE8DB;
float: left;
border: 1px solid #ccc;
margin: 0 15px 15px 0;
padding: 4px;
}

.post img.alignright {
background: #EAE8DB;
float: right;
border: 1px solid #ccc;
margin: 0 0 15px 15px;
padding: 4px;
}

.post-content ul,.post-content ol {
margin-left: 30px;
margin-bottom: 20px;
}

.post-content ul {
list-style: inside;
}

.post-content ol {
list-style: decimal;
}

.post-content ul li,.post-content ol li {
line-height: 1.3;
margin-bottom: 5px;
}

.more-link {
font-weight: 700;
display: block;
margin-top: 10px;
}


.post-footer{
margin: .75em 0;
color: #666666;
line-height: 1.4em;
border-top: 1px solid #EAE8DB;
border-bottom: 1px solid #EAE8DB;
padding: 5px 0;
}

.category {
color: #FFF;
background: #1E1E1E;
padding:4px 10px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

.category a {
color: #FFF;
}

.category:hover {
background: #00baff;
}

.post-details, .post-details a {
color: #666666;
}

.post-author {
background: url(images/user.png) no-repeat center left;
padding-left: 20px;
margin-left: 5px;
height: 20px;
float: left;
}

.comment-link {
background: url(images/comment.png) no-repeat center left;
padding-left: 20px;
height: 20px;
float:right;
font-style: italic;
}

/* COMMENTS */

.comment-container {
background: #FFF;
padding: 15px 15px;
border: 1px solid #E0E0DE;
margin-bottom: 15px;
}

.section-title {
background: url(images/comment2.png) no-repeat center left;
color: #000000;
font-family: 'Scada',arial,serif;
font-size: 26px;
font-weight: 400;
line-height: 1.4em;
margin: 1em 0;
padding: 0 0 10px 40px;
}

.comment-data {
float: left;
width: 400px;
}

.comment-data p {
margin-bottom: 6px;
line-height: 1.3;
}

.comment-author {
color: #000;
font-weight: 700;
margin-bottom: 3px;
font-size: 13px;
}

.comment-meta {
color: #666;
margin-bottom: 5px;
font-size: 85%;
}

.unapproved {
font-style: italic;
}

#comments label {
font-size: 90%;
color: #666;
padding: 5px 0;
display: block;
}

#comments input {
width: 240px;
margin-bottom: 10px;
padding: 5px;
border: 1px solid #E0E0DE;
}


#comment-form{
width: 400px;
height: 150px;
margin: 15px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
padding: 10px;
border: 1px solid #E0E0DE;
}

#comments #submit {
width: 420px;
background: #999; 
border:1px solid #666; 
border-radius: 2px; 
-moz-border-radius: 2px; 
-webkit-border-radius: 2px;
color: #FFF;
outline: none;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
padding: 5px 0;
}

#comments #submit:hover {
background:#00baff; 
border:1px solid #666; 
border-radius:2px; 
-moz-border-radius:2px; 
-webkit-border-radius:2px;
}

ol.commentlist { 
list-style:none; 
margin:0; 
padding:0; 
}

ol.commentlist li { 
border:1px solid #d5d5d5;  
margin:0 0 10px; 
padding:5px 7px 5px 74px; 
position:relative; 
}


ol.commentlist li.pingback comment-author { 
padding:0 170px 0 0; 
}

ol.commentlist li div.vcard { 
font-weight:bold; 
font-size: 14px; 
line-height: 16px; 
}

ol.commentlist li div.vcard cite.fn { 
font-style:normal; 
font-size: 14px; 
}

ol.commentlist li div.vcard cite.fn a.url { 
text-decoration:none; 
}

ol.commentlist li div.vcard cite.fn a.url:hover { 
color:#000; 
}

ol.commentlist li div.vcard img.avatar { 
left:7px; 
position:absolute; 
top:7px;
background: #FFF;
border:1px solid #CCCCCC;
padding: 3px;
margin-right: 15px;
}

ol.commentlist li div.comment-meta { 
font-weight:bold; 
font-size: 10px; 
line-height: 16px; 
position:absolute; 
right:10px; 
text-align:right; 
top:5px; 
}

ol.commentlist li div.comment-meta a { 
color:#666; 
text-decoration:none; 
}

ol.commentlist li p { 
font-weight:normal; 
font-size: 12px; 
line-height: 16px; 
margin:5px 0 12px; 
}

ol.commentlist li ul { 
font-weight:normal; 
font-size: 12px; 
line-height: 16px; 
list-style:square; 
margin:0 0 12px; 
padding:0; 
}

ol.commentlist li div.reply { 
margin-top: 10px;
background:#999; 
border:1px solid #666; 
border-radius:2px; 
-moz-border-radius:2px; 
-webkit-border-radius:2px; 
color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; 
padding:6px 5px 4px;  
text-align:center; width:36px; 
}

ol.commentlist li div.reply:hover { 
background:#9EBF00; 
border:1px solid #666; 
border-radius:2px; 
-moz-border-radius:2px; 
-webkit-border-radius:2px;
}

ol.commentlist li div.reply a { 
color:#fff; 
text-decoration:none; 
text-transform:uppercase; 
}

ol.commentlist li ul.children { 
list-style:none; 
margin:12px 0 0; text-indent:0; 
}

ol.commentlist li ul.children li.depth-2 { 
margin:0 0 3px; 
}

ol.commentlist li ul.children li.depth-3 { 
margin:0 0 3px; 
}

ol.commentlist li ul.children li.depth-4 { 
margin:0 0 3px; 
}

ol.commentlist li ul.children li.depth-5 { 
margin:0 0 3px; }

ol.commentlist ul.children li.odd { 
background:#fff; 
}

ol.commentlist ul.children li.even { 
background:#f6f6f6; 
}

ol.commentlist li.pingback div.vcard { 
padding:0 170px 0 0; 
}


/* SIDEBAR */


#sidebar{
float: right;
word-wrap: break-word; 
overflow: hidden; 
}

#subscription {
list-style: none;
margin-top: 0px;
}

#subscription li {
padding: 5px 10px 5px 10px;
height: 60px;
}

#subscription li a {
color: #000;
}

#subscription li a:hover {
}

#subscription li h4 {
margin: 0 0 0 45px;
font-size: 18px;
color: #000;
font-weight: bold;
border: none;
}

#subscription li p {
margin: 0 0 0 45px;
font-size: 13px;
line-height: 1.4em;
}

#subscription li img {
float: left;
padding: 0px;
margin: 0px 10px 0px 0px;
}


#subscription li:hover {
background-color: #00baff;
}

.sidebar { 
line-height: 1.5em;
font-family: Helvetica;
 }

.sidebar h3{
font-weight: 600;
margin-top: 0;
margin-bottom: 15px;
color: #00baff;
text-transform: uppercase;
font-size: 22px;
font-family: 'Scada', arial, serif;
}
 
.sidebar a {
color: #666;
}

.sidebar a:hover {
color: #fff;
text-decoration: none;
}

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}

.sidebar li {
margin:0;
padding-top:0;
padding-right:0;
padding-bottom:.25em;
line-height:2em;
border-bottom: 1px dotted #EAE8DB;
}

.sidebar li:hover {
background: #00baff;
}

.widget { 
background: #FFF url(images/sidebarbg.png) repeat-x;
width: 270px;
padding: 10px 15px;
border: 1px solid #E0E0DE;
margin-bottom: 20px;
}

#wp-calendar {
width: 280px;
margin: 0 10px;
}

#wp-calendar caption {
color: #000;
font-weight: bold;
margin: 5px 0;
}

#wp-calendar th {
color: #000;
font-weight: bold;
padding-bottom: 10px;
}

#wp-calendar a {
backgroud: #9EBF00;
color: #FFF;
padding: 1px 3px;
}

/* Navigation */

.navigation {
margin: 0 0 30px 0;
}

.pagenavi {
margin: 0 0 20px 0px;
padding: 5px 1px 5px;
float:left;
width: 98%;
}
.pagenavi a {
padding: 5px 6px 4px 6px;
margin: 3px;
text-decoration: none;
border: 1px solid #ccc;
color: #00baff;
background-color: #FFF;
}

.pagenavi a:hover {
border: 1px solid #444;
color: #444;
background-color: #eee;
}

.pagenavi span.pages {
padding: 5px 6px 4px 6px;
margin: 3px;
color: #000;
font-weight:bold;
border: 1px solid #999;
background-color: #FFF;
}

.pagenavi span.current {
padding: 5px 6px 4px 6px;
margin: 3px;
font-weight:bold;
border: 1px solid #666;
color: #444;
background-color: #eee;
}

.pagenavi span.expand {
padding: 5px 6px 4px 6px;
margin: 3px;
border: 1px solid #ccc;
color: #444;
background-color: #FFF;
}

.pagenavi .first, .pagenavi .last {
border: 1px solid #aaa;
}

.pagenavi .single_page {
border: 1px dashed #ccc;
}

/* FOOTER */

#footer-wrapper {
background: #000;
width: 100%;
border-top: 1px solid #313131;
}

#footer {
width:1200px;
background: #000;
clear:both;
margin:0 auto;
padding: 25px 0 25px 0;
line-height: 1.6em;
}

.footerbox{
width: 350px;
padding: 10px 15px;
background: #111111;
color: #FFF;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

.footerbok p {
color: #FFF;
}

.footerbox a {
color: #fff;
}

.footerbox a:hover {
color: #333333;
text-decoration: none;
}

.footerbox h4 {
font-weight: bold;
margin-top: 0;
margin-bottom: 15px;
color: #00baff;
text-transform: uppercase;
font-size: 20px;
font-family: 'Scada', arial, serif;
}

.footerbox ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}

.footerbox li {
margin:0;
padding-top:0;
padding-right:0;
padding-bottom:.25em;
line-height:2em;
border-bottom: 1px solid #262626;
}

.footerbox li:hover {
background: #00baff;
color: #000;
}

#footerbox1 {
margin-right:30px;
float: left;
}

#footerbox2 {
margin-right:30px;
float: left;
}

#footerbox3 {
float: left;
}

#credit-wrapper{
background: #E2E4D9;
border-top: 1px solid #313131;
height: 20px;
padding: 10px 0;
}

#credit {
width: 960px;
margin: 0 auto;
color: #000;
text-align: center;
}

#credit a {
color: #000;
}

.clear {
clear: both;
}


/* NIVO SLIDER STYLES */

#slider-container {
background: #FFF;
width: 1160px;
height: 200px;
padding: 19px 20px 19px 18px;
margin-bottom: 20px;
border: 1px solid #E0E0DE;
}

.nivoSlider {
position:relative;
}

.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}

.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:60;
display:none;
}

.nivo-slice {
display:block;
position:absolute;
z-index:50;
height:100%;
}

.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background: #000;
color:#fff;
opacity:0.8;
width:100%;
z-index:89;
}

.nivo-caption p {
padding:5px;
margin:0;
font-family: 'Scada', arial, serif;
font-size: 28px;
color: #FFF;
text-align: center;
}

.nivo-caption a {
display:inline !important;
color: #FFF;
}

.nivo-html-caption {
display:none;
}

.nivo-directionNav a {
position:absolute;
top:45%;
z-index:99;
cursor:pointer;
}

.nivo-prevNav {
left:0px;
}

.nivo-nextNav {
right:0px;
}

.nivo-controlNav a {
position:relative;z-index:99;cursor:pointer;
}

.nivo-controlNav a.active {
font-weight:bold;
}

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/

#slider {
position:relative;
width:1162px;
height:300px;
background: #EFE9D1 url(images/loading.gif) no-repeat 50% 50%;
border: 1px solid #000;
}

#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}

#slider a {
border:0;
display:block;
}

.nivo-controlNav {
display: none;
height: 0;
position:absolute;
left:260px;
bottom:-42px;
}

.nivo-controlNav a {
display:none;
width:22px;
height:0px;
background: url(images/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}

.nivo-controlNav a.active {
display: none;
background-position:0 -22px;
}

.nivo-directionNav a {
display:block;
width:30px;height:30px;
background:url(images/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
}

a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}

a.nivo-prevNav {
left:15px;
}

.nivo-caption {
text-shadow:none;
}

.nivo-caption a {
color:#efe9d1;
text-decoration:underline;
}

/*POPULAR POSTS */

#popular-comments {
list-style:none; 
} 

#popular-comments h4 {
font-size: 15px;
color: #000;
}

#popular-comments li { 
overflow:auto; 
margin: 0px; 
padding: 10px 0; 
} 

#popular-comments li img { 
background: #EAE8DB;
float:left; 
margin-right:15px; 
border:1px solid #CCCCCC;
padding: 5px;
} 

#popular-comments li a { 
text-decoration:none; 
font-weight:bold; 
color:#000;
} 

#popular-comments li p { 
text-transform: uppercase;
font-size: 11px;
}

#content .wp-caption {
	background: #111;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: center;
	border: 1px solid #222;
}
#content .wp-caption img {
	margin: 5px 5px 0;
}
#content .wp-caption p.wp-caption-text {
	color: #888;
	font-size: 14px;
	margin: 5px;
}