/* ground structure */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
/*body { background: url(../images/backgrounds/odst.jpg) fixed no-repeat 50% 0 #131313; }*/
body { background: #131313; }
body, a, table, input { color: #d7d7d7; font-family: arial, serif; font-size: 12px; text-decoration: none; }
input, textarea, select { color: #fff; background: #222222; border: 1px solid #000; }
html, body { height: 100%; }
img { border: 0; }
:focus { outline: 0; }
ol, ul { list-style: none; }
table {	border-collapse: collapse; border-spacing: 0; }
#main { background: url(../images/dark/mainbg.png) 50% 0; min-width: 1000px; max-width: 1018px; margin: 0 auto -178px auto; min-height: 100%; }
#main_wrapper { min-height: 100%; margin-bottom: -178px; background-color: yellow;}
#header, #menu, #submenu, #content, #footer { margin: 0 auto; width: 960px;}

/* header */
#header { width: 1000px; color: #fff; background: url(../images/dark/header.png); height: 174px; position: relative; }
  #header a { font-size: 12px; color: #fff; }
  #header #change_design_black, #header #change_design_white { display: block; width: 41px; height: 19px; position: absolute; top: 0; }
    #header #change_design_black { left: 20px; }
    #header #change_design_white { left: 62px; }
  #header h1 a { text-indent: -1000em; width: 256px; height: 65px; display: block; position: absolute; left: 20px; top: 25px; }
  #header #topmenu { position: absolute; right: 20px; top: 5px; }
    #header #topmenu li { border: 1px solid #41413f; height: 23px; background: #131313; float: left; margin-left: 5px; position: relative; }
      #header #topmenu li a { color: #fff; display: block; padding: 5px 9px 0 9px; height: 18px; }
      #header #topmenu li:hover { border-color: #cd3b23; background: url(../images/knapphover.png) #cc3b22; }
        #header #topmenu li:hover a { color: #fff; }
        #header #topmenu li:hover ul { display: block; }
      #header #topmenu li ul { display: none; position: absolute; width: 130px; left: -14px; }
        #header #topmenu li ul li { width: 130px; border-color: #cd3b23; border-top-width: 0; background-color: #ba3018; float: none; opacity: 0.9; position: relative; }
          #header #topmenu li ul li:first-child { border-top-width: 1px; }
          #header #topmenu li ul li:hover { border-color: #cd3b23; background-color: #ca4d39; float: none; }
          #header #topmenu li ul li img { position: absolute; right: 5px; top: 5px; }
  #header form { position: absolute; right: 37px; top: 65px; width: 276px; height: 25px; }
    #header form input { padding: 0; border: none; background-color: transparent; width: 210px; height: 19px; position: absolute; top: 4px; padding: 0 5px; }
    #header form .submit_image { width: 50px; height: 25px; right: 0; top: 0; padding: 0; }
  #header #mainmenu { position: absolute; top: 114px; left: 20px; right: 20px; }
    #header #mainmenu li { float: left; height: 35px; background: url(../images/dark/menudivisor.png) no-repeat 100% 0; padding: 0 2px 0 0; }
      #header #mainmenu li.menu_right { float: right; background-position: 0 0; padding: 0 0 0 2px; }
      #header #mainmenu li a { color: #fff; font-weight: bold; display: block; height: 23px; padding: 12px 12px 0 12px; text-transform: uppercase; }
        #header #mainmenu li a:hover, #header #mainmenu li.current a { color: #fff; background: url(../images/menuhover.png); }
  #header #submenu { position: absolute; top: 155px; left: 55px; }
    #header #submenu li { float: left; }
      #header #submenu li:after { content: "-"; margin: 0px 5px; }
        #header #submenu li:last-child:after { content: ""; }
    
/* content */
#content { overflow: hidden; zoom: 1; }

.left { float: left; }
.right { float: right; }
.lr { float: left; margin-left: 20px; }

/*
.box { position: relative; margin-top: 20px; }
  .box h2 { background: url(../images/box.png); height: 23px; margin-right: 13px; padding: 12px 0 0 14px; font-size: 14px; text-transform: uppercase; font-weight: bold; }
  .box h2:before { content:""; background: url(../images/box.png) 100% 0; width: 13px; height: 35px; position: absolute; top: 0; right: 0; }
  .box h2:after { content:""; background: url(../images/box.png) 100% 100%; width: 13px; height: 9px; position: absolute; bottom: 0; right: 0; }
  .box .content { background-color: #131313; padding: 10px 10px 0 10px; }
  .box:after { content:""; background: url(../images/box.png) 0 100%; display: block; margin: 0 13px 0 0; height: 9px; }
*/
.ptnobox { margin-top: 20px; text-align: center; }
.box { position: relative; margin-top: 20px; background-color: #131313; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; background-color: #131313; padding: 10px; }
  .box h2 { color:#fff; border-top-right-radius: 8px; border-top-left-radius: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; background: url(../images/dark/boxtop.png); margin: -10px -10px 10px -10px; height: 23px; padding: 12px 0 0 14px; font-size: 14px; text-transform: uppercase; font-weight: bold; }
  .box a { color: #cd3b23; }
  .box a:hover { color:#fff; background:#cd3b23}

.kittybox { position: relative; margin-top: 20px; background-color: #131313; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; background-color: #131313; padding: 10px; }
  .kittybox h2 { font-size: 24px; }

/* footer */
#footerpush { height: 178px; }
#footer { background: url(../images/footer-trans.png); height: 178px; position: relative; }
  #footer a { font-size: 11px; font-weight: bold; }
  #footer ul { position: absolute; top: 115px; left: 20px; }
    #footer ul li { float: left; }
      #footer ul li:after { content: "|"; margin: 0px 5px; }
        #footer ul li:last-child:after { content: ""; }
  #footer p { position: absolute; top: 130px; left: 20px; color: #5b5b59; font-size: 11px; }

/* widths (10 padding = -20 på allt) */
.w1{width:60px;}.w2{width:140px;}.w3{width:200px;}.w4{width:280px;}.w5{width:360px;}.w6{width:440px;}.w7{width:520px;}.w8{width:620px;}.w9{width:700px;}.w10{width:760px;}.w11{width:840px;}.w12{width:940px;}


/* Content */

.gamemenu h2 { font-size: 14px; }
.gamemenu ul { margin-top: 15px; }
.gamemenu ul li { border-top: 1px solid #232323; padding: 5px 2px; }
.gameinfo { margin-top: 20px; width: 220px; }


.box p, .kittybox p { padding: 5px 0; }
.box h3, .kittybox h3 { font-size: 18px; padding: 5px 4px; }
.ss p { font-size: 14px; padding: 5px 4px; line-height: 1.25; }
.ss a { text-decoration: underline; font-size: 14px; }
.ss li { font-size: 14px; line-height: 1.25; }
.ss ol { list-style: decimal outside none; margin-left: 30px; }


.video_sd { margin: -10px -10px -13px -10px; }
.video_sd .alt { display: none; }

.comments { border-top: 1px solid #232323; margin: 10px 0; }
  .comments li { border-bottom: 1px solid #232323; position: relative; padding: 18px 0 23px 62px; }
    .comments p { padding: 5px 0 0 0; }
    .comments li img { border: 1px solid #232323; position: absolute; width: 35px; height: 35px; left: 10px; top: 25px; }
    .comments li .user { color: #5b5b59; font-size: 10px; }
      .comments li .user a { color: #99a845; font-size: 10px; }
    .comments li .date { color: #de9a12; font-size: 10px; }
    .comments li .admin { padding: 5px 10px 0 0; float: right; }
      .comments li .admin a { float: right; color: #5b5b59; font-size: 10px; }

.minilist { margin-top: 7px; padding-bottom: 4px; border-top: 1px solid #232323; }
  .minilist li { overflow: hidden; border-bottom: 1px solid #232323; padding: 8px; zoom: 1; }
    .minilist li img { float: left; margin-right: 8px; }
    .minilist li a { text-decoration: none; font-weight: bold; }
    .minilist p { padding: 0; line-height: 120%; }

form.normal { margin: 10px 0; }
  form.normal li { padding-bottom: 10px; }
    form.normal li .errorlist { margin-left: 170px; color: #cc3b22; }
    form.normal label { float: left; display: block; width: 150px; text-align: right; padding: 4px 20px 0 0; }
    form.normal .submit { padding-left: 170px; }
      form.normal .submit input { font-size: 20px; border: 1px solid #3E3E3C; background: #2F2F2F;}

.minimenu { height: 25px; font-weight: bold; }
  .minimenu li { float: left; margin-right: 5px; height: 23px; }
    .minimenu li a { border: 1px solid #3e3e3c; background: #2f2f2f; height: 18px; padding: 5px 9px 0 9px; display: block; color:#FFF}
      .minimenu li a:hover, .minimenu li.current a{ border: 1px solid #c53017; background: url(../images/knapphover.png) #cc3b22; color: #fff; }


.w12 .list3part { zoom: 1; overflow: hidden; margin: 0 -20px 10px 0; }
  .w12 .list3part li { overflow: hidden; float: left; margin: 10px 10px 0 0; padding: 5px 0 0 0; width: 180px; height: 165px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; background-color: #232323; }
    .w12 .list3part p { margin: 5px 10px; float: none; padding: 0; }

.pagechooser { zoom: 1; overflow:hidden; }
  .pagechooser ul { float:left; position:relative; left:50%; }
    .pagechooser ul li { width: 36px; height: 28px; margin-right: 10px; float:left; position:relative; right:50%; overflow: hidden; }
      .pagechooser ul li.dots { height: 20px; padding-top: 8px; text-align: center; }
      .pagechooser ul li a { height: 20px; padding-top: 8px; text-align: center; background: #232323; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; display: block; color:#FFF; }
        .pagechooser ul li.current a, .pagechooser ul li a:hover { background: #5b5b59; }
        .pagechooser ul li.previous a, .pagechooser ul li.previous a:hover { background: #cb3117; height: 22px; padding: 6px 2px 0 0; }
        .pagechooser ul li.next a, .pagechooser ul li.next a:hover { background: #cb3117; height: 22px; padding: 6px 0 0 2px; }


#video_3d_scroller { margin-top: 20px; }

#highlight { margin: 0 -10px;}
#highlight_js { overflow: hidden; display: block; height: 360px; margin: -10px -10px 10px -10px; width: 640px; position: relative; background-color: #000; color: #fff; text-decoration: none; cursor: pointer; }
  #highlight_js_toplinks li { color:#FFF; width: 128px; height: 26px; background: url(../images/highlight_menu-trans.png); display: block; z-index: 20; position: relative; text-align: center; padding-top: 16px; cursor: pointer; }
  #highlight_js_toplinks li.hover { background: url(../images/highlight_menu_active-trans.png); }
  #highlight_js_pictures { position: absolute; top: 0; left: 0; cursor: pointer; }
  #highlight_js_bottom { position: absolute; top: 270px; width: 640px; height: 80px; background: url(../images/highlight_bottom-trans.png); cursor: pointer; }
  #highlight_js_bottom h3 { color:#FFF; font-family: 'Holtwood One SC', serif; font-size: 32px; line-height: 100%; position: absolute; top: 8px; width: 600px; padding: 0 20px; }
  #highlight_js_pictures img { position: absolute; top: 0; left: 0; }

.biglist { margin-top: 7px; padding-bottom: 4px; border-top: 1px solid #232323; }
  .biglist li { position: relative; overflow: hidden; border-bottom: 1px solid #232323; padding: 10px 10px 10px 120px; zoom: 1; }
    .biglist li img { position: absolute; top: 10px; left: 10px; }
    .biglist p { padding: 5px 0; line-height: 120%; }
    .biglist .betyg { position: absolute; top: 10px; right: 10px; }
    .biglist h3 a { font-size: 18px; font-weight: bold; }
    .biglist dl { font-size: 11px; margin: 10px 0 5px 0; }
      .biglist dl dt { width: 80px; }
    .biglist .readmore a { float: left; border: 1px solid #c53017; background: url(../images/knapphover.png) #cc3b22; height: 18px; padding: 5px 9px 0 9px; display: block; }

.article { overflow: auto; margin-top: 7px; padding-bottom: 4px; border-top: 1px solid #232323; }
  .article li { overflow: auto; border-bottom: 1px solid #232323; padding: 10px 10px 10px 10px; zoom: 1; }
    .article p { padding: 5px 0; line-height: 150%; }
    .article h3 a { margin: -5px; font-size: 30px; }
    .article img.right { float: right; margin: 5px 0 5px 10px; }
    .article img.left { float: left; margin: 5px 10px 5px 0; }
.article_image { margin: -10px 0px 0 -10px; }

dl { font-size: 11px; }
dl dt { float:left; font-weight:bold; margin-right:10px; padding:2px 0; width:100px; }
dl dd { margin:2px 0; padding:2px 0; }

.betyg { display: block; width: 74px; height: 50px; padding: 10px 0 0 0; background: url(../images/betygruta-trans.png); font-weight: bold; font-size: 36px; text-align: center; }

.latestnews p { border-bottom: 1px solid #232323; }

a.user { color: #de9a12; }

.clear { clear: both; }

#gc_container { margin: 0 15px 0 170px; padding-bottom: 10px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; background-color: #232323; }
  #gc_selected { padding: 20px 20px 10px 20px; font-size: 16px; }
  #gc_input { margin: 0 0 10px 20px; }
  #gc_list { height: 200px; overflow: auto; }
    #gc_list li { cursor: pointer; padding: 4px 10px; }
      #gc_list li:hover { background-color: #131313; }

span.spoiler { background-color: #000; color: #000; }
span.spoiler:active { color: #fff; }

#ads {color: #5B5B59; font-size: 11px; }
  #ads a { color: #fff; font-size: 11px; }