/** =Resets **/
address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre {
margin:0;
padding:0;
}

body{
	font: 10pt verdana;
	color: #FFFFFF; /*BCBCBC*/
	background-color:#191919;
}

#header{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	/*width:100%;*/
	z-index:40;
	background-color: #191919;
	width:445px;
	/*text-align:right;*/
	padding-bottom:8px;
	padding-left:8px;
	padding-top:8px;
	line-height:15px;
	margin:0px 0px 0px /*13*/0px;
	border-bottom:1px solid #BCBCBC;
}

#headernocontainer{
	/*position:fixed;*/
	/*width:100%;*/
	z-index:30;
	background-color: #191919;
	width:400px;
	/*text-align:right;*/
	padding-left:8px;
	padding-bottom:8px;
	line-height:15px;
	margin:0px 0px 6px 0px;
	border-bottom:1px solid #BCBCBC;
}

.menu{
	/*display:inline;*/
	float:left;
	line-height:1.5em;
	text-align:center;
}

.clearer{
	clear: both;
	line-height: 0;
	height: 0;
}

#bottom{
	font-size:9px;
	display:inline;
	position:fixed;
	bottom:0px;
	right:8px;
	left:8px;
	padding-bottom:6px;
	z-index:-9;
	width:400px;
	/*text-align:right;*/
}

#bottom:before{
	content: "COPYRIGHT 2002-2010";
	display: inline;
	font-weight:bold;
}

#bottom:after{
	content: "EPIGRAMMATIC.ORG";
	display: inline;
	font-weight:bold;
}

#container{
	margin:0px 0px 0px 0px;
	padding:0;
	padding-top:0;
	padding-left:8px;
	background-color:#191919;
	z-index:-10;
	width:400px;
}

#blog{
	font-size:9px;
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	width:198px;
	margin:57px /*13*/0px 0px 240px;
	background-color:#191919;
	padding:0px;
	z-index:30; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}

#blogentry{
	position:relative;
	width:auto;
	width:198px;
	padding:0px;
	margin:42px 0px 0px 240px;
	z-index:4;
	background-color:#191919;
	font-size:9px;
}

.story{
	line-height:1.5em;
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	width:198px;
	margin:0px 0px 0px 240px;
	background-color:#191919;
	padding:0px;
	z-index:4; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}

.date{
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	width:210px;
	margin:0px 0px 0px 240px;
	background-color:#191919;
	padding:0px;
	z-index:4; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}

.tablerow{
	width:200px;
	padding:0px;
	line-height:15px;
}

#sidebar{
	height: 100%;
	position:relative;
	float:left;
	width:160px;
	/*top:41px;
	left:9px;*/
	background-color:#191919;
	padding:1px 0px 0px 0px;
	margin-top:-24px;
	z-index:2;
/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:220px;
}

#sidebarentry{
	height: 100%;
	position:relative;
	float:left;
	width:160px;
	/*top:41px;
	left:9px;*/
	background-color:#191919;
	padding:32px 0px 0px 0px;
	z-index:2;
/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:220px;
}

#lastfm{
	height:100%;
	position:relative;
	float:left;
	/*clear:left;*/
	padding:6px 0px 0px 0px;
	border-top:1px solid #BCBCBC;
	width:160px;
	/*top:41px;
	right:9px;*/
	background-color:#191919;
	z-index:1;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:220px;
}

#lastfmentry{
	height:100%;
	position:relative;
	float:left;
	clear:left;
	padding:6px 0px 0px 0px;
	border-top:1px solid #BCBCBC;
	width:160px;
	/*top:41px;
	right:9px;*/
	background-color:#191919;
	z-index:1;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:220px;
}

/*Old nav footer for relative layout*/
#footer{
	position:relative; 
	margin:0px 0px 0px 0px; 
	clear:both;
	font-size:9px;
	text-align:right;
	width:100%;
	bottom:200px;
}

/*Nav footer*/
#foot {
	/*position:fixed;*/ /* Position is declared "relative" to gain control of stacking order (z-index). */
	/*align:center;
	bottom:20px;
	z-index:-20;*/
	
	width:auto;
	width:190px;
	margin:-17px 0px 0px 235px;
	background-color:#191919
	padding:0px;
	text-align:right;
	font-size:9px;
	line-height:15px;
	z-index:35;
	/*z-index:4;*/ /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}

