/* ARTIKKELPOSISJONER PÅ FORSIDENE */
.box {
  float: left;
}


/* default for saker på toppsiden, med mål for standardboksene som brukes mest */

.story {
  width: 306px;
  height: 318px;
}


  .story .story_img {
    padding-bottom: 8px;
    width: 284px;
    height: 161px;
  }

  .story p {
    padding-bottom: 6px;
    line-height: 18px;
    font-size: 13px;
    font-weight: bold;
  }

  .story .les_mer {
    width: 84px;
    height: 20px;
    margin-top: 2px;
  }


/* TOPPSAKEN */
#story_1 {
  width: 739px;
  height: 256px;
  clear: left;
}

  #story_1 h1 {
    font-size: 38px;
    line-height: 44px;
    width: 300px;
    overflow: hidden;

  }

  #story_1 .story_img {
    width: 414px;
    height: 233px;
    float: right;
    padding-left: 8px;
  }

  #story_1 p {
    font-size: 13px;
    font-weight: bold;
  }

#story_2_holder {
  height: 256px;
  float: left;
  width: 198px;
}

#facebook_follower {
  float: left;
  width: 192px;
  height:38px;
  margin-left: 6px;
  margin-bottom: 5px;
  clear: both;
}

/* SAK #2 VED SIDEN AV TOPPSAKEN */
#story_2 {
  width: 192px;
  height: 213px;
  margin-left: 6px;
  clear: both;
}

  #story_2 p {
    display: none;
  }

  #story_2 .story_img {
    width: 170px;
    height: 96px;
  }





/* FLERE SAKER */
#story_4 {
  margin: 0 9px 0 9px;
}

#story_5_6 {
  margin: 0 8px;
  height: 400px;
  width: 253px;
}

  #story_5_6 h1 {
    font-size: 18px;
    line-height: 20px;
    position: relative;
    top: -4px;
    margin-bottom: 14px;
  }

  #story_5_6 .story_img {
    width: 230px;
    height: 129px;
  }

  #story_5_6 p,
  #story_5_6 .les_mer {
    display: none;
  }


#story_8 {
  margin: 0 9px 0 10px;
}

#story_12, #story_15, #story_18, #story_21, #story_24,
.story.box.blogg-feed.center-box {
  margin: 0 9px 0 10px;
}
/*
#story_14 {
  margin: 0 9px 0 10px;
}

#story_17 {
  margin: 0 9px 0 10px;
}
*/

#story_1 .story_image {
  -moz-border-radius:8px;
  width:414px;
  height:232px;
  margin-bottom:8px;
  float: right;
}

  #story_1 .story_image a {
    width:414px;
    height:232px;
    display: block;
  }

#story_2 .story_image {
  -moz-border-radius:8px;
  width:170px;
  height:96px;
  margin-bottom:8px;
}
  #story_2 .story_image a {
    width:170px;
    height:96px;
    display: block;
  }

#story_5_6 .story_image {
  -moz-border-radius:8px;
  width:230px;
  height:130px;
  margin-bottom:8px;
}
  #story_5_6 .story_image a {
    width:230px;
    height:130px;
    display: block;
  }

#story_3 .story_image,
#story_4 .story_image,
#story_7 .story_image,
#story_8 .story_image,
#story_9 .story_image,
#story_10 .story_image,
#story_11 .story_image,
#story_12 .story_image,
#story_13 .story_image,
#story_14 .story_image,
#story_15 .story_image,
#story_16 .story_image,
#story_17 .story_image,
#story_18 .story_image,
#story_19 .story_image,
#story_20 .story_image,
#story_21 .story_image,
#story_22 .story_image,
#story_23 .story_image,
#story_24 .story_image,
#story_25 .story_image,
#story_26 .story_image,
.blogg-feed .story_image {
  -moz-border-radius:8px;
  width:284px;
  height:164px;
  margin-bottom:3px;
  overflow: hidden;
}

  #story_3 .story_image a,
  #story_4 .story_image a,
  #story_7 .story_image a,
  #story_8 .story_image a,
  #story_9 .story_image a,
  #story_10 .story_image a,
  #story_11 .story_image a,
  #story_12 .story_image a,
  #story_13 .story_image a,
  #story_14 .story_image a,
  #story_15 .story_image a,
  #story_16 .story_image a,
  #story_17 .story_image a,
  #story_18 .story_image a,
  #story_19 .story_image a,
  #story_20 .story_image a,
  #story_21 .story_image a,
  #story_22 .story_image a,
  #story_23 .story_image a,
  #story_24 .story_image a,
  #story_25 .story_image a {
    width:284px;
    height:164px;
    display: block;
  }



