/*
chapter 1 ... the story
chapter 1 ... framework
chapter 1 ... subtle
chapter 1 ... complex
chapter 1 ... the look
chapter 1 ... simple
chapter 1 ... figures 
chapter 2 ... specimen
chapter 3 ... ink patterns
chapter 4 ... sci-fi surrealism


broken
repaired

living
existing
dying

antiquities
nauticus / animal
broken / breaken
specimens
geometry

animal 
vegetable
mineral

late antiquity
barbarian

elixr 

just a splash of whiskey

Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}          



			body {
		background-color: #FFF;
		background-image:url('http://www.bookofgray.com/images_bg/page_bg.jpg');
		background-repeat:no-repeat;
		font-family: Lucida Grande, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333;
		margin: 0;

		}


		strong, em, b, i, bold {
		font-family: "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif;
		}
	
		a:link, a:visited {
		color: #666;
		text-decoration: underline;
		}
	
		a:hover, a:link:hover, a:visited:hover {
		color: #000;
		text-decoration: none;
		}
	
		a:link img, a:visited img {
		border: 0px;
		text-decoration: none;
		}
	
		#wrap {
		margin: 0 auto;
		text-align: left;
		padding-top: 20px;
		border:2px solid #000;
		display:block;
		height:100%;
		}
	
		div#container {
		padding: 20px 10px 10px 10px;
		margin-bottom: 3em;
		width: 620px;
		margin-left: 300px;
		}
		
		#post {
		margin-bottom: 1.5em;
		
		}
	
		h2.entry-title {
		margin-left: 80px; 
		font-family: Arial;
		font-size: 25px;
		}
	
		div.entry-type {
		float: left;
		font-size: 12px;
		margin-right: 10px;
		width: 70px;
		}
	
		div.entry-content {
		margin-bottom: 1.5em;
		margin-left: 80px;
		}
		
		.link-title {
		font-size: 13px;
		font-weight: bold;
		}
		
		.cite {
		display: block;
		text-align: right;
		}
		
		div.quotation blockquote {
		font-family: Georgia, Times New Roman, serif;
		font-size: 13px;
		color: #555;
		}
		
		.chat ul {
		padding: 0px;
		margin:0px;
		}
		
		.chat ul li {
		list-style: none;
		font-size: 12px;
		color: #333;
		padding: 5px;
		margin: 0px;
		}
		
		.label {
		font-weight: bold;
		}
		
		li.odd {
		background-color: transparent;
		}
		
		li.even {
		background: #eee;
		}

		#pagenav {
		margin: 60px 0 0 0;
		padding-bottom: 1.5em;
		}
		
		#pagenav .inside {
		text-align: center;
		position: relative;
		}
		
		#back, #forward {
		font-family: Lucida Grande, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #666;
		text-transform: uppercase;
		padding: 7px;
		text-decoration: none;
		display: block;
		position: absolute;
		top: -7px;
		}
		
		#back:hover, #forward:hover {
		color: #000;
		}
		
		#back {
		float:left;
		text-align: left;
		left: 0px;
		}
		
		#forward {
		float: right;
		text-align: right;
		right: 0px;
		}
		
		#pages {
		color: #333;
		font-family: Lucida Grande, Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-transform: uppercase;
		text-align: center;
		}
		
		.small {
		font-size: 11px;
		color: #999;
		}
		
		
		
		
		
		#bookofgray_header {     margin:0; padding:0;
      width:200px; height:40px;
      background:url("http://www.bookofgray.com/css/book_of_gray_header.png") top left no-repeat;
}

   #bookofgray_header span { display:none }



		
		#left { /* required to avoid jumping */
  left: 20px;
  position: absolute;
margin-top:160px;
  margin-left: 35px;
		width: 240px;
		padding: 10px;
		margin-top:q0px;
		margin-left: 120px;
background:url(http://www.needlemedia.com/images_interface/bg_address.png);
font-family: 'Didot','Bodoni','Times New Roman',serif;
font-size:12px; line-height:18px;

		}
	#left_inside {
  position: absolute;
  top: 0;

}


