/*
CSS for Viking Unst site
*/

body {
    font-family: DIN-regular, Verdana, Helevetica, Arial, sans-serif;
    line-height: 100%;
    margin: 0px;
    padding: 0px;
    background-image: url( ../images/viking_background.jpg );
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: bottom right;
}

/**
 * Main blocks - leftside (contains leftnav) and rightside (contains topnav)
 */


div#leftside {
    position: absolute;
    top: 10px;
    left: 0px;
    width: 142px;
    margin-left: 5px;
}

div#leftnav {
    height: 100%;
    background-color: #990000;
    padding: 5px;
}

div#rightside {
    width: 780px;
    position: absolute;
    top: 10px;
    left: 172px;
}

div#topnav {
    top: 10px;
    left: 180px;
}


/**
 * Styles required for left navigation
 */

/* 'logoholder' p contains the main logo image */


p#logoholder{
    margin: 0px;
}

p#logoholder img{
    border: 0px;
}

div#leftnav {
    font-size: 80%;
}

/* Extra padding at the bottom since all LIs have 7px on top */

div#leftnav ul {
    margin: 0px 0px 7px 0px;
    border: 0px;
    padding: 0px;
}

div#leftnav li {
    list-style: none;
    margin-top: 7px;
}

/* Nested lists for subnav */

div#leftnav ul li ul {
    margin: 0px 0px 7px 15px;
    border: 0px;
    padding: 0px;
}

div#leftnav ul li ul li {
    margin-top: 7px;
}


div#leftnav a {
    font-weight: bold;
    color: yellow;
    text-decoration: none;
}

div#leftnav a.current {
    text-decoration: underline;
}

div#leftnav a:hover {
    color: white;
    text-decoration: underline;
}


/**
 * Styles required for top navigation
 */

div#topnav img {
    border: 0px;
    margin-right: 10px;
    float: left;
}







.bold {
    font-family: DIN-regular, Verdana, Helevetica, Arial, sans-serif;
    line-height: 100%;
    font-weight: bold;
    width: 50%;
}

.attentiongrab {
    font-family: DIN-regular, Verdana, Helevetica, Arial, sans-serif;
    line-height: 100%;
    line-width: 50%;
    font-weight: normal;
}





div#bodycontent {
    padding: 5px;
    margin-top: 20px;
    width: 600px;
    float: left;
}

div#bodycontent a {
    font-weight: bold;
    color: green;
    text-decoration: none;
}

div#bodycontent a:hover {
    color: #990000;
    text-decoration: underline;
}

/**
 * General page things
 */

ul {

}

div#bodycontent li {
    list-style-image: url( ../images/viking_bullet.gif );
}

h2 {
    font-family: Swift, DIN-Regular, Verdana, Helvetica, Arial, sans-serif;
    color: #990000;
}

h3 {
    color: #990000;
}

h4 {
    color: black;
}
/**
 * For the 'project_pics' page - all pictures are wrapped in a <div class="captionedpic">
 * Each picture has the form <p><img...><br/>Caption</p>
 */

div.captionedpic {
    text-align: center;
}

div.captionedpic p {
    margin: 0px 0px 15px 0px;
    font-style: italic;
}

address {
    font-style: normal;
}

/* Paragraph with a little more emphasis */

p.informative {
    font-weight: bolder;
}

/* Convenience things for floating images */

img.imageright {
    float:right;
    padding: 0px 0px 20px 20px;
}

img.imageleft {
    float:left;
    padding: 0px 20px 20px 0px;
}

/* When displaying a pair of images, one left and one right, remove padding at the sides of them
so that they sit nicely together */

img.nosidepadding {
    padding: 0px 0px 20px 0px;
}

/* After displaying a pair of such images, use this on the next element to make sure it doesn't
sneak up between the gap between the images (if any) */

.cleared {
    clear: both;
}