body { 
   width: 400px;
   margin: 10px 0 10px 0;
   padding-left: 50%;
   background-color: #f0f0f0;
   font-family: sans-serif;
   font-size: 13px;
}

#frame {
   width: 800px;
   margin-left: -400px;
   border: 1px solid #999999;
}

#header {
   background-color: #c5c5c5;
   color: #333333;
   font-size: 2.5em;
   border-bottom: 1px solid #999999;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   padding-left: 50px;
}

#header a {
   text-decoration: none;
}

#content {
   float: left;
   width: 608px;
   margin-left: 10px;
}

#sidebar {
   float: left;
   width: 160px;
   margin-left: 10px;   
   margin-right: 10px;   
}

.sidebar_item {
   margin-top:10px;
   padding: 5px;
   background-color: #e4e4e4;
}

.sidebar_item h4 {
   margin-top: 0px;
   margin-bottom: 10px;
}

.sidebar_item form {
   margin: 0px;
}

.sidebar_item ul {
   margin: 0;
   padding-left: 25px;
}

.sidebar_item li {
   padding: 0px;
   margin: 0px;
}

#footer {
   clear: both;
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   border-top: 1px solid #999999;
   font-size: 11px;
   text-align: center;
}

.message {
   display: block;
   margin-left: 10px;
   margin-right: 10px;
   background-color: #cc8877;
}

.formElementWithError {
   border: 3px solid #cc8877;
}

a:link {
   color: #555555;
}

a:visited {
   color: #555555;
}

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

textarea, input, select {
   background-color: #dddddd;
   border: 1px solid #666666;
}

code {
   overflow: auto;
   width: 99%;
   display: block;
   border-left: 1px solid #aaaaaa;
   background-color: #e4e4e4;
   padding-left: 5px;
}

/*
   pagination
*/

.pagination {
   width: 100%;
}

.pagination_prev {
   align: left;
}

.pagination_next {
   float: right;
}

/*
   posting
*/

.posting {
   border: dashed 1px #999;
   margin: 10px 0px 10px 0px;
}

.posting-header {
   background-color: #e4e4e4;   
   padding: 2px 5px 2px 5px;
}

.posting-header-title {
   font-size: 20px;
}

.posting-header-info {
   font-size: 12px;
   color: #555;
}

.posting-admin {
   font-size: 12px;
}

.posting-content {
   padding: 2px 5px 2px 5px;
   
}

.posting-footer {
   padding: 2px 5px 2px 5px;
   font-size: 12px;
   
}

/*
   comments
*/

#comment-message {
   display: block;
   padding: 10px;
   background-color: #cc8877;
}

#comments {
   width: 400px;
   padding: 2px 5px 2px 5px;
}

.comment {
   min-height: 68px;
}

.comment-form {
   width: 100%;
}

.comment-form textarea {
   width: 80%;
   height: 70px;
}

.comment-form input {
   margin-left: 0;
}

.comment-header {
   margin-top: 5px;
   padding: 5px 0 5px 0;
}

.comment-icon {
   float: right;
   margin:0;
   padding:0;
}

.comment-text {
   height: 52px;
   min-height: 48px;
   padding: 2px 5px 2px 5px;
   margin-right: 69px;
   background-color: #e4e4e4;
}

*>.comment-text { height: auto; } 

.lightview img {
   border: 0px;
}