#left_inside.fixed {
  position: fixed;
  top: 0;
}
	

		#left h1 {
		font-size: 28px;
		font-family: Calibri, Arial, Helvetica, sans-serif;
		color: #000;
		margin-bottom: 5px;
		width: 235px;
		line-height: 22px;
		font-weight:bold;
		}


		#left h1 a {
		color: #000;
		text-decoration: none;
		}

		#left h1 a:hover {
		color: #666;
		text-decoration: none;
		}

		#menu {
		font-size: 11px;
		margin-bottom: 2px;
		line-height: 20px;
			border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		color: #333;
		padding-top: 6px;
		padding-bottom: 6px;
		margin-top:10px;
		}
	
		#menu a {
		color: #666;
		text-decoration: none;
		}
	
		#menu a:hover {
		color: #000;
		}
	
		#menu ul {
		padding-left: 0px;
		margin-left: 0px;
		}
	
		#menu li {
		display: inline;
		list-style: none;
		margin-right: 15px;
		}
	
		#menu li a {
		padding-bottom: 2px;
		}
	
		#description{
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		color: #333;
		margin-top:10px;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: justify;
text-transform: lowercase;
font-variant: small-caps;
font-size: 1.3em;
		}
	
		#description a {
		color: #666;
		text-decoration: none;
		}
	
		#description a:hover{
		color: #000;
		text-decoration: underline;
		}
		
		#credit {
		color: #CCC;
		font-size: 10px;
		padding-top: 3px;
		}
	
		#credit a:hover {
		color: #333;
		text-decoration: underline;
		}
	
		#credit a:hover.rubedo {
		color: #DD0000;
		text-decoration: none;
		}
		
		.tags {
		color: #999;
		font-size: 10px;
		padding: 6px 3px 0 0;
		}

		.tags a {
		padding: 1px 3px;
		margin: 0 0 3px 3px;
		}
		
		
		
		
<!--- CARGO CSS -->		
		
		
		
		



/*cargo tumblr theme v1.
by http://jarredbishop.info

*/     


