/* ================================================================================================ */
/* ››››› Reset - directly from the YUI toolkit ‹‹‹‹‹ */ 
/* ================================================================================================ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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,th,var { font-style:normal; font-weight:normal; }
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; }

/* ================================================================================================ */
/* ››››› Defaults & Grid ‹‹‹‹‹ */
/* ================================================================================================ */

body 							{ background: #424242 url(/images/background.jpg) repeat-x scroll top left; 
					  		  	  font:12px Verdana, sans-serif; line-height:18px; color:#424242; }
					
a								{ color:#9a1200; }
a:visited						{ color:#095399;}
a:active						{ color:#095399;}
a:hover 						{ text-decoration:none; }
#page-header a 					{ color:#ffffff; }

.clear 							{ clear:both; margin:0px; }
.nobr							{ white-space:nowrap; }

/* Setting the vertical rhythm */

p 								{ margin-bottom: 18px; }
h3 								{ font-size: 18px; line-height: 18px; margin-bottom: 18px; }
h2								{ height:0px; }
h4 								{ font-size: 12px; line-height: 18px; font-weight:bold; }
ul, ol, dt, dd 					{ margin-bottom: 18px; }
ul, ol	 						{ margin-left:54px; }
blockquote						{ margin:0 18px 0 18px;}
img								{ margin-bottom:18px; }


/* ================================================================================================ */
/* ››››› Global Layout ‹‹‹‹‹ */
/* ================================================================================================ */

#page 							{ width:898px; margin:9px auto 9px auto; 
					  			  background-color: #cfcfcf; border:1px solid #dedede; }

#page-header, #page-body, 
#page-footer					{ width:882px; margin:0 auto 0 auto; position:relative; }
					
#page-header					{ margin:0px; height: 0px !important; line-height:200px; overflow:hidden;
					  			  background: #424242 url(/images/title-small.png) no-repeat top left;
					  			  width:882px; /*-*/ height /**/:90px; padding-top:90px; margin: 8px 0 0 8px; }
					
	#page-header h1 a			{ margin:0px; height: 0px !important; line-height:200px; overflow:hidden;
	                  			  width:198px; /*-*/ height /**/:22px; padding-top:22px;
	                  			  display:block; position:absolute; top:16px; left:18px; }

#page-body						{ background-color:#ffffff; }

.left							{ width:503px; padding:18px 18px 15px 18px; float:left; }
.right							{ width:309px; padding:18px 15px 15px 0; float:right; }
.center							{ width:47.1%;  float:left; padding-top:18px; }
.full							{ width:864px; padding:0px 0px 15px 18px; border-top:1px solid #fff; }
.full .left						{ margin-left:-18px; }

#page-footer 					{ height:72px; color:#ffffff; margin-bottom:8px;
					  			  background: #424242 url(/images/title-small.png) no-repeat scroll top left; }

	#page-footer .left a 		{ margin:0px; height: 0px !important; line-height:200px; overflow:hidden;
	 							  width:198px; /*-*/ height /**/:18px; padding-top:18px; display:block; }
	#page-footer p 				{ margin-bottom:0px; }
	#page-footer #copyright 	{ font-size:10px; margin-left:2px; }
	
	#page-footer .right 		{ text-align:right; }

/* Navigation */

ul.nav 							{ margin:0px; height: 0px !important; line-height:0px; position:relative; list-style:none; }
.nav a							{ display:block; position:absolute; top:-36px; height:18px; }

.nav .textual a 				{ left:450px; }
.nav .visual a 					{ left:558px; }
.nav .audible a 				{ left:666px; }
.nav .backstory a 				{ left:774px; }

/* ================================================================================================ */
/* ››››› Cover ‹‹‹‹‹ */
/* ================================================================================================ */

#cover #page-header 			{ background-image:url(/images/cover-header.png);
					  			  height /**/:234px; padding-top:234px; }
					
#cover .left					{ padding-right:0px; width:521px; }					

#presence, #status		  	    { position:absolute; left:558px; font-size:12px; line-height:18px; }
#presence				  	    { top:59px; height:54px; width:306px; color:#ffffff; }
#presence b 			  	    { color:#c7c7c7; }
#status 				  	    { top:162px; height:34px; width:286px; padding:10px; 
							  	  background-repeat: no-repeat; background-position: bottom left; }

