/* -----------------------------------------------------------------------------
/* Main CSS File - Hinterlandband
/* -----------------------------------------------------------------------------
/* Global styles
/* ---------------------------------------------------------------------------*/
body {
    font-family: "century gothic", tahoma;
    font-size: 12px; margin: auto 0px;
    background: url(../images/bg/bg.jpg) top left repeat;
}
table.bg_glow {
    border-collapse: collapse;
    position: absolute; width: 846px; left: 50%; margin-left: -423px;
}
td.bg_center {
    background-color: #FFFFFF; padding: 0px;
}
td.bg_l { background: url(../images/bling/bg_l.png) top right repeat-y; width: 15px; }
td.bg_r { background: url(../images/bling/bg_r.png) top left repeat-y; width: 15px; }
td.bg_bl { background: url(../images/bling/bg_bl.png) top right no-repeat; height: 15px; width: 15px; }
td.bg_b { background: url(../images/bling/bg_b.png) top left repeat-x; height: 15px; }
td.bg_br { background: url(../images/bling/bg_br.png) top left no-repeat; height: 15px; width: 15px; }
a {
    text-decoration: none;
    color: #5A1010;
}
a:hover {
    text-decoration: underline;
    color: #000;
}
h1,h2,h3,h4,h5 {
    font-weight: normal; color: #5B1010;
    margin: 5px 0px 5px 0px;
}
/* -----------------------------------------------------------------------------
/* Container styles
/* ---------------------------------------------------------------------------*/
.container {
    border: 1px solid #996633; border-width: 0px 1px 1px 1px;
    padding: 5px; background-color: #e0e0e0;
}
/* -----------------------------------------------------------------------------
/* Header
/* ---------------------------------------------------------------------------*/
.header {
    background: url(../images/header/header.png) top left no-repeat;
    height: 145px;
}
/* -----------------------------------------------------------------------------
/* Navigation
/* ---------------------------------------------------------------------------*/
.mainnav {
    padding: 3px 0px 3px 0px;
    background: #EC661C url(../images/navigation/mainnav_bg.jpg) top left repeat-x;
    border-bottom: 1px solid #7C5329;
}
.mainnav a {
    float: left;
    text-decoration: none; color: #FFF;
    padding: 6px 14px 6px 14px;
    border-right: 1px solid #E46520;
}
.mainnav a:hover {
    background: url(../images/navigation/mainnav_bg_hover.jpg) top left repeat-x;
    color: #5A1010;
}
/* -----------------------------------------------------------------------------
/* Content
/* ---------------------------------------------------------------------------*/
.left {
    background-color: #E6CBB0;
    border-right: 1px solid #D8AC85;
    border-left: 1px solid #D8AC85;
    color: #4A321A; padding: 10px;
    width: 220px;
}
.right {
    padding: 15px; background-color: #FFF;
    border-right: 1px solid #D8AC85;
}
/* -----------------------------------------------------------------------------
/* This and That
/* ---------------------------------------------------------------------------*/
.thisthat {
    border: 1px solid #ccc; border-width: 1px 0px 1px 0px;
    background-color: #EEE; color: #bbb;
    margin: 0px 0px 10px 0px;
}
.thisthat img { border-width: 0px; }
.thisthat a { color: #888; }
.thisthat a:hover {
    text-decoration: underline; color: #444;
}
/* -----------------------------------------------------------------------------
/* Form
/* ---------------------------------------------------------------------------*/
.form {
    margin: 10px 0px 10px 0px;
    background-color: #e0e0e0; padding: 10px;
    border: 1px solid #CCC;
    border-width: 1px 0px 1px 0px;
}
.form input,textarea {
    border: 1px solid #CCC;
}
/* -----------------------------------------------------------------------------
/* Information
/* ---------------------------------------------------------------------------*/
.info {
    font-size: 10px; color: #666; padding: 5px;
    border: 1px solid #CCC; background-color: #F0F0F0;
    border-width: 1px 0px 1px 0px;
    margin-bottom: 10px;
}
/* -----------------------------------------------------------------------------
/* Inner Content
/* ---------------------------------------------------------------------------*/
.innercontent {
    
}
.limage {
    border: 1px solid #E8BCA5;
    padding: 5px;
}
.caption {
    font-size: 11px; color: #555; font-weight: bold;
    padding: 10px;
}
.images table td img {
    border: 1px solid #E8BC95;
    padding: 2px; margin: 2px;
}
.item {
    border-top: 1px dashed #bbb;
    margin: 10px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
}
.item a { font-size: 14px; }
.item img {
    border: 1px solid #E8BCA5; padding: 3px;
    float: left; margin: 0px 10px 0px 0px;
}
.name { color: #7B1813; font-size: 14px; }
.date { color: #888; }
.body {
    border-top: 1px solid #CCC;
    padding: 10px 0px 10px 0px;
}
.commentform {
    background-color: #e0e0e0; padding: 15px;
    border: 1px solid #CCC;
}
.latestpost {
    border-top: 1px solid #D8AC85; padding: 5px 0px 5px 0px;
}
/* -----------------------------------------------------------------------------
/* Random Room
/* ---------------------------------------------------------------------------*/
.random_room {
    border: 1px solid #D8AC85;
    padding: 5px; text-align: center;
    background-color: #E0BFA0;
}
.random_room a {
    font-size: 14px;
}
.random_room img {
    padding: 3px; background-color: #E6CBB0;
    border: 1px solid #D8AC85;
}
/* -----------------------------------------------------------------------------
/* Quotes
/* ---------------------------------------------------------------------------*/
.quotes {
    margin: 10px 0px 10px 0px;
    background: url(../images/icons/dquote_t.jpg) top left no-repeat;
    padding-top: 35px; color: #000;
}
/* -----------------------------------------------------------------------------
/* Footer
/* ---------------------------------------------------------------------------*/
.footer {
    border-top: 1px solid #D8AC85;
    padding: 10px;
}
.footer img {
    border-width: 0px;
}