body {
    background:#003;
    color:#444;
    font-family:sans-serif;
	font-size:12px;
}
#box {
    position:absolute;
    top:3em;
    left:3em;
    right:3em;
}
#box2 {
    background:#fff;
    border:3px solid #999 ;
    margin-bottom:2em;
    padding:2em;
}
#menu {
	position:absolute;
	top:0;
	right:0px;
	padding:3px;
	background:#ddd;
	font-weight:bold;
	-moz-opacity:0.8;
	border-left:2px solid #003;
	border-bottom:2px solid #003;
	z-index:9;
}
body>#menu { position:fixed } /* IE can't do fixed and can't read this */
#menu a {
	color:#006;
	text-decoration:none;
}
.manage { display:none }
#sidecontainer {
    position:absolute;
    top:3em;
    /**left:72%;**/
    right:2em;
	width:225px;
    background:#fff;
    border:3px solid #999;
}
#side {
    padding:2em 1em;
}
#login {
    width:50%;
    border:1px dotted #999;
    padding:1em;
    margin:auto;
    text-align:center; /** IE sucks. Screw you for using it **/
}
#login table { margin:auto; }
#login td { text-align:left }

#title { font-size:13px; background:#556; color:#fff; border:0; margin-bottom:0 ; padding:0.25em}

.gray { color:#666 }
.notice { color:#600 ; padding: 0.5em; background: #ddd ; overflow:auto}
span.notice { padding:0 }
.shoutform  { border:1px dotted #999 }
.shoutform th,.shoutform td { background:#f0f0f0 }
.shoutform th { vertical-align:top }
.shoutform small { color:#999 }
#shoutlist .odd { background:#efefff }
#shoutlist .even { background:#efefef }
#shoutlist .hilite { background:#ffc }
#shoutlist th, #shoutlist td { padding:0 0.5em; }
#shoutlist th { background:#e0e0e0; text-align:left }
h1, h2, h3 { color:#003 }
h1 { font-size: 1.25em; border-bottom:2px dotted #999 }
h2 { font-size: 1.0em; border-bottom:2px dotted #999 }
h3 { font-size: 1.0em }
dl { padding-left:1em }
dt { padding-top:0.5em; padding-left:0.5em; font-weight:bold; text-decoration:underline }
dd { margin-left:0.5em }
dd p { margin:0.5em 0 }
ul { padding-left:1em }
code { color:#600 }