.menubox span div {
  display: none;
  position: absolute;
  padding: 4px;
  margin-left: 36px;
  margin-top: -8px;
  border-right: 1px solid #f33;
  border-left: 1px solid #f33;
  border-top: 1px solid #f33;
  border-bottom: 1px solid #f33;
  font-size: 8pt;
}

.menubox span:hover div {
  display: block;
}

.codefront { 
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 10px;
  color: #060;
  background-color: #fee;
}

a {text-decoration: none;}

a:link {color: #444499;}

a:visited {color: #444499;}

a:active {color: #444499;}

a:hover {
   color: #777777;
   text-decoration: none;
}

#header > body {
  position: relative;
  }

#header  {
        position: fixed;
	top: 0px;
	left: 0px;
	z-index: 99;
	background-color: #000;
        width: 100%;
        float: left;
	padding: 4px;
        color: #fff;
        font-size: 11px;
	}

#page {
    width: 938px; 
    padding: 0;
    padding-top: 20px;
    padding-left: 20px;
    position: absolute;
    background: #fff;
}


#leftframe {
	width: 200px;
	padding: 4px 4px 4px 4px;
        margin: 6px 4px 4px 4px;
	text-align: left;
        float: left;
        border-width: 1px;
        border-color: #ddd;
        border-style: dashed;
        background-color: #fdfdfd;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 11px;
}

div#leftframe * { color: #e9e9e9; background-color: #fdfdfd; border-color: #fdfdfd;}

div#leftframe:hover a {
  color: #444499;
}

div#leftframe:hover a:hover {
   color: #777777;
   text-decoration: none;
}

div#leftframe:hover td {
  color: #444444;
}

div#leftframe:hover span {
  color: #444444;
}

div#leftframe:hover div {
  background-color: #fdfdfd;
  color: #444444;
  border-color: #dddddd;
}

div#leftframe:hover div:hover {
  color: #444444;
  border-color: #dddddd;
  background-color: #f9f9f9;
}

div#leftframe:hover div:hover * {
   background-color: #f9f9f9;
}

div#leftframe:hover div:hover a {
  color: #444499;
}

div#leftframe:hover div:hover a:hover {
  color: #777777;
}

div#leftframe:hover input {
  color: #444444;
}


#rightframe {
	width: 200px;
	padding: 4px 4px 4px 4px;
        margin: 4px 4px 4px 4px;
	text-align: left;
        float: right;
        border-width: 1px;
        border-color: #ddd;
        border-style: dashed;
        background-color: #fefefe;
}

#rightframe div { visibility: hidden; }

#rightframe:hover div{
  visibility: visible;
}

#rightframe:hover {
  border-color: #333;
  background-color: #fff;
}

#mainframe {
  width: 700px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  float: left;
} 

#topframe {
  padding: 0px;
  margin-top: 4px;
}

#contentframe {
  padding: 4px 4px 4px 4px;
  border-width: 0px 0px 0px 0px;
  border-color: #333;
  border-style: solid;
}


#bottomframe {
  width: 880px;
  margin: 20px;
  padding: 20px;
  clear: both;
}

.siteinfobox {
  background-color: #f0f0f0;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 4px;
  border-width: 1px;
  border-color: #ddd;
  border-style: dashed;
}

