/*
Theme Name: Sleeper
Description: Black Grey and White
Author: Jason Sanzone
Author URI: http://www.jetpacked.com
Version: release 1.0

<script type="text/javascript">

var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");

document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

</script>

<script type="text/javascript">

var pageTracker = _gat._getTracker("UA-242705-18");

pageTracker._trackPageview();

</script>



*/

/* ========== ALL ELEMENTS */
*{margin:0;padding:0;}
a{outline:none;border:none;}
img{border:none;}
input{vertical-align:middle;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE Mac \*/.clearfix{display:block;}/* End hide from IE Mac */

.floatleft{float:left !important;}
.floatright{float:right !important;}

acronym, abbr{cursor: help;}

/* ========== BODY */
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
text-decoration: none;
background:#3f3f3f url(images/bg.gif) top center repeat-y;
margin:0;
padding:0;
min-width: 900px;
}

/* ========== WRAPPER */
#wrapper{
width:870px;
margin:0 auto;
}

/* ========== TOPDIV */
#topdiv{
width:870px;
height:47px;
background:url(images/hbg.gif) left top repeat-x;
position:relative;
}

/* ========== DESCRIPTION */
.description{
font-size:11px;
color:#ffffff;
text-align:right;
line-height:47px;
padding-right:10px;
padding-right:110px;
}

.mt{
width:0px;
height:0px;
text-indent:-2000em;
display:block;
background:url() left top no-repeat;
position:absolute;
right:45px;
top:15px;
}

.mint{
width:60px;
height:19px;
text-indent:-2000em;
display:block;
margin-left:5px;
margin-right:5px;
background:url(images/jp.gif) left top no-repeat;
position:absolute;
right:15px;
top:15px;
}

/* ========== HEADER */
#header{
width:870px;
height:89px;
clear:both;
background:url(images/hbg2.gif) left top repeat-x;
position:relative;
}

/* ========== LOGO */
#header h1 a{
line-height:89px;
color:#ffffff;
font-size:32px;
text-decoration:none;
padding-left:10px;
}

#header h1 a:hover{
text-decoration:none;
}

/* ========== SEARCH */
#searchform{
position:absolute;
right:10px;
top:30px;
}

.searchbox{
width:228px;
height:22px;
background:url(images/sbg.gif) left top no-repeat;
border:none;
padding-top:8px;
padding-left:8px;
color:#474747;
font-size:11px;
overflow:hidden;
}

/* ========== CONTAINER */
#container{
clear:both;
}

/* ========== CONTENT */
#content{
width:577px;
float:left;
display:inline;
}

/* ========== SIDEBAR */
#sidebar{
width:293px;
float:right;
display:inline;
}

/* ========== POST */
.post, .page{
clear:both;
margin-bottom:20px;
}

.post h1, .pagetitle, h2.pagetitle{
background:#000000;
line-height:33px;
border-bottom:1px solid #696969;
font-size:18px;
text-indent:15px;
color:#ffffff;
}

.page h1{
background:#000000;
line-height:33px;
border-bottom:1px solid #696969;
font-size:18px;
text-indent:15px;
color:#ffffff;
margin-bottom:15x !important;
clear:both;
display:block;
}

.post h1 a, .pagetitle a, .page h1 a{
color:#ffffff;
text-decoration:none;
}

.post h1 a:hover, .pagetitle a:hover, .page h1 a:hover{
color:#ffffff;
text-decoration:none;
}

.post-tools{
background:#d8d8d8;
margin-bottom:25px;
padding:0 15px;
margin-right:1px;
}

.post-tools p{
color:#000000;
font-size:11px !important;
line-height:32px !important;
padding:0 !important;
margin:0 !important;
}

.post-tools a{
color:#000000;
text-decoration:none;
}

.post-tools a:hover{
color:#000000;
text-decoration:none;
}

.post-content{
padding:0 15px;
clear:both;
}

.page-content{
padding:15px;
clear:both;
}

.post p, .page p{
font-size:12px;
color:#000000;
margin-bottom:15px;
line-height:20px;
}

.post ul, .post ol, .page ul, .page ol{
margin-left:10px;
margin-bottom:20px;
}

.post ul li, .post ol li, .page ul li, .page ol li{
font-size:12px;
line-height:20px;
list-style-position:inside;
}

