/*
 * style.css: default style sheet
 */


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *  Default Styles
 *
 */

/* Default document settings */
body {
        margin: 0px;
        background-color: white;
        color: black;
        font-family: verdana, sans-serif;
        font-size: 10px;
}
p {
        margin-top: 0px;
        margin-bottom: 10px;
}

/* Header formats */
h1 {
        margin-top: 10px;
        margin-bottom: 5px;
        font-family: 'Trebuchet MS', verdana, sans-serif;
        font-size: 19px;
        color: rgb(171, 41, 51);
}
h2 {
        margin-top: 5px;
        margin-bottom: 3px;
        font-family: 'Trebuchet MS', verdana, sans-serif;
        font-size: 14px;
        color: black;
}
h3 {
        margin-top: 0em;
        margin-bottom: 0.3em;
        font-family: 'Trebuchet MS', verdana, sans-serif;
        font-size: 12px;
}

/* Separator style */
hr {
        width: 100%;
        height: 1px;
        margin-top: 10px;
        margin-bottom: 10px;
        border-top: none;
        border-bottom: 1px solid black;
        color: black;
}

/* Link styles */
a {
        font-weight: bold;
        text-decoration: none;
}
a:link,
a:visited,
a:active {
        color: rgb(171, 41, 51);
}
a:hover {
        text-decoration: underline;
}
a img {
        border-style: none;
}

/* Image style */
img {
        vertical-align: middle;
}

/* List styles */
ul,
ol,
dl {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
}
dt {
        margin-top: 0.7em;
        margin-bottom: 0em;
        margin-left: 30px;
}
dd {
        font-size: smaller;
        margin-left: 30px;
        margin-top: 0.4em;
        margin-bottom: 1em;
}
li {
        margin-bottom: 1em;
}