#loading{
	position:fixed;
	width:30px;
	height:30px;
	background-image:url('http://static.tumblr.com/xhpdxdi/iaXkpy5ys/loadinganim.gif');
	background-position:center center;
	background-repeat:no-repeat;
	z-index:10;
}     
#debug{
	position:fixed;
	bottom:10px;
	right:10px;
	text-align:right;
	width:300px;
	z-index:30;
}
.clear_left{
	clear:left;
}
.hide{
	display:none;
}
.rounded{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	background-color:#eee;
	/* padding:2px; */
}
#main_column{
	position:absolute;

	left:400px;
	top:20px;
	width:600px;


}
#nav_list{
	position:fixed;
	left:10px;
	top:20px;
	width:280px;
}
#nav_list h1{
	font-weight:bold;
	font-size:12px;
	color:#000000;
	line-height:15px;
}
#nav_list h1 a{
	color:inherit;
	text-decoration:none;
}
#nav_list h1 a:hover{
	text-decoration:underline;
}                            
#nav_list p{
	font-style:italic;
	font-size:12px;
	line-height:17px;
}
#nav_list p a{
	color:#000000;
}
#nav_list ul li{
	font-size:11px;
	line-height:15px;
}
#nav_list ul li a{
	padding:2px;
	margin:-2px;
	text-decoration:none;
	color:#666666;
}
#nav_list ul li a:hover{
	background-color:#000000;
	color:#ffffff;
}
#nav_list ul.faint li a{
	color:#aaaaaa;
}
#nav_list ul.faint li a:hover{
	color:#ffffff;
}
#main_column .line{
	margin-top:55px;
	width:600px;
	border-top:1px solid #dddddd;	
	margin-bottom:20px;
}
#main_column .grid{
	width:600px;
	height:46px;

}
.post_thumb{
	float:left;
	margin-top:7px;
	margin-right:32px;
	width:32px;
	height:32px;
	position:relative;
}
.post_thumb .image{  
	position:absolute;
	width:32px;
	height:32px;
	background-color:#eeeeee;
	background-position:center center;
	cursor:pointer;
	z-index:2;
}             
.post_thumb .regular,
.post_thumb .link{
	width:32px;
	height:32px;
	cursor:pointer;
}
.post_thumb:hover .image{border:1px solid #eef;}

}
.post_thumb .loading{
	position:absolute;
	z-index:3;
	background-image:url('http://static.tumblr.com/xhpdxdi/iaXkpy5ys/loadinganim.gif');
	background-repeat:no-repeat;
	background-color:rgba(255,255,255, .9);
	background-position:center center;
	width:32px;
	height:32px;
	cursor:pointer;
}
.post_thumb .info{
	margin-top:7px;
	width:32px;
	text-align:center;
	line-height:16px; 
	position:absolute;
	left:0px;
	top:36px;
}
.post_thumb .info a.title{
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}
.post_thumb .info span.tags{
	font-size:11px;
	font-family:Georgia;
	font-style:italic;
	color:#cccccc;
} 
.post_thumb .info span.tags a{
	text-decoration:none;
	color:#aaaaaa;
}
.post_thumb .info span.tags a:hover{
	text-decoration:underline;
	color:#000000;
}
.post_thumb:hover .info a.title,
.selected .info a.title,
.selected .info a.title:hover{
	background-color:#fff200 !important;
}
.grid .post_thumb .regular,
.grid .post_thumb .quote{
	background-color:#08bcc3;
	background-image:url('http://static.tumblr.com/xhpdxdi/MGpkpy604/regular_icon.png');
	background-position:10px 104px;
	background-repeat:no-repeat;
}      
.grid .post_thumb .chat{
	background-color:#f392dd;
	background-image:url('http://static.tumblr.com/xhpdxdi/0E7kq0db2/chat_icon.png');
	background-position:10px 104px;
	background-repeat:no-repeat;
}
.grid .post_thumb .link{
	background-color:#a10789;
	background-image:url('http://static.tumblr.com/xhpdxdi/IpFkpy615/link_icon.png');
	background-position:10px 104px;
	background-repeat:no-repeat;
} 
.grid .post_thumb .audio{
	background-color:#ff4040;
	background-image:url('http://static.tumblr.com/xhpdxdi/RbRkpy61p/audio_icon.png');
	background-position:10px 104px;
	background-repeat:no-repeat;
}
.grid .post_thumb .inner{

	line-height:15px;
	color:#ffffff;
}
.grid .post_thumb .inner .title,
.grid .post_thumb .inner a.title{
	font-size:14px;
	font-weight:bold; 
	text-decoration:none;
	color:inherit;
}               
.grid .post_thumb .quote .inner{
	margin-right:20px;
}
.post_thumb a{
	color:#ffffff;
	text-decoration:underline;
}                            
.post_thumb a:hover{
	text-decoration:none;
}
.grid .image .inner .time{
	font-size:13px;
	color:rgba(255,255,255, .8);
}
.grid .image .inner .date{
	font-size:12px;
	color:rgba(255,255,255, .6);
}
.grid .video{
	background-color:#000000;
	background-position:center center;
	background-repeat:no-repeat;   
	position:relative;                                                          
	overflow:hidden;
}                               
.grid .video .bg,
.grid .image .bg{
	width:32px;
	height:32px;
	background-position:center center;
	position:absolute;     
	overflow:hidden;
	z-index:1;
}              
.grid .image .icon{
	width:32px;
	height:32px;
	position:absolute;
	background-position:10px 104px;
	background-repeat:no-repeat;  
	z-index:3;
}
.grid .video .icon{   
	background-image:url('http://static.tumblr.com/xhpdxdi/PZ1kpy629/play_icon.png');   
}   
.grid .photo .icon{

}
#entry,
.list{
	width:720px;
}
#entry .info,
.list .info{
	margin-top:30px;
	font-size:11px;
	color:#cccccc;
}
#entry .info a,
.list .info a{
	color:#bbbbbb;
	font-style:italic;
}
#entry .info a:hover,
.list .info a:hover{
	color:#333333;
	text-decoration:none;
}
.perma #entry .info{
	font-style:italic;
}
#entry .info a,
.list .info a{
	color:#bbbbbb;
	text-decoration:underline;
}
#entry h2,
.list h2{
	font-size:28px;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:30px;
	color:#000000;
	margin-bottom:10px;
}
#entry h2 a,
.list h2 a{
	color:inherit;
	text-decoration:none;
}
#entry h2 a:hover,
.list h2 a:hover{
	text-decoration:underline;
}
#entry .copy,
.list .copy{
	margin-top:0px;
	font-size:12px;
	line-height:15px;
}
#entry .copy a,
.list .copy a{
	color:#000000;
	text-decoration:underline;
	padding:1px;
	margin:-1px;
}
#entry .copy a:hover,
.list .copy a:hover{
	background-color:#fff200;
	color:#000000;           
	text-decoration:none;
}
#entry .copy p,
.list .copy p{
	margin-bottom:10px;
	width:550px;
}
#entry .copy img,
.list .copy img{

}    
.list .post{
	margin-bottom:100px;
}    
#entry blockquote,
.list blockquote{
	padding-left:10px;
	border-left:1px dotted #cccccc;
}
/* galleries */
#entry #gallery{
	height:300px;
	position:relative;
	width:780px;
	margin-bottom:10px;

}
#gallery .image{
	position:absolute;
	z-index:2;
}                    
#gallery .selected{
	z-index:3;
}
#gallery_ctrls{
	margin-bottom:30px;
	font-size:11px;
	color:#aaaaaa;
} 
#gallery_ctrls .previous,
#gallery_ctrls .next{
	cursor:pointer;
	text-decoration:underline;
	color:#666666;
}      
#entry .i_follow{
	float:left;
	width:60px;
	margin-right:5px;
	margin-bottom:5px;
} 
#entry .copy,
.list .copy,
#entry .copy p,
.list .copy p,
#entry .copy blockquote,
.list .copy blockquote{
	margin-top:10px;       
	width:550px;
} 
.i_follow .info{
	display:none;
}
.i_follow .image{
	display:block;
	width:60px;
	height:60px;  
	background-position:center center;
	text-decoration:none;
}
.post_preloader{
	padding-bottom:40px;
	background-image:url('http://static.tumblr.com/xhpdxdi/iaXkpy5ys/loadinganim.gif');
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:30px;
	padding-top:5px;
	color:#aaaaaa;
}         
#entry .notes_hold{
	margin-top:100px;
	width:600px; 
	margin-bottom:100px;
}              
#entry .notes_hold h4{
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	color:#aaaaaa;
	margin-bottom:10px;
}   
#entry .notes li{
	padding-bottom:5px;
	padding-top:5px;
	position:relative;
	line-height:20px;
	color:#999999;
}                      
#entry .notes li .avatar{
	padding-right:10px;
	height:100%;
}
#entry .notes li a{
	color:#666666;
	text-decoration:none;
}        
#entry .notes li a:hover{
	color:#000000;
	text-decoration:underline;
}
#entry .notes .note{
	border-bottom:1px solid #dddddd;
}  
#entry .notes .note blockquote{
	font-style:italic;
}            
.quote .the_quote{
	font-size:20px;
	line-height:24px;
	width:550px;
	color:#000000;
}
.quote .copy{
	color:#999999;
	font-style:italic;   
}                       
/* #credit{
	position:fixed;
	left:730px;
	bottom:15px;
	font-size:11px;
	color:#bbbbbb;                 
}                
#credit a{
	text-decoration:none;
	border-bottom:1px solid #eeeeee;
	color:#bbbbbb;
}                                  
#credit a:hover{
	color:#666666;
	border-bottom:1px solid #ffffff;
} */


