.entry .head h2
{
	margin: 0px;
	font-weight: bolder;
	font-size: 110%;
	border-bottom: thin solid rgb(247,199,186);
}

.brainbody h1
{
	margin: 2.5ex 0px 0.5ex -1em;
	font-weight: bolder;
	font-size: 110%;
	border-bottom: thin solid rgb(247,199,186);
}

.brainbody h2
{
	margin: 2.0ex 0px 0.5ex -0.5em;
	font-weight: bolder;
	font-size: 100%;
}

.brainbody h3
{
	margin: 0px;
	margin-top: 1.5ex;
	font-style: italic;
	font-weight: normal;
	font-size: 100%;
	margin-bottom: 0.5ex;
}

.entry hr
{
	border: thin solid rgb(247,199,186);
	background: rgb(247,199,186);
	color: rgb(247,199,186);	
	width: 98%;
}

.entry p
{
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: justify;
}

.entry p.from, .entry p.inreplyto
{
	font-size: smaller;
}

.brainbody blockquote
{
	font-style: italic;
	font-size: smaller;
	border-top: thin solid rgb(153,153,153);
	padding: 0.15ex;
	text-align: justify;
}

.entry span.score
{
	font-size: 80%;
	font-style: italic;
}

.entry span.unsetvar
{
	border-top: thin dashed;
	color: rgb(153,153,153);
	font-style: italic;
}

div.brainbody
{
	display: block;
	margin-left: 1em;
}

/* Can be used by items that don't wish to have the normal left padding, such as menu components */
div.brainbody .flatbody
{
	margin-left: -1em;
}

/* The link adders go away here as well */
div.brainbody div.flatbody .notelink, div.flatbody .worldlink 
{
	display: none;
}

div.brainbody p
{
	margin-top: 1ex;	
	text-indent: 2ex;
}

.brainbody div.side p
{
	text-indent: 0ex;
}

/* I wonder if this works in IE, it  makes sure the first P in the desc doesn't cause a space
 before it */
div.brainbody > p:first-child
{
	margin-top: 0ex;
	text-indent: 0ex;
}

pre.code
{
	border: thin inset;
	overflow: auto;
	margin: 1em;
	white-space: pre;
	font-family: monospace;
	background: rgb(248,248,255);
	padding: 0.5ex;
}

pre.single-line
{
	white-space: normal;
}

em.code
{
	border-top: 1px solid; /*1px since thin looks bad on MSIE*/
	border-bottom: 1px solid;
	font-family: monospace;
	font-weight: normal;
	font-style: normal;
}

.brainbody div.side
{
	width: 30%;
	float: right;
	padding: 0.5ex;
	border: thin solid;
	margin: 1ex 0px 1ex 1ex;
	background: rgb(255,255,255);
}

.brainbody div.side h1
{
	margin: 0.5ex -0.5ex 0px -0.5ex;
	padding: 0ex 0.5ex 0ex 0.5ex;
	border-top: thin solid;
	border-bottom: thin solid;
	background: rgb(247,199,186);
	text-align: center;
}

.brainbody div.side > h1:first-child
{
	margin-top: -0.5ex; /*undo div top padding*/
	border-top: none;
}

div.panel {
	display: none;
	position: absolute;
	top: 10em;
	left: 50%;
	width: 20em;
	margin-left: -10em;
	border: thin solid rgb(205,141,141);
	background: rgb(247,199,186);
	padding: 1em;
	ROUNDALL(BODYRADIUS)
}






a
{
	text-decoration: none;
}
a:hover 
{
	text-decoration: underline;
}

body
{
	background: url(background.png) rgb(204,204,204) fixed;
	color: rgb(0,0,0);
	margin: 0px;
}

div#entirebody {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	max-width: 60em;
}

div.bodymiddle
{
	margin-top: 1em; 
	margin-left: 12em;
	margin-right: 1em;
	padding-left: 20px;
	padding-right: 10px;
	background: rgb(250,250,250);
	border: 1px solid rgb(0,0,0);
}


div#middle-start
{
	margin-left: -20px;
	margin-bottom: -35px;
}

div.floater
{
	float: left;
	margin-left: 1em;
	width: 162px; 
	color: rgb(245,245,245);
}

div.floater a 
{ 
	color: rgb(215,225,255);
}

div.float-upper, div.float-lower
{	
	border: 1px solid rgb(0,0,0);
	 
	background: rgb(85,95,118);
}

div.float-upper
{
	border-top: none;
	
	-moz-border-radius-bottomright: 0.5em;
	border-radius-bottomright: 0.5em;
	-webkit-border-radius-bottomright: 0.5em;

	
	-moz-border-radius-bottomleft: 0.5em;
	border-radius-bottomleft: 0.5em;
	-webkit-border-radius-bottomleft: 0.5em;

}

div.float-lower
{
	padding: 0.5em;
	padding-bottom: 0px;
	
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	-webkit-border-radius: 0.5em;

}

