/* fooling around with css */
body
{
   background: #336699;
   color: #000000;
   font-weight: normal; 
   font-size: 12px; 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   text-align:center;
   margin: 0px;
}

p
{
   text-decoration: none
}

a:link, a:visited
{
   color:#FF9999;
   text-decoration:underline;
}

a:active, a:hover
{
   color:#999999;
   text-decoration:underline;
}

div.container
{
   background-color:#EEEEEE;
   width:800px;
   border-left: 1px solid #999999;
   border-right: 1px solid #999999;
   margin-left:auto;
   margin-right:auto;      
   color:#336699;
}

div.header
{
   text-align:left;
   color:#FFFFFF;
   background-color:#FFCC66;
   padding-top: 200px; /* height of the image */
   background-image: url("./sunset_header.jpg");
   background-repeat: no-repeat;
   background-position: top center;
   border-bottom:1px solid #999999;
   padding-bottom: 10px;
   padding-left: 10px;
   padding-right: 10px;
   font-size: 12pt;
   font-weight: bold;
}

div.footer
{
   clear:left;
   text-align:right;
   color:#FFFFFF;
   background-color:#FFCC66;
   border-top:1px solid #999999;
   font-weight:bold;
   padding:10px;
}

div#header ul
{
   width:100%;
   padding: 0px;
   margin: 0px;
   list-style-type:none;
}

div#header li
{
   display:inline;
}

div#header li.view
{
   background: #FFFFFF;
   color:#FFCC66;
   padding-top: 0.2em;
   padding-bottom: 0.2em;
   padding-left: 0.8em;
   padding-right: 0.8em;
   text-decoration:none;
   font-weight:bold;
}

div#header a, div#header a:link, div#header a:visited
{
   color:#FF9999;
   text-decoration:none;
   font-weight:bold;
}

div#header a:hover, div#header a:active
{
   color: #FFFFFF;
   text-decoration:underline;
}

div.content
{
   float:left;
   background-color:#FFFFFF;
   width:75%;
   margin:0px;
   padding:10px;
   text-align: center;
   border-right:1px solid #999999;
}

div.random, div.sidebar
{
   background-color:#EEEEEE;
   margin-left:620px;  /* 75% of the header size + padding for content*/
   padding:0.4em;
   text-align:center;
}

div.blank
{
/* blank does nothing */
/*
  clear:left;
  padding:0.4em;
*/
}

div.topic
{
   background-color:#FFFFFF;
   border-bottom:1px solid #999999;
   text-align:center;
   font-weight:bold;
   color:#FFCC66;
}

div.item
{
   background-color:#FFFFFF;
   border:1px solid #999999;
   text-align:left;
   color: #336699;
   font-weight:normal;
   width:540px !important;
   width:554px; /* fucking IE... */

   padding: 7px;
   margin-left:auto;
   margin-right:auto;   
}

 div.itemtitle
{
   margin-left:auto;
   margin-right:auto;   
   background-color:#EEEEEE;
   border-top:1px solid #999999;
   border-left:1px solid #999999;
   border-right:1px solid #999999;
   width: 554px;
   text-align:center;
   font-weight:bold;
   color:#FFCC66;
}

div.sideitem
{
   background-color:#FFFFFF;
   border-bottom:1px solid #999999;
   border-left:1px solid #999999;
   border-right:1px solid #999999;
   text-align:left;
   color: #336699;
   font-weight:normal;
   width:127px !important;
   width:149px; /* fucking IE... */
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
   padding-top: 2px;
   margin-left:auto;
   margin-right:auto;   
}

 div.sideitemtitle
{
   margin-left:auto;
   margin-right:auto;   
   padding-top: 25px; /* height of the image */
   padding-bottom: 0px;
   margin-bottom:0px;
   background-color:#FFFFFF;
   background-image: url("./side_title.jpg");
   background-repeat: no-repeat;
   background-position: top center;
   width: 153px;
   text-align:center;
   font-weight:bold;
   color:#FFCC66;
}

blockquote{
        border: 1px dashed #FF9999;
        background-color: #EEEEEE;
        padding: 5px;
}