/* Body and webkit styles
----------------------------------------------------------------------------------------------------------------------
*/  
 
* {margin: 0;padding: 0;}
 
@media only screen and (max-device-width:480px) { html { overflow: auto;}}
		
::-webkit-scrollbar {width: 20px; height: 6px; background-color: #efefef;}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {height: 0px;display: block;background-color: transparent;}

::-webkit-scrollbar-track-piece {background-color: #efefef;margin:10px 0px;}

::-webkit-scrollbar-thumb:vertical {height: 30px;background-color: #ccc;}

::-webkit-scrollbar-thumb:vertical:hover {background-color: #999;}

::-webkit-scrollbar-thumb:horizontal {width: 50px;background-color: #fff; }
		  
html {background:#F7F7F7;height:100%;padding:0;overflow-y: auto;} 
		  
body {margin:10px;height:100%;font-family: Helvetica, Arial, sans-serif;font-size:12px}

h3 {font-size:120px;padding:0px 10px 0px 0px} 
h4 {font-size:80px;padding:15px 10px 0px 0px} 

embed,object {z-index:-3;}


a:link,a:visited {text-decoration:none;}

.page a,.page a:visited{background:#efefef;color:#999;padding:2px 5px}
.page a:hover {color:#fff;background:#000;text-shadow:none}
.page a:active {position:relative;top:1px;}

.page {font-size:18px;text-shadow: 1px 1px 0px #fff;}

.big {font-size:26px;}

.page{width:800px;height:auto;position:absolute;right:10px}

.page p {margin:10px 0px;}

.infscr-pages {}

 
/* Footer & Header 
----------------------------------------------------------------------------------------------------------------------
*/ 
 
#footer {bottom:25px;display:block;position:fixed;z-index:3;right:30px;}

#footer a.next {background:#262626 url(http://lukesbeard.com/scratch/sprite.png) no-repeat scroll -9px -3px}

#footer a.prev {background:#262626 url(http://lukesbeard.com/scratch/sprite.png) no-repeat scroll -13px -75px;}

#footer a.next:hover {background:rgba(0, 0, 0, 0.8) url(http://lukesbeard.com/scratch/sprite.png) no-repeat scroll -9px -3px;}

#footer a.prev:hover {background:rgba(0, 0, 0, 0.8) url(http://lukesbeard.com/scratch/sprite.png) no-repeat scroll -13px -75px;}

#footer a.prev:active,#footer a.next:active {position:relative;top:1px}

#footer a,#footer a:visited 
	{
		color:#FFFFFF;
		display:block;
		float:left;
		text-indent:-9999em;
		width:65px;
		height:65px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding:0px 0px 3px 0px;
		margin-left:7px;
		outline:none;
	}

#header 
	{
		background: url(http://lukesbeard.com/scratch/gathering.png) top left no-repeat;
		position:fixed;
		display:block;
		text-indent:-99999em;
		width:205px;
		height:72px;
		top:60px;
		left:-7px;
		z-index:3;
		overflow:hidden;
	}
	
#header:hover  {background:#fff url(http://lukesbeard.com/scratch/gathering.png) top left no-repeat;}
	
#nav {margin:0px;padding:0px;position:absolute;top:145px;z-index:1;}

#nav li {list-style:none;list-type:none;margin:0px 0px 23px 0px}

#nav li a:link,#nav li a:visited {font-weight:bold;text-transform:uppercase;text-decoration:none;color:#fff;background:#262626;padding:10px 10px 10px 50px;z-index:1;margin-left:-50px;
-webkit-transition: margin-left 200ms ease-out;

}

#nav li a:hover {color:#000;background:#fff;margin-left:-30px;}



	
	
/* Post Styles
----------------------------------------------------------------------------------------------------------------------
*/ 

.post {}

.postmeta 
	{
		bottom:20px;
		left:10px;
		position:absolute;
		z-index:2;
	}

.postmeta a.source,.postmeta a.source:visited
	{
		display:block;
		text-indent:-9999em;
		overflow:hidden;
		height:30px;
		width:30px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background:transparent url(http://lukesbeard.com/scratch/sprite.png) no-repeat scroll -77px -57px;
	}

.postmeta a.source:hover{color:#000;background-color: rgba(0, 0, 0, 0.7);}	

.post{width:400px;}

.post img {width:400px;height:auto; position:relative;}


/*Posts - Photo
----------------------------------------------------------------------------------------------------------------------
*/ 

.Photo img 
	{
	width:400px;
    height:auto;
	margin:0px 10px 10px 0px;
	}

.Photo img{opacity:.7;}

.Photo img:hover {opacity:1;}



/*Posts - Video
----------------------------------------------------------------------------------------------------------------------
*/ 

.Video embed,.Video object {height:300px;}

.Video embed,.Video object {opacity:.7}

.Video embed:hover,.Video object:hover {opacity:1}

.Video {margin-bottom:10px;}

/*Posts - Audio
----------------------------------------------------------------------------------------------------------------------
*/ 

.Audio {}

.Audio .playerbar {width:250px;top:45%;left:93px;position:absolute;width:400px;}


/*Other Bits
----------------------------------------------------------------------------------------------------------------------
*/ 

a.top {display:block;text-indent:-9999em;overflow:hidden;height:0px;position:absolute;top:-100px;}
a.goingup,a.goingup:visited {color:#ccc;text-decoration:none;font-weight:bold;float:left;padding:0px;margin:10px 0px}
a.goingup:hover {color:#fff;background:#000;}
        
#infscr-loading 
	{
		bottom:25px;
		right:30px;
		font-size:11px;
		position:fixed;
		font-weight:bold;
		float:right;
		text-transform:uppercase;
		z-index:3;
		color:#FFFFFF;
		display:block;
		width:130px;
		height:30px;
		padding:20px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background-color: rgba(0, 0, 0, 0.8);
		text-align:right;
	}

#infscr-loading img {float:left;margin-right:10px;}