/*
Theme Name: Blackened
Theme URI: http://serverbeach.com
Description: Blackened WordPress Theme designed by <a href="http://justagirlintheworld.com">Lisa Sabin-Wilson</a> and brought to you by <a href="http://serverbeach.com">ServerBeach</a>, a <a href="http://peer1.com">PEER1</a> company.
Version: 1.0
Author: Lisa Sabin-Wilson
Author URI: http://lisasabin-wilson.com
Tags: Black, Dark, White, two-columns, fixed-width
*/

body {background: black url(img/bg.jpg) top center fixed;
font:75%/160% verdana, arial, helvetica, sans-serif;color:#333;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,img,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;list-style:none;margin:0;padding:0;}




/* GLOBAL -------------- */
a, a:visited {color: #6b0d0f; text-decoration:none;}
a:hover {text-decoration:underline}
i, em {font-style:italic;}
b, strong {font-weight: bold;}
.clear {clear:both; }
.post .navigation {text-align:center; margin: 15px; clear:both; height: 25px}
.post .navigation .alignright {float:right; background:none; border:none;}
.post .navigation .alignleft {float:left; background:none; border:none;}
.post .navigation-attachment {width: 93%; margin:0 auto 15px auto; clear:both; height: 160px;}
.post .navigation-attachment .left {float:left;}
.post .navigation-attachment .right {float:right;}
.post .navigation-attachment .attachment-thumbnail {border: 1px solid #808080; padding: 4px; background: #c0c0c0;}
h1{font-size:1.98em;font-weight:400;}
h2{font-size:1.75em;font-weight:400;}
h3{font-size:1.5em;font-weight:400;}
h4{font-size:1.3em;}
h5{font-size:1.2em;}
h6{font-size:1.1em;}
.navigation {text-align:center; margin: 15px; clear:both; height: 25px}
.navigation .alignright {float:right; background:none; border:none;}
.navigation .alignleft {float:left; background:none; border:none;}
.breadcrumbs {margin: 10px 0; padding-left: 10px; font-size: 0.9em; }
blockquote {margin: 10px 55px; background: #404040; color: #eee; padding: 5px 10px;}
abbr {font-style:italic;}

/* TABLES -------------- */
table{margin: 6px 0 12px; border-bottom: 3px solid #d9d9d9; border-left: 1px solid #d9d9d9; width: 100%}
table td, table th{text-align: left; padding: 3px 6px; border-top: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9;}
table td{ margin: 4px;}
table th{background: #000; border-bottom: 2px solid #d9d9d9; color:white;}
table tr.odd{background: #ebebeb;}
table tr:hover{background: #d9d9d9;}


/* BASE FRAMEWORK -------------- */
#page {width: 960px; margin: 0 auto;}
#frame {float:left; width: 960px; background: white url(img/frameoverlay.png) bottom right no-repeat; margin-top: 5px; min-height: 800px}
#main {float:left; width:600px;}
#menu {float:left; width: 310px; margin: 20px 0 0 20px;	background: #FFFFFF url(img/menu.jpg);	padding: 10px 10px 0px 10px;}
#footer { float:left;width: 960px;  padding: 10px; }

#footer p {text-align:center; color:silver;}
#header {padding: 18px 0 20px 0; font-size: 5em; font-weight: normal; text-align:center; font-family:Georgia}
#header a, #header a:visited, #footer a, #footer a:visited, .com a, .com a:visited, .feedback a, .feedback a:visited {color:white;}
.tagline {text-align:center; margin: 25px 0 0 0; color:silver;}


/* NAV MENU  -------------- */
#nav ul {width: 950px; margin: 0 auto;}
#nav ul li {float:left; margin-right: 25px; }
#nav ul li a {font-weight:bold; color: #808080;}



#subnav {float:left; background:#eee; width: 100%; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0}
#subnav li {padding: 3px 7px; display:inline;}	
#subnav a, #subnav a:visited {font-weight:bold; background: url(img/arrow.gif) 0 70% no-repeat; padding-left: 10px;}
#subnav a:hover, #subnav a:active,
#subnav li.current_page_item a,
#subnav li.current_page_item a:visited {text-decoration:underline}


/* MAIN CONTENT COLUMN -------------- */
.content {margin-left: 10px;}
.content .date {font-size: 0.8em; text-transform: uppercase; color:#c0c0c0; background: url(img/date.jpg) no-repeat; }
.content .post-title {font-size: 1.8em; font-family:Cambria, Georgia, serif;}
.post-title a, .post-title a:visited {color:black;}

/* POST STYLING -------------- */
.storycontent p {margin: 1.2em 0; line-height: 1.4em; }
.storycontent ul, .storycontent ol {margin: 10px 0 10px 75px;}
.storycontent ul li, .storycontent ol li {line-height: 1.4em; }
.storycontent ul li {list-style: square; }
.storycontent ul li li {list-style: circle;}
.storycontent ul li li li {list-style: disc}
.storycontent ol li {list-style: decimal;}
.storycontent ol li li {list-style: upper-roman;}
.storycontent ol li li li {list-style: lower-roman;}
.storycontent ul ul, .storycontent ol ol {margin: 0 0 5px 15px;}
.storycontent ul ul ul, .storycontent ol ol {margin: 0 0 2px 15px;}

.storycontent .archives {float:left;  width: 275px; margin-right: 20px; margin-top: 15px;}
.storycontent .archives ul {margin: 5px 0 20px 20px; }
.storycontent .archives ul li {list-style:none;}
.storycontent .archives ul ul {margin: 0 0 6px 15px;}
.storycontent .archives ul li a {display:block; border-bottom: 1px dotted #c0c0c0; padding: 2px 0;}
.storycontent .archives ul ul li a {border: none; padding:0; display:block;}
.storycontent .archives ul li a:hover {background: #eee;}

.storycontent ul.links {margin:15px 0 0 0; list-style:none;}
.storycontent ul.links .linkcat { float:left; width: 280px; margin-right: 20px;}
.storycontent ul.links li {list-style:none;}
.storycontent ul.links .linkcat h2 {background: none; color: #404040; text-transform: none; float:none; margin:0;padding:0; font-size: 1.4em;}
.storycontent ul.links ul {margin:5px 0 20px 10px;}
.storycontent ul.links ul li a {display:block; border-bottom: 1px dotted #c0c0c0; padding: 2px 0;}
.storycontent ul.links ul li a:hover {background: #eee;}

.storycontent h1, .storycontent h2, .storycontent h3, .storycontent h4, .storycontent h5, .storycontent h6 {margin: 10px 0;}

/* POST META -------------- */
.feedback {border-top: 1px solid silver; padding:4px; background: black; color: #c0c0c0 }

.com {float:right;  font-family:Cambria, Georgia, serif; font-size: 1.4em; font-style:italic; background: url(img/commentnum.jpg) no-repeat; width: 194px; height: 55px; text-align:right; padding: 0 20px 0 0}

.metadata {float:left; background: url(img/tag.gif) 0 50% no-repeat; padding-left: 12px; font-size: 0.9em;  margin-bottom: 45px;}
.gallery-item img {padding: 5px; background: #404040; border: 1px solid black;}

h2.pagetitle {margin: 20px 0 20px 10px; color: #808080; font-family:Cambria, Georgia, serif; font-size: 2.0em; line-height: 0.9em;}

/* IMG ALIGN CLASSES -------------- */
.post .alignleft{float:left;clear:left; margin:0 10px 0 0; background: #eee; border: 1px solid silver; padding: 3px;}
.post .alignright{float:right;clear:right;margin:0 0 0 10px;background: #eee; border: 1px solid silver; padding: 3px;}
.post .aligncenter {display:block;float:none;clear:both;margin:0 auto 1.571em;background: #eee; border: 1px solid silver; padding: 3px;}
.post .alignnone{display:block;clear:both;margin:0 auto 1.571em 0;}
.post .wp-caption, .attachment img{background-color:#404040;border:0.071em solid #000;text-align:center;padding:0.714em;}
.post .wp-caption p{font-size:1em; text-align:center; margin:10px 0 5px 0; border-top: 1px solid black; border-bottom: 1px solid black; background: white;}
.post .aligncenter img{border:1px solid silver;padding:0;}

.post .storycontent p.attach img {width: 98%; display:block; float:none; clear:both; margin:0 auto; background-color:#404040; border:2px solid #000; padding: 4px}


/* SIDE MENU -------------- */
#menu ul {background:white; }
#menu .textwidget {padding: 8px; margin-bottom: 10px;}

#menu ul ul {margin: 0 0 10px 8px}
#menu ul ul ul {background: none; margin: 0 0 10px 0; padding:0; }

#menu .widgettitle {color: #808080; text-align:center; font-size: 1.3em; border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; font-weight:bold;}

#menu ul ul ul {margin: 0 0 6px 0}
#menu ul ul li {padding: 3px 0; display:block; line-height: 1.2em;}
#menu ul ul li li {padding-left: 15px;}
#menu .widget_rss .widgettitle a {color: #808080;}

/* SEARCH FORM -------------- */
#search {background: url(img/search.gif) no-repeat; width: 170px; height: 27px; margin: 14px 0 0 820px ;}
#s {border: 1px solid #fff; background: white url(img/magnify.gif) 0 50% no-repeat; margin: 2px 0 2px 8px; width: 140px; padding-left: 12px}

/* COMMENTS ------------------------------------- */
h3#comments ,h3#respond{color:#333; margin: 15px 0; text-align:center; font-size: 1.4em; font-weight:normal;  background: #eee; padding: 5px 0; border-bottom: 1px solid silver}

ol.commentlist {list-style:none; margin:0; padding:0;}
ol.commentlist li.comment {margin: 0 10px 30px 10px; padding:0; background: #fff; padding: 10px; clear:both; min-height: 80px; border-bottom: 2px solid #c0c0c0; clear:both;}
ol.commentlist li.comment.alt {background: #eee; border-bottom: 2px solid #808080}
ol.commentlist li.comment .avatar {float:left; margin-right: 10px; display:block; background: white; padding: 4px; border: 1px solid silver}
ol.commentlist li.comment cite {font-size: 1.4em; font-weight: bold;}
ol.commentlist li.comment .says {display:none;}
ol.commentlist li.comment .comment-meta {border-bottom: 1px dashed #eee; margin-bottom: 8px}
ol.commentlist li.comment.alt .comment-meta {border-bottom: 1px dashed #d4dea8;}
ol.commentlist p {margin: 1.2em 0; line-height: 1.2em;}
ol.commentlist .reply {text-align:right; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; }
ol.commentlist .reply a {color: #808080; background: url(img/reply.gif) 100% 50% no-repeat;padding-right: 12px; }
ol.commentlist .reply a:hover {color: black; background: url(img/replyh.gif) 100% 50% no-repeat}
div#respond{border-top: 4px solid silver; background: #f2f2f2; border-bottom: 1px solid silver; padding: 6px 10px; margin: 10px}
div#respond textarea, #author,#email,#url {border: 1px solid silver; background:white;}
div#respond textarea {width: 98%; height: 150px; margin: 10px 0;}
div#respond label {font-weight: normal; letter-spacing: 1px}
div#respond #submit {background: #fff; color:#404040; padding: 8px; border: 1px solid silver; margin: 10px 0;}
#respond h3 {font-size: 1.4em; font-weight:normal; color:#404040; padding: 10px 0 10px 18px; background:url(img/respond.gif) 0 50% no-repeat;}