div.divider
{
	text-align: center;
	margin: 13px 0px 10px 0px;
}

.float-lower form {
	margin: 0px;
	padding: 0px;
}

.search input[type=text]
{
	/* It seems to ignore the font-size... hmmm? */
	font-size: smaller;
	width: 95%;
	background: rgb(204, 204,204);
	border: thin inset rgb(204, 204,204);
	margin-bottom: 0.5ex;
}

div.title
{
	margin: 0px;
	height: 1.5em;
	font-size: 1.1em;
	font-weight: bold;
	background: rgb(204,204,204) url('title_back.png');
	
	border: solid 1px rgb(200,120,120);
	border-top: none;
	text-align: center;
}

div.bodybottom
{
	text-align: center;
	padding-left: 13em;
	padding-right:  2em;
}

div.logo
{
	margin-left: auto;
	margin-right: auto;
}

div.logo a, div.logo img
{
	border: none;
}

ul.menu
{
	border-top: thin solid rgb(245,245,245);
	border-bottom: thin solid rgb(245,245,245);
	margin: 1em 1ex 1em 1ex;
	padding: 0.5ex; 
}
ul.menu li  
{
	list-style: none;
}

.menu a 
{
	color: rgb(0,0,255);
}

.menu a:hover
{
	background: rgb(153,153,153);
	text-decoration: none;
	
	-moz-border-radius-topright: 1em;
	border-radius-topright: 1em;
	-webkit-border-radius-topright: 1em;

	
	-moz-border-radius-bottomright: 1em;
	border-radius-bottomright: 1em;
	-webkit-border-radius-bottomright: 1em;

	
	-moz-border-radius-topleft: 2px;
	border-radius-topleft: 2px;
	-webkit-border-radius-topleft: 2px;

	
	-moz-border-radius-bottomleft: 2px;
	border-radius-bottomleft: 2px;
	-webkit-border-radius-bottomleft: 2px;

}

.menu a:hover:after {
	content: '♦';
	color: rgb(247,199,186);
}

.rssfeeds a, .listmodes a
{
	color: rgb(128,95,95);
	margin-left: 0ex;
	padding: 0ex 0.5ex 0 0.5ex;
}

.rssfeeds a:hover, .listmodes a:hover /*, .listmodes .selected a*/
{
	background: rgb(247,199,186);
}

table.prelist
{
	width: 100%;
}

div.rssfeeds 
{
	text-align: right;
	margin-bottom: 1ex;
}

div.listmodes
{
	text-align: left;
	margin-bottom: 1ex;
}
.rssfeeds img 
{
	border: none;
	vertical-align: baseline;
	margin-left: 0.5ex;
}

.morelink 
{
	font-size: smaller;
}

div.noteform table 
{
	width: 100%;
}

div.noteform textarea, div.noteform input[type=text]
{
	width: 95%;
}


/********************************************************************************************
 * ENTRY
 *******************************************************************************************/

div.entry
{
	margin-bottom: 1em;
}

.entry table
{
	width: 100%;
	padding: 0.5ex;
	margin-bottom: 1ex;
	border-spacing: 0px;
}

/* Fix for IE width weirdness, or for Firefox, which is correct here? based on the bug I somehow have the reverse situation... */
* html .entry table
{
	width: 95%;
	margin-left: 2.5%;
	margin-right: 2.5%;
}

.entry td
{
	padding: 0px;
}

.entry td.category
{
	width: 76px;
	max-width: 76px;
	vertical-align: top;
}

.entry table img 
{
	padding: 5px;
	margin-right: 1ex;
	border: none;
}

td.entry-menu
{
	margin-right: 1.5ex; 
	text-align: right;
	vertical-align: top;
}

.entry-menu a, div#resultnav
{
	color: rgb(0,0,255);
	white-space: nowrap;
}

td.entry-menu a
{
	color: rgb(0,0,255);
	padding: 0 0.5ex 0 0.5ex;
}

td.entry-menu a:hover, div#resultnav a:hover
{
	background: rgb(153,153,153);
}

.entry td.body
{
	text-align: left;
	vertical-align: top;
	padding-right: 1em;
	padding-left: 1em;
}

div.descfull
{
	padding-left: 0.5ex;
	padding-right: 1.5ex;
}

div.related
{
	border: thin solid rgb(153,153,153);
	margin: 2em;
	padding: 0.5em;
	background: rgb(255,245,245);
	font-size: smaller;
}

div.related ul
{
	margin: 0px;
}

div.related table
{
	width: 100%;
}

div.related table td
{
	vertical-align: top;
}

div.reply
{
	margin-left: 3em;
	margin-right: 2em;
	border-top: thin solid rgb(153,153,153);
}

div#resultnav
{
	border-top: thin solid rgb(153,153,153);
	text-align: right;
	margin-bottom: 1ex;
	padding-right: 1em;
}

div#resultnav a 
{
	text-decoration: none;
	padding-left: 1ex;
}

.metacreate
{
	font-variant: small-caps;
	font-size: 80%;
}