/*
Theme Name: Black Hat
Theme URI: http://www.nickifaulk.com/free-wordpress-themes/
Description: This is a dark minimalist theme built specifically with WordPress 2.7 in mind, but is backwards compatible with WordPress 2.6.  (Sorry, I will no longer be supporting version 2.5 or older.)  Stickers icons courtesy of DryIcons.  Favicon by Brian Brasher.  Twitter "Follow Me" icon by Josiah Jost.  &nbsp; <strong> *** IMPORTANT!! Don't forget to view the <a href="../wp-content/themes/blackhat/readme.htm">Read Me</a> file! *** </strong>
Version: 1.2
Author: Nicki Faulk
Author URI: http://www.nickifaulk.com
Tags: two-columns, fixed-width, left-sidebar, black, white, blue, dark, threaded-comments, theme-options, sticky-post, microformats




	This theme is released under GNU General Public License (GPL): 	http://www.gnu.org/licenses/gpl.html

	My themes are free to use and modify to your every liking.  However, I ask that you please leave my name and link as credit.  
	This is considered a courtesy, and lets me know that you appreciate the time and efforts put into something for free.
	
	Feel free to add a “modified by” or a similar statement making known that you did all of the additional work.  If you’ve used 
	one of my designs as your template and would like to show me your work, please do!  I love to see what others have done with my themes!  :)




*/

/* Architecture */
html { }

body {
	/*background-color: #242323;*/
background-color: #DEDEDE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #bcbcbc;
}

#wrapper {
	width:970px;
	margin: 0 auto;
	background: #242323;
	padding: 0 0;
	/*background-image:url('http://www.unapologeticallymundane.com/images/stripes_white.png');*/
        /*background-image:url('http://www.unapologeticallymundane.com/images/Damask Grey.gif');*/
background-image:url('http://www.unapologeticallymundane.com/images/Chevron Background Black and White Transparent.jpg');
	background-repeat:repeat;
        background-attachment:fixed;
}

#header {
	/*height: 110px;*/
/*height: 195px;*/
height: 297px;
	/*border-top: 1px solid #E5E5E5;*/
border-top: 3px solid #C36;
	background-color:#242323;
	/*background-image:none;*/
/*background-image:url('http://www.unapologeticallymundane.com/images/Potatoes Black Hat BW Overlay.jpg');*/
background-image: url('http://www.unapologeticallymundane.com/images/Polaroid Header 3 970px.png');
}

#container {
	width: 100%;
}

#content {
	width:680px;
}

#sidebar {
	padding:20px;
	width: 220px;
	float: left;
}

#footer {
	clear: left;
	width: 100%;
	padding:20px 0;
	/*border-top: 1px solid #EFEFEF;*/
border-top: 3px solid #C36;	
	/*border-bottom: 1px solid #E5E5E5;*/
	background-color:#242323;
	background-image:none;
}

#footer p {
	padding:5px 8px;
}

#footer p a:hover {
	text-decoration:none;
	color:#5eb9f3;
}

/* General */
* {
        margin: 0;
        padding: 0;
}

a {
	color: #666666;
	text-decoration: none;
}

a:hover {
	color: #5eb9f3;
	text-decoration: underline;
}

img {
	border: 0;
}


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

.centered, .aligncenter, .center {
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	float:none;
}

.alignnone, .none {
	float:none;
	margin:0;
	padding:0 0 10px 0;
	display:block;
}

.alignright, .right {
	float:right;
	margin:0;
	padding:0 0 10px 10px;
	display:inline;
}

.alignleft, .left {
	float:left;
	margin:0;
	padding:0 10px 10px 0;
	display:inline;
}

.alignleftnav {
	float:left;
	margin:0;
	padding:7px;
	display:inline;
}

.alignrightnav {
	float:right;
	margin:0;
	padding:7px;
	display:inline;
}

div.alignleftnav a, div.alignrightnav a {
	color:#c4c3c3;
}

div.alignleftnav a:hover, div.alignrightnav a:hover {
	text-decoration:none;
	color:#5eb9f3;
}

.wp-caption {
	border:1px solid #454545;
	background-color:#121212;
	margin:5px;
}
	
.wp-caption img {
	margin:5px;
	border:0px;
}

.wp-caption p.wp-caption-text {
	padding-top:5px;
	margin-bottom:5px;
	font-size:10px;
	font-style:italic;
	font-weight:bold;
	line-height:12px;
	text-align:center;
}

.separator {
	color: #CCCCCC;
	margin: 0 5px;
}

