/*-------box model hack (for IE/Win)-----------*/ 
body,html {
clear: both;
background:#fff url(snowf.jpg);}

#wrapper {
width: 600px;
margin: 0px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px; padding: 15px 20px; 
line-height: 1.5em; 
background-color: #fff; 
border: 1px dashed #ccc;

border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px;

border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-right-radius: 3px;

border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;

border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-left-radius: 3px;

-moz-box-shadow: 0 0 0 4px #fff, 2px 1px 4px 4px rgba(10,10,0,.5);
-webkit-box-shadow: 0 0 0 4px #fff, 2px 1px 4px 4px rgba(10,10,0,.5);
box-shadow: 0 0 0 4px #fff, 2px 1px 6px 4px rgba(10,10,0,.5);}

/* Headache */

#head {
height:500px;
padding: 1px;
background:#fff url(snowflakes.png) no-repeat center top;}

#navcontainer ul {
margin: 0;
padding: 10px;
list-style-type: none;
border-top: 0px dashed #ccc;
border-bottom: 1px dashed #ccc;
background-color:#fff;
text-align: center;
color: #6091AF;}

#navcontainer ul li
{
display: inline;
color: #6091AF;
text-transform: uppercase;
text-align: center;
font-size: 14px;
font-family: 'Josefin Slab', serif;
font-weight: bold;
}

#navcontainer ul li a
{
text-decoration: none;
text-align: center;
padding: .2em 1em;
color: #ccc;
font-size:14px; 
font-family: 'Josefin Slab', serif;
font-weight:bold;
}

#navcontainer ul li a:hover
{
color: #7EB5C9;
font-size:14px; 
font-family: 'Josefin Slab', serif;
font-weight:bold;
}

/* Too sexy for my... */

#innehall ol {
background: #fff;
width: 590px;
margin-top: 20px;
font-family: 'Josefin Slab', serif;
}

h5 { 
font-size:22px;
text-align:left;
font-family: 'Arvo', serif;
color: #7EB5C9;
margin-top: 1px; 
margin-bottom: 1px;
border-bottom:0px dotted #DAE2C7;}

.justify {
text-align:justify;
font-family: 'Josefin Slab', serif;
color:#000;
font-size:18px;
line-height: normal;}

b, strong {color:#6091AF;}

a:link {
color: #6091AF;
text-decoration:none; 
font-weight:bold;}

a:visited {
color: #6091AF;
text-decoration:none; 
font-weight:bold;}

a:hover {
color: #7EB5C9;
text-decoration: underline #ccc dashed;
font-weight:bold;}

a:active {
color: #7EB5C9;
text-decoration:none; 
font-weight:bold;}


/* Fotsvett */

#footer {
margin-top: 5px;
margin-bottom: 5px;
border-top: 1px dashed #ccc;
background-color:#fff;
width: 598px;}

.creds {
text-align: center;
font-family: 'Cutive Mono', monospace;
color:#3D3832;
font-size:14px;
font-style: uppercase;
line-height: normal;
}

/* I hate myself for loving you */

blockquote {
width: 580px;
align-self: center;
background: #EBF3FA;
border-left: 1px dashed #ccc;
border-bottom: 1px dashed #ccc;
border-right: 1px dashed #ccc;
border-top: 1px dashed #ccc;
color: #a5a4a4;
margin: 10px;
}

.stats {
text-align:center;
font-family: 'Pathway Gothic One', sans-serif;
color:#000;
font-size:18px;
line-height: normal;
}


a img {
padding:5px;
margin: 0 5px 0 0;
background-color: #ccc;
border:1px solid #ccc;
}

a img:hover{
padding:5px;
margin: 0 5px 0 0;
background-color:#7EB5C9;
border:1px solid #7EB5C9;
}


/* Skripthelvetets look */

h3 { 
font-size:22px;
text-align:left;
font-family: 'Arvo', serif;
color: #7EB5C9;
margin-top: 1px; 
margin-bottom: 1px;
border-bottom:0px dotted #ccc;}

/* Medlemslistan */

#members ol {
list-style: none;
background: #fff;
padding: 20px;
text-align:justify;
font-family: 'Josefin Slab', serif;
color:#000;
font-size:18px;
line-height: normal;
}

#members ul li {
  list-style: none;
  position: relative;
  padding: 3px 0 2px 25px;
}

.tc {
text-align:justify;
font-family: 'Josefin Slab', serif;
color:#000;
font-size:18px;
line-height: normal;}

/* Idiotnavigation */

#pagi {
    display: inline-block;
    padding: 0;
    margin: 0;
}

#pagi li {display: inline;}

#pagi li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    text-align:center;
    font-family: 'Josefin Slab', serif;
    transition: background-color .3s;
    border: 1px solid #7EB5C9;
    margin: 0 4px;
}

#pagi li a.active {
    background-color: #fff;
    color: white;
    border: 1px solid #7EB5C9;
}

#pagi li a:hover:not(.active) {background-color: #7EB5C9;}

/* Formulärhelvete */

fieldset {
  position: relative;
  text-align:left;
font-family: 'Josefin Slab', serif;
color:#000;
font-size:18px;
line-height: normal;
border: 0px dotted #ccc;
}

legend span {
  position: absolute;
  top: 0;
  left: 0;
  }

legend {
  float: left;
visibility: hidden
  }

@-moz-document url-prefix() { 
  .a legend span {
    top: -30px !important;
    left: 0 !important;
    }
  }