.status-1 				 	    { background: #5da723 url(/images/cover-status-1.png); color:#fff; }
.status-2 				 	    { background: #b9de03 url(/images/cover-status-2.png); }
.status-3 				 	    { background: #d6d522 url(/images/cover-status-3.png); }
.status-4 				 	    { background: #d9bd25 url(/images/cover-status-4.png); }
.status-5 				 	    { background: #d58521 url(/images/cover-status-5.png); color:#fff; }

.nav #textual-archive a			{ left:324px; }
.nav #textual-search a			{ left:432px; }
.nav #gallery a					{ left:216px; }
.nav #gallery a	img				{ border:0px; }

/* Boxes */	

h3.title 						{ margin:0px; height: 0px !important; line-height:200px; overflow:hidden;
								  background-position: top left; background-repeat: no-repeat;	
								  width:306px; /*-*/ height /**/:18px; padding-top:18px; 
								  margin-bottom: 10px; border-bottom:1px solid #c7c7c7; padding-bottom:7px; }

	.textual h3.title			{ background-image: url(/images/h3-textual.png); width:522px; padding-bottom:8px; }
	.backstory h3.title			{ background-image: url(/images/h3-backstory.png); height /**/:26px; padding-top:26px; padding-bottom:0px; }
	.visual h3.title			{ background-image: url(/images/h3-visual.png); }
	.audible h3.title			{ background-image: url(/images/h3-audible.png); }

	* html .textual h3.title, 
	* html .visual h3.title 	{ margin-bottom:5px; } /*Fix for IE*/
	
.box img						{ float:left; }
.box h4, .box p					{ float:right; }

#cover .textual p				{ width:416px; }
#cover .textual h4				{ float:none;}

.post dt						{ clear:both; }
.post dt a						{ font-weight:bold; color:#424242; text-decoration:none; }
.post dt a:hover 				{ text-decoration:underline; }
.post dd.date 					{ width:80px; float:left; color:#c7c7c7; margin-right:18px;}
.post dd.content 				{ width:416px; float:right; margin-bottom:0px;}
.post dd.continue 				{ width:416px; float:right; }

.backstory p					{ width:198px; }

.visual p, .visual h4			{ width:90px; }
.feature_photo					{ border:2px solid #c7c7c7; }

.audible h4, .audible p			{ width:108px; }

/* ================================================================================================ */
 /* ››››› Visual ‹‹‹‹‹ */
 /* ================================================================================================ */

#visual .full .left 			{ width:628px; }
#visual .full .right 			{ width:199px; }

ul.thumbnails 					{ margin:0; padding:0; list-style:none; }
.thumbnails li 					{ display:block; float:left; margin:0 18px 18px 0; padding:0; }

.thumbnail img 					{ margin: 0px; padding: 0px; border: 1px solid #bebebe; }
.thumbnail a:hover img 			{ border-color: #38c; }

.photos-large 					{ border: 1px solid #cfcfcf; padding: 8px; margin: 0px; }
#visual img.ori-v 				{ width:396px; }

#exif_data 						{ display:block; margin-top: 18px; padding:9px 9px 0 9px;
					  			  background:#f4f4f4; border:1px solid #dedede; }

#exif_data td 					{ vertical-align: top; padding:0 9px 9px 0; }

#visual li.prev 				{ float:left; list-style:none; margin-left:-54px;}	
#visual li.next 				{ float:right; list-style:none; }

#pagination 					{ text-align:right; margin-right:18px; }

/* ================================================================================================ */
/* ››››› Audible & Backstory ‹‹‹‹‹ */
/* ================================================================================================ */

body#audible 					{ background: #f1dcb6 url(/images/audible-background.jpg) repeat scroll top left; }

#audible #page 					{ background-color: #fff1d9; border:1px solid #e1cfac; }

#audible #page-header 			{ background: #4b381f url(/images/audible-header.png) no-repeat top left;
								  height /**/:162px; padding-top:162px; }

#audible #page-header h1 a 		{ width:414px; /*-*/ height /**/:60px; padding-top:60px; }

#audible #page-body				{ background-color:#fffaf0; }

#audible .left, #backstory .left		{ width:432px; }
#audible .right, #backstory .right		{ width:396px; }

#audible h3						{ color:#4b381f; }

#audible .left img 				{ margin:-18px 0 -5px -18px; }

#audible #page-footer 			{ background: #4b381f url(/images/audible-title-small.png) no-repeat scroll top left; }

#audible table					{ display:block; padding-bottom:18px; }
#audible td						{ padding:0 9px 0 9px; }

/* ================================================================================================ */
/* ››››› Textual & Search ‹‹‹‹‹ */
/* ================================================================================================ */

#textual img	{ float:left; margin-right:9px;}

#textual #page-body .left, 
#textual #page-body .right 		{ padding-top:54px; color:#b4b4b4; width:198px; }
#textual #page-body .left		{ text-align:right; }

#comments 						{ background-color:#424242; border-bottom:1px solid #fff; color:#9f9f9f;}
#comments .left					{ padding-bottom:0px; }
#comments .left	p				{ margin-bottom:0px; }
#comments .left img				{ border:10px solid #818181; margin:4px -4px 9px 0px; float:none;}
#comments .left img.me			{ border-color:#7d9bb8;}
#comments input					{ float:right;}
#comments textarea				{ width:415px; }
#comments a						{ color:#b66459; }
#comments a:visited				{ color:#7d9bb8;}
#comments a:active				{ color:#7d9bb8;}

#warning 						{ background-color:#9a1200; color:#fff;}
#confirmation 					{ background-color:#709a00; color:#fff;}

#warning a, #confirmation a		{ color:#ffffff; }

#search #page-body .left,
#search #page-body .right		{ width:198px; color:#9f9f9f; }

#search #page-body .left a,
#search #page-body .right a		{ color:#b58079; }

#search input					{ height:18px; font:12px Verdana, sans-serif; line-height:18px; color:#424242; }
#search input.text				{ width:198px; }
#search input.submit			{ float:right; }

/* ================================================================================================ */
/* ››››› Debug ‹‹‹‹‹ */
/* ================================================================================================ */

/* #page-body { background: #DDD url(/images/debug-body-grid2.png) repeat-y scroll top left; } /**/
/* #page-body { background: #DDD url(/images/debug-body-grid.png) repeat scroll top left; } /**/