/* Table style */
table {
        width: auto;
        margin-top: 0em;
        margin-bottom: 1em;
        border: none;
        border-collapse: collapse;
        font-family: verdana, sans;
        font-size: 10px;
}
th {
        padding: 5px;
        padding-left: 8px;
        padding-right: 8px;
        vertical-align: top;
        text-align: left;
        border: none;
}
td {
        padding: 5px;
        padding-left: 8px;
        padding-right: 8px;
        vertical-align: top;
        border: none;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *  Layout Styles
 *
 */

/* Main style */
.main {
        width: 900px;
        border-right: solid black 1px;
        background: url(bilder/ram.jpeg) repeat-y white;
}
.main .innermain {
        background: url(bilder/bakgrund.jpeg) no-repeat;
}

/* Logotype styles */
.logo1 {
        position: absolute;
        top: 0px;
        left: 0px;
}
.logo2 {
        position: absolute;
        top: 122px;
        left: 0px;
}
.logo1 img,
.logo2 img {
        border: 0px;
}

/* Menu style */
.menu {
        padding-top: 140px;
        padding-bottom: 10px;
        padding-left: 340px;
        padding-right: 10px;
}
.menu .sections {
        margin-top: 0px;
        margin-bottom: 6px;
        font-family: 'Trebuchet MS', verdana, sans-serif;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 2px;
}
.menu .sections a {
        padding-left: 6px;
        padding-right: 6px;
}
.menu .sections a:hover,
.menu .sections a.selected:hover {
        background: rgb(217,141,141);
        color: white;
        text-decoration: none;
}
.menu .sections a.selected {
        background: rgb(171, 41, 51);
        color: white;
}
.menu .location {
        margin-top: 0px;
        margin-bottom: 6px;
        padding-left: 6px;
        color: rgb(217,141,141);
}
.menu .location a:link,
.menu .location a:visited,
.menu .location a:active {
        color: rgb(180, 70, 75);
}

/* Column style */
table.columns {
        margin-left: 160px;
        margin-right: 10px;
        margin-bottom: 0px;
}
table.columns td.center {
        padding-top: 15px;
        padding-bottom: 8px;
        padding-left: 0px;
        padding-right: 10px;
}
table.columns td.center img {
        margin-top: 8px;
        margin-bottom: 8px;
        margin-left: 10px;
        margin-right: 10px;
}
table.columns td.center .info img {
        margin: 0px;
}
table.columns td.right {
        width: 200px;
        padding-top: 0px;
        padding-bottom: 8px;
        padding-left: 10px;
        padding-right: 0px;
}
table.columns td.bottom {
        height: 40px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0px;
        padding-right: 10px;
}
table.columns td.line {
        width: 1px;
        padding: 0px;
        background: black;
}

/* Forum quote style */
.forumquote {
        position: absolute;
        top: 27px;
        left: 520px;
        width: 190px;
}
.forumquote p {
        margin: 0px;
        padding: 0px;
}

/* Page section styles */
.header {
}
.footer {
        font-size: smaller;
}
.content {
}
.content img {
        margin: 10px;
}
.box {
        border-style: solid;
        border-width: 1px;
        border-color: rgb(0, 30, 90);
        padding: 2px;
        padding-left: 5px;
        padding-right: 5px;
        background: rgb(240,243,253);
}

/* Subsections style */
.subsections {
        margin-top: 15px;
        font-size: 12px;
}
.subsections a:link,
.subsections a:visited,
.subsections a:active {
        color: rgb(60,50,30);
}
.subsections span.left {
        width: 6px;
        height: 28px;
        padding-top: 4px;
        padding-bottom: 11px;
        background: url(bilder/knapp-vanster.gif) no-repeat;
}
.subsections span.center {
        height: 28px;
        padding-top: 4px;
        padding-bottom: 11px;
        background: url(bilder/knapp-mitt.gif) repeat-x;
}
.subsections span.right {
        width: 6px;
        height: 28px;
        padding-top: 4px;
        padding-bottom: 11px;
        background: url(bilder/knapp-hoger.gif) no-repeat;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *  Table Styles
 *
 */

/* Compact table style */
table.compact {
        border: none;
}
table.compact th {
        padding: 0px;
        padding-right: 10px;
}
table.compact td {
        padding: 0px;
        padding-right: 10px;
}

/* Bordered table style */
table.border {
        margin-top: 15px;
        border-style: solid;
        border-width: 1px;
        border-color: rgb(90, 0, 30);
        border-collapse: collapse;
        background: white;
}
table.border th {
        border-style: solid;
        border-width: 1px;
        border-color: rgb(90, 0, 30);
        padding: 2px;
        padding-left: 5px;
        padding-right: 5px;
        background: rgb(217,141,141);
        color: white;
        font-weight: bold;
}
table.border td {
        border-style: solid;
        border-width: 1px;
        border-color: rgb(90, 0, 30);
        padding: 2px;
        padding-left: 5px;
        padding-right: 5px;
}

/* Newslist style */
table.newslist {
        margin: 0px;
}
table.newslist td {
        border-bottom: 1px solid black;
        padding: 0px;
}

/* Forum table style */
table.forum {
        border-style: solid;
        border-width: 1px;
        border-color: rgb(90, 0, 30);
        border-collapse: collapse;
        background: white;
}
table.forum tr.post {
        background: white;
}
table.forum tr.reply {
        background: rgb(253,240,243);
}
table.forum th {
        border-style: solid;
        border-width: 1px;
        border-color: rgb(90, 0, 30);
        padding: 2px;
        padding-left: 5px;
        padding-right: 5px;
        background: rgb(217,141,141);
        color: white;
        font-weight: bold;
}
table.forum td {
        border-style: solid;
        border-width: 1px;
        border-color: rgb(90, 0, 30);
        padding: 2px;
        padding-left: 5px;
        padding-right: 5px;
}
table.forum hr {
        margin-top: 0px; 
        border-bottom: 1px solid rgb(180, 180, 180);
        color: rgb(180, 180, 180);
}
table.forum img {
        margin: 3px;
}
table.forum a:visited {
        color: rgb(217,141,141);
}

/* Shop table style */
table.shop {
}
table.shop td {
        border-top: solid 1px black;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 0px;
        padding-right: 0px;
}
table.shop img {
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: 10px;
        margin-right: 10px;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 *  Other Styles
 *
 */

/* Admin style */
.admin {
        padding: 5px;
        background: rgb(230, 230, 230);
        font-size: smaller;
}

/* Location style */
.location {
        font-size: smaller;
        font-weight: bolder;
        color: rgb(150, 140, 143);
}

/* Section styles */
.info {
        font-size: 10px;
        font-weight: bold;
}
.linklist {
        margin-top: 5px;
        margin-bottom: 5px;
}
.linklist p {
        margin-bottom: 5px;
} 
.content .author img {
        margin: 0px;
        margin-left: 3px;
        margin-right: 6px;
}

/* Separator style */
div.hr {
        width: 100%;
        height: 1px;
        margin-top: 10px;
        margin-bottom: 10px;
        border-top: none;
        border-bottom: 1px solid black;
        padding: 0px;
        line-height: 1px;
}

/* Semantic markers */
.draft {
        background: rgb(255, 204, 204);
        color: red;
}
.important {
        color: red;
        font-weight: bolder;
        font-style: italic;
}
.important a,
.important a:link,
.important a:visited,
.important a:active {
        color: red;
}
.unimportant {
        color: rgb(170, 170, 170);
}
