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: #F1F1F1; }
body {
	line-height: 1;
	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: "" ""; }

div.clear {
	display:block;
	height:1px;
	clear:both;
}

body {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 20px;
	color: #222;
	background: #fff;
	text-align:center;
}
	
a { color: #000; border-bottom:1px dotted #555; padding-bottom:1px; text-decoration: none; }	
a:hover { color: #333; }

#header {
	position:fixed;
	top:0;
	left:0;
	width:230px; 
	height:150px; 
}
#header h1 {
	width:230px; 
	height:150px; 
	background:#FFF url('http://omfgco.com/etc/230x150.gif') no-repeat;
	overflow:hidden;
	text-indent: -1000px;
}
#header h1 a {
	display:block;
	width:100%;
	height:100%;
}
#description {visibility:hidden;}

#header-meta {
	position:fixed;
	top:170px;
	left:15px;
	width:230px; 
	text-align: left;
}
#header-meta a.dudes {
	float:left;
	margin:0 4px 4px 0;
	width:16px;
	height:16px;
	border:none;
	text-decoration: none;
}

#header-meta ul {
	margin:0 0 12px 0;
	width:190px;
	font-size:10px; 
}
#header-meta ul li {
	margin:0 0 4px 0;
	border-left:4px solid #ebebeb; 
	text-indent: 10px;
	letter-spacing: 1px;
}
	#header-meta ul li:hover {
		border-left:4px solid #CCC; 
	}

#header-meta ul li a {
	font-size:10px;
	border:none;
	color:#999;
	display:block;
}
#header-meta ul li a:hover {
	color:#333;
}

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	CONTENT
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */		


#content {
	margin:150px auto 30px auto;
	width:500px;
	text-align: left;
}
#content p {
	margin:2px 0 8px 0;
}
.post {
	width: 500px;
	margin: 0 0 60px 0; 
}	
.permalink {
	float: right;
	margin: 0 0 10px 0; 
	width:17px;
	height:8px;
	background:#fff url('http://omfgco.com/etc/permalink.gif') no-repeat;
	overflow:hidden;
	text-indent: -100px;
}
		
.permalink a {
	display:block;
	width:100%;
	height:100%;
}					
			
#content blockquote {
	padding-left: 15px;
	border-left: 1px dotted #d0d0d0;
	font:italic 13px/18px Georgia, serif;
	color:#555; 
}
	
.postmeta {
	margin-top: 10px;
	padding-top:5px;
	border-top:1px solid #EBEBEB;
	font: italic 10px Helvetica, Arial, sans-serif; 
}
	
.postmeta a, .postmeta a:link, .postmeta a:visited {
	color: #888;
	border-bottom: 1px dotted #ddd; 
}
	
.postmeta a:hover {
	color: #333;
	border-bottom: 1px dotted #333 }
	
.quote.post p {
	margin:5px 0;
	color:#555;
	font-style: italic;
}	
.video.post p {
	margin:5px 0;
}	
.quote.post h2 {
	margin:0 5px 0 0;
	color:#555;
	font:italic 24px/25px Georgia, serif;
	letter-spacing: -1px;
}	
	

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	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
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
p.caption {
	font:italic 10px Georgia, italic;
	color:#CCC;
}
	
.text h2, .conversation h2 {
	font: italic 14px Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px 0; 
}
	
.text p, .audio p {
	margin: 0 0 1.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 { font-weight:bold; color:#111; }
em {font-style: italic; }


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	AUDIO
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
span.playcount {
	font: italic 11px Georgia, "Times New Roman", Times, serif; }
	
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	NAVIGATION
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#navigation {
	margin-bottom: 20px; }
	
	
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	FOOTER
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#footer {
	margin: 20px auto;
	width:500px;
	text-align:center;
}
		
#searchform input {
	border: none;
	background: #FFF;
	padding: 3px;
	color: #222; 
	border:1px solid #CCC;
}
		
#footer a { color: #EBEBEB; }
#footer a:hover { color: #CCC; }

.attribution {
	visibility:hidden;
	text-align: right; 
	color:#EBEBEB;
}