/* itnyheter.nu -- stilmall */
body { margin:0; background:#fff; font-family:Arial, Verdana, sans-serif; font-size:11px; color:#231f1c; }
a:link, a:visited { color:#8c1c2b; text-decoration:none; }
a:hover { color:#c46a3c; text-decoration:underline; }
img { border:0; }
#ram { width:880px; background:#ece9e4; border-right:1px solid #2d2a27; min-height:100vh; }
/* toppremsa med flikar, som nordichardware/nordicgamers */
#premsa { height:15px; background:#e2ded8; font:bold 8px Verdana, sans-serif; letter-spacing:1px; text-transform:uppercase; }
#premsa span { display:inline-block; height:15px; line-height:15px; padding:0 18px 0 6px; color:#4a4540; }
#premsa span.pa { background:#8e8880; color:#fff; border-top-right-radius:14px; }
#balk1 { height:12px; background:#8e8880; }
#huvud { height:96px; background:#d9d5ce; position:relative; }
#huvud .logga { position:absolute; left:6px; top:4px; }
#huvud .ruta { position:absolute; left:316px; top:7px; width:350px; height:70px; background:#fff; padding:6px 10px; font:11px Verdana, sans-serif; color:#4a4540; }
#huvud .ruta b { color:#e28d0c; }
#huvud .ruta ol { margin:4px 0 0 18px; padding:0; }
#balk2 { height:7px; background:#8e8880; margin-bottom:9px; }
#kolumner { overflow:hidden; padding-bottom:20px; }
/* vänsterspalten */
#vanster { float:left; width:122px; margin-left:3px; }
.lada { background:#f6f5f2; margin-bottom:10px; padding-bottom:6px; }
.lada .rubrik { height:18px; line-height:18px; background:linear-gradient(#d4cfc7,#b8b1a7); font:bold 9px Verdana, sans-serif; text-transform:uppercase; color:#2d2a27; padding-left:16px; position:relative; border-bottom:1px solid #8e8880; }
.lada .rubrik:before { content:""; position:absolute; left:5px; top:6px; width:5px; height:5px; background:#2d2a27; }
#meny { font:10.5px Verdana, Arial, sans-serif; padding:5px 3px 0 4px; }
#meny ul { margin:0; padding:0; list-style:none; }
#meny li { font-weight:bold; margin-bottom:9px; color:#2d2a27; }
#meny li li { font-weight:normal; margin:1px 0 0; padding-left:8px; position:relative; }
#meny li li:before { content:"\203A"; position:absolute; left:1px; color:#8e8880; }
#meny a.aktiv { color:#231f1c; font-weight:bold; }
.topplista { margin:4px 4px 0; padding:0; list-style:none; font:10px Geneva, Arial, sans-serif; }
.topplista li { border-bottom:1px dotted #8e8880; padding:3px 0; }
.topplista b { color:#993300; display:inline-block; width:11px; }
.topplista span { float:right; color:#4a4540; }
/* innehållsspalten */
#mitt { float:left; width:706px; margin-left:15px; background:#fff; padding:0 0 18px; }
.flik { background:#e6e2dc; height:22px; margin:0 0 6px; }
.flik span { display:inline-block; background:#fff; height:22px; line-height:24px; padding:0 34px 0 4px; font:bold 11px Arial, sans-serif; text-transform:uppercase; border-top-right-radius:22px 22px; }
.rad { overflow:hidden; padding:5px 4px 7px; }
.rad.ljus { background:#f1efeb; }
.rad .tumme { float:left; width:83px; }
.rad .tumme img { border:1px solid #8e8880; display:block; }
.rad .txt { margin-left:92px; font:11.5px/1.35 Verdana, Arial, sans-serif; }
.rad .txt .typ { color:#e28d0c; font-weight:bold; }
.rad .txt .t { font-weight:bold; text-decoration:underline; }
.rad .txt .betyg { color:#4a4540; font-size:10.5px; }
.radlankar { text-align:right; font:bold 11px Arial, sans-serif; padding:6px 6px 2px; }
.text { padding:4px 10px 0 7px; font:12.5px/1.55 Verdana, Arial, sans-serif; }
.text h1 { font:bold 19px Arial, Helvetica, sans-serif; margin:10px 0 3px; padding-left:15px; position:relative; }
.text h1:before { content:""; position:absolute; left:0; top:5px; width:8px; height:10px; border:1px solid #b07000; background:#fbd78a; }
.text .skrivet { font:11px Arial, sans-serif; color:#5c5650; margin:0 0 12px 15px; }
.text .skrivet b { color:#8c1c2b; }
.text p { margin:0 0 11px; }
.text p.einstieg { font-size:13.5px; }
.text h2 { font:bold 14px Arial, sans-serif; margin:22px 0 7px; padding-bottom:3px; border-bottom:1px dotted #2d2a27; }
.text h3 { font:bold 12.5px Arial, sans-serif; margin:15px 0 4px; }
.text a { text-decoration:underline; }
.text ul, .text ol { margin:0 0 12px; padding-left:23px; }
.text li { margin-bottom:4px; }
.text table { border-collapse:collapse; width:100%; margin:4px 0 15px; font-size:11.5px; }
.text th { text-align:left; background:#e6e2dc; padding:4px 6px; font-family:Arial, sans-serif; }
.text td { padding:4px 6px; border-bottom:1px solid #e6e2dc; vertical-align:top; }
.text blockquote { margin:12px 18px; font-style:italic; color:#4a4540; }
.text .skarm { float:right; margin:3px 0 10px 14px; border:1px solid #2d2a27; }
.text .skarmtext { clear:right; float:right; width:282px; margin:-6px 0 10px 14px; font-size:10px; color:#5c5650; line-height:1.3; }
#fot { clear:both; border-top:1px dotted #8e8880; margin:0 10px; padding:9px 0 26px; font:10px Verdana, sans-serif; color:#5c5650; }
#fot a { color:#5c5650; }
/* .omrostning { display:none }  tas bort tills vidare */
/* TODO: utskriftsstil */
@media (max-width:900px) {
  #ram { width:auto; border-right:0; }
  #huvud .ruta { display:none; }
}
@media (max-width:760px) {
  #huvud { height:auto; min-height:70px; }
  #huvud .logga { position:static; padding:4px 6px; }
  #huvud .logga img { width:260px; height:auto; }
  #vanster, #mitt { float:none; width:auto; margin:0 6px 10px; }
  #meny > ul > li { display:inline-block; vertical-align:top; margin-right:14px; }
  .lada.topp { display:none; }
  .text .skarm { float:none; display:block; margin:6px 0 4px; max-width:100%; height:auto; }
  .text .skarmtext { float:none; width:auto; margin:0 0 12px; }
  .text table { display:block; overflow-x:auto; }
  .rad .tumme img { width:70px; height:auto; }
  .rad .txt { margin-left:78px; }
}