html {
 background-color: #f1f1f1;
 -webkit-font-smoothing: antialiased;
 font: normal 14px georgia;
}

a { color:inherit; text-decoration:none; font-style:italic; }

body {
 margin-top:0px;
 padding:5px;
 top:50px;
 position:relative;
 margin: 0 auto;
 width: 790px;
 font-size: 16px;
 color: #545454;
 background-color: #fff;
 -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);
 -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);
 box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);
 font: normal 14px georgia;
}

header { width:800px; height:600px; position:relative; left:-5px; margin:0px auto; margin-bottom:20px; margin-top:-5px; background: url(https://cdn3.cdnme.se/4053327/9-3/hhhahh_556ad1852a6b226821608fcd.jpg) no-repeat;}

#dropdown { left:0px; top:0px; width:100%; height:40px; background-color:#fff; position:fixed; margin: 0; padding:0; font-family:'roboto', calibri; font-weight:100; font-size:16px; text-transform: uppercase; z-index:999999; 
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);
 -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);
 box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);
} #dropdown ul { margin:0; padding:0; margin-left:20px; margin-top:8px; }
#dropdown ul li { position:relative; list-style: none; display:inline-block; background-color:#fff; min-width:50px; margin-right:5px; margin-left:5px; } #dropdown ul li a { font-style:normal; text-decoration: none; color:inherit; }
#dropdown ul li ul { display:none; position:absolute; margin-left:0px; margin-top:11px; left: 0; background-color:#fff; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; opacity:0.7; } 
#dropdown ul li:hover { }
#dropdown ul li:hover > ul { display:block; margin-left:0px; width: calc(100% - 2px); } 
#dropdown ul li ul li { margin-left:0px; background-color: #fff; padding:5px 3px 5px 3px; width: calc(100% - 6px); }

#dropdown ul li ul:before {
 content: "";
 height: 20px;
 position: absolute;
 top: -20px;
 width:100%;
 display:block;
}

.dropborder { position:absolute; width:1px; background-color:#e1e1e1; height:100%; top:0px; right:-8px;}

.floatright { display:inline; position:inherit; float:right; }

#posts { 
 position:relative;
 width:790px; 
 background-color:;
}

#posts img { width:800px; margin-left:-5px; }

h2 { 
 font-family: 'Roboto', sans-serif;
 text-align:center;
 font-size:25px;
}
.date { text-align:center; text-transform:uppercase; font-family:calibri; font-size:13px; color:#ccc; position:relative; margin-top:0px; margin-bottom:-10px; padding:0px; }

.postmeta { border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding: 8px 0px 8px 0px; margin-bottom:50px; margin-top:10px; }
.postmeta:hover { opacity:0.7; }
.postmeta a { color:inherit; text-decoration:none; font-style:normal; }
.commentlink { display:inline; } .commentlink a { color:inherit; }

#menutrigger { position:fixed; top:60px; float:right; right:0px; height:53px; width:53px; background: url(https://cdn1.cdnme.se/4323979/7-3/menuplus_53a3f56be087c3226d7ae3d7.gif) right no-repeat; color:#fff; z-index:9999999; }
#menutrigger:hover { }

#sidebar { display:none; position:fixed; float:right; z-index:9999999; right:0px; width:230px; padding:10px; height:100%; background-color:#fff; text-align:left; top:0px;
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);
 -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);
 box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);
}
.sidebartitle { border-bottom:1px solid #e1e1e1; font-family:georgia; font-size:14px; text-transform:uppercase; letter-spacing:1px; text-align:center; margin: 2px 0px 5px 0px; } #sidebar a { font-style:normal; }
.sidecontent { font-family:calibri; list-style:none; margin: 5px 0px 15px 0px; } .sidecontent ul { list-style:none; }

.close { float:right; top:11px; right:10px; position:absolute; font-family: 'Roboto', sans-serif; font-weight:200; }
.smallspace { position:relative; height:2px; }

#comment { width:100%;}
.formbutton { background-color:#fff; border: 1px solid #ccc; font-family:calibri; font-size:10px; text-transform:uppercase; color:#a9a9a9; padding:3px; margin-top:3px; }
input[value="http://"]{ color: #a9a9a9;}
.commentheader { border-bottom:1px solid #ccc; }

.commentname { font-family:georgia; letter-spacing:2px; font-size:15px; font-style:italic; display:inline; }
.bloglink { font-family:calibri; text-tranform:uppercase; font-size:12px; display:inline; color:#ccc; }
.commentbody { margin:5px 0px 5px 0px; font-family:calibri; }
.commentdate { font-family:georgia; letter-spacing:2px; font-style:italic; color:#ccc; font-size:10px; margin-bottom:15px; }

@media only screen and (max-width: 880px) {
 body{
 width:90%;
 }
 
 #posts { width:100%; } #posts img { width: calc(100% + 10px); }
}

#footerddb{
width: 100%;
height: 20px;
text-align: center;
font-family: verdana;
font-size: 10px;
margin-top: 5px;
clear: both;
color: #ffffff;
}