.siteinfobox:hover { background-color: #f9f9f9; }

.loginbox {
  background-color: #f0f0f0;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 4px;
  border-width: 1px;
  border-color: #ddd;
  border-style: dashed;
}

.loginbox:hover { background-color: #f9f9f9; }

.menubox {
  background-color: #f0f0f0;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 4px;
  border-width: 1px;
  border-color: #ddd;
  border-style: dashed;
}

.menubox:hover { background-color: #f9f9f9; }

.admincontribbox {
  background-color: #f0f0f0;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 4px;
  border-width: 1px;
  border-color: #e00;
  border-style: dashed;
}

.admincontribbox:hover { background-color: #f9f9f9; }

.normaluserbox {
  background-color: #f0f0f0;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 4px;
  border-width: 1px;
  border-color: #ddd;
  border-style: dashed;
}

.normaluserbox:hover { background-color: #f9f9f9; }

.searchbox {
  background-color: #f0f0f0;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 4px;
  border-width: 1px;
  border-color: #ddd;
  border-style: dashed;
}

.searchbox:hover { background-color: #f9f9f9; }

.calendarbox {
  background-color: #f0f0f0;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 4px;
  border-width: 1px;
  border-color: #ddd;
  border-style: dashed;
  text-align: center;
}

.calendarbox:hover { background-color: #f9f9f9; }

.historybox {
  background-color: #f0f0f0;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 4px;
  border-width: 1px;
  border-color: #ddd;
  border-style: dashed;
}

.storyblock {
  border-bottom: 0px;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-color: #333;
  border-style: dashed;
  padding: 8px; 
  margin-top: 4px;
  margin-bottom: 2px;
  background-color: #fff;
}

.storyblock:hover { background-color: #fcfcfc; }

.substoryblock {
  border-bottom: 0px;
  border-top: 1px;
  border-left: 0px;
  border-right: 0px;
  border-color: #333;
  border-style: dashed;
  padding: 8px; 
  margin-top: 4px;
  margin-bottom: 2px;
  margin-left: 20px;
  background-color: #fff;
}

.substoryblock:hover { background-color: #f9f9f9; }

.subsubstoryblock {
  border-bottom: 0px;
  border-top: 1px;
  border-left: 0px;
  border-right: 0px;
  border-color: #333;
  border-style: dashed;
  padding: 8px; 
  margin-top: 4px;
  margin-bottom: 2px;
  margin-left: 40px;
  background-color: #fff;
}

.subsubstoryblock:hover { background-color: #f9f9f9; }


body {
   background-color: #ffffff;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 12px;
   color: #444444;
   margin:0;
   padding:0;
}

td {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 12px;
}

fieldset {
  padding-left: 8px;
  padding-top: 0px;
  margin-top:6px;
  margin-bottom:6px;
}

p {
   margin-top:6px;
   margin-bottom:10px;
}

form {margin: 0px;}



.title {
   height: 100px;
   font-size: 20pt;
   font-weight: bold;
   vertical-align: middle;
   background-image: url("/static/pooz/images/weblogheadp.gif");
   background-color: transparent;
   color: #444499
}

.message {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 11px;
   font-weight: bold;
   padding: 1px;
   color: #666666;
   background-color: #ffffff;
}

.statusdark {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 11px;
   width: 198px;
   display: block;
   padding-top: 3px;
   padding-bottom: 3px;
}

.statusdarknew {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 11px;
   color: #999999;
}

.statuslight {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 11px;
   width: 198px;
   color: #999999;
   display: block;
   padding-top: 3px;
   padding-bottom: 3px;
}

.statushead {
   width: 198px;
   text-align: left;
   letter-spacing: 3px;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 10px;
   font-weight: bold;
   color: #fff5f5;
   display: block;
   padding-top: 1px;
   padding-bottom: 1px;
   background-color: #9f9595
}

.sep {
   height: 1px;
   width: 198px;
   background-image: url("/static/dot.gif");
}

ul {list-style: url("") circle;}

li {padding-bottom: 3px;}

.calHead {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 11px;
   font-weight: bold;
   font-variant: small-caps;
}

.calDay {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 11px;
   text-align: center;
   font-variant: small-caps;
}

.calSelDay {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 11px;
   border: 1px solid #444499;
   text-align: center;
   font-variant: small-caps;
}

.calFoot {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 11px;
   font-weight: bold;
   font-variant: small-caps;
}

.storyDate {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 11px;
   color: #000000;
   margin-top: 10px;
   margin-bottom: 2px;
   font-variant: small-caps;
}

.storyTitle {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 15px;
   color: #666666;
   font-weight: bold;
   margin-bottom: 8px;
   font-variant: small-caps;
}

.small {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 11px;
   color: #000000;
}


.substory {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 11px;
   color: #000000;
}

.commentHead {
   width: 50px;
   border-bottom-style: dotted;
   border-bottom-width: thin;
   border-bottom-color: #cccccc;
   margin-bottom: 2px;
   margin-top: 10px;
   font-variant: small-caps;
}

.commentDate {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 11px;
   color: #000000;
   margin-bottom: 2px;
   font-variant: small-caps;
}

.commentTitle {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 15px;
   color: #444444;
   font-weight: bold;
   margin-bottom: 2px;
   font-variant: small-caps;
}

.reply {padding-left: 40px;}


.formTitle {
   width: 380px;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 15px;
   font-weight: bold;
   border: 1px solid #444444;
}

.formText {
   width: 380px;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 12px;
   font-weight: normal;
   border: 1px solid #444444;
}

.formWide {
   width: 660px;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 12px;
   font-weight: normal;
}

.offlineStory {background-color: #cccccc;}

.pollResultsBar {
   height: 5px;
   margin-right: 10px;
   background-color: #444499;
   font-size: 0px;
}

.searchbox {
   font-size:11px;
   margin-top:3px;
   margin-bottom:3px;
}

.colorpickerWidget {
   border: 1px solid #cccccc;
}

.pagelink {
   margin-top: 2px;
   margin-bottom: 2px;
}