.clear {
	clear: both;
	width:100%;
	height:1px;
}

.meta-sep {
	color: #CCCCCC;
	margin: 0 5px;
}

.navigation {
	clear:both;
	width:100%;
	margin-bottom:10px;
}

.navigationpage {
	clear:both;
	width:100%;
	border:1px solid #c4c3c3;
	background-color:#242323;
	margin-bottom:20px;
}

.floater-left {
	float: left;
}

.floater-right {
	float: right;
}

div.floater-left a, div.floater-right a {
	color:#c4c3c3;
	padding:5px;
	background-color:#242323;
	border:1px solid #c4c3c3;
	display: block;
}

div.floater-left a:hover, div.floater-right a:hover {
	text-decoration:none;
	color:#5eb9f3;
}

#access {
	width:100%;
	/*height:89px;*/
/*height:125px;*/
height:65px;
}

/*#theend {
	width:100%;
	height:89px;
}*/

#allowed {
	overflow:hidden;
	width:100%;
	/*border-bottom: 1px solid #E5E5E5;*/
border-bottom: 3px solid #C36;
border-top: 3px solid #C36;
	background-color:#242323;
	background-image:none;
}

#menu ul {
	display: inline; /* Added to fix the double margin in IE6 */
	list-style: none;
}

#menu ul li {
	display: inline; /* Added to fix the double margin in IE6 */
	float: left;
	margin-left: 10px;
	padding: 15px 10px;
}

#menu ul li a:hover {
	color:#bcbcbc;
	text-decoration:none;
}

#menu a {
	display:block;
}

#menu li ul, #menu li ul ul,
#menu li ul ul, #menu li ul ul ul ul
{
	position:absolute;
	float:left;
	left:-999em;
	background-color:#242323;
	border:1px solid #666666;
}

#menu li:hover ul, #menu li.sfhover ul, 
#menu li:hover ul ul, #menu li.sfhover ul ul,
#menu li:hover ul ul ul,  #menu li.sfhover ul ul ul, 
#menu li:hover ul ul ul ul, #menu li.sfhover ul ul ul ul 
{
	left:auto;
}

#menu ul ul li {
	padding:5px 10px;
}


#blog-title {
	font-size: 250%;
	font-weight: normal;
	margin: 40px 0 0 20px;
}

#blog-title a {
	color: #ffffff;
}

#blog-title a:hover {
	text-decoration:none;
}

#blog-description {
	font-size: 120%;
	font-weight: normal;
	/*font-style:italic;*/
	margin: 0 0 0 20px;
}

/* Content */
.page-title {
	margin-bottom: 15px;
	font-weight: normal;
	font-size: 160%;
}

.post, .related {
	/*border:1px solid #c4c3c3;*/
border:3px solid #C36;
/*background:transparent;*/
	/*background-color:#242323;*/
background-color:#ffffff;
	padding:8px;
	margin-bottom: 50px;
}

.entry-title {
	/*width: 450px;*/
width: 600px;
	font-weight: bold;
	font-size: 160%;
	float:left;
}

.entry-title a {
	color: #5eb9f3;
}

.related_post_title {
	/*margin-bottom:10px;*/
	/*color: #c4c3c3;*/
color: #242323;
	/*width: 450px;*/
width: 100%;
	font-weight: bold;
	font-size: 130%;
	float:left;
padding-top:50px;
padding-bottom: 15px;
}

.related ul {
	clear:both;
}

.related ul li {
	margin-left:25px;
	padding:5px;
	list-style-type:none;
}

.more-link {
	display: block;
	margin: 10px 0 0 0;
}

.entry-comments {
	float: right;
	width: 25px;
}

.entry-comments {
	float: right;
	/*background: url(images/cbubble.gif) no-repeat top left;*/
background: url(images/cbubble2.gif) no-repeat top left;
	padding: 3px 1px 7px 5px;
	text-align:center;
}

.entry-comments a {
	padding: 3px 7px 7px 5px;
	color: #ffffff;
}

.entry-comments a:hover {
	color: #FFFFFF;
}

.entry-meta {
	clear:both;
	color: #666666;
	font-size: 90%;
	margin-top: 10px;
}

.entry-categ {
	color: #666666;
	font-size: 90%;
	/*border-bottom: 1px solid #EFEFEF;*/
border-bottom: 1px solid #242323;
	padding-bottom: 5px;
}

.entry-footer {
	color: #666666;
	font-size: 90%;
	border:1px solid #4b4a4a;
	background-color:#343333;
	padding:5px;
}

