/* -------------- MAIN ----------------- */

body {
    background-color: #fffdda;
}

#main {
    margin-top: -40px;
}

#content {
    width: 1022px;
    margin: 0 auto;
    text-align: left;
}

a:hover {
    background-color: #000;
    text-decoration: none;
    color: #000;
}

/* -------------- TOP ----------------- */

#title {
    text-align: center;
    font: bold 118px/118px "Helvetica", Arial, serif;
    letter-spacing: -5px;
    margin-bottom: -15px;
}

#info {
    border-top: 1px #000 solid;
    border-bottom: 1px #000 solid;
    font: bold 10px/30px "Helvetica", Arial, serif;
    text-transform: uppercase;
}

/* -------------- INTRO ----------------- */

#menu {
    margin-top: 1px;
    padding-top: 10px;
    border-top: 1px #000 solid;
    float: left;
    width: 600px;
}

#intro {
    margin-top: 1px;
    border-top: 1px #000 solid;
    float: left;
    width: 390px;
    font: 12px/17px "Times New Roman", Arial, serif;
    padding-top: 22px;
    padding-left: 32px;
}

#intro .ltext {
    margin-bottom: 10px;
}

#intro span {
    font: bold 60px/42px "Helvetica", Arial, serif;
    color: #000;
}

#intro img {
    margin-right: 10px;
    margin-bottom: 10px;
}

#intro div {
    text-align: right;
    font-weight: bold;
}

/* -------------- MISC ----------------- */

b {
    font-weight: bold;
}

i {
    font-style: italic;
}

.ruler, .mruler, .sruler, vruler {
    clear: both;
    width: 1022px;
    height: 18px;
    margin-bottom: 30px;
    white-space: nowrap;
    overflow: hidden;
    font: bold 9px/9px "Helvetica", Arial, serif;
    color: #000;
}

.vruler {
    float: left;
    margin-left: 50px;
    width: 10px;
    height: 700px;
    white-space: nowrap;
    overflow: hidden;
    font: bold 9px/9px "Helvetica", Arial, serif;
    color: #000;
}

.smallv {
    height: 300px;
}

.truler {
    color: #000;
    font: bold 9px/9px "Helvetica", Arial, serif;
}

.ruler span, .mruler span, .sruler span, .truler span, .vruler span {
    color: #000;
}

.mruler {
    width: 600px;
}

.sruler {
    width: 400px;
}

.button {
    font: bold 20px/21px "Helvetica", Arial, serif;
    text-transform: none;
    width: 602px;
    height: 31px;
    margin-top: 23px;
    padding-top: 14px;
    background: url(/rsrcs/magazine/images/nummer7/knapp.png) top left no-repeat;
    text-align: center;
    color: #000;
}

.header {
    font: bold 140px/131px "Times", Arial, serif;
    letter-spacing: -3px;
}

.headers {
    font: bold 122px/129px "Times", Arial, serif;
    letter-spacing: -5px;
}

.header a {
    font: bold 140px/131px "Times", Arial, serif;
    letter-spacing: -3px;
    text-transform: none;
}

.header a:hover {
    background-color: transparent;
    color: #000;
}

.mheader {
    font: bold 82px/96px "Times", Arial, serif;
    color: #000;
    letter-spacing: -3px;
}

.blue {
    color: #000;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.mossa {
    margin-left: -20px;
    margin-top: -20px;
    vertical-align: text-top;
}

.mossap {
    margin-left: 250px;
    margin-top: -50px;
    vertical-align: text-top;
}


.pony {
    margin-left: -50px;
    vertical-align: bottom;
}

.pensel {
    margin-top: 15px;
    margin-left: 180px;
    vertical-align: bottom;
    position: absolute;
}

.link {
    text-decoration: underline;
}

.bold {
    font-weight: bold;
}

a.blueul {
    font: bold 14px/19px "Helvetica", Arial, serif;
    color: #000;
    text-decoration: underline;
    text-transform: none;
}

.cgreen {
    color: #000;
}

.ram {
    background: url(/rsrcs/magazine/images/nummer7/ram.png) top left no-repeat;
    padding: 40px;
    width: 311px;
    height: 67px;
    font: 14px/19px "Times", Arial, serif;
    text-transform: uppercase;
    color: #000;
    margin-top: 100px;
    margin-left: 50px;
    text-align: center;
}

.black {
    font: 14px/19px "Times", Arial, serif;
    text-transform: uppercase;
    color: #000;
}

/* -------------- ELSA ----------------- */

#elsa .container {
    padding-top: 20px;
    display: block;
    width: 800px;
    height: 250px;
    margin-left: 100px;
}

#elsa div.header {
    font: bold 23px/30px "Times New Roman", Arial, serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#elsa div {
    font: bold 97px/85px "Times New Roman", Arial, serif;
    letter-spacing: -3px;
}

#elsa {
    font: 18px/24px "Times New Roman", Arial, serif;
    letter-spacing: 0px;
    background-color: #fefde3;
    margin-top: -40px;
    margin-bottom: -50px;
}