.post ul li a, .post ol li a, .page ul li a, .page ol li a, .post-content a{
color:#4f941c;
text-decoration:none;
}

.post ul li a:hover, .post ol li a:hover, .page ul li a:hover, .page ol li a:hover, .post-content a:hover{
color:#4f941c;
text-decoration:underline;
}

/* ========== SIDEBAR */
#sidebar li{
list-style:none;
}

#sidebar h2{
line-height:33px;
font-size:13px;
color:#ffffff;
border-bottom:1px solid #292929;
padding-left:7px;
}

* html #sidebar h2{
padding-left:0 !important;
margin-left:-10px !important;
}

#sidebar li ul li{
padding-left:10px;
background:url(images/sbli.gif) left top repeat-x;
line-height:33px;
color:#6b6b6b;
font-size:12px;
width:283px;
}

#sidebar li ul li a{
color:#6b6b6b;
text-decoration:none;
display:block; /* in style for some specific sidebar element remove this to not have problems with appearance */
}

#sidebar li ul li a:hover{
color:#ffffff;
text-decoration:none;
background:url(images/sblih.gif) left top repeat-x;
}

/* ========== ADDITIONAL STYLES ========== */
blockquote, blockquote p{
color:#5a5a5a !important;
margin: 15px 0 15px 10px !important;
font-style:italic !important;
font-size:12px;
line-height:20px;
}

code, code p{
font: 12px 'Courier New', Courier, Fixed !important;
line-height:20px !important;
color:#000000 !important;
margin-bottom:15px !important;
border:1px solid #dddddd !important;
background:#e7e7e7 !important;
display:block !important;
padding:10px !important;
}

acronym, abbr, span.caps{
font-size: 10px !important;
}

blockquote cite, blockquote cite p{
margin: 5px 0 0 !important;
display: block !important;
color:#5a5a5a !important;
}

/* ========== PREVIOUS / NEXT */
.navigation{
margin-top:10px;
margin-bottom:10px;
}

.previous a{
width:116px;
height:16px;
display:block;
float:left;
text-indent:-2000em;
background:url(images/previous.gif) left top no-repeat;
margin-left:20px;
display:inline;
}

.next a{
width:88px;
height:15px;
display:block;
float:right;
text-indent:-2000em;
background:url(images/next.gif) right top no-repeat;
margin-right:20px;
display:inline;
}

.post img{
margin: 0 5px;
padding: 4px;
border: 1px solid #ccc;
max-width: 100%;
}

.center{
text-align: center;
}

.alignright{
float: right;
}
	
.alignleft{
float: left
}

img.center, img[align="center"]{
display: block;
margin-left: auto;
margin-right: auto;
}
	
img.alignright, img[align="right"]{
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft, img[align="left"]{
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
	
img.noborder{
border: none !important;
}

/* ========== COMMENTS */
h3#comments{
background:#d8d8d8;
padding:0 15px;
margin-right:1px;
color:#000000;
font-size:11px;
line-height:32px !important;
}

h3#respond{
background:#d8d8d8;
padding:0 15px;
margin-right:1px;
margin-top:10px;
margin-bottom:15px;
color:#000000;
font-size:11px;
line-height:32px !important;
}

.comhead{
color:#000000;
font-size:11px;
line-height:13px;
margin-bottom:10px;
font-weight:bold;
}

.comhead a{
color:#cccccc;
text-decoration:none;
}

.comhead a:hover{
text-decoration:none;
}

.comhead em{
font-weight:bold;
}

.commentlist a{
color:#000000;
text-decoration:none;
}

.commentlist a:hover{
text-decoration:none;
}

.commentlist li{
list-style:none;
padding:10px;
background:#f7f7f7;
border-bottom:1px solid #d8d8d8;
}

.commentlist p{
font-size:11px;
color:#000000;
line-height:15px;
margin-bottom:10px;
}

.alt{
background:#ececec !important;
border-bottom:1px solid #e4e4e4 !important;
}

.comi{
margin-bottom:10px;
}

#commentform input{
padding:2px;
font-size:11px;
color:#444444;
font-weight:bold;
}

#commentform p{
font-size:11px;
color:#444444;
margin-bottom:5px;
}

#commentform a{
text-decoration:none;
color:#000000;
}

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

#commentform{
padding:5px 15px;
}

textarea#comment{
width:500px;
margin-bottom:10px;
}