.entry-footer span {
	color: #CCCCCC;
	margin: 0 5px;
}

.entry-subscribe {
	padding: 5px 5px 5px 26px;
	background: #FAFAFA url(images/rss.gif) no-repeat top left;
	background-position: 6px 6px;
}

.entry-content {
	margin-top: 15px;
	overflow:hidden;
color: #242323;
}

.entry-content p {
color: #242323;
	line-height: 1.5;
margin-top: 10px;
	margin-bottom: 10px;
}

.entry-content h2 {
	font-size: 120%;
	margin-bottom: 5px;
	margin-top: 25px;
}

.entry-content a {
	text-decoration: underline;
}

.entry-content ul, .entry-content ol {
	margin-left: 30px;
	margin-bottom: 10px;
}

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

.sitemap h3 {
	margin:25px 0 10px 20px;
}

.sitemap ul, .sitemap p {
	margin-left:45px;
}

.linkspglist h2 {
	margin-left:15px;
}

.linkspglist ul {
	margin-left:45px;
	margin-bottom:45px;
}

/* Sidebar */


/* Start: QBKL Styles - Added to make styling available even if widgets are not used */

.widget {
	/*border:1px solid #c4c3c3;*/
border:3px solid #C36;
	background-color:#242323;
}

#sidebar h2, #sidebar h3 {
/*display: none;*/
	font-size: 0%;
	font-weight: bold;
	color: #bcbcbc;
	background-color:#343333;
/*background-image: url('http://www.unapologeticallymundane.com/images/Century Bubbles About Button.png');*/
	line-height:24px;
	text-transform: uppercase;
	padding: 0 5px;
}

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

#sidebar ul li {
	margin:0;
	padding:0;
	margin-bottom: 20px;
}

#sidebar ul li ul, #sidebar ul li ul li ul {
	margin:0;
	padding:0;
}

#sidebar ul li ul li {
	margin:0;
	padding:0;
}

#sidebar ul li a, #sidebar ul li ul li a {
	color:#c4c3c3;
}

#sidebar ul li ul li a {
	padding-left:10px;
	line-height:22px;
	display:block;
}

#sidebar ul li ul li a:hover {
	background-color:#4b4a4a;
}

#sidebar ul li ul li ul li {
	padding: 4px 0 0 10px;
	margin: 0;
	border-bottom: none;
}

#cat {
width: 214px;
}

#text-678185641 h3 {
background-image: url('http://www.unapologeticallymundane.com/images/Century Bubbles Blogs Button.png');
height: 43px; 
background-repeat: no-repeat;
background-position: 5px 0px;
}

#categories-3 h3 {
background-image: url('http://www.unapologeticallymundane.com/images/Century Bubbles Categories Button.png');
height: 43px; 
background-repeat: no-repeat;
background-position: 5px 0px;
}

#archives-2 h3 {
background-image: url('http://www.unapologeticallymundane.com/images/Century Bubbles Archives Button.png');
height: 43px; 
background-repeat: no-repeat;
background-position: 5px 0px;
}

#text-673096591 h3 {
background-image: url('http://www.unapologeticallymundane.com/images/Century Bubbles Connect Button.png');
height: 43px; 
background-repeat: no-repeat;
background-position: 5px 0px;
}

#text-678279324 h3 {
background-image: url('http://www.unapologeticallymundane.com/images/Century Bubbles Search Button.png');
height: 43px; 
background-repeat: no-repeat;
background-position: 5px 0px;
}

#text-678279326 h3 {
background-image: url('http://www.unapologeticallymundane.com/images/Century Bubbles Subscribe Button.png');
height: 43px; 
background-repeat: no-repeat;
background-position: 5px 0px;
}

#text-678279327 h3 {
background-image: url('http://www.unapologeticallymundane.com/images/Century Bubbles About Button.png');
height: 43px; 
background-repeat: no-repeat;
background-position: 5px 0px;
}

#text-678279328 h3 {
background-image: url('http://www.unapologeticallymundane.com/images/Century Bubbles Friends Button.png');
height: 43px; 
background-repeat: no-repeat;
background-position: 5px 0px;
}

/* End: QBKL Styles */

#rss-links ul li {
	background: url(images/rss.gif) no-repeat top left;
	padding-left: 22px;
	background-position: 1px 4px;
}

#recentcomments li.recentcomments {
	padding-left:5px;
}

.textwidget {
	padding:5px;
}

.textwidget p {
	margin-bottom: 10px;
}

.textwidget a {
	text-decoration: underline;
}

.widget_tag_cloud {
	text-align:center;
}

