img {
    border: none;
    outline: none;
}

a {
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-transform: none;
    font-weight: normal;
}

a:hover {
    text-decoration: none;
    background-color: transparent;
    /*background-color: #ffcccc;*/
}

#cont {
    background: url(/rsrcs/magazine/images/bg.gif) 0px 710px no-repeat;
}

#content {
    margin-left: 30px;
    margin-right: 30px;
    width: 940px;
}

#month {
    font: bold 60px/80px "Helvetica Neue", Arial, serif;
    color: #fc6e6f;
    letter-spacing: -2px;
    float: left;
}

#info {
    float: right;
    margin-top: 50px;
    font: bold 18px/14px "Times New Roman", serif;
    color: #000;
}

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

#main {
    clear: both;
    width: 940px;
}

#main .initial {
    font: bold 85px/60px "Times", serif;
    color: #000;
    float: left;
    margin-right: 10px;
}

#main .text {
    width: 760px;
    font: 13px/17px "Helvetica Neue", Arial, serif;
    color: #505050;
}

/* ---------------------------- PUFF 1 ------------------------------ */

#puff1 {
    margin-top: 40px;
    clear: both;
    float: left;
    width: 240px;
    padding-left: 35px;
}

/* ---------------------------- PUFF 2 ------------------------------ */

#puff2 {
    font: 14px/18px "Times", serif;
    color: #505050;
    float: left;
    width: 360px;
    margin-top: 260px;
}

#puff2 .header1 {
    font: 48px/19px "Times", serif;
    letter-spacing: -3px;
    color: #000;
}

#puff2 .header2 {
    font: italic 48px/19px "Times", serif;
    letter-spacing: -3px;
    color: #000;
}

/* ---------------------------- PUFF 3 ------------------------------ */

#puff3big {
    display: none;
    position: absolute;
    width: 440px;
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    background: url(/rsrcs/magazine/images/redbg.gif) top left repeat;
}

#puff3 {
    font: 12px/18px "Helvetica Neue", Arial, serif;
    background: url(/rsrcs/magazine/images/redbg.gif) top left repeat;
    width: 440px;
    height: 140px;
    float: right;
    margin-top: 40px;
    margin-left: -180px;
    padding: 20px;
}

#puff3 .header {
    font: bold 24px/17px "Times New Roman", serif;
    color: #da524e;
    margin-bottom: 20px;
}

#puff3 .pic {
    float: left;
    margin-right: 10px;
}

#puff3 .right {
    float: right;
}

#puff3 .theader {
    font: bold 12px/16px "Helvetica Neue", Arial, serif;
    color: #da524e;
}

/* ---------------------------- PUFF 4 ------------------------------ */

#puff4big {
    display: none;
    position: absolute;
    width: 540px;
    margin-left: -240px;
    background: #fff;
    font: 12px/16px "Helvetica Neue", Arial, serif;
    color: #000;
    z-index: 4;
}

#puff4 {
    width: 300px;
    float: right;
    padding-top: 40px;
}

#puff4 .header {
    width: 100px;
    float: left;
    font: bold 22px/26px "Helvetica Neue", Arial, serif;
    color: #da524e;
}

#puff4 .text {
    float: left;
    width: 180px;
    font: 12px/16px "Helvetica Neue", Arial, serif;
    color: #505050;
}

#puff4big .content {
    border: 1px #cacaca solid;
    padding: 25px;
}

#puff4big .header {
    width: 150px;
    float: left;
    font: bold 36px/40px "Helvetica Neue", Arial, serif;
    color: #da524e;
}

#puff4big .text {
    width: 290px;
    float: left;
    font: 12px/16px "Helvetica Neue", Arial, serif;
    color: #000;
}

/* ---------------------------- PUFF 5 ------------------------------ */

#puff5big {
    display: none;
    position: absolute;
    width: 420px;
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    background: url(/rsrcs/magazine/images/redbg.gif) top left repeat;
}

#puff5 {
    clear: both;
    font: 12px/18px "Helvetica Neue", Arial, serif;
    background: url(/rsrcs/magazine/images/redbg.gif) top left repeat;
    width: 420px;
    height: 140px;
    margin-top: 40px;
    padding: 20px;
}

#puff5 .header {
    font: bold 24px/17px "Times New Roman", serif;
    color: #da524e;
    margin-bottom: 20px;
}

#puff5 .pic {
    float: left;
    margin-right: 10px;
}

