body, td, h1, h2, h3, h4, h5, p, u, li{ 
font-family:Arial, Helvetica;
font-size:12px;
color:#4c4c4c
}
body{
margin:0px;
padding:0px;
text-align:center;
width:100%;
}
html, body{ 
SCROLLBAR-FACE-COLOR:#ffffff;
SCROLLBAR-ARROW-COLOR:#8cc602;
SCROLLBAR-TRACK-COLOR:#ffffff;
SCROLLBAR-SHADOW-COLOR:##cffe56;
SCROLLBAR-HIGHLIGHT-COLOR:#cffe56;
SCROLLBAR-3DLIGTH-COLOR:#999999;
SCROLLBAR-DARKSHADOW-COLOR:#999999
}
#wrap{
position:relative;
margin: 0 auto;
padding:8px 0px 8px 8px;
text-align:left;
clear:both;
}
h1{ 
font-size:16px;
margin:0px 0px 8px 0px;
} 
h2{ 
font-size:14px;
margin:0px 0px 8px 0px;
} 
h3{ 
font-size:12px;
margin:0px 0px 8px 0px;
} 
td, th{ 
font-size:12px;
}
p, li{
margin:0px 0px 8px 0px;
}
ul{
list-style-type:circle;
margin-left:16px;
}
#content{
width:100%;
margin:0px;
padding:0px;   /*key*/
display:table-cell;
}
#footer{
margin:8px 0px 8px 0px;
padding:0px;
text-align:center;
width:100%;
clear:both;
}
#footer p{
margin:0px;
padding:10px 0px;
}
#sig{
padding:8px 0px;
}
/* datum ovanför inlägg */
.date-header{
font-size:12px;
text-align:left;
font-weight:bold;
margin:0px 0px 8px 0px;
padding:2px;
color: #bbbbbb
}
/* inläggets rubrik */
.post-title{
font-size:15px;
font-weight:bold;
color:#000000;
margin:0px 0px 8px 0px;
}
/* inlägget */
#post-body{
padding-bottom:8px;
margin-bottom:8px;
margin-right:8px;
margin-left:12px
}
#main{
margin:0px 168px 0px 0px; 
padding:0px;
}
/* positionering för kalendern, höger eller väster etc. */
#sidebar{
float:left;
width:160px;
margin:0px; 
padding:0px 8px 8px 0px;
}#cal{ 
width:100%;
margin-bottom:8px;
} 
.calendar{ 
border-collapse:collapse; 
border: 1px solid #4c4c4c;
width:100%;
text-align:center;
}
/* månad */
.calr1{ 
background-color:#cffe56;
color:#FFFFFF
}
/* "meddelande ?" */
.msgr1{ 
background-color:#cffe56;
text-align:center;
padding:2px;
font-weight:bold;
color:#FFFFFF
}
.calr2{ 
background-color:#000000;
color:#FFFFFF 
} 
/* veckodagsrad */
.calr3{ 
background-color:#cccccc;
color:#4c4c4c
}
#recent{
margin:0px 0px 8px 0px;
padding:0px;
width:100%;
visibility: ;
color: #999999
}
#recent li{
list-style:none outside;
margin:0px 0px 2px 0px;
visibility: ;
}
#archives{
margin:0px;
padding:0px;
width:100%;
visibility: ;
}
#archives ul, #recent ul{
margin:0px;
padding:0px;
visibility: ;
}
#archives li{
list-style:square inside;
margin:0px 0px 2px 0px;
visibility: ;
}
.archY{
font-weight:bold;
}
#sig{
margin-bottom:16px;
}
#pop-msg{
margin:0px 0px 18px 0px;
}
#messages{
margin:0px 0px 8px 0px;
width:100%;
margin-bottom:8px;
}
.msgTable{
border: 1px solid #4c4c4c;
width:100%;}

#msg{
text-align:left;
border-bottom: 1px dotted #4c4c4c; 
margin: 0px 1px 4px 1px;
padding:2px;
} 
.gravImg{ 
width:40px; 
height:40px; 
float:right;
}
.sub{
margin-right:20px;
}

a:link {
text-decoration:none;
FONT-WEIGHT: bold;
color:#8cc602}
a:visited { 
text-decoration:none;
color:#8cc602;
FONT-WEIGHT: bold}
a:hover { 
text-decoration:none;
color:#cffe56;
FONT-WEIGHT: bold;}

a.KeyLink:link {
text-decoration:none;
color:#CCCCCC}
a.KeyLink:visited { 
text-decoration:none;
color:#CCCCCC}
a.KeyLink:hover { 
text-decoration:none;
color:#CCCCCC;
}

form{
margin:0px;
padding:8px 2px 0px 2px;
}
input{
font-family:Arial, Helvetica;
font-size:10px;
border:1px solid #000000;
width:97%;
margin-bottom:2px;
}
textarea{
font-family: Arial, Helvetica;
font-size:10px;
border:1px solid #000000;
overflow:auto;
width:97%;
margin-bottom:2px;
}