.widget_tag_cloud h3 {
	text-align:left;
}

.widget_tag_cloud a {
	text-transform: lowercase;
	text-align:center;
	padding-left:2px;
	padding-right:2px;
}

#wp-calendar {
	margin:0 auto;
}

#wp-calendar caption {
	padding: 5px 0;
	margin-bottom: 5px;	
}

#wp-calendar td {
	padding: 4px 6px;
	color: #999999;
}

#wp-calendar td a {
	font-weight: bold;
}

#wp-calendar #next {
	text-align: right;
}

/* Comments */
#comments {

}

#comments p {
	margin:10px;
}

.comments {
	margin-top: 30px;
	/*border:1px solid #c4c3c3;*/
border:3px solid #C36;
	background-color:#242323;
	padding:8px;
	margin-bottom: 50px;
}

.comments h3 {
	font-size: 130%;
	/*margin-bottom: 10px;*/
	color: #c4c3c3;
}

.comments ol {
	list-style: none;
}

.comments ol li {
	padding: 10px;
	background: #343333;
        /*margin-top: 2px;*/
margin-top: 10px;
/*margin:0px 0px 0px 0px;*/
}

.comments ol li.bypostauthor {
	/*background-color:#34363c;*/
background-color:#3F3F3F;
}

.comment-author {
	font-weight: bold;
}

.comment-author a {
	color:#bcbcbc;
}

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

.unapproved {
	font-style: italic;
	color:#E09CA2;
}

#respond {
	margin-top: 30px;
	border:1px solid #c4c3c3;
	background-color:#242323;
	padding:8px;
}

#respond h3 {
	color: #c4c3c3;
}
	
.formcontainer {
	margin-top: 10px;
	margin-bottom: 10px;
}

#comment-notes {
	margin-bottom: 10px;
}

.form-label {
	margin-bottom: 2px;
}

.form-input, .form-textarea {
	margin-bottom: 10px;
}

.form-input input, .form-textarea textarea {
	padding: 5px;
	background: #FAFAFA;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.form-textarea input {
	width: 280px;
}

.form-textarea textarea {
	width: 350px;
}

.form-input input:hover {
	background-color: #FFFFFF;
}

.form-submit input {
	padding: 2px 5px;
}

.children li, .reply{
	margin:0;
	padding:0;
	border: none;
	/*padding-left: 3em;*/
	list-style:none;
}
.children li ul {
padding-left: 3em;
}

.children li div .reply {
padding-left: 5em;
}

input#s, input#author, input#email, input#url, textarea#comment {
	color:#a3a3a3;
	background-color:#343333;
	border:1px solid #4b4a4a;
	width:150px;
	padding:1px 2px;
}

textarea#comment {
	width:350px;
	height:150px;
}

input#searchsubmit {
	vertical-align:middle;
	padding:0 5px;
}

code {
	font-family:"Courier New", Courier, monospace;
	display:block;
	padding:5px;
	border:1px solid #545454;
	background-color:#24272d;
	width:90%;
	margin:15px auto;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }

blockquote, blockquote blockquote {
	background:#191919;
	border:1px solid #060606;
	padding:5px 15px;
	margin:10px 10px 5px 15px;
	font-style:italic;
	color:#ffffff;
}

blockquote blockquote {
	color:#a4a4a4;
}

strong.search-excerpt {color:#242323; background-color:#5eb9f3; padding-left:2px; padding-right:2px;}  

#akismetwrap {
	padding:5px;
}

#akismetstats {
	margin-left:auto;
	margin-right:auto;
}