#puff5 .right {
    float: right;
}

#puff5 .theader {
    font: bold 12px/16px "Helvetica Neue", Arial, serif;
    color: #da524e;
}

/* ---------------------------- PUFF 6 ------------------------------ */

#puff6big {
    display: none;
    position: absolute;
    width: 390px;
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    background: url(/rsrcs/magazine/images/redbg.gif) top left repeat;
}

#puff6 {
    font: 12px/18px "Helvetica Neue", Arial, serif;
    background: url(/rsrcs/magazine/images/redbg.gif) top left repeat;
    width: 390px;
    height: 140px;
    margin-top: 40px;
    padding: 20px;
}

#puff6 .header {
    font: bold 24px/17px "Times New Roman", serif;
    color: #da524e;
    margin-bottom: 20px;
}

#puff6 .pic {
    float: left;
    margin-right: 10px;
}

#puff6 .right {
    float: right;
}

#puff6 .theader {
    font: bold 12px/16px "Helvetica Neue", Arial, serif;
    color: #da524e;
}

/* ---------------------------- BUTIK PUFF ------------------------------ */

#puffb {
    font: 14px/18px "Times New Roman", serif;
    width: 580px;
    margin-top: 55px;
    color: #505050;
}

#puffb .initial {
    margin-left: 5px;
    font: italic 160px/36px "Times New Roman", serif;
    width: 95px;
    float: left;
    color: #000;
}

#puffb .text {
    font: 14px/18px "Times New Roman", serif;
    padding-left: 5px;
    float: left;
    width: 475px;
    margin-top: -50px;
}

#puffb .bilder {
    float: left;
    width: 100px;
}

#puffb .more {
    font: 14px/18px "Times New Roman", serif;
    clear: left;
}

/* ---------------------------- COUNTDOWN ------------------------------ */

#countdown {
    clear: both;
    padding-top: 40px;
}

#countdown .small {
    font: italic 28px/65px "Times New Roman", serif;
    color: #000;

}

#countdown .big {
    font: bold 50px/65px "Helvetica Neue", Arial, serif;
    color: #000;
}

#countdown .till {
    font: bold italic 50px/65px "Helvetica Neue", Arial, serif;
    color: #000;
}

/* ---------------------------- PUFF 1 BIG ------------------------------ */

#puff1big {
    font: 14px/17px "Times", serif;
    color: #505050;
    display: none;
    position: absolute;
    background: #fff;
    width: 527px;
    z-index: 1;
    margin-left: -35px;
}

#puff1big .quote {
    padding: 20px;
    font: 28px/28px "Times", serif;
    color: #000;
}

#puff1big .q {
    font-weight: bold;
    color: #191919;
}

#puff1big .header1 {
    font: 48px/19px "Times", serif;
    letter-spacing: -3px;
    color: #000;
}

#puff1big .header2 {
    font: italic 48px/19px "Times", serif;
    letter-spacing: -3px;
    color: #000;
}

#puff1big .content {
    font: 14px/17px "Times", serif;
    padding-top: 15px;
    padding-left: 25px;
    padding-right: 25px;
    border-left: 1px #cacaca solid;
    border-right: 1px #cacaca solid;
    border-bottom: 1px #cacaca solid;
}

/* ---------------------------- JEANS PUFF 1 ------------------------------ */

#jpuff1 {
    font: 14px/18px "Times", serif;
    width: 420px;
    float: left;
    margin-top: 20px;
    color: #505050;
}

#jpuff1 .title1 {
    font: bold 48px/19px "Helvetica Neue", Arial, serif;
    color: #000;
    letter-spacing: -1px;
}

#jpuff1 .title2 {
    font: bold italic 48px/19px Times, Arial, serif;
    color: #000;
    letter-spacing: -1px;
}

#jpuff1 .nya {
    text-align: right;
    padding-right: 40px;
}

#jpuff1 .nya .title1 {
    font: bold 36px/19px "Helvetica Neue", Arial, serif;
    
}

#jpuff1 .nya .title2 {
    font: italic 36px/19px "Times New Roman", Arial, serif;
    color: #000;
    letter-spacing: -1px;
}


/* ---------------------------- JEANS PUFF 3 ------------------------------ */

#jpuff3big {
    display: none;
    position: absolute;
    width: 320px;
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 100px;
    padding-bottom: 20px;
    background: url(/rsrcs/magazine/images/redbg.gif) top left repeat;
}

