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

#wrapper {
width: auto;
  padding-left: 0px;
  padding-right: 0px;
background: transparent url(content/) repeat-x;}

/* Headache */

#head {
height:409px;
padding: 0px;
background:transparent url(content/head.jpg) no-repeat center top;
}

/* Skripthelvetets look */

#navcontainer {
  overflow: hidden;
  position: fixed;
  bottom: 0;
  width: 100%;}

#navcontainer ul {
margin: 0;
padding: 10px;
list-style-type: none;
border-top: 5px solid #fcc1c4;
border-bottom: 0px solid #fcc1c4;
background-color: #f9e0e1;
text-align: center;
color: #000000;}

#navcontainer ul li
{
display: inline;
color: #000000;
text-transform: uppercase;
text-align: center;
font-size: 30px;
font-family: "kopius", serif;
font-weight: 300;
font-style: italic;
}

#navcontainer ul li a
{
text-decoration: none;
text-align: center;
padding: .2em 1em;
color: #ccc0b4;
font-size:30px; 
font-family: "kopius", serif;
font-weight: 300;
font-style: italic;
}

#navcontainer ul li a:hover
{
color: #f3a7a9;
font-size:30px;
font-family: "kopius", serif;
font-weight: 300;
font-style: italic;

}

/* Too sexy for my... */

#innehall {
background: transparent;
width: 800px;
margin: auto !important;
font-family: "kopius", serif;
font-weight: 300;
font-style: italic;
}


h5 { 
padding: 6px;
margin: 30px 4px 20px 4px;
border: 0px dashed #B4C2C8;
font-family: "kopius", serif;
font-weight: 300;
font-style: italic;
text-transform: uppercase;
font-size:30px;
color: #f3a7a9;
letter-spacing: 2px;
text-align: left;}

p {
text-align: left;
font-family: "kopius", serif;
font-weight: 300;
font-style: italic;
color:#333;
font-size:18px;
}

b, strong {color:#bcb1a6;}

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

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

a:hover {
color: #ccc0b4;
text-decoration: underline #000 solid;
font-weight:bold;}



/* Fotsvett */

#footer {
margin: auto !important;
padding: 10px;
border-top: 10px solid #fff;
width: auto;
}

.creds {
text-align: center;
font-family: "kopius", serif;
font-weight: 300;
font-style: italic;
color:#bcb1a6;
font-size:18px;
}


/* I hate myself for loving you */

.stats {
text-align: center;
background: transparent;
border-left: 0px double #993333;
border-bottom: 0px double #b4a9a7;
border-right: 0px dotted #b4a9a7;
border-top: 0px dotted #b4a9a7;
color: #000;
font-family: "kopius", serif;
font-weight: 300;
font-style: italic;
font-size:22px;
padding: 10px;
}

.affs {
text-align:center;
color:#000;
text-align: center;
}


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

a img:hover{
padding:5px;
margin: 0 5px 0 0;
background-color:transparent;
border:2px solid #fff;
}

img,
video,
iframe {
  max-inline-size: 100%;
  block-size: auto;
}


/* Medlemslistan */

#members ol {
list-style: none;
background: transparent;
padding: 20px;
text-align:left;
font-family: "kopius", serif;
font-weight: 300;
font-style: italic;
color: #000;
font-size:26px;
line-height: normal;
}

#members ul li {
  list-style: none;
  position: relative;
  padding: 3px 0 2px 25px;
text-align:left;
font-family: "kopius", serif;
font-weight: 300;
font-style: italic;
color: #000;
font-size:26px;
line-height: normal;
}

/* Idiotnavigation */

#pagination {
    text-align: center;
}

#pagination span {
    background-color: #fcc1c4;
    color: #fcc1c4;
    display: inline;
    font-size: 10pt;
    margin: 0 3px;
    padding: 3px 8px;
    text-transform: uppercase;
}

#pagination span#current {
    font-weight: bold;
}

#pagination span a {
    border: 0;
    color: #ccc;
    font-style: normal;
}

#pagination span a:hover {
    color: #fcc1c4;
}

/* Formulärhelvete */
 fieldset {
    background-color: transparent;
    border: 0;
    margin: 0 0 20px 0;
    padding: 1%;
    width: 95%;
    text-align: center;
font-family: "kopius", serif;
font-weight: 300;
font-style: italic;
font-size:18px;
}

fieldset.lap-two {
    float: left;
    margin: 0 0.5% 20px 0;
    text-align: center;
}

fieldset legend {
    background-color: transparent;
    color: #000;
    padding: 10px;
    text-transform: uppercase;
text-align:left;
}

fieldset label {
    float: left;
    padding: 0 1% 0 0;
text-align:left;
    width: 39%;
}

input, select, textarea {
    background-color: #fcc1c4;
    border: 1;
    color: #000;
font-family: "kopius", serif;
font-weight: 300;
font-style: italic;
font-size:18px;

}

option {
    padding: 2px 0;
}

.input1, .cps {
    margin: 0 0 2px 0;
    padding: 0.5%;
    width: 59%;

}

.input2 {
    padding: 4px;
    width: auto;

}

.input3 {
    border: 0;

}

input.input4 {
    margin: 0 0 2px 0;
    padding: 1%;
    width: 98%;

}

select.input4 {
    margin: 0 0 2px 0;
    padding: 1.5% 1%;
    width: 98%;

}

.input5 {
    background-color: #fcc1c4;
    color: #ff6633;
font-family: "kopius", serif;
font-weight: 300;
font-style: italic;
    margin: 0 3px;
    padding: 4px 7px;
    text-transform: uppercase;

}

.input6 {
    margin: 0 0 2px 0;
    padding: 0.5%;
    width: 49%;

}

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