#all {
	margin: 0px auto;
	width: 980px;
	max-width: 950px;
}

#left {
	float: left;
	margin-top: 2.5em;
    max-width: 150px;
/*	background: #eef; border: solid 1px #66c; */
}

#right {
	float: left;
	margin-left: 42px;
	margin-top: 2.5em;
    max-width: 200px;
    width: 200px;
/*
//	padding: 0;
//    padding-right: 5px;
*/
}

#middle {
	width: 35.2em;
	float: left;
	/* background: #fee; */
	/* margin-left: -20px; */
	/* padding-right: 1px; */
}

#bottom {
	clear: both;
}

#paginate {
	width: 100%;
   text-decoration: none;
   margin-top: -2em;
}

#game {
	display: none;
}

/* */

.story {
	background: #eeeeee;
	margin-left: 20px;
	margin-right: 2px;
	margin-bottom: 50px;
	width: 35em;
	padding: 5px;
	border: solid 1px black;
}

.tocomment {
	background: #ddeeee;
	margin-left: 20px;
	margin-right: 2px;
	margin-bottom: 20px;
	margin-top: 20px;
	width: 40em;
	padding: 5px 5px 0px 5px;
	border: solid 1px black;
}

/* top right bottom left */
/* top|bottom left|right */

#about {
	padding: 0 5px 5px 5px;
}

#about > div { font-size: 0.9em;}



x#blogroll {
	padding-left: 5px;
	padding-bottom: 5px;
}


.lbox>ul {
	margin-left: -12px;
	margin-top: 0px;
	padding-right: 15px;
}

.lbox {
	background: #efe;
	border: solid 1px #8a6;
	margin-bottom: 1em;
}

.lbox#flattr {
 text-align: center;
 padding-bottom: 0.5em;
}

.lbox>h2 {
	font-size: 1.2em;
	font-weight: normal;
	text-align: center;
	margin-top: 7px; 
	margin-bottom: 5px;
}

.cal {
/*  align: center; # apparently not standard */
  font-size: 0.8em;
  text-align: right;
  font-family: sans-serif;
/*  margin-left: 8px; */
  margin-top: -5px;
  color: #555;
}

.cal a {
  font-weight: bold;
  text-decoration: none;
  color: #092;
}

.calweek>th {
 font-size: 0.8em;
}

.calfuture,.calpast {
 vertical-align: top;
 font-size: 0.6em;
 color: #888;
}

.caltoday {
 color: #f08;
}

.caltoday a#caltoday {
position: absolute;
margin-left: -22px;
margin-top: -10px;
}

.fudge {
padding-left: 2px;
}

.caltoday a#caltoday:before{
content:url(/Today.png);
}

.archivetree_subitem {
	display: none;
}

.archivetree_master li {
 margin-left: -30px;
}

.rss {
position: relative;
list-style-type:none;
left: -23px;
top: -2px;
margin-bottom: -5px;
margin-right: -30px;
}

.rss ul  {
list-style-type:none;
padding-bottom: 10px;
font-size: 0.8em;
/* IE borks on this */
/* width: 178px; */
 margin-left: -15px;
}

.rss ul>li {
 margin-left: -17px;
}

.rsstdiff {
font-size: 0.7em;
}

.filler { float: right; width: 100px; background: #444; height: 100px;}

.comment-li {
  list-style-type: none;
  margin-left: -2px;
}

.comment-title {
font-size: 1.2em;
}

/* Comments stuff */

.comment-head {
float: left;
background: white;
border-bottom: solid 1px black;
border-right: solid 1px black;
border-top: none;
border-left: none;
padding: 0 6px 3px 6px;
margin-top: -1px;
margin-left: -1px;
}

.comment-body{
clear:left;
padding: 0px 0 0 4px;

}

.comment-box{
margin-top: 15px;
background: #dee;
border: solid 1px black;
}

.comment-who {
text-decoration:none;
}

x.comment-reply {
float:right;
background: #fff;
border-left: solid 1px black;
border-top: solid 1px black;
border-right: none;
border-bottom: none;
padding: 2px 3px 0 5px;
margin: -1.2em -1px -1px 0;
}

.comment-reply > a {
text-decoration:none;
}

.story>h4+ul {
	margin-top: -1em;
}


/* small text-styles */

.nounderline a:link,.nounderline a:visited { text-decoration:none; }
.nounderline a:visited { color: black; }

a.secret { text-decoration:none; color: inherit; }

.def {
	text-decoration: none;
	cursor: help;
	color: #0a0;
}

.def:visited {color: #070;}

.clear{
clear: both;
padding: 0;
margin: 0;
}

.mini {
font-size: 0.6em;
margin: -15px 0 0 -27px;
color: #999;
}

pre.noscroll { overflow: auto; }

q.bigcite {
display: block;
border: 1px solid #887;
margin: -10px 0.8em;
padding: 2px 2px 4px 6px;
background-color: #fafae8;
}

li > pre {
 margin-left: -1.2em;
}

.cmdwin{
background-color: #000;
color: #fff;
border: 5px ridge #ccc;
font-family: "Lucida Console" monospace;
font-size-adjust: 0.4;
padding: 0px;
white-space: pre;
}

.cmdout{
font-family: monospace;
padding-left: 10px;
margin-top: 0px;
padding-top: 0px;
padding-bottom: 0px;
white-space: pre;
overflow: auto;
}

.cmdin{
background-color: #ccc;
display: inline;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 2px;
}

.cmdx{
background-color: #ccc;
font-family: monospace;
padding-left: 0px;
margin-top: 0px;
padding-top: 0px;
padding-bottom: 0px;
white-space: pre;
overflow: auto;
}

.subbox {
border: 1px solid #887;
margin: -10px 0.8em;
padding: 2px 2px 4px 6px;
background-color: #fafae8;
}

.icon {
	float: right;
	margin: -15px 5px 0 5px;
}

.icon img {
	border-style: none;
}

.inline img {
	border-style: none;
	margin: 0 -3px -3px -3px;
}

.hidden {
	display: none;
}

/* VEvent Microformats use abbr. Mozilla underlines it ugly */
abbr.dtstart,abbr.dtend{ border-bottom-width: 0; }

/* start print */
@media print {
	#left {
		display: none;
	}

	#right {
		display: none;
	}

	#all {
		margin: 0px auto;
		width: auto;
		max-width: none;
	}
}
/* end print */

/* Image annotation stuph */
.annotate br { display: none}

div.annotate:hover > div.annomark {
 display: block;
}

div.annomark {
 display: none;
 z-index: 1;
}

div.annomark:hover div.annotext {
 display: table;
}

div.annotext{
 display: none;
 position: relative;
 background: #fafae8;
 border: 1px solid #666;
 z-index: 2;
 white-space: nowrap;
 padding: 0 4px;
}
/* End of same */

/* IE hack. it auto-expands <pre> too much */
* html .story pre { width: 41em; overflow: auto;}