body { background: #600 url('/images/background-tile.jpg') repeat-x }
form.search { margin: 0 0 5px 0; padding: 5px 10px; color: #fff; font-weight: bold }
form.search * { margin: 0; vertical-align: middle }
h1 { font-size: 180%; padding: 3px 0; margin-bottom: 0.6em }
h2 { font-size: 140% }
h1 span { color: #8F2C2C }
#logo img { width: 450px }
#top-nav { text-align: right; padding: 10px }
#site-title { font-weight: bold; color: #660000; font-size: 120% }
#rhs { text-align: center; }
#ads { padding: 10px 0; border-left: 1px solid #ddd; min-height: 600px; background: #FEFFE3 }
#ads .ad { border-bottom: 1px solid #ddd; padding: 10px 0 }
.container { background-color: #fff; border: 1px solid #220000 }
#content { margin: 0 15px; padding: 10px 0 }
table.generic-table td { vertical-align: top; }
#footer { background: #330000 url('/images/footer.jpg') repeat-x; color: #fff; padding: 15px; margin-top: 30px }

/* Menu */
#menu { text-align: center }
#menu ul { background: #770000 url('/images/menu-tile.jpg') repeat-x; padding: 0.4em 0; margin: 0; width: 100% }
#menu li { display: inline }
#menu a { padding: 0.5em 1em; color: #fff; text-decoration: none }
#menu a:hover { background: #AA0000 url('/images/menu-tile-selected.jpg') repeat-x }
#menu .selected { background: #AA0000 url('/images/menu-tile-selected.jpg') repeat-x; font-weight: bold }

/* List of Articles and other stuff */
ul.list { margin: 0; padding: 0; list-style: none }
ul.list .thumbnail { text-align: center }
ul.list .thumbnail img { border: 1px solid #000 }

/* Left and right */
.float-right{float:right}
.float-left{float:left}
.align-right{text-align:right}
.align-center{text-align:center}
.align-left{text-align:left}

/* Generic Styles */
.posted { 
  color: #600;
  font-weight: bold; 
  background: #FFFDDD;
  padding: 10px 0; 
  border-bottom: 1px solid #ddd; 
  border-left: 1px solid #ddd;
}
a.On { color: #D8060D; font-weight: bold }
a.Off { color: #0F9902; font-weight: bold }
#post-form { 
  background:#FAFFCA;
  padding:10px;
  margin-bottom:10px;
  border: 1px solid #D7D8C9;
}
.answer, .no-answer { margin-left: 15px; font-weight: bold }
.answer { color: #888 }
.no-answer { color: #C19195 }

/* Show Screen */
a.title { font-weight: bold; font-size: 110% }
a.title:hover { color: #0000B3 }

.author { color: #777; font-weight: bold; font-size: 95%; margin-bottom: 1em }
.author .time { font-weight: normal }
.image { margin: 0 1em 1em 1em; width: 260px; text-align: center }
.image img { border: 1px solid #000; margin: 0.5em 0 0 0 }
.image .caption { text-align: left; font-size: 90%; font-weight: bold; margin: 0.5em }

/* Button like links */
.email-link { background: url('/images/mail.png') no-repeat left center }
.email-link a, .list-link a { margin-left: 20px }
.list-link { background: url('/images/list.png') no-repeat left center }
.reply-link { font-weight: bold; }
.reply-link a:hover { color: #c00 }
.red-button { color:#a00; text-decoration:none; border: 1px solid #800; padding: 3px 15px }

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.pagination { padding: 2px; margin-bottom: 15px }
.pagination ul { margin: 0; padding: 0; text-align: left; font-size: 12px }
.pagination li{ list-style-type: none; display: inline; padding-bottom: 1px;  margin-right: 3px }
.pagination a, .pagination a:visited { padding: 0 5px; border: 1px solid #9aafe5; text-decoration: none; color: #2e6ab1 }
.pagination a:hover, .pagination a:active { border: 1px solid #2b66a5; color: #000; background-color: lightyellow }
.pagination li.currentpage { font-weight: bold; padding: 0 5px; border: 1px solid navy; background-color: #2e6ab1; color: #FFF }
.pagination li.disablepage { padding: 0 5px; border: 1px solid #929292; color: #929292 }
.pagination li.nextpage { }