#jpuff3 {
    font: 12px/18px "Helvetica Neue", Arial, serif;
    background: url(/rsrcs/magazine/images/redbg.gif) top left repeat;
    width: 320px;
    height: 140px;
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 100px;
    padding-bottom: 20px;
    padding-top: 20px;
}

#jpuff3 .header {
    font: bold 24px/17px "Times New Roman", serif;
    color: #da524e;
    margin-bottom: 20px;
}

#jpuff3 .pic {
    float: left;
    margin-right: 10px;
}

#jpuff3 .right {
    float: right;
}

#jpuff3 .theader {
    font: bold 12px/16px "Helvetica Neue", Arial, serif;
    color: #da524e;
}

/* ---------------------------- JEANS PUFF 4 ------------------------------ */

#jpuff4big {
    display: none;
    position: absolute;
    width: 400px;
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    background: url(/rsrcs/magazine/images/redbg.gif) top left repeat;
}

#jpuff4 {
    font: 12px/18px "Helvetica Neue", Arial, serif;
    background: url(/rsrcs/magazine/images/redbg.gif) top left repeat;
    width: 400px;
    height: 140px;
    float: left;
    margin-top: 30px;
    margin-left: 30px;
    padding: 20px;
}

#jpuff4 .header {
    font: bold 24px/17px "Times New Roman", serif;
    color: #da524e;
    margin-bottom: 20px;
}

#jpuff4 .pic {
    float: left;
    margin-right: 10px;
}

#jpuff4 .right {
    float: right;
}

#jpuff4 .theader {
    font: bold 12px/16px "Helvetica Neue", Arial, serif;
    color: #da524e;
}


/* ---------------------------- STOR BILD ------------------------------ */

#storbild {
    font: 14px/18px "Times New Roman", serif;
    color: #505050;
    text-align: center;
}

#storbild .text {
    margin-left: 90px;
}

#storbild .header {
    font: bold 36px/19px "Helvetica Neue", serif;
    color: #000;
}


/* ---------------------------- FIGUR ------------------------------ */

#figur {
    position: absolute;
    margin-left: 780px;
    margin-top: -120px;
    z-index: 2;
}

/* ---------------------------- BUTIK ------------------------------ */

#vimeo {
    clear: both;
    margin-left: -30px;
    padding-top: 20px;
}

/* ---------------------------- QUOTE ------------------------------ */

#quote {
    font: bold 64px/68px "Times", serif;
    letter-spacing: -3px;
    color: #000;
    width: 704px;
    margin-top: 65px;
    float: left;
}

#hash {
    float: left;
    margin-top: 25px;
    margin-left: -5px;
}

#hashtext {
    float: left;
    margin-top: 185px;
    margin-left: 10px;
    width: 155px;
    font: 12px/18px "Helvetica Neue", Arial, serif;
    color: #000;
}

/* ---------------------------- FRAGA ------------------------------ */

#fraga {
    width: 430px;
    height: 220px;
    background: #e83e42;
    font: bold 27px/34px "Helvetica Neue", Arial, serif;
    color: #fff;
    text-align: center;
    margin-top: 45px;
    padding-top: 40px;
}

#fraga a {
    font: bold 28px/34px "Times New Roman", Arial, serif;
    color: #fff;
}

/* ---------------------------- RED ------------------------------ */

#red {
    clear: both;
    margin-top: 50px;
    padding-top: 50px;
}

/* ---------------------------- JUL ------------------------------ */

#jul {
    width: 440px;
    padding-top: 40px;
}

#jul .kermit {
    width: 200px;
    float: left;
}

#jul .content {
    font: 14px/17px Times, Arial, serif;
    padding-left: 20px;
    width: 220px;
    float: left;
    color: #505050
}

#jul .content .header {
    font: italic 30px/30px Times, Arial, serif;
    color: #000;
    margin-left: -40px;
}

#jul .content .red {
    font: bold 42px/19px "Helvetica Neue", Arial, serif;
    color: #ee5353;
    margin-left: 25px;
}

#jul .content .black {
    font: italic 60px/49px Times, Arial, serif;
    color: #000;
}

#julmore {
    width: 460px;
    padding-top: 40px;
    margin-top: -41px;
    margin-left: -1px;
    position: absolute;
    clear: both;
    display: none;
    background: #fff;
    border: 1px #cacaca solid;
	z-index:2;
}

#julmore .embed {
    padding: 15px;
}

.red {
    color: #da524e;
}