/*   Qrtrs — by A6 — http://atelier6.co.uk */

/* 	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; }
	
	body {
		line-height: 1.6;
		color: black;
		background: white;
		}
		
	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: "" ""; }
	
	

/* Generic site wide elements ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	html {
	height:100%;
	padding: 0 0 120px 0;
	}

	body {
	font-size: 12px;
	line-height: 1.2;
	
	}
		
	a { text-decoration:none; }
	a img { border:none; }



/* Typography ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


	h1, h2, h3, h4, h5, h6, a {
		display:inline;
		line-height:1.2;
	}

	p {line-height:1.6;}
				
				
/* Header & Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
	#header {
		position:fixed;
		top:50%;
		left:-40%;
		width:90%;
		overflow:visible;
		text-align:center;
	}

	#title {
		-moz-transform:rotate(90deg);
		-webkit-transform:rotate(90deg);
		-o-transform:rotate(90deg);
		-ms-transform:rotate(90deg);
	}
	
		
	#footer {
		position:fixed;
		top:50%;
		left:50%;
		width:90%;
		overflow:visible;
		text-align:center;
	}

	#moreInfo {
		-moz-transform:rotate(-90deg);
		-webkit-transform:rotate(-90deg);
		-o-transform:rotate(-90deg);
		-ms-transform:rotate(-90deg);
	}

#navigation {
	position:fixed;
		top:5%;
		left:50%;
		width:100px;
		margin-left:-50px;
		overflow:visible;
		text-align:center;
}
		
		
/* Content Elements ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	
		
	#wrapper {
		position:absolute;
		top:10%;
		left:50%;
		width:500px;
		margin-left:-250px;
	}

	#content {
		width: 500px;
		text-align:center;
	}
		
	.post {
		width: 500px;
		margin:60px 0 180px 0;
	}

	.post img {
		margin:0 0 30px 0;
	}
		
	.permalink {
		width:100%;
		margin:0;
	}
				
	#content blockquote {

        padding: 0;
        margin: 30px;
	}

        #content blockquote p {
		line-height: 1.8em; }
		
	.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 }
		
		
/* Photo Post ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	
	

	.photo img, .photo a img, .video object {
	}

	.html_photoset {margin-bottom:60px;}

		
/* Video Post ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.vidHold {margin-bottom:60px;}
		
		
/* Conversation Post ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */	
	
	.member1 { margin:20px 0 20px 0; opacity:1.0; }
	.member2 { margin:20px 0 20px 0; opacity:0.85; }
	.member3 { margin:20px 0 20px 0; opacity:0.7; }
	.member4 { margin:20px 0 20px 0; opacity:0.55; }
	.member5 { margin:20px 0 20px 0; opacity:0.4; }
	
	.label { font-weight:bold; }

	

	
/* Text Post ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	

	.text blockquote {
		margin: 0 0 30px 0;
		padding: 0;
		font-weight:bold;
	}

	li {
	font-weight:bold;
margin: 0 0 15px 0;
	}

	ul {
		list-style-type: none; }
		
	ol {
		list-style-type: none;
		margin: 0 0 1.5em 2.5em; }
		
	ol.notes li {
		width: 500px;
		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: #444; font-weight: bold; }
	
	em { font-style: italic; }
	

/* Text Post ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	.text p {margin-bottom:20px;}

	.linkHold {margin-bottom:60px;}

/* Quote Post ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

	.quoteHold {margin-bottom:60px;}

	
/* Audio Post ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
		
	.audio_player {margin: 0 0 30px 0;}
	.audio_details {margin: 15px 0 0 0;}
	.album-art-container{margin-bottom:30px;}