/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		ALL BROWSER RESET
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	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,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}
	
	:focus { outline: 0; }
	
::selection {
        background: #ffb7b7; /* Safari */
        }
::-moz-selection {
        background: #ffb7b7; /* Firefox */
}

	html {
		background: #fff;
		}
		
	body {
		line-height: 1;
		color: black;
		background: #fff;
		}
		
	ol, ul {
		list-style: none;
		}
	
	table {
		border-collapse: separate;
		border-spacing: 0;
		}
	
	caption, th, td {
		text-align: left;
		font-weight: normal;
		}
		
	blockquote:before, blockquote:after, q:before, q:after { content: ""; }
	
	blockquote, q { quotes: "" ""; }
	
	

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		BODY, WRAPPINGS, ANCHORS, anything sitewide
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	html {
		font-size: 13px; }
	
	body {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 11px;
		line-height: 1.8em;
		color: #919191;
		background: #fff;
		/* padding: 60px 60px 60px 100px; */
		margin: 0 auto;
		overflow-x:auto;
		overflow-y:scroll;
		width: 900px; 
		padding:20px}
		
	a { color: #6DC0A9; text-decoration: none; }
		
	a:hover { color: #4A8D75; }
				
				
.clickable { cursor:pointer }				
			

				
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		HEADER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#header {
		margin: 10px 0 20px 0; }
	
	#header h1 a {
		font: normal normal normal 30px/36px Georgia, "Times New Roman", Times, serif;
		color: #000 }
			
	#header h1 a:hover { color: #000; }

	#header a { font-size:15px; margin-right:20px }
		
	#header div {
	    font: normal normal normal 16px/19px Georgia, "Times New Roman", times, serif;
		margin: 0 0 10px
		}				
		

#socials { float:right; position:relative; top:48px; text-align:right  }
#socials a   { margin:2px }
#socials img { margin:0 }
#socials .buy { position:relative; top:8px }

#maillist { float:left; margin-bottom:5px }

#maillist form input { font-size:10px !important; margin-top:18px }
#maillist form .text   { background-color:#fff; color:#999; border:1px solid #999; padding:2px }
#maillist form .button { background-color:#ddd; color:#555; border:1px solid #ccc; padding:2px 10px }


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		CONTENT
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */		
		
#loader { width:900px; text-align:center }

#viewer { background-color:#fff; width:840px; padding:30px }
#viewer .inner { border:20px solid #ddd; width:740px; padding:30px; background-color:#fff }

#viewer .nav  { width:48px; height:48px; position:absolute; top:300px; cursor:pointer }
#viewer .prev { left:20px }
#viewer .next { right:20px }
#viewer .close { position:absolute; top:30px; right:30px; border:2px solid #ccc; cursor:pointer }

#viewer .inner div { text-align:center; width:500px; height:500px; margin:0 auto }



	.post {
		width: 100%;
		margin: 0 0 50px 0; }
		
	.permalink {
		float: right;
		margin-top: -10px; }
			
	.permalink a, .permalink a:link, .permalink a:visited {
		color: #3F3F3F;	}		
				
	.permalink a:hover {
		color: #000;	}
				
	#content blockquote {
        padding-left: 15px;
		border-left: 1px dotted #d0d0d0; }
        #content blockquote p {
		line-height: 25px; }
		
	.postmeta {
		margin-top: 10px;
		font: italic 11px Helvetica, Arial, sans-serif; }
		
	.postmeta a, .postmeta a:link, .postmeta a:visited {
		color: #ccc;
		border-bottom: 1px dotted #ddd; }
		
	.postmeta a:hover {
		color: #333;
		border-bottom: 1px dotted #333 }

	.text.post img { float:right; margin:0 0 100px 30px; width:450px }
		


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		QUOTE
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */		
		
	.quote p, .photo p, .video p, .audio p {
		color: #333; background-color:#eef; padding: 0 0.5em	}
	
	#content .conversation, .text blockquote, #footer {
		color: #333	}

			
		
		
		
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		PHOTO
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	
	.photo img, .photo a img, .video object {
	}

		
		
		
		
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		CONVERSATION
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#content .conversation {
		line-height: 2em; }
	
	.member1 {
		color: #5d838b;
		background: #f9f9f9; }
	
	.label { 
		font-weight: bold;
		font-style: italic;
		color: #999;
		padding-right: 10px; }
			
	.member1 .label { color: #5d838b; }

	
	
	
	
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		TEXT
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
		
	.text h2, .conversation h2 {
		color: #555;
		font: normal 2.5em Georgia, "Times New Roman", Times, serif;
		margin: 1em 0 0.5em; }

	.text h3, .conversation h3 {
		color: #555;
		font: normal 2em Georgia, "Times New Roman", Times, serif;
		margin: 1em 0 0.5em; }

	.text h4, .conversation h4 {
		color: #555;
		font: normal 1.5em Georgia, "Times New Roman", Times, serif;
		margin: 1em 0 0.5em; }

		
	.text p, .audio p {
		margin:  0.5em 0;
		color: #555;
		padding: 0.5em 0 }
		
	.text blockquote {
		margin: 0 0 1.5em 1.5em;
		padding: 0 0 0 1.5em;
		border-left: 1px solid #304156;	}
	
	ul {
		list-style-type: none; }
		
	ol {
		list-style-type: none;
		margin: 0 0 1.5em 2.5em; }
		
	ol.notes li {
		width: 500px;
		padding: 3px 0;
		margin: 0 0 3px -28px;
		border-bottom: 1px solid #f5f5f5; }
		
	ol.notes li:hover {
		border-bottom: 1px solid #e0e0e0; }
		
	ol.notes li img {
		padding-right: 10px;
		margin-bottom: -5px;
		opacity: 0.85;
		filter:alpha(opacity=85); }
		
	ol.notes li img:hover {
		opacity: 1;
		filter:alpha(opacity=100); }	
		
	strong { color: #333; font-weight: bold; }
	
	em { color: #333; font-style: italic; }
	
	
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		AUDIO
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
		
	span.playcount {
		font: italic 11px Georgia, "Times New Roman", Times, serif; }
		
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		NAVIGATION
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#navigation {
		margin-bottom: 30px; }
	
	#navigation span.page_number {
		color: #d0d0d0; }
		
		
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		FOOTER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#footer {
		margin: 22px 0;
		clear: both
		 }
			
	#searchform input {
		border: none;
		background: #eee;
		padding: 3px;
		color: #888; }
			
	#footer a { color: #6DC0A9; }
	
	#footer a:hover { color: #4A8D75; }
	
	.attribution {
		 text-align: right; }
			

		



#gallery { 
    width:900px;
    height:auto;
    position:relative;
}

#gallery .photo {   
	/* width: 220px; */
	display: block;	
	margin: 0;
	opacity: 100%;
}

#gallery .photo a {
	position: relative;
	overflow: hidden;
	display: block;		
	line-height: 1px;
	border:0;
}

#gallery .photo a img {
	margin: 0 !important;	
	border:0;
    display:block;
}

#gallery .photo.post { display:none }