/* FORUMBOKS */
#snakkbox {
  clear: right;
  width: 307px;
  height: 318px;
}

  #snakkbox h2 {
    background: url("/gfx/layout/forside/forumboks_snakkeboble.png") no-repeat;
    color: #fff;
    width: 286px;
    height: 54px;
    text-align: center;
    line-height: 40px;
    margin-bottom: 10px;
  }

  #snakkbox .snakkbox_main {
    width: 100%;
    float: left; display: inline;
    margin-left: 5px
  }

  #snakkbox .snakkbox_line {
    clear: both;
    margin-bottom: 5px;
    width: 100%;
  }

    #snakkbox .snakkbox_line img {
      margin-right: 3px;
    }

  #snakkbox .snakkbox_link {
    width: 270px;
    font-size: 13px;
  }

  #snakkbox .snakkbox_date {
    color: #ffbee5;
    font-size: 10px;
    font-weight: bold;
  }


/* ANNONSER */
.netboard_area {
  width: 468px;
  height: 400px;
  position: relative;
  float: left;
  clear: left;
  background-color: #fff;
}


/* NYTT TOPP */
#topp_mag_teaser{
  width: 200px;
  height: 310px;
  text-align: center;
}

  #topp_mag_teaser img {
    margin-bottom: 20px;
  }

  #topp_mag_teaser .subscribe {
    padding: 4px 4px;
    background-color: #e6008d;
    color: #eee;
    font-weight: bold;
    text-align: center;
    margin: 10px auto;
  }

      #topp_mag_teaser .subscribe:hover {
        background-color: #0089fd;
      }

#minRadio_link {
  float: left;
  margin-bottom: 10px;
  width: 200px;
  text-align: center;
}

/* SISTE QUIZZER-BOKS */
#quiz_area {
  width: 622px;
  height: 318px;
  overflow: hidden;
  margin-right: 9px;
  float: left;
  clear: left;
  background: #48d2fd url("/gfx/layout/forside/quizboks_bkg_gradient.png") repeat-x 0 0;
  position: relative;
}

  #quiz_area #quiz_logo{
    display: block;
    background-image: url("/gfx/layout/forside/quiz_logo_hvit.png");
    width: 121px;
    height: 60px;
    position: absolute;
    top: 20px;
    left: 20px;
  }

  #quiz_area #make_quiz_button{
    display: block;
    background-image: url("/gfx/layout/forside/lag_din_egen_quiz.png");
    width: 135px;
    height: 34px;
    position: absolute;
    top: 32px;
    left: 176px;
  }

  .quiz_mainLeft {
    float: left;
    margin: 110px 0px 0px 25px;
    width: 290px;
  }
  .quiz_mainRight {
    float: left;
    width: 290px;
    margin: 25px 0px 0px 10px;
  }

    .quiz_MainRow {
        margin: 5px 0px 15px 0px;
        clear: both;
        width: 100%;
        /*border: 1px solig black; */
        clear: both;
    }

    .quiz_ImgDiv {
    width: 92px;
    height: 70px;
    margin: 2px 0px 2px 0px;
    float: left;
    }
    .quiz_ImgDiv img {
    border: 0px;
    }

    .quiz_TxtDiv {
    float: left;
    width: 180px;
    margin-left: 10px;
    }

    .quiz_title a {
    color: #383838;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    }

    .quiz_ingr a {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
    }
    .quiz_clear {
      clear: both;
      height: 1px;
    }


/* TOPP-BLOGG SAKER */
.story.box.blogg-feed .meta {
  width: 284px;
  background: none repeat scroll 0 0 #E6008D;
  color: #FFFFFF;
  font-size: 21px;
  font-weight: bold;
  padding: 6px 0;
  text-align: center;
  /* Border-radius */
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.story.box.blogg-feed .story_image {
  /* Border-radius */
  -webkit-border-top-left-radius: 0px !important;
  -webkit-border-top-right-radius: 0px !important;
  -moz-border-radius-topleft: 0px !important;
  -moz-border-radius-topright: 0px !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}


#story_2_holder .story.box.blogg-feed .story_image {
  width:170px;
  height:96px;
  display: block;
}
#story_2_holder .story.box.blogg-feed .meta,
#story_2_holder .story.box.blogg-feed h1 {
  font-size: 16px;
  width: 170px;
  text-align: center;
}

/* SKJERMBAKGRUNNER */
#desktop_backgrounds_area {
  text-align: center;
  position: relative;
  cursor: pointer;
}

  #desktop_backgrounds_area h1 {
    color: #e6008d;
  }

  #laptop_background {
    background: url('/gfx/layout/forside/skjermbakgrunner_laptop.png');
    width: 283px;
    height: 157px;
    position: relative;
    margin: 16px 0 20px 0;
    display: block;
  }

  #laptop_background img {
    position: absolute;
    top: 18px;
    left: 68px;
    width: 154px;
    height: 92px;
  }

#buttonAdsBox {
  clear: both;
  width: 100%;
  margin-bottom: 8px;
  margin-top: 3px;
}

#buttonAdsBox #ad_button_1 {
  position: relative;
  float: left;
  margin: 0px 34px 0px 10px;
}

#buttonAdsBox #ad_button_2 {
  position: relative;
  float: left;
  margin-right:34px;
}