ul.chat li{
	line-height:20px;
}                    
ul.chat li.even{
	color:#999999;
}
ul.chat li span.chat_label{
	padding-right:4px;
	color:#000000;
}
.album_art{
	margin-bottom:0px;
}          
.album_art img{
	width:205px;
	border:1px solid #000;
}
.album_info{
	margin-bottom:10px;
	line-height:15px;
	color:#555;
}
.album_info .artist{
	font-weight:bold;
}              
.album_info .track{
	display:block;
	font-style:italic;
}
.audio .player{
	margin:0px;
	padding:0px;
}






#portdetails {display:block; float:left; margin-top:8px; padding-top:6px;	border-top:3px solid #b1b0b2; width:100%; text-align:left;}



	
/*h2.headlines{
	border-bottom:3px solid #b1b0b2; 
	display:block;
	margin-top:0; 

	font-size:15px;; 
	font-weight:bold;
	letter-spacing:.1em;
	text-align:right;
	height:5px;
	}
 */
 
h2.main-headings { 
border-bottom:3px solid #b1b0b2; 
text-align:right;
width:100%;
	margin-top:-18px;
	background-color:#fff;
 	color : #b1b0b2;
 	display:inline; 
 	float:right; 
  	font-size:14px;
  	font-family: Helvetica, sans-serif;
  		font-weight:bold;
		letter-spacing:5px;
		padding:2px 0px -5px 0px;
}

	
	
h3.title, h3.titlesub { font-weight:bold;font-size:12px; font-family:Helvetica, Arial, sans-serif; letter-spacing:3px;  font-variant:small-caps; margin:0; padding:0; margin-top:7px; display:inline; }
h3.titlesub, h3.titlesubdesc{font-weight:normal; display:block;letter-spacing:1px;}

h3.portname	 { color:#ADA793; font-size:14px; margin-left:5px;display:inline;  font-variant:small-caps; }	
	
	
p {
	
	color:#bbc;
	font-size:12px;
	color:#4c4f52;
	line-height: 23px;
	padding-top:10px;
	margin-right:20px;
	margin-left:10px;
	
}

p:first-letter  {margin-left:5px;
	}