/* @override http://static.yeahrightkeller.com/style.css */

/* based on: Fluid Theme v1.0, June 22nd 2009, Metalab Design http://www.metalabdesign.com */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

* {
outline: none;
-moz-outline: none;
}

.clear{
	clear:both;
	height:1px;
	margin-bottom:-1px;
}

body{
background: #000 url('http://static.yeahrightkeller.com/colors_background.png') top left fixed;
      
color:#fff;
font-size:12px;
font-family:  "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Geneva, Verdana, sans-serif ;
text-shadow: #000 0px 1px 0px;
}

#wrap{
width: 905px;
padding-left:28px;
padding-right:28px;
margin:0 auto;
position:relative;
overflow:hidden;
}


#title{
height: 109px;
background: url(http://static.tumblr.com/xsp9wak/Shikloi1h/background-title.png) repeat-x center top;
float:left;
position:relative;
margin-left:68px;
margin-top:40px;
text-shadow: #000 0px 2px 0px;  

}

#title h1{
font-size:42px;
font-weight:bold;
text-shadow: #fff 0px 1px 0px;
margin-top:15px;
padding-left:5px;
padding-right:5px;

}

#title a{
text-decoration:none;
color:#fff;
font-weight:bold;
text-shadow: #fff 0px 1px 0px;
padding:0;
display:block;
}

#title b{
height:93px;
width:36px;
position: absolute;
top:0px;
}

#title b.left{
background: url(http://static.tumblr.com/xsp9wak/Shikloi1h/background-title.png) top left;
left:-36px;
}

#title b.right{
background: url(http://static.tumblr.com/xsp9wak/Shikloi1h/background-title.png) top right;
right:-36px;  
}


#container-top{
width:873px;
height:92px;
background: url(http://static.tumblr.com/xsp9wak/PlYkloi25/background-main-top-bottom.png) top left;
float:right;
margin-top:-25px;
}

#container-bottom{
width:873px;
height:78px;
background: url(http://static.tumblr.com/xsp9wak/PlYkloi25/background-main-top-bottom.png) no-repeat bottom left;
display:block;
float:right;
margin-bottom:30px;
position:relative;
}

#container-bottom a#metalab-link{
position:absolute;
top:5px;
right:30px;
width:230px;
height:40px;
text-indent:-9999em
}

#container-bottom #hidden_navinfo{display:none;}

#container-bottom #classic-pagination a{
display:block;
text-indent:-99999em;
position:absolute;
}

#container-bottom #classic-pagination #next-page{
background: url(http://static.tumblr.com/xsp9wak/0Hoklonlk/button-next.png) no-repeat top left;
width:99px;
height:50px;
top:1px;
left:460px;
}

#container-bottom #classic-pagination #prev-page{
background: url(http://static.tumblr.com/xsp9wak/t0dklonr9/button-prev.png) no-repeat top left;
width:98px;
height:50px;
top:1px;
left:18px;
}

#container-bottom #load-more-posts{
position:absolute;
width:230px;
height:50px;
display:block;
background: url(http://static.tumblr.com/xsp9wak/LoBkloiw9/background-load-more-posts.png) no-repeat bottom left;
top:1px;
left:17px;
font-weight:bold;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; 
font-size:16px;
color:#fff;
text-decoration:none;
cursor:pointer;
display:none;
}

#container-bottom #load-more-posts .spinner{
width:32px;
height:32px;
background:url(http://static.tumblr.com/xsp9wak/8aUkloi38/new-spinner.gif) no-repeat top left;
display:block;
margin-left:20px;
margin-top:9px;
float:left;
}


#container-bottom #load-more-posts p{ 
margin-top:15px;
float:right;
padding-right:15px;
} 

#container{
width:873px;
background: url(http://static.tumblr.com/xsp9wak/kdbkloi3k/background-main-repeat.png) repeat-y top left;
float:right;  
}

#content{
margin-top:-50px;
margin-left:30px;
}

#posts{
float:left;
width:525px;
}

#sidebar{
float:right;
margin-right:33px;
margin-top:5px;
width:268px;
margin-bottom:40px;
}

#sidebar .section {
	clear: both;
	margin-bottom: 25px;
}