#elsa a, #elsa a:hover {
    font: bold 18px/24px "Times New Roman", Arial, serif;
    text-transform: none;
    background-color: transparent;
    text-decoration: underline;
}

#elsa img {
    margin-right: 40px;
}

/* -------------- LINA ----------------- */

#lina div.header {
    font: bold 64px/5px "Times New Roman", Arial, serif;
    letter-spacing: -3px;
}

#lina div {
    font: 18px/22px "Times New Roman", Arial, serif;
    letter-spacing: 0px;
}

#lina {
    float: left;
    width: 360px;
    font: 12px/17px "Times New Roman", Arial, serif;
    letter-spacing: 0px;
}

#lina i {
    font: italic 140px/55px "Times New Roman", Arial, serif;
}

#lina img {
    margin-top: -20px;
}

#lina a, #lina a:hover {
    font: bold 12px/17px "Times New Roman", Arial, serif;
    text-transform: none;
    background-color: transparent;
    text-decoration: underline;
}

/* -------------- BACKSTAGE ----------------- */

#backstage {
    float: left;
    width: 600px;
    font: bold 38px/38px "Helvetica", Arial, serif;
    letter-spacing: 0px;
    text-align: center;
}

/* -------------- SOFI ----------------- */

#sofi div.header {
    font: 84px/77px "Times New Roman", Arial, serif;
    letter-spacing: -3px;
}

#sofi div {
    font: bold 18px/25px "Helvetica", Arial, serif;
    letter-spacing: 0px;
}

#sofi {
    font: 12px/17px "Times New Roman", Arial, serif;
    letter-spacing: 0px;
}

#sofi .col, #sofi .col2, #sofi .col3 {
    font: 12px/17px "Times New Roman", Arial, serif;
    letter-spacing: 0px;
    float: left;
    width: 180px;
    margin-right: 20px;
}

#sofi .col2 {
    margin-top: -160px;
}

#sofi .col3 {
    margin-top: 20px;
}

#sofi img {
    margin-bottom: 10px;
    margin-top: -20px;
}
/* -------------- KORSORD ----------------- */

#korsord {
    text-align: center;
    font: 12px/14px "Helvetica", Arial, serif;
    letter-spacing: 0px;
    margin-top: -20px;
    background-color: #fefde3;
    margin-top: -40px;
    padding-top: 20px;
    margin-bottom: -20px;
    padding-bottom: 20px;
}

#korsord a, #korsord a:hover {
    font: bold 12px/14px "Helvetica", Arial, serif;
    letter-spacing: 0px;
    text-transform: none;
    background-color: transparent;
    text-decoration: underline;
}

/* -------------- JEANS ----------------- */

#jeans div.header {
    font: bold 20px/14px "Helvetica", Arial, serif;
    letter-spacing: 0px;
    text-transform: uppercase;
}

#jeans div.preamble {
    font: 18px/24px "Times New Roman", Arial, serif;
    letter-spacing: 0px;
}

#jeans div {
    font: 82px/76px "Times New Roman", Arial, serif;
    letter-spacing: -1px;
}

#jeans {
    float: left;
    width: 600px;
    font: 12px/17px "Helvetica", Arial, serif;
    letter-spacing: 0px;
}

#jeans .col {
    font: 12px/17px "Helvetica", Arial, serif;
    letter-spacing: 0px;
    float: left;
    width: 180px;
    margin-right: 20px;
}

#jeans a, #jeans a:hover {
    font: bold 18px/24px "Times New Roman", Arial, serif;
    letter-spacing: 0px;
    text-transform: none;
    background-color: transparent;
    text-decoration: underline;
}

/* -------------- LÅTAR ----------------- */

#latar {
    font: 10px/18px "Helvetica", Arial, serif;
    letter-spacing: 0px;
    width: 350px;
    float: left;
    text-align: center;
}

#latar div.header {
    font: 30px/36px "Helvetica", Arial, serif;
    letter-spacing: 0px;
    text-decoration: underline;
}

#latar b {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #000;
    color: #fff;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
    -webkit-border-top-left-radius: 15px 15px;
    -webkit-border-top-right-radius: 15px 15px;
    -webkit-border-bottom-left-radius: 15px 15px;
    -webkit-border-bottom-right-radius: 15px 15px;
}

/* -------------- LOOK ----------------- */

#look {
    margin-top: -40px;
    width: 1020px;
    background-color: #fff;
}

#look div.header {
    font: bold 20px/14px "Helvetica", Arial, serif;
    letter-spacing: 0px;
    text-align: center;
    padding-top: 20px;
}

#look, #look a {
    font: 34px/44px "Times New Roman", Arial, serif;
    letter-spacing: 0px;
    text-align: center;
    text-transform: none;
}

#look a, #look a:hover {
    font: 34px/44px "Times New Roman", Arial, serif;
    letter-spacing: 0px;
    text-transform: none;
    background-color: transparent;
    text-decoration: underline;
}