/* 
Theme Name:Scumlife Hacked Default
Theme URI:http://getmoxied.net
Description:<a href="http://binarybonsai.com/kubrick/">Kubrick</a> theme hacked the fuck up by <a href="http://www.getmoxied.net">Nert Reynolds</a>
Version:1.5
Author:Michael Heilemann | Nert Reynolds
Author URI:http://getmoxied.net
*/

/* Begin Typography & Colors 
---------------------------------------------------------------------------------------------------------------------------------------------*/
body{font-size:62.5%; font-family: Arial, Helvetica, sans-serif; background:transparent url('images/bodybg.jpg'); color:#333;text-align:center;}
#page{text-align:left;}
#header{background-color:#73a0c5;}
#headerimg h1{text-indent:-9999px;}
#header h1{text-indent:-9999px;}
.description{text-indent:-9999px;}
#content{font-size:1.2em}
.widecolumn .entry p{font-size:1.05em;}
.narrowcolumn .entry,.widecolumn .entry{line-height:1.4em;}
.widecolumn{line-height:1.6em;}
.narrowcolumn .postmetadata{text-align:center;}
.alt{background-color:#f8f8f8;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
small{font-size:0.9em;line-height:1.5em;}
h1,h2,h3{color:#F06C5C;font-weight:normal;font-family: Arial, Helvetica, sans-serif;font-weight:bold;text-transform:uppercase;}
h1{font-size:4em;}
.description{font-size:1.2em;text-align:center;}
h2{font-size:1.6em;}
h2.pagetitle{font-size:1.6em;}
#sidebar h2{font-size:1.2em;}
h3{font-size:1.3em;}
h1,h1 a,h1 a:hover,h1 a:visited,.description{text-decoration:none;}
h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited{color:#000000;}
h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,#sidebar h2,#wp-calendar caption,cite{text-decoration:none;padding-top:56px;}
.entry p a:visited{color:#999;}
.commentlist li,#commentform input,#commentform textarea{font:0.9em 'Lucida Grande',Verdana,Arial,Sans-Serif;}
.commentlist li{font-weight:bold;}
.commentlist cite,.commentlist cite a{font-weight:bold;font-style:normal;font-size:1.1em;}
.commentlist p{font-weight:normal;line-height:1.5em;text-transform:none;}
.commentmetadata{font-weight:normal;}
.entry p{margin:0 110px 0 0;}
#sidebar{font:1em;}
small,#sidebar ul ul li,#sidebar ul ol li,.nocomments,.postmetadata,blockquote,strike{color:#777;}
code{font:1.1em 'Courier New',Courier,Fixed;}
acronym,abbr,span.caps{font-size:0.9em;letter-spacing:.07em;}
a,h2 a:hover,h3 a:hover{color:#33CCFF;text-decoration:none;}
a:hover{color:#555;}
#wp-calendar #prev a{font-size:9pt;}
#wp-calendar a{text-decoration:none;}
#wp-calendar caption{font:bold 1.3em; text-align:center;}
#wp-calendar th{font-style:normal;text-transform:capitalize;}
.friends{font-size:16px;margin:0 0 5px 50px;list-style-type:square;}
.friends a:hover{border-bottom:1px dotted #000;}


/* Begin Structure
--------------------------------------------------------------------------------------------------------------------------------------------- */
body{margin:0;padding:0;}
#page{margin:0px auto;padding:0;width:1036px;}
#header{padding:0;margin:0 auto;height:406px;width:100%;background: url('images/headerbg.png') top left no-repeat ;}
.narrowcolumn{float:left;padding:0 0 20px 5px;margin:0px 0 0; width:555px;}
.widecolumn{background:transparent url('images/store-bg2.png') repeat-y; padding:0 18px;margin:0 0 0 36px;width:924px;}
.post{margin:0 10px 40px;padding-bottom:47px;background:transparent url('images/horizontal_line.png') bottom left repeat-x;}
.widecolumn .post{margin:0;}
.narrowcolumn .postmetadata{padding-top:5px; }
.widecolumn .postmetadata{margin:30px 0;}
.widecolumn .smallattachment{text-align:center;float:left;width:128px;margin:5px 5px 5px 0px;}
.widecolumn .attachment{text-align:center;margin:5px 0px;}
.postmetadata{clear:left;}
#footer{background:transparent url(images/footer.png) repeat-x scroll left bottom;clear:both;height:276px;margin:0 auto 3px 55px;padding:20px 0 0 10px;width:942px;}
p.copyright{font-size:1.2em; font-weight:bold; margin:0 29px 5px 0; text-align:right;}
#footer p{margin:0;padding:20px 0;text-align:center;}
#page-bg{background:transparent url('images/page-bg.jpg') repeat-y scroll 46px 0;}
#slimbar{padding:0 32px 0 19px;width:122px;float:left;clear:both;margin:0 0 0 34px;}
#top-nav{margin:5px 0 0 3px;height:300px;width:1200px;}
#top-nav div{float:left;}
#top-nav a em{text-indent:-9999px;position:absolute;}
#top-nav a:hover{background-position:-3px top;}
a.scumlife-btn{background:transparent url('images/scumlife-btn.png') no-repeat scroll left top;display:block;height:205px;width:235px;}
a.blog-btn{background:transparent url('images/blog-btn.png') no-repeat scroll left top;display:block;height:197px;width:264px;margin:-3px 0 0 -53px;}
a.store-btn{position:absolute;z-index:1;margin:47px 0 0 -53px;background:transparent url('images/store-btn.png') no-repeat scroll left top;display:block;height:187px;width:164px;}
a.radiobelly-btn{margin:15px 0 0 54px; background:transparent url('images/radiobelly-btn.png') no-repeat scroll left top;display:block;height:220px;width:173px;}
a.friends-btn{position:absolute;z-index:3; margin:28px 0 0 -61px; background:transparent url('images/friends-btn.png') no-repeat scroll left top;display:block;height:220px;width:140px;}
a.contact-btn{position:absolute;z-index:2; margin:33px 0 0 35px; background:transparent url('images/contact-btn.png') no-repeat scroll left top;display:block;height:220px;width:130px;}
.wolfbox-div{padding:23px 0 0 54px;margin:38px 0 0 120px;background:transparent url('images/wolfbox.png') no-repeat scroll left top;display:block;height:155px;width:285px;}
a.wolfbox-btn{margin:20px 0 0 -19px;background:transparent url('images/wolfword-btn.png') no-repeat scroll left top;display:block;height:63px;width:151px;}
.author{color:#555;}
.author strong{text-transform:uppercase;}

/* Store
---------------------------------------------------------------------------------------------------------------------------------------------*/
.widecolumn h1, .widecolumn h2{ font-family: Georgia,'Times New Roman',Times,serif;}
.widecolumn h1{ line-height:1em;color:#333; font-size:1.8em;text-align:right;margin:0;padding:0;font-style:italic;}
.widecolumn h2{text-transform:none; color:#777; font-familt:'Courier'; font-size:1.3em;text-align:right;margin:20px 0 0 0;padding:0;line-height:23px;font-weight:normal;}
.widecolumn h3{color:#000;}
.widecolumn table{margin:0 0 30px 0;padding-bottom:20px;background:transparent url('images/horizontal_line.png') bottom left repeat-x;}
.widecolumn td:first-child {vertical-align:top;}
.widecolumn td {vertical-align:bottom;}
.widecolumn form table{background:none;}

/* Form
---------------------------------------------------------------------------------------------------------------------------------------------*/
#contact-area{margin:0 -17px; padding:30px 0 0 0;width:233px;height:120px; background:transparent url('images/form.png') no-repeat;}
#contact-area input{font-size:1.3em;background:transparent;border:none;margin:7px 0 -3px 19px;padding:2px;width:121px;font-family:Helvetica,sans-serif;}
#contact-area textarea{height:90px;}
#contact-area textarea:focus,#contact-area input:focus{border:2px solid #900;}
#contact-area input.submit-button{margin:23px 0 0;width:74px;float:right;}
label{float:left;text-align:right;margin-right:15px;width:45px;padding-top:5px;font-size:1.4em;text-indent:-9999px;}


/* Slimbar
---------------------------------------------------------------------------------------------------------------------------------------------*/
#slimbar .album{width:119px;margin:0 0 20px 18px;}
#slimbar .album p{font-family: Arial, Helvetica, sans-serif;text-align:center;font-weight:normal;font-size:1.3em;margin:3px 0; padding:0;text-transform:uppercase; }

/* Twit Bull
---------------------------------------------------------------------------------------------------------------------------------------------*/
#twit-bull{margin:14px -75px 0;width:388px;height:274px;background:transparent url('images/twitter_feed.png') no-repeat;float:left;}
#twit-bull p{padding:96px 39px 47px 196px;line-height:16px;}
#my_twitter_status{font-size:12px;font-weight:bold;}
#my_twitter_status_time{color:#777;font-size:10px;font-weight:bold;}
#twit-bull p a{color:blue; font-weight:bold; border-bottom:1px solid #999;}

/* Posts
---------------------------------------------------------------------------------------------------------------------------------------------*/
#date-bubble{float:right; width:75px;height:73px;padding:43px 0 0 40px;background:transparent url('images/datebubble.png') no-repeat;padding:;}
#date-bubble p{font-family: Charcoal, Chicago, sans-serif;font-weight:bold;text-transform:uppercase;padding:0;color:#FFF;text-align:center;margin:2px 49px 0 0;}

/* Begin Headers 
---------------------------------------------------------------------------------------------------------------------------------------------*/
h1{padding-top:70px;margin:0;}
.description{text-align:center;}
h2.pagetitle{margin-top:30px;text-align:center;}
#sidebar h2{margin:5px 0 0;padding:0;}
h3{padding:0;margin:30px 0 0;}
h3.comments{padding:0;margin:40px auto 20px ;}

/* Begin Images
--------------------------------------------------------------------------------------------------------------------------------------------- */
p img{padding:0;max-width:100%;}
/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center",being much more futureproof (and valid) */
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{padding:4px;margin:0 0 2px 7px;display:inline;}
img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline;}
.alignright{float:right;}
.alignleft{float:left}

/* Begin Lists
--------------------------------------------------------------------------------------------------------------------------------------------- */
html>body .entry ul{margin-left:0px;padding:0 0 0 30px;list-style:none;padding-left:10px;text-indent:-10px;}
html>body .entry li{margin:7px 0 8px 10px;}

.entry ul li:before,#sidebar ul ul li:before{content:"\00BB \0020";}
.entry ol{padding:0 0 0 35px;margin:0;}
.entry ol li{margin:0;padding:0;}
.postmetadata ul,.postmetadata li{display:inline;list-style-type:none;list-style-image:none;}
#sidebar ul,#sidebar ul ol{margin:0;padding:0;}
#sidebar ul li{list-style-type:none;list-style-image:none;margin-bottom:15px;font-size:13px;}
#sidebar ul li a{color:#555;}
#sidebar ul li a:hover {color:#333;}
#sidebar ul p,#sidebar ul select{margin:5px 0 8px;}
#sidebar ul ul,#sidebar ul ol{margin:5px 0 0 10px;}
#sidebar ul ul ul,#sidebar ul ol{margin:0 0 0 10px;}
ol li,#sidebar ul ol li{list-style:decimal outside;}
#sidebar ul ul li,#sidebar ul ol li{margin:3px 0 0;padding:0;}

/* Begin Form Elements
--------------------------------------------------------------------------------------------------------------------------------------------- */
#searchform{margin:10px auto;padding:5px 3px;}
#sidebar #searchform #s{width:115px;padding:2px;}
#sidebar #searchsubmit{padding:1px;}
.entry form{/* This is mainly for password protected posts,makes them look better. */
text-align:center;}
select{width:130px;}
#commentform{width:445px;margin:0 0 0 83px;}
#respond{margin-left: 20px;}
#commentform input{width:170px;padding:2px;margin:5px 5px 1px 0;}
#commentform textarea{width:100%;padding:2px;}
#commentform #submit{margin:0;float:right;}

/* Begin Comments
---------------------------------------------------------------------------------------------------------------------------------------------*/
.alt{margin:0;padding:10px;}
.commentlist{padding:0;text-align:justify;}
.commentlist li{margin:15px 0 3px;padding:5px 10px 3px;list-style:none;}
.commentlist p{margin:10px 5px 10px 0;}
#commentform p{margin:5px 0;}
.nocomments{text-align:center;margin:0;padding:0;}
.commentmetadata{margin:0;display:block;}

/* Begin Sidebar 
---------------------------------------------------------------------------------------------------------------------------------------------*/
#sidebar{padding:0 0 0 33px;margin-left:753px;width:248px;}
#sidebar form{margin:0;}
.soc-btn{margin:10px 0 0 -28px ;}

/* Begin Calendar 
---------------------------------------------------------------------------------------------------------------------------------------------*/
#wp-calendar{empty-cells:show;margin:10px auto 0;width:155px;}
#wp-calendar #next a{padding-right:10px;text-align:right;}
#wp-calendar #prev a{padding-left:10px;text-align:left;}
#wp-calendar a{display:block;}
#wp-calendar caption{text-align:center;width:100%;}
#wp-calendar td{padding:3px 0;text-align:center;}
#wp-calendar td.pad:hover{/* Doesn't work in IE */
background-color:#fff;}

/* Begin Various Tags & Classes 
---------------------------------------------------------------------------------------------------------------------------------------------*/
acronym,abbr,span.caps{cursor:help;}
acronym,abbr{border-bottom:1px dashed #999;}
blockquote{margin:15px 30px 0 10px;padding-left:20px;border-left:5px solid #ddd;}
blockquote cite{margin:5px 0 0;display:block;}
.center{text-align:center;}
hr{display:none;}
a img{border:none;}
.navigation{display:block;text-align:center;margin-top:10px;margin-bottom:60px;}

/* Social Networking Div in sidebar
---------------------------------------------------------------------------------------------------------------------------------------------*/
#soc-network{margin:0 0 0 -27px;padding:125px 0 0 32px; height:326px; width:242px; background: url("images/myspace.png") no-repeat;}
#soc-network em{text-indent:-9999px;position:absolute;}
a.facebook-btn, a.twitter-btn, a.myspace-btn{padding:20px 0 0 0;display:block; width:200px; height:13px; background-color: transparent;}