html, body, div {margin:0; padding:0;}
body     { background: #244189; margin: 10px 10px 10px 10px; font-family: "Verdana", "Helvetica", "Arial", sans-serif; color: #244189; }
body,fieldset { cursor: url("/kencomix_tyly.cur"), default; }
p,li     { font-size: 70%; }
p        { margin: 0 10px 10px 10px; }
p.puff   { margin: 0 0 10px 0; padding: 10px; border: 1px solid #5774bc; background:#eeeeff; }
p.bild   { margin: 20px 10px 30px 10px; }
form     { margin: 0; }
textarea { overflow: auto; }
input,textarea { background: #bebeff; font-family: "Verdana", "Helvetica", "Arial", sans-serif; color: #244189; border: 1px solid #5774bc; font-size: 90%; }
select   { font-family: "Verdana", "Helvetica", "Arial", sans-serif; color: #244189; border: 1px solid #5774bc; font-size: 90%; }
label    { cursor: url("/kencomix_oho.cur"), pointer; }
img      { border: 0; }
.icon    { margin-bottom:-2px; }
p.bild img { margin: 0 5px 10px 0; }
b,i      { color: #5774bc; }
hr       { display: block; height: 1px; border-top: 1px solid #5774bc; border-left: 0 none; border-right: 0 none; border-bottom: 0 none; padding: 0; margin-left: 10px; margin-right: 10px; }
tt,code,kbd,pre { font-size: 11px; color:#000000; }
ul       { margin-top: 10px; margin-bottom: 10px; }
li       { margin: 0 0 7px 0; padding: 0; }
kbd      { padding: 0px 2px 0px 2px; border-width: 1px 2px 2px 1px; border-style: solid; background: #faf6f6; color: #000; border-color: #edd #baa #baa #eed; }

input.radio { background: #ffffff; border: 0; margin-bottom:-2px; }
input[type=submit] { background: #bebeff; color: #244189; }
input[type=submit]:hover { background: #5774bc; color: #ffffff; }

.btn { cursor: url("/kencomix_oho.cur"), pointer; }
.btn:hover { background: #5774bc; color: #ffffff; }

table { margin: 0 10px 10px 10px; border-top:1px solid #5774bc; border-left:1px solid #5774bc; }
td { font-size: 70%; padding:2px; border-bottom:1px solid #5774bc; border-right:1px solid #5774bc; vertical-align:top; white-space: nowrap; }

/* kommentarjuttun på sarjissidorna */
fieldset { margin: 10px; border: 1px solid #bebeff; padding:0 10px 10px 10px; }
legend   { color: #5774bc; font-size: 70%; border: 1px solid #bebeff; padding:2px 10px 2px 10px; border-bottom:0; margin-bottom:10px; }
small    { color: #bebeff; font-size: 90%; }
.kvar    { background: #ffffff; border: 0; color: #bebeff; }
.w1      { width: 100px; }
.w2      { width: 300px; }

a         { cursor: url("/kencomix_oho.cur"), pointer;  }
a:link    { color: #244189; }
a:visited { color: #244189; }
a:active  { color: #ff9933; }
a:hover   { color: #ff9933; }

h1         { height:26px; margin: 0 10px 10px 10px; color: #5774bc; font-size: 100%; }
h2         { margin: 0; padding: 5px 10px; background: #5774bc; color: #ffffff; font-size: 70%; }
h2 a:link,h2 a:visited  { color: #ffffff; text-decoration: none; }
h2 a:hover,h2 a:active { color: #ff9933; text-decoration: none; }

/* sånt som kan vara användbart */
.bg     { background: #bebeff; }
.bg2    { background: #5774bc; }
.bg3    { background: #ffffff; }
.bg4    { background: #eeeeff; }
.left   { float: left; }
.rait   { float: right; }
.clear  { clear: both; }
.tleft  { text-align: left; }
.tcent  { text-align: center; }
.trait  { text-align: right; }
.obs, .obs a { color: #ff9933; }

/* layout stuff */
.bredd  { margin: 0 auto; width: 860px; padding-right:10px; }
.logo   { width: 740px; height: 78px; background: url(pics/bgu.gif) top left repeat-x #244189; }
.mt33   { margin-top: 33px; }
.content{ width: 620px; }
.main   { width: 620px; background: #ffffff; padding-bottom:1px; }
.menu   { width: 120px; }
.menu p { margin: 10px 0 10px 10px; }
.menu a { display: block; }

.kolumn { width: 190px; margin: 10px 0 10px 10px; }
.dubbel { width: 390px; margin: 10px 0 10px 10px; }
.yks    { width: 290px; margin: 10px 0 10px 10px; }
.kax    { width: 290px; margin: 10px 0 10px 10px; }
.hela   { width: 580px; margin: 10px 0 10px 10px; }

/* Seriemenyn och undermenyerna! Då man är på sidan: class="on" */
.m a          { font-size: 10px; text-decoration: none; }
.m a:hover    { color: #ffffff; }
.m a.on       { background: #ffffff; }
.m a.on:hover { color: #ff9933; }
.umenu a      { padding: 0 2px 0 0; }

/* Annat-menyn! Då man är på sidan: class="on" */
.m2 p { margin: 10px 10px 10px 0; }
.m2 a          { font-size: 10px; text-decoration: none; padding-left:10px; }
.m2 a:hover    { color: #ffffff; padding-left:10px; }
.m2 a.on       { background: #ffffff; padding-left:10px; }
.m2 a.on:hover { color: #ff9933; padding-left:10px; }

/* undermenyn */
.umenu        { width: 600px; margin: 0 auto; }
.umenu p      { margin: 0; padding: 5px 10px; }
.umenu p.left { width: 480px; }
.umenu select,input  { background: #bebeff; font-family: "Verdana", "Helvetica", "Arial", sans-serif; color: #244189; border: 1px solid #5774bc; font-size: 10px;}
.umenu select { margin-left: 5px; background: #ffffff; }
.u2 a         { color: #ffffff; font-size: 10px; text-decoration: none; }
.u2 a:visited { color: #ffffff; }
.u2 a:hover   { color: #ff9933; }

.nere { margin-bottom: 10px; }

/* thumbnails, skrivs i <img>, kolla t.ex. dwnld/wp */
.tmb { float:left; margin:0 10px 10px 0; }

.reklam { clear:both; margin:0 auto; text-align:center; padding:20px 0 0 0; }
.ml10   { margin-left: 10px; }

small a:link, small a:visited { color: #bebeff; }
p.puff small { color: #5774bc; }
p.puff small a:link, p.puff small a:visited { color: #5774bc; }
small a:hover, p.puff small a:hover { color: #ff9933; }

/* gästboken */
.gb   { width:290px; margin:20px 0 20px 0; padding:0; }
.gb1  { width: 55px; float:left; margin:0; padding:0; }
.gb2  { width: 220px; background:#eeeeff; float:left; margin:0; padding:5px; }
.gb3  { width: 220px; float:left; margin:0; padding:5px 5px 5px 55px; }
.gb4  { width: 220px; float:left; margin:0; padding:5px; }
.gba  { width: 40px; float: right; text-align: center; margin: 5px; }

/* Sudoku (print och online) */
table.sud { margin:0 0 20px 20px; width:260px; border-top:2px black solid; border-left:2px black solid; }
table.sud td { font-size:18px; color:black; text-align:center; border-color:black; }
table.sud tfoot td { font-size:10px; color:black; text-align:left; }
td.s1 { border-right:2px black solid; }
td.s2 { border-right:2px black solid; border-bottom:2px black solid; }
td.s3 { border-bottom:2px black solid; }
/* följande används endast i onlinespelet */
input.sud1 { border: solid 0 #ffffff; width:24px; font-size:16px; text-align:center; margin:0; padding:0; background:transparent; }
input.sud2 { border: solid 0 #ffffff; width:24px; font-size:16px; text-align:center; margin:0; padding:0; background:transparent; color:black; }

/* yatzy */
table.y input { text-align:center; border:0 none; background:transparent; width:60px; }
/*
table.y input { background:#bebeff; }
*/

/* context menu */
ul.contextmenustyle {display:none;position:absolute;margin:0;padding:0;font-family:"Verdana","Helvetica","Arial",sans-serif;list-style-type:none;border-top:1px solid #000000;border-left:1px solid #000000;border-right:1px solid #000000;background:#eeeeee;}
ul.contextmenustyle li {border-bottom:1px solid #000000;margin:0;padding:5px;}
ul.contextmenustyle li a {display:block;padding:5px 10px 5px 10px;text-decoration:none;color:#244189;background:#eeeeee;}
ul.contextmenustyle li a:hover {text-decoration:none;color:#244189;background:#bebeff;}

/* addthis dropdown fix */
div#addthis_dropdown table { margin:0; border:0; }
div#addthis_dropdown td { padding:2px; border:0; }


html>img {
 width: 0 !important;
 height: 32px !important;
 padding-left: 16px !important;
 background: url(kencomix_scroll.png);
}