/*@font-face {
    font-family: GraublauWeb;
    src: url("../fonts/GraublauSansWeb/GraublauWeb.otf") format("truetype");
}
@font-face {
    font-family: GraublauWeb;
    font-weight: bold;
    src: url("../fonts/GraublauSansWeb/GraublauWebBold.otf") format("truetype");
}

@font-face {font-family:Cantarell; src:url("../fonts/Cantarell/Cantarell-Regular.eot");}
@font-face {font-family:Cantarell; src:url("../fonts/Cantarell/Cantarell-Oblique.eot"); font-style:italic;}
@font-face {font-family:Cantarell; src:url("../fonts/Cantarell/Cantarell-Bold.eot"); font-weight:bold;}
@font-face {font-family:Cantarell; src:url("../fonts/Cantarell/Cantarell-BoldOblique.eot"); font-weight:bold; font-style:italic;}
@font-face {font-family:Cantarell; src:url("../fonts/Cantarell/Cantarell-Regular.ttf");}
@font-face {font-family:Cantarell; src:url("../fonts/Cantarell/Cantarell-Oblique.ttf"); font-style:italic;}
@font-face {font-family:Cantarell; src:url("../fonts/Cantarell/Cantarell-Bold.ttf"); font-weight:bold;}
@font-face {font-family:Cantarell; src:url("../fonts/Cantarell/Cantarell-BoldOblique.ttf"); font-weight:bold; font-style:italic;}*/

body 			{ position: relative; margin: 0 auto;  padding: 2em; max-width: 950px; font-size: 90%; line-height: 150%; font-family: "Trebuchet MS", sans-serif; }
code, kbd, pre, samp, textarea, tt { font-family: Consolas, monospace; background-color: #f9f9f9; }
pre code 		{ background: none; }
#main 			{ margin-right: 240px; padding-left: 28px; padding-right: 20px;}
pre 			{ white-space: pre-wrap;  }
img 			{ border: 0;  display: none; }
a:hover 		{ text-decoration: underline !important; }
a 			{ color: #5B92B8; text-decoration: none; }
.head > a	 	{ color:inherit;  }
#main > h2 		{ text-shadow: #C0C0C0 2px 3px 3px; color: #200080;  margin-top: 1em; margin-left: -20px; }
h3 a 			{ text-decoration: none; color: inherit; }
h4			{ font-weight: bold; font-variant: small-caps;font-size: larger; margin-top:0; padding-top:1em; }
h4 a 			{ text-decoration: none; color: inherit; }
p.date 			{ clear:both; color: gray; font-size:smaller; font-style:italic; text-align:right; margin-top:2em; margin-bottom:0; }
p.date a 		{ text-decoration: none; color: inherit; }

#sidebar img 		{ display:inline; vertical-align:middle; }
#sidebar img#logo	{ margin: 1em auto; display: block; vertical-align: text-top;}
#sidebar 		{ position: absolute; top: 0; right: 0; width: 240px; margin-left: 0; margin-right: 20px; padding-right: 0; padding-top: 20px; padding-left: 0; }
#sidebar ul 		{ margin: 0; padding-left: 0;  list-style-position:inside; list-style-type: square; font-size: 0.8em; }
#sidebar ul.blogs  	{ list-style-type:none; }
#sidebar em		{ font-size: 0.9em }
#sidebar ul li:hover   	{ color: gray; }
#sidebar h1 		{ text-align:center; font-size: 1em;  }
#sidebar br 		{ line-height: 3px }

div.box 		{ max-width: 700px; }
div#skipper 		{ display:none; }
@media screen and (max-width: 600px) {
div#skipper 		{ display: block; text-align: center;}
#sidebar 		{ position: static; margin: 0 auto;} 
#main			{ position: static; margin-right: 0; padding-left: 15px; padding-right: 15px; }
}

span#kont 		{ font-weight: bold; }
span#kont:after 	{ content: " <robert.blaut\40gmail.com>"; }

.box, .head {
    -webkit-box-shadow: 0px 0px 10px #777;
    -moz-box-shadow: 0px 0px 10px #777;
    -khtml-box-shadow: 0px 0px 10px #777;
    -o-box-shadow: 0px 0px 10px #777;
    box-shadow: 0px 0px 10px #777;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid grey;
    background-color: #889EBE;
    margin-top: 1.5em;
}

.box > h3, .head {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #889EBE;
    padding: 6px 8px;
    text-shadow: #333 0px 2px 5px; 
    color: white; 
    margin: 0;
}

.box > div {
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px; 
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 1em;
    background-color:#ececec;
    margin:0;
}

.head {
    font-style: italic;
    text-align: right;
    padding: 12px 16px;
}

#sidebar > .head {
    padding: 8px;
}

.box > div > h4  { 
    text-shadow: #aaa 2px 3px 3px;
    padding-top: 0;
}
hr {
    border: solid #999;
    border-width: 1px 0 0 0;
}

.box p {text-align: justify}