/* #headermap {display:block; width:468px; height:100px; background-image: url('http://www.unapologeticallymundane.com/images/Blog Bar 100.gif'); position:relative; }
a#UM {display:block; width:134px; height:100px; padding-top:0px; overflow:hidden; position:absolute;}
a#d4d {display:block; width:100px; height:100px; padding-top:0px; overflow:hidden; position:absolute;}
a#LLL {display:block; width:133px; height:100px; padding-top:0px; overflow:hidden; position:absolute;}
a#Examiner {display:block; width:100px; height:100px; padding-top:0px; overflow:hidden; position:absolute;} 

a#UM {left:0px; top:0px; background:transparent url(http://www.unapologeticallymundane.com/images/transparent65x29.gif) }
a#d4d {left:135px; top:0px; background:transparent url(http://www.unapologeticallymundane.com/images/transparent65x29.gif) }
a#LLL {left:235px; top:0px; background:transparent url(http://www.unapologeticallymundane.com/images/transparent65x29.gif) }
a#Examiner {left:368px; top:0px; background:transparent url(http://www.unapologeticallymundane.com/images/transparent65x29.gif) } 

a#UM:hover {background-image: url('http://www.unapologeticallymundane.com/images/UM 100.gif'); repeat: no-repeat;}
a#d4d:hover {background-image: url('http://www.unapologeticallymundane.com/images/d4d 100.gif');}
a#LLL:hover {background-image: url('http://www.unapologeticallymundane.com/images/LLL 100.gif');}  
a#Examiner:hover {background-image: url('http://www.unapologeticallymundane.com/images/Examiner 100.gif');}

<div id="headermap"><a id="UM" href="http://www.unapologeticallymundane.com" alt="My Personal Blog"></a><a id="d4d" href="http://www.donuts4dinner.com" alt="My Food Blog"></a><a id="LLL" href="http://lostandlonelyleftovers.com" alt="Abandoned Foodstuffs"></a><a id="Examiner" href="http://www.examiner.com/x-3830-NY-Public-Transportation-Examiner" alt="My Examiner.com Blog" target="_blank"></a></div> */


#headermap {display:block; width:134px; height:400px; background-image: url('http://www.unapologeticallymundane.com/images/Blog Bar Vertical Layers.gif'); position:fixed; right: 0px; top: 250px; border-top: 3px solid #CC3366; border-left: 3px solid #CC3366; border-bottom: 3px solid #CC3366;}
a#UM {display:block; width:134px; height:100px; padding-top:0px; overflow:hidden; position:absolute;}
a#d4d {display:block; width:134px; height:100px; padding-top:0px; overflow:hidden; position:absolute;}
a#LLL {display:block; width:133px; height:100px; padding-top:0px; overflow:hidden; position:absolute;}
a#Examiner {display:block; width:134px; height:100px; padding-top:0px; overflow:hidden; position:absolute;} 

a#UM {left:0px; top:0px; background:transparent url(http://www.unapologeticallymundane.com/images/transparent65x29.gif) }
a#d4d {left:0px; top:100px; background:transparent url(http://www.unapologeticallymundane.com/images/transparent65x29.gif) }
a#LLL {left:0px; top:200px; background:transparent url(http://www.unapologeticallymundane.com/images/transparent65x29.gif) }
a#Examiner {left:0px; top:300px; background:transparent url(http://www.unapologeticallymundane.com/images/transparent65x29.gif) } 

a#UM:hover {background-image: url('http://www.unapologeticallymundane.com/images/UM 100.gif'); repeat: no-repeat;}
a#d4d:hover {background-image: url('http://www.unapologeticallymundane.com/images/d4d 134.gif');}
a#LLL:hover {background-image: url('http://www.unapologeticallymundane.com/images/LLL 100.gif');}  
a#Examiner:hover {background-image: url('http://www.unapologeticallymundane.com/images/Examiner 134.gif');}

<div id="headermap"><a id="UM" class="snap_noshots" href="http://www.unapologeticallymundane.com" alt="My Personal Blog"></a><a id="d4d" class="snap_noshots" href="http://www.donuts4dinner.com" alt="My Food Blog"></a><a id="LLL" class="snap_noshots" href="http://lostandlonelyleftovers.com" alt="Abandoned Foodstuffs"></a><a id="Examiner" class="snap_noshots" href="http://www.examiner.com/x-3830-NY-Public-Transportation-Examiner" alt="My Examiner.com Blog" target="_blank"></a></div>








#bgtop
{
    z-index: -1;
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 50%;
    margin: 0;
    padding: 0;
    background-color: #333333;
    border-bottom: 6px solid #cccccc;
    /* for IE */
    _position:absolute;
    _top:expression(eval(document.body.scrollTop));
    
}

#rsslinks
{
    position: fixed;
    z-index: 15;
    top: 0;
    right: 0;
    left: 0;
    padding: 4px 10px;
    margin: 0px;
    font-size: 10pt;
    background-color: #333333;
    color: #ffffff;
    font-size: 9pt;
    font-weight: bold;
    text-align: right;
    opacity: 0.95;
    filter: alpha(opacity = 95);
    border-style: none;
}

#rsslinks .capsule
{
    /* firefox likes padding here */
    float: right;
    margin-right: 5px;
    padding: 2px 10px !important;
    background-color: #000000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#rsslinks A
{
    color: #ffffff;
}

#fbComments
{
background-color: #ffffff;
font-size: 16px;
font-weight: bold;
color: #000000;
}