/*
released under GNU General Public License (GPL)
*/

/* ### layout ####################################################### */

html body {
	margin:0;
	padding:0;
	color:#000;
	background:#cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

/* --- container including menu and entries ------------------------- */
#rap {
	margin:10px 20px 10px 20px;
	border-style:solid;
	border-color:#000;
	border-width:1px;
	background:#fff;
	}

#menu {
/* IE6/Win2k, as far as I can tell, will hide a float, if 
position:relative is not set. If you remove relative positioning below
and the background:#fff url... above in #container the problem becomes
more obvious. Similar behaviour is described at:
www.evolt.org/article/MSIE6_bug_with_floating_divs_and_spacers/17/23899
 */
 	position:absolute;
    top:50px;
    left:0px;	
	margin:0 0px 10px 10px;
	padding:0px 0 4px 0px;
	color:#000;
	background-color:#f5f5f5;
	border:1px solid #000;
/* 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 voice-family value,
prematurely closing the style declaration. The incorrect IE5/Win 
width-value is above, while the correct value is below. See
http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:130px;
	}
/* The "be nice to Opera 5" rule. Basically, it feeds correct length
values to user agents that exhibit the parsing error exploited above yet
get the CSS box model right and understand the CSS2 parent-child
selector. ALWAYS include a "be nice to Opera 5" rule every time you use
the Tantek Celik hack (above). */
html>body #menu {width:140px;}

	
/* ### typeset ###################################################### */

/* --- standard ----------------------------------------------------- */
h1 { 
      margin: 0px; 
      font-size:20px; 
      text-align:left;
      /* border:1px solid #000; */
      border-bottom:2px solid #000;
      padding: 8px;
      color: #fff;
      background-color:#497baf;
}
h2 { 
	font-size:110%;
	margin: 0px;	
	padding: 0px;
	border-bottom: #000000 solid 1px;
	text-align:center;}
h3 {text-align:left;}
h4 {text-align:left;}

/* --- entries ------------------------------------------------------ */
#content {
	margin:10px 154px 10px 154px;
	padding:0 10px 0 10px;
	}

.post{
	margin-bottom:10px;
	padding:0 0 0 0;
	color:#000;
	background-color:#fff;
	border:1px solid #000;
	}

/*
.post ul {
	display:inline;
	margin:0;
	padding:0;
	text-align:left;
	}

.post ul li {
	display:inline;
	list-style: none;
	margin:0;
	padding:0;
	text-align:left;
	}
*/

.storytitle {
	margin:0px;
	padding:0 12px; 0 12px;	
	text-align:left;
	background-color:#8cbcec;
	}

.meta {
	margin:0 0 10px 0;
	padding:1px 10px 1px 10px;
	font-size:10px;	
	text-align:left;
	background-color:#eee;
	border-bottom:1px solid #000;
	}

.storycontent {
	margin:8px;
	padding:1px 10px 10px 10px;
	text-align:justify;
	}