html {
   font-family: Helvetica, Arial;
   font-size: 10pt;
}
table {
   font-family: Helvetica, Arial;
   font-size: 10pt;
}
td {
   vertical-align: top;
}
#container {
   width: 90%;
   margin: 10px auto;
   background-color: #fff;
   color: #333;
   border: 1px solid gray;
   line-height: 130%;
}

.header {
   padding: 0.5em;
   background-color: #fff;
   border-bottom: 1px solid white;
}

.sidebar {
   float: left; 
   width: 160px;
   margin: 0px;
   padding: 1em;
}

.sidebar div {
   float: left;
   width: 120px;
   margin: 0px;
   padding: 0px;
   border: 0px;
   border-top: 1px solid #ccc;
}

.sidebar div a {
   padding: 2px;
   display: block;
   width: 120px;
   background-color: #fff;
   color: #000;
   text-decoration: none;
   border-bottom: 1px solid #ccc;
}

.sidebar div a:hover {
   background-color: #46f;
   color: #fff;
   border-bottom: 1px solid #800;
}

.main {
   margin-left: 200px;
   border-left: 1px solid gray;
   padding: 1em;
   max-width: 50em;
}

.main_wide {
   padding: 1em;
   max-width: 60em;
}

.footer {
   clear: both;
   margin: 0px;
   padding: 0.5em;
   color: #333;
   background-color: #ddd;
   border-top: 1px solid gray;
}

.error {
   color: #f00;
}

.item_wrapper {
   position: relative;
   clear: both;
   float: left;
   width: 100%;
   overflow: hidden;
   border-top: 1px solid #000;
}
.item_mid_wrap {
   float: left;
   width: 200%;
   margin-left: -150px;
   position: relative;
   right: 100%;
}
.item_left_wrap {
   float: left;
   width: 100%;
   margin-left: -50%;
   position: relative;
   left: 325px;
}
.item_details_wrap {
   float: left;
   width: 50%;
   position: relative;
   right: 75px;
   padding-bottom: 1em;
}
.item_details {
   margin: 0 175px 0 75px;
   position: relative;
   left: 200%;
   overflow: hidden;
}
.item_pic {
   float: left;
   float: right;
   width: 175px;
   position: relative;
   right: 0;
}
.item_date {
   float: left;
   float: right;
   width: 75px;
   margin-right: 0;
   position: relative;
   left: 50%;
}