#sidebar h2 {
font-size:18px;
font-weight:bold;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; 
width:260px;
height:33px;
padding-left:8px;
background: url(http://static.tumblr.com/xsp9wak/iPdkloi3z/background-sidebar-heading.png) no-repeat top left;
line-height:34px;
}

#sidebar #user-portrait{
width:64px;
height:64px;
padding:4px;
padding-top:3px;
padding-bottom:9px;
background: url(http://static.tumblr.com/xsp9wak/zUwkloi5v/background-user-portrait.png) no-repeat top left;
margin-top:11px;
margin-right:9px;
float:left;
}

#sidebar #about-text{
margin-top:11px;
line-height:18px;
font-size:12px;
display:block
}

#sidebar #about-text a{
color:#fff;
}

#sidebar ul.links{
margin-bottom:2px;
}

#sidebar ul.links li{
background: url(http://static.tumblr.com/xsp9wak/XE1kloi66/icon-link-star.png) no-repeat center left;
}

#sidebar ul.links li span{
background: url(http://static.tumblr.com/xsp9wak/1dikloi6g/hr.png) no-repeat bottom left;
display:block;
}

#sidebar ul.links li.last span, #sidebar ul.links li:last-child span{
background:none;
}

#sidebar ul.links li a{
font-size:13px;
font-weight:bold;
color:#fff;
width:240px;
padding-left:26px;
height:37px;
line-height:35px;
display:block;
text-decoration:none;
margin-left:1px;
}

#sidebar ul.links li a:hover{
background: rgba(255,255,255,.05) url(http://static.tumblr.com/xsp9wak/fo1kloi6x/icon-link-arrow.png) no-repeat center right;
}

#sidebar ul#following{
margin-left:5px;
}

#sidebar ul#following  li {
float:left; 
padding-top:12px;
padding-left:6px;
padding-right:6px;

}
#sidebar ul#following img{
padding:4px;
background: url(http://static.tumblr.com/xsp9wak/X10kloi7i/background-following-portrait.png) no-repeat center right;
}

#sidebar h2#archive a {
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	margin-left:1px;
	display: block;
}
#sidebar h2#archive a:hover {
	background: rgba(255,255,255,.05) url(http://static.tumblr.com/xsp9wak/fo1kloi6x/icon-link-arrow.png) no-repeat center right;
}

/*GENERAL POST STYLES*/

.post.text .type{ background-position: 0 0; }
.post.photo .type{  background-position: 0 -39px; }
.post.quote .type{  background-position: 0 -78px; }
.post.link .type{ background-position: 0 -117px;} 
.post.chat .type{ background-position: 0 -156px; }
.post.audio .type{  background-position: 0 -195px; }
.post.video .type{  background-position: 0 -234px; }

