@charset "utf-8";
/* CSS Document */

body
{background: #2f2f2f url url(http://rbtgrm.scarytale.net/core/images/tumblr/bg.jpg)repeat-x left top;
 background-color:#161615; 
 font-family:helvetica,arial;
 margin:0px;}
	 
#top,#pagination
{padding:8px;
 background:;
 color:#FFF;
 font-size:.75em;}

.centered
{width:795px;
 margin:auto;}
 
.centered a
{font-weight:bold;
 color:#FFFFFF;
 text-decoration:none;}

.centered a:hover
{color:#EEEEEE;}

.centered span
{color:#999999;
 font-weight:normal;}
 
#container
{width:900px;
 margin:auto;
 padding:10px 0px 10px 0px;
 font-size:.9em;}
 
/* header */

#header 
{padding:10px;
 border:2px solid #222222;
 width:496px;
 margin:3px 0px 3px 0px;
 color:#FFFFFF;
 background-color:#000000;
 text-decoration: none;}

#header a, #header a:active 
{outline: 0;}

#header h1 
{font-family: Helvetica, sans-serif;
 font-size: 4.5em;
 text-decoration: none;
 font-weight: bold;
 text-align: left;
 margin: 0px 0px 0px 5px;
 padding: 5px 5px 5px;
 color: #FFFFFF;
 display: block;
 text-align:center;
 letter-spacing: -.08em;}

#header ul 
{list-style-type: none;
 display: block;
 margin: 0;
 text-decoration: none;
 margin-bottom: 5px;
 padding-bottom: 5px;
 text-align: left;
 /*
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 */}

#header ul li 
{display: inline;
 text-decoration: none;}

#header ul li a 
{font-family: Helvetica Neue, sans-serif;
 font-size: 11px;
 color: #FFFFFF;
 background-color: #000000;
 border: 0px solid #000000;
 padding-top: 1px;
 padding-bottom: 1px;
 padding-left: 3%;
 padding-right: 3%; 
 text-decoration: none;
 font-weight: normal;
 text-transform: uppercase;
 line-height: 20px;}

#header ul li a:hover 
{border-color: #ccc;
 text-decoration: none;
 color:#CCC;}

#left
{width:900px;
 float:left;}
 
#right
{width:250px;
 float:right;
 background:#000000;
 color:#FFFFFF;
 padding:5px;
 margin-left:10px;
 font-size:.9em;
 margin-top:6px;
 line-height:1.4em;}
 
#right h3{font-size:1em;text-transform:uppercase;}

#right h2 a{text-decoration:none;}

#right a{color:#900;} 

#right a hover{color:#39F;}

#right h2
{text-transform:uppercase; 
 margin: 20px 0px 15px 0px;
 color: #FFFFFF;
 font-size: 12px;
 text-align: left;
 letter-spacing: 0px;
 text-transform: uppercase;
 border-bottom: solid 1px #666666;}

.post
{position:relative;
 width:510px;
 background-color:#000000;
 color:#CCCCCC;
 padding:5px;
 margin-top:6px;
 font-size:.95em;
 line-height:1.4em;}

.post a
{color:#bbbbbb;}

.post a:hover
{color:#cccccc;}

.post h3
{font-size:1.1em;text-transform:uppercase;}

.post h3 a
{text-decoration:none;}

.postimg
{border:1px solid #bbbbbb;
 padding:4px;
 background:#000000;}
    
.followimg
{border:1px solid #bbbbbb;
 padding:4px;
 margin:4px;
 background:#000000;}

.perm
{position:absolute;
 top:-2px;
 right:-5px;
 text-indent:-2000px;
 display:block;
 width:58px;
 height:58px;
 background:url("http://pixelspread.com/tumblr/6/perm2.png") no-repeat;}

.text h3
{margin:8px 0px 4px 0px;}

.text
{padding:0px 5px 5px 5px;}
    
.date
{background:#666666;
 padding:10px;
 color:#FFFFFF;
 font-size:.8em;
 border:2px solid #000000;
 width:496px;
 margin:3px 0px 3px 0px;}
    
.bigquote
{position:absolute;
 top:30px;
 left:3px;
 font-family:georgia;
 font-size:5em;}

.quote
{padding:0px 0px 0px 28px;}

.postlink
{font-size:1.1em;
 color:#fff;
 padding:5px;
 background:;
 border:0px solid #000000;
 text-decoration:none;}

.postlink span
{font-size:1em;}

.postlink:hover span
{color:#999;}

.person
{font-weight:bold;}

.caption
{padding:2px 0px 3px 0px;}

.conversation
{padding:3px 0px 5px 0px;}

.conversation strong
{margin:0px;padding:0px;text-transform:uppercase;}

.conversation ul
{list-style:none;
 padding:2px 0px 0px 0px;
 margin:0px;}

.conversation ul li
{margin:2px 0px 3px 0px;
 padding:3px;
 background:#333333;}

.clear
{clear:both;}

.source
{font-size:.95em;
 color:#FFF;}

/* Sub Footer */

#subfooter 
{margin-top: 5px;
 margin-left:0px;
 width:525px;
 background-color:#333;}

#subfooter a 
{color:#adadad;}
            
#subfooter ul a img{opacity:0.2;}

#subfooter ul a img:hover{opacity:1;}

.subfootnav 
{float:right;
 position:relative;
 font-size:11px;
 width:240px;
 margin-right:15px;
 text-align:right}

.subfootnav a
{text-decoration:none}
		
.pad 
{width:25px;
 height:195px;
 float:left;
 clear:right;
 position:relative;}
		
.main 
{background:url(http://rbtgrm.scarytale.net/core/images/tumblr/footerbg.png);
 background-color:#333333;
 float:left;
 clear:right;
 position:relative;
 width:520px;
 height:195px;
 color:#757575;}
		
.logo 
{float:left;
 clear:right;
 position:relative;
 width:240px;
 margin:15px 10px 10px 15px;
 border-right:1px solid #464646;
 height:73px;
 font-size:11px;}
		
.social 
{float:left;
 clear:right;
 position:relative;
 width:100px;
 margin:15px 10px 10px 0px;
 border-right:1px solid #464646;
 font-size:11px;
 height:73px;}
		
.social ul 
{margin:0;
 padding:0;
 list-style-type:none;
 font-size:11px;
 line-height:14px;
 margin-top:3px}
		
.social ul li a 
{text-decoration:none;}
		
.social ul li a:hover 
{color:#FFFFFF;}
		
.recommend 
{float:left;
 clear:right;
 position:relative;
 width:100px;
 margin:15px 15px 10px 0px;
 font-size:11px;
 height:73px;}
		
.recommend ul 
{margin:0;
 padding:0;
 list-style-type:none;
 font-size:11px;
 line-height:14px;
 margin-top:3px}
		
.recommend a 
{text-decoration:none;}

.recommend a:hover 
{text-decoration:none;
 color:#FFFFFF}
		
.tumble 
{float:left;
 clear:right;
 font-size:11px;
 width:100px;
 margin-left:15px;}
		
.tumble a
{text-decoration:none}

/* Footer */
#footer 
{z-index: 999; position: fixed;
 right: 0;
 bottom: 0px;
 -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);	
 -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
 -webkit-border-top-left-radius: 10px;				
 -moz-border-radius-topleft: 10px;
 padding: 0 10px;
 line-height: 1.5em;}

#footer #avatar 
{display: inline-block;}

#footer #avatar img 
{width: 20px;
 height: 20px;	
 -webkit-transition: height 0.3s cubic-bezier(0, 1, 0, 1);
 -webkit-border-radius: 3px;		
 -moz-border-radius: 3px;
 position: relative;
 left: -2px;
 bottom: -8px;}

/* Firefox hack */
#footer #avatar img, x:-moz-any-link, x:default 
{bottom: 3px;}

#footer #avatar:hover img, x:-moz-any-link, x:default 
{bottom: 3px; 
 margin-top: 10px;}

#footer #avatar:hover img 
{width: 48px;
 height: 48px;	
 -webkit-transition: height 0.1s cubic-bezier(0, 0.75, 0, 1);}
 
#footer h1, #footer p 
{display: inline-block;
 white-space: nowrap;
 vertical-align: text-bottom;
 padding-top: 10px;
 padding-bottom: 10px;}

#footer h1 
{font-size: 1.4em;
 white-space: nowrap;
 margin: 0 5px;}
 
#footer #description 
{max-width: 400px;
 margin: 0 5px;
 overflow: hidden;
 text-overflow: ellipsis;}
 
#footer #description:hover 
{overflow: visible;
 white-space: normal;}
 
#footer #metanav, #footer #metanav a 
{margin: 0 5px;}

#footer #copyright 
{margin: 0 5px;}


/* Flicker */
.flicker
{font-family: Arial, Verdana, Helvetica;
 color: #cccccc;
 font-size:10px; 
 font-style:normal;
 text-decoration:none;
 border-bottom: 1px solid #322c2c;}

.flickr ul, .flickr li 
{padding: 1px; 
 margin: 0; 
 border: 0; 
 display: inline; 
 list-style-type: none;}

.flickr a {}

.flickr a:hover{}

.flickr a img 
{border: 1px solid #bbbbbb; 
 padding: 3px; 
 margin: 5px 5px 4px; 
 list-style: none;}
 
.flickr a:hover img 
{border: 1px solid #bbbbbb; 
 background: #dddddd;}

/* Custom CSS */
        
{CustomCSS}