html, body { 
margin: 0px;
padding: 0px;
font-family: arial,verdana,sans-serif; }

.title { 
width: 100%;
height: 55px;
background-image: url(http://infodesign.no/diablog/grafikk/bakgrunn_overskrift_gul.jpg);
background-repeat: repeat-x;
background-position: bottom;
border-bottom:1px; 
border-left:0px; 
border-right:0px; 
border-top:1px; 
border-style: solid;
border-color: black;
margin-top: 5px;
margin-bottom: 10px;
}


.title h1 { 
font-size: 300%;
font-style: italic;
font-family: serif;
padding-left: 15px;
margin-top: 5px;
letter-spacing: 4px;}

.title h1 a { 
text-decoration:none;
color: black;
}
#left { 
position: absolute;
width: 160px;
top: 60px;
margin-left: -170px;
}

#left a { border: 1px solid rgb(169, 169, 169);
margin-top: 2px;
margin-right: 5px;
margin-bottom: 5px;
text-decoration: none;
padding-left: 2px;
display: block;
font-family: Verdana,sans-serif;
font-size: 0.9em;
}
#left a:hover { background-color: rgb(220, 220, 220);
color: Black;
}
#left a em{ 
font-size: 0.7em;
}

.post {
margin-bottom: 0px;
}

.post-footer { border-style: none;
background: White none repeat scroll 0% 50%;
color: rgb(153, 153, 153);
font-size: 0.8em;
text-align: right;
display: block;
margin-top: -3px;
margin-right: 3px;
padding-right: 5px;
float: right;
}

#right { position: absolute;
right: 5px;
top: 55px;
width: 180px;
}

.entry {
margin-right:180px;
margin-left:180px;
top: 10px;
left: 0px;
word-spacing: 2px;
font-size: 0.9em;
font-family: verdana,sans-serif;
letter-spacing: 1px;
line-height: 1.3em; }



.menutext { 
color: #999966;
font-size: 0.8em;
font-family: arial,verdana,sans-serif;
letter-spacing: 1px;
}

.menutext li { 
color: #996633;
padding: 3px;
list-style : none;
}

h2 { 
font-size: 1.3em;
font-family: arial,verdana,sans-serif;
color: black;
letter-spacing: 1px;
padding-left: 2px;
padding-top: 30px;
 }

h2 a:before {
content: url(http://infodesign.no/grafikk/small_arrow.gif);
}

h5 { 
padding: 2px;
font-size: 1em;
font-family: arial,verdana,sans-serif;
letter-spacing: 3px;
color: black;
border-bottom: 1px solid #996633;
}

.divider{

text-align: right;
font-size: 0.8em;
font-family:arial,verdana,sans-serif; 
border-bottom: 1px solid #F8F3E3;}

blockquote {
//background-color: #F8F3E3;//
margin: 5px;
margin-left: 20px;
margin-right: 20px;
align: left; 
text-align: justify;
border-left: 0.5px dotted #333333;
padding-left: 10px;
font-family: silkscreen, arial,verdana,sans-serif;}

ul { 
font-size: 0.9em;
padding: 4px;

margin: 0px; 
font-weight: normal;}

input,textarea,select { 
font-size: 0.9em;
font-family: arial,verdana,sans-serif;
border-bottom: 1px solid #996633;
border-top: 1px solid #996633;
border-left: 1px solid #996633;
border-right: 1px solid #996633;
color: #996633;
margin-right:5px;
background-color: #ffffcc; }

.entry a:link, .menutext a:link { 
color:#333399; 
border-bottom: 1px solid #F8F3E3;
text-decoration: none; }

a:visited { 
color:#333399; 
border-bottom: 1px solid #F8F3E3;
text-decoration: none; }

a:hover { 
background: #ffffcc; 
color: #333399; 
font-style: underline; }

.date { 
margin-top:15px;
text-align:right;
font-weight: bold; }

.bilder img {
  margin: 3px;
  padding: 1px;
  border: 1px solid grey;
  }

span.webdeveloper-id-class-details { background-color: #ffff99 !important; border-color: #ffcc66 !important; color: #000000 !important;  -moz-opacity: 0.7 !important;  opacity: 0.7 !important; }

@media print {
#left { display: none ! important;
}
#right { display: none ! important;
}
h1 { display: none ! important;
}
.title { 
border-bottom:0px; 
border-right:0px; 
border-top:0px; 
margin-bottom: 20px;
}
.post-title{ 
margin-left: -170px;
margin-top: -120px;}

.post-body{
margin-left: -150px;
width: 660px;}
}

html body { font-family: "Times New Roman",Times,serif;
}