.post .posttitle{
	background: url(http://static.tumblr.com/xsp9wak/1dikloi6g/hr.png) no-repeat left top;
	display:block;
	margin: 20px 0;
}

.post .posttitle a:hover{
	text-decoration:none !important;
}

.post .postcontainer{
background: url(http://static.tumblr.com/xsp9wak/Mwekloi8s/background-container.png) no-repeat top left;
width:509px;
padding-left:20px;
padding-right:20px;
padding-top:14px;
padding-bottom:14px;
border:1px solid #000;
margin-left:3px;
position:relative;
box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
-webkit-box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
-moz-box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
}

.post p{
	padding-top: 0.75em;
	padding-bottom: 0.75em;
}

.post .postcontainer-bottom {
width:509px;
height:1px;
background: url(http://static.tumblr.com/xsp9wak/Mwekloi8s/background-container.png) no-repeat bottom left;
position:absolute;
bottom:0px;
left:0px;
}


.post .regular_post_body h2 {
	font-size: 20px;
	margin: 35px 0 10px 0;
}

.post .regular_post_body h3 {
	font-size:16px;
	margin: 25px 0 10px 0;
}

.post .regular_post_body h2,h3 {
	color: #f7ed46;
}

.post .regular_post_body code {
	background-color: rgba(0,0,0,0.2);
	padding: 0px 4px;
	color: #f7ed46;
	text-shadow: none;
	font-weight: 400;
}

.post .regular_post_body pre code {
	background-color: rgba(0,0,0,0);
	padding: 0;
	font-size: 12px;
}

.post .regular_post_body pre {
	background-color: rgba(0,0,0,0.43);
	margin: 10px 0 50px 0;
	padding: 7px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}


.description blockquote, .post.text blockquote{
padding-left:1em;
border-left:7px solid #414141;
margin-top:.5em;
margin-bottom:.5em;
font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
font-style:italic;
font-size:13px;
margin-left:0px;
padding-top:.25em;
}


.description blockquote blockquote, .post.text blockquote blockquote{
border-left:6px solid #414141;
}

.description ul, .description ol, .post.text ul, .post.text ol{
padding-left:2em;
padding-top:.5em;
padding-bottom:.5em;
}
.description ol, .post.text ol{
list-style-type: decimal 
}

.description ul, .post.text ul{
list-style-type: disc; 
}

.post {
position:relative;
margin-bottom:15px; 
min-height:80px;
}

.post .posttitle h3 {
	font-family:"Helvetica Neue", helvetica, Arial, sans-serif; 
	font-size:24px;
	font-weight:bold;
	background: url(http://static.tumblr.com/xsp9wak/1dikloi6g/hr.png) no-repeat left bottom;
	padding-top:9px;
	padding-bottom:6px;
	padding-left:4px;
}

.description h1, .description h2, .description h3, .description h4, .description h5,
.description h1 a, .description h2 a , .description h3 a, .description h4 a, .description h5 a{
font-family:"Helvetica Neue", helvetica, Arial, sans-serif; 
font-size:24px;
font-weight:bold;
color:#fff;
font-style:normal
}

.description h1 a, .description h2 a , .description h3 a, .description h4 a, .description h5 a{
text-decoration:underline;
}

.post .posttitle h3 a{
	color: #f78916 ;
	text-decoration:none;
}

.post.text a, .post .description a{
color:#08abe1;
text-decoration:none;
}

.post.text a:hover, .post .description a:hover{
text-decoration:underline;
}

.postinfo{
position:absolute;
display:block;
top:0px;
left:-63px;
width:44px;
}

.notecount{
display:block;
width:41px;
height:34px;
padding-top:5px;
background: url(http://static.tumblr.com/xsp9wak/mJ7kloias/post-icons.png) no-repeat bottom left;
font-family:"Helvetica Neue", helvetica, Arial, sans-serif; 
text-shadow: #058cba 0px 1px 0px;
text-align:center;
color:#07294a !important;
font-size:15px;
font-weight:bold;
text-decoration:none;
margin-right:1px;
margin-top:2px;
}

.notecount b{
color:#07294a !important;
font-size:15px;
font-weight:bold;
text-decoration:none;
text-align:center;  
}

.notecount span{
font-size:9px;  
display:block;
margin: 0 auto;
font-weight:normal;
text-align:center;
line-height:9px;
}

.type{
display:block;
width:44px;
height:39px;
text-indent:-99999px;
margin-bottom:4px;
background: url(http://static.tumblr.com/xsp9wak/mJ7kloias/post-icons.png) no-repeat top left;  
}

.vialink {
font-size:12px;
font-weight:bold;
color:#fff !important;
border:1px solid #11191a;
background: url(http://static.tumblr.com/xsp9wak/6aTkloibc/background-reblog-attribution.png);
padding:5px;
margin:5px 2px;
margin-left:0;
display:block;
float:left;
font-family:"Helvetica Neue", helvetica, Arial, sans-serif; 
box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
-webkit-box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
-moz-box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
text-decoration:none;
}

.vialink:hover{
text-decoration:none;
}

.vialink span{
background: url(http://static.tumblr.com/xsp9wak/IXOkloibo/icon-reblogged.png) no-repeat scroll 5px 6px;
padding:5px 5px 5px 20px;
font-weight:bold;
color: #fff;
}

.post.video .description, .post.photo .description{
margin-left:5px;
background: url(http://static.tumblr.com/xsp9wak/Mwekloi8s/background-container.png) no-repeat top left;
width:479px;
padding: 5px 15px;
position:relative;
overflow:hidden;
box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
-webkit-box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
-moz-box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
}

.post.video .description-bottom, .post.photo .description-bottom{
background: url(http://static.tumblr.com/xsp9wak/Mwekloi8s/background-container.png) no-repeat  left bottom;
bottom:0;
height:1px;
left:0;
position:absolute;
width:509px;
}

/* POST: TEXT */

.post.text{
padding-left:10px;
width:500px;
}

.post.text p{
margin-bottom: .5em;
text-align: justify;
}


/* POST: AUDIO */

.post.audio h3{
font-family:"Helvetica Neue", helvetica, Arial, sans-serif; 
font-size:14px;
font-weight:bold;
margin-top:3px;
margin-bottom:3px;
}

.post.audio .postcontainer{
width:469px;
overflow:hidden
}

.post.text p, .post .description{
line-height:18px;
font-size:14px;
}

/* POST: PHOTO */

.post.photo .img-wrap{
float:left;
margin-bottom:9px;
margin-left:4px;  
position:relative;
box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
-webkit-box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
-moz-box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
}

.post.photo .img-wrap .vialink{
background:#000000 url(http://static.tumblr.com/xsp9wak/IXOkloibo/icon-reblogged.png) no-repeat scroll 5px 6px;
bottom:6px;
color:#FFFFFF;
font-size:11px;
padding:5px 5px 5px 20px;
position:absolute;
right:10px;
text-shadow:0 1px 1px #000000;
opacity:.8;
z-index:30;
display:none;
}

.post.photo .img-wrap:hover .vialink{
display:block;
}

.post.photo .img-wrap .vialink:hover{
text-decoration:underline;
}

.post.photo .img-wrap .zoomlink{
background: url(http://static.tumblr.com/xsp9wak/ANGkloic5/icon-zoom.png) no-repeat top left;
text-indent:-99999em; 
display:none;
font-size:11px;
position:absolute;
top:15px;
right:15px;
width:63px;
height:25px;
z-index:20;
}

.post.photo .img-wrap:hover .zoomlink{
display:block
}

.post.photo img{
padding:5px;
float:left;
display:block;
background: #fff;
}

.post.photo img{
display:block;
}

/* POST: VIDEO */

.post.video .vid-wrap{
float:left;
margin-bottom:9px;
margin-left:4px;  
position:relative;
box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
-webkit-box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
-moz-box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
background: #fff;
padding:5px;
float:left;
display:block;
}

/* POST: CHAT */
.post.chat .posttitle h3{
background:none;
padding-top:5px;
padding-left:8px;
}

.post.chat .posttitle {
background:none;
margin-bottom:0;
}

ul.chat{
border:1px solid #000;
border-bottom:0;
float:left;
box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
-webkit-box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
-moz-box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
margin-left:3px;
}

ul.chat li{
width:485px;
padding:12px;
background: url(http://static.tumblr.com/xsp9wak/Mwekloi8s/background-container.png) no-repeat top left;
border-bottom:1px solid #192526;
}

ul.chat span.name{
font-family:"Helvetica Neue", helvetica, Arial, sans-serif; 
font-size:14px;
width:80px;
float:left;
text-align:right;
font-weight:bold;
padding-right:10px;
}

ul.chat span.message{
line-height:14px;
}

.post.chat .vialink{
margin-left:4px;
}
/* POST : LINK */

.post.link .postcontainer{
padding:0;
overflow:hidden;
padding-bottom:5px;
}

.post.link .description{
padding-left:20px;
padding-right:60px;
padding-bottom:10px;
}


.post.link a.postlink{
font-family:"Helvetica Neue", helvetica, Arial, sans-serif; 
font-size:18px;
color:#fff;
font-weight:bold;
width:428px;
padding-right:70px;
display:block;
padding-top:15px;
padding-bottom:10px;
padding-left:20px;
text-decoration:none;

}

.post.link a.postlink span{
background: url(http://static.tumblr.com/xsp9wak/PHAkloide/icon-linkpost-arrow.png) no-repeat top left; 
width:35px;
height:36px;  
display:block;
position:absolute;
right:20px;
top:50%;
margin-top:-17px;
opacity: .7;
-moz-opacity: 0.7;
}

.post.link a.postlink:hover span{
opacity: 1;
-moz-opacity: 1;
}

.post.link .vialink{
margin-left:20px;
}
/* POST: QUOTE */

.post.quote {
font-size:18px;
font-family:Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
padding-left:10px;
width:500px;
background: url(http://static.tumblr.com/xsp9wak/1dikloi6g/hr.png) no-repeat left top;
padding-top:20px;

}

.post.quote span.attribution{
font-weight:bold;
font-family:"Helvetica Neue" , Arial, Helvetica, sans-serif;
font-size:14px;
margin-right:10px;
margin-top:15px;
display:block;
text-align:right;
padding-bottom:10px;
}

.post.quote span.attribution a{
color:#fff;
text-decoration:underline;
}

.post.quote p {
line-height:26px;
}

/* PERMALINK PAGES */

#post-meta{
font-family:"Helvetica Neue", helvetica, Arial, sans-serif; 
background: url(http://static.tumblr.com/xsp9wak/1dikloi6g/hr.png) repeat-x top left;
width:510px;
margin-left:4px;
font-size:18px;
}

#post-meta .permalink-notecount{
float:left;
}
#post-meta .date{
float:right;
text-transform:capitalize
}

#post-meta #permalink-postinfo{
overflow:hidden;
background: url(http://static.tumblr.com/xsp9wak/1dikloi6g/hr.png) repeat-x bottom left;
padding-top:8px;
padding-bottom:7px;
margin-bottom:12px;

}

#post-meta #permalink-postinfo .permalink-notecount{
font-size:18px;
font-weight:bold;
padding-left:5px;
}

#post-meta #permalink-postinfo .permalink-notecount a{
font-weight:bold;
}

#post-meta #permalink-postinfo .date{
font-size:11px;
padding-top:5px;
padding-right:5px;
}

ol.notes{
font-size:15px;
margin-bottom:20px;

}

ol.notes li{
background: url(http://static.tumblr.com/xsp9wak/Mwekloi8s/background-container.png) no-repeat top left;
width:481px;
position:relative;
overflow:hidden;
padding-bottom:13px;
margin-bottom:5px;
border:1px solid #000;
box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
-webkit-box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
-moz-box-shadow: 0px 2px 5px rgba(0,0,0, 0.5);
padding-left:14px;
padding-right:14px;
padding-right:50px;
width:445px;
padding-top:14px;
position:relative;
}

ol.notes li .li-bottom{
background: url(http://static.tumblr.com/xsp9wak/Mwekloi8s/background-container.png) no-repeat bottom left;
position:absolute;
left:0;
bottom:0;
width:509px;
height:1px;

}

ol.notes li .note-icon{
position:absolute;
right:15px;
top:50%;
margin-top:-16px;
clear:both;
width:32px;
height:32px;
}


ol.notes li.like .note-icon{
background: url(http://static.tumblr.com/xsp9wak/1Jwkloidr/note-icons.png) no-repeat left 0;
}

ol.notes li.reblog  .note-icon{
background: url(http://static.tumblr.com/xsp9wak/1Jwkloidr/note-icons.png) no-repeat left -33px;
}

ol.notes li.answer  .note-icon{
background: url(http://static.tumblr.com/xsp9wak/1Jwkloidr/note-icons.png) no-repeat left -64px;
}

ol.notes li.fp  .note-icon{
background: url(http://static.tumblr.com/xsp9wak/1Jwkloidr/note-icons.png) no-repeat left -96px;
}

ol.notes li a img{
padding:4px;
background: url(http://static.tumblr.com/xsp9wak/e3Lkloied/background-note-userpic.png) repeat-x top left;
float:left;
width:16px;
height:16px;
}

ol.notes li a{
font-weight:bold;
text-decoration:none;
color:#fff;
}

ol.notes li span.action{
margin-left:10px;
float:left;
}

ol.notes blockquote {
font-size:13px;
font-weight:normal !important;
padding-left:35px;

}

ol.notes blockquote a{
font-weight:normal !important;
}

.regular_post_body img {
	margin: 20px 0 30px 0;
max-width: 100%;
}