#about{
	position:relative;
	float:left;
	width:160px;
	/*top:41px;
	left:9px;*/
	background-color:#191919;
	padding:0px 0px 0px 0px;
	margin:-2px 0px 0px 0px;
	z-index:2;
/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:220px;
}

#ethos{
	line-height:1.5em;
	/*position:absolute;*/ /* Position is declared "relative" to gain control of stacking order (z-index). */
	/*left:398px;
	top:41px;*/
	position:relative;
	width:auto;
	width:198px;
	margin:60px /*138*/0px 0px 240px;
	background-color:#191919;
	padding:/*1*/0px 0px 0px 0px;
	z-index:4; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}

#colophon{
	height:100%;
	position:relative;
	float:left;
	clear:left;
	width:160px;
	/*top:41px;
	right:9px;*/
	padding:6px 0px 0px 0px;
	border-top:1px solid #BCBCBC;
	background-color:#191919;
	z-index:2;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:220px;
}

#lists{
	margin:58px 0px 0px 0px;
	width:400px;
	background-color:#191919;
}

#booklist{
	margin:39px 0px 0px 0px;
	width:400px;
	background-color:#191919;
}

#otherlist{
	margin:58px 130px 0px 130px;
	width:400px;
	background-color:#191919;
}

#projects{
	margin:58px 0px 0px 0px;
	width:400px;
}

#contact{
	margin:58px 0px 0px 0px;
	width:400px;
}

hr{
	border:none;
	border-top:solid 1px #BCBCBC;
	background-color:#191919;
	height:1px;
	width:100%;
}

.quote{
	margin-left:20px;
	padding-left:10px;
	border-left: 2px solid #FE3A3B;
}

/*a.header:link{
	color: #0099FF;
	text-decoration: none;
}*/

a:link{ 
	color: #0099FF;
	text-decoration: none;
}

a:visited{ 
	color: /*#3399CC;*/ #0099FF;
	text-decoration: none;
}

a:hover{ 
	color: /*#3399CC;*/ #0099FF;
	text-decoration: none;
	border-bottom: 2px solid #FE3A3B;
}

a:active{ 
	color: /*#3399CC;*/ #0099FF;
	text-decoration: none;
	border-bottom: 2px solid #FE3A3B;
}

.credit{
	font-size:0.85em;
	color:#777777;
}

h6{
	margin:0px;
	padding:0px;
}

h3{
	margin:0px;
	padding:0px;
}

li{
	padding: 18px 0px 0px 0px;
}

.rss-items{
	list-style:none;
	margin:0;
	padding:0;
}

.rss-item a:link, .rss-item a:visited, .rss-item a:active, .rss-item a:hover {
	font-size:0.85em;
}

#twitter_update_list{
	list-style:none;
	list-style-image:none;
	font-size:10pt;
	padding: 0;
	padding-left:0px;
	margin-top:-18px;
	margin-bottom:0px;
	margin-left:0px;
}

.flatarchives{
	list-style:none;
	list-style-image:none;
	font-size:10pt;
	padding: 0;
	padding-left:0px;
	margin-top:-18px;
	margin-bottom:0px;
	margin-left:0px;
}

.fdpoweredby{
	display:none;
}

.js-poweredBy{
	display:none;
}

.js-antispamBy{
	display:none;
}

.js-kit-comments a:link, .js-kit-comments a:visited, .js-kit-comments a:active, .js-kit.comments a:hover {
	font-size:0.85em
}

.js-LeaveComment{
	position:absolute;
	right:75px;
	bottom:-4px;
}

.js-CommentsArea, .js-CreateCommentArea, .js-EditComment{
	position:absolute;
	left:0px;
}

/* begin gallery styling */
#jgal { 
	list-style: none; 
	width: 250px; 
}

#jgal li { 
	float: left; 
	display: block; 
	width: 60px; 
	height: 60px; 
	background-position: 50% 50%; 
	cursor: pointer; 
	border: 1px solid #fff; 
	/*outline: 1px solid #ddd; */
	margin-right: 13px; 
	margin-bottom: 13px; 
}

#jgal li img { 
	position: fixed; 
	top: 65px; 
	left: 365px; 
	display: none; 
	border: 1px solid #fff; 
	/*outline: 1px solid #ddd; */
}

#jgal li.active img { 
	display: block; 
}

#jgal li.active, #jgal li:hover { 
	outline-color: #bbb;
}

/* styling without javascript */
#gallery { 
	list-style: none; 
	display: block; 
}

#gallery li { 
	float: left; 
	margin: 0 10px 10px 0; 
}