@import url(https://fonts.googleapis.com/css?family=Font+Awesome);
@font-face {
  font-family: 'FontAwesome';
  src: url("https://static.blogg.se/themes/fonts/fontawesome-webfont.eot?v=4.2.0");
  src: url("https://static.blogg.se/themes/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("https://static.blogg.se/themes/fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"), url("https://static.blogg.se/themes/fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), url("https://static.blogg.se/themes/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

.fa-mejl:before {
content:  "\f0e0";
padding-left: 5px;
font-family: FontAwesome;
}

.fa-instagram:before {
content:  "\f16d";
padding-left: 5px;
font-size: 15px;
font-family: FontAwesome;
}

.fa-rss:before {
content:  "\f143";
padding-left: 5px;
font-family: FontAwesome;
}

.fa-bok:before {
content:  "\f02d";
padding-left: 5px;
  font-size: 15px;
font-family: FontAwesome;
}

.fa-bloglovin:before {
content:  "\f067";
padding-left: 5px;
 font-size: 15px;
font-family: FontAwesome;
}

body {
margin: 0px;
padding:0px;
background: #FFFFFF url(https://storage.googleapis.com/gcp-bloggse-storage/4355/4355107/aaaaaaa_test_6900bce4ddf2b373980f410b.jpg)  fixed 100%;
}

a {color: #0101DF; text-decoration: none;}
a:hover {color: #000000; text-decoration: underline}

#wrapper {
clear:none;
margin: 0px auto;
width: 1090px; 
padding: 25px;
}

#wrapper:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

p {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#header {
width: 817px;
 background: url(https://storage.googleapis.com/gcp-bloggse-storage/4355/4355107/a1_blogg_header_vintern_1000px_med_bloktitel_68dcf9a0e087c33538a9efa0.jpg)   no-repeat 100%;
border-radius: 0px;
voice-family:"\"}\""; 
voice-family:inherit;
height: 200px;
  padding: 0;
margin: 0px auto;
}html>body #header { width: 817px }  

#side {
padding: 24px 25px;
background: #696969;
width: 200px;
float:left;
margin-right: 0px;
margin-top: 20px;
}

#text {
font-family: 'TeX Gyre Adventor', sans-serif;
font-size: 12px;
color: black;
text-align:justify;
font-weight: 400;
line-height: 140%;
}

#text a {
color:white;
}

.nav {
font-family: 'Avenir Book', sans-serif;
font-size: 11px;
padding: 5px 0;
}


#content {	
width: 800px;
float:right;
background: #000000;
border-radius: 0px;
-webkit-box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, 0.1);
margin-bottom: 40px;
margin-top: 20px;
  padding: 10px;
voice-family:"\"}\""; 
voice-family:inherit;	
}html>body #content { width: 800px }

#header a {
color: #000;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
  
}

h1 {
font-family: 'Avenir Book', sans-serif;
font-size: 36px;
letter-spacing:0.1em;
font-weight: normal;
text-align: center;
color: #ffffff;
padding-bottom:0px;
margin: 85px 0px 0px 0px;
}

h2 {
font-family: 'Avenir Book', sans-serif;
font-size: .8em;
font-weight: normal;
color: #a68a96;
padding-top:0px;
}

/** Entry headers **/
h3 {
font-family: 'Sacramento';
font-size: 40px;
font-weight: normal;
padding: .2em 0px 0px 0px;
color: #ffffff;
background: #000000;
margin: 10px 0px 0px 0px; 
}


h4 {
font-size:14px; 
font-weight: normal;
font-family: Courier, Tahoma, 'Avenir Book';
color: #a6a5a5;
margin: 0px 0px 0px 0px;
  background: #000000;
}

.navheader {
font-family: 'Avenir Book';
font-size: 11px;
font-weight: bold;
color: #875444;
padding:5px 5px 0px;
margin-bottom:0px;
background-color:#FFFFFF;
text-transform: uppercase;
}

.nav {
font-family: verdana, Arial, Helvetica, Sans-serif;
  font-size: 11px;
font-weight: bold;
color: #000000;
margin: 0px;
}

.nav ul {
margin: 0px 0px 12px;
padding: 5px 10px 10px;
font-weight: normal;
background-color: #FFFFFF;
}

.nav li {
list-style: none;
padding: 0px 0px 6px 0px;
font-weight: normal;   
}

.nav a { color: #544333; }
.nav a:hover { color: #FFFFFF; font-size: 20px; }

/** Post's body text **/
.entrybody {
  padding: 20px; 
  font-family: 'TeX Gyre Adventor';
  font-size: 13px;
font-weight: normal;
color: #000000;
background-color: #FFFFFF;   
line-height: 140%;
 text-align: justify;
margin: 5px 5px 5px 5px; 
}

.entrybody a { text-decoration-style:wavy; color: #08088A; } 
.entrybody a:hover { text-decoration:underline: color: #000000; font-size: 20px; }

/** 'Posted by' txt **/
.entrymeta {
font-family: verdana, arial, sans-serif;
  font-size: 10px;
font-weight: normal;
color: #ffffff;
background: #000000; 
margin: 5px 5px 5px 5px;  
}

a {  text-decoration: none; color:#0489B1; }
a:hover { text-decoration: underline; color:#088A85; font-size: 20px; }

.commentheader {
font-family: 'TeX Gyre Adventor', sans-serif;
font-size: 18px;
font-weight: normal;
padding: 10px;
color: #000000;
background: #ffffff;
margin: 60px 0px 0px 0px;
  width: 420px;
}


.commenttext {
font-family: 'TeX Gyre Adventor', sans-serif;
font-size: 14px;
font-weight: normal;
color: #000000;
line-height: 160%;
  text-align: justify;
margin: 10px 0px 0px 0px;
width: 400px;
}

.response, {
font-family: 'TeX Gyre Adventor', sans-serif;
font-size: 18px;
font-weight: normal;
color: #000000;
line-height: 160%;
  text-align: justify;
margin: 1px 0px 0px 0px;
width: 400px; 
}

.response-from {
font-family: 'TeX Gyre Adventor', sans-serif;
font-size: 14px;
font-weight: bold;
padding:5px;
text-transform: normal;
color: #000000;
}

.response-by {
font-family: 'TeX Gyre Adventor', sans-serif;
font-size: 14px;
font-weight: normal;
color: #FF0000;
line-height: 160%;
margin: 1px 0px 0px 0px;
width: 400px;
}

.response {
border-top-style: solid;
border-top-width: 1px;
border-top-color: #888777;
  font-family: 'TeX Gyre Adventor', sans-serif;
  font-size: 14px;
color: #860000;
   background: #FFFFFF; 
  margin: 15px 0px 0px 0px;
  text-align: justify;
width: 400px;
}

.commentmeta {
font-family: 'Avenir Book', sans-serif;
font-size: .80em;
font-weight: normal;
color: #A901DB;
  background: #FFFFFF;
  width: 400px;
  padding: 5px;
margin: 15px 0px 0px 0px;
}

.commentmeta a { color: #62bfde; }
.commentmeta a:hover { color: #000000; }

.commentform {
font-family: 'Avenir Book', sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
  background: #000000;
margin: 10px 0px 20px 0px;

}

.separator {
border-top: 2px solid #FFFFFF;
border-bottom: 0px solid #CCCCCC;
margin: 14px 0px 14px 0px
}

.default {
font-family: Arial, Helvetica, Sans-serif;
font-size: 11px;
color: #333;
font-weight: bold;
padding: 0px 0px 10px 0px;
text-transform: uppercase;
}

.subside {
font-family: 'Avenir Book', sans-serif;
font-size: 11px;
font-weight: normal;
padding: 0px 0px 0px 0px;
}


.xmlButton {
border:1px solid;
border-color:#FC9 #630 #330 #F96;
padding:0 3px;
font:bold 10px Verdana, Arial, Helvetica, Sans-serif;
color:#FFF;
background:#F60;
text-decoration:none;
margin:0;
}

.image {
border: 0px double #a68a96;
margin: 0px;   
}

.thumbnail {
border: 2px solid #CCCCCC;
background-color:#FFFFFF;
padding:2px;
margin: 0px 6px 6px 0px;
}

.video{
padding: 0px 0px 0px 0px;
}

.fieldName{
font-family: verdana, arial, sans-serif;
font-size: 11px;
margin: 0px 0px 12px 0px
}

select{
font-family: verdana, arial, sans-serif;
font-size: 11px;
}

#calendar {
color: #333333;
font-family: 'Trebuchet MS', Verdana, sans-serif;
padding: 0px;
text-align: left;
background-color: #FFFFFF;
margin: 12px 0px 12px 0px;
padding: 10px;
}

#calendar table {
padding: 1px;
/*border-collapse: collapse;*/
border: 0px;
}

#calendar table caption {
color: #666666;
font-family : Arial, Helvetica, Sans-serif;
font-size : 0.7em;
border-bottom: 1px solid #999999;
text-align: left;
font-weight: bold;
text-transform: uppercase;
padding: 3px;
letter-spacing: .3em;
}

#calendar table th {
text-align: center;
font-weight: bold;
font-size: xx-small;
}

#calendar table tr td {
border: 1px solid #666666;
text-align: center;
font-size: xx-small;
}

#calendar table tr ul  {
color: #666666;
list-style: dot;
margin: 0px 0px 0px 20px;
padding: 4 0 5 0 6; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.7em;   
}

#calendar table tr td.cssDayMouseOver {
border: 1px dotted red;
cursor: hand;
}

#calendar table tr td.cssDayMouseOut {
border: 1px solid #666666;
}

#calendar table tr td.cssEntryBox {
border: 1px solid gray;
padding: 6px;
text-align: left;
background: #FFFFFF;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
color: #666666;
}

#calendar table tr td ul li {
color: #666666;
}

#calendar table tr td div.cssDayEntryHeader {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 0.8em;
text-align: left;
font-weight: bold;
padding: 4;
}

#calendar table tr td div.cssDayAvailable {
text-decoration: underline;
text-weight: bold;
}

form {
padding: 10px;
background-color: #FFFFFF;
margin: 0px 0px 10px;
}

#profile {
font-family:  Verdana, Helvetica, Sans-serif;
font-size: 11px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding-left: 16px;
}

#profile h4{
font-family:  Arial, Helvetica, Sans-serif;
font-size: 14px;
font-weight: bold;
color: #666666;
text-transform: uppercase;
padding: 0px 0px 0px 0px;
margin: 0px 0px 6px 0px;
}

#profile p{
}

#footer {
 height: 100px; 
 width: 900px;
}


#menu {
background: transparent;
width: 1000px;
margin: 20px auto;
height: auto;
text-align: center;
}

nav ul ul {
display: none;
}

nav ul li:hover > ul {
display: block;
}

nav ul {
background: #000000; 
padding: 0 0px;
list-style: none;
position: relative;
display: inline-table;
    margin: 0 auto;
    text-align: left;
    font-family: 'Andika';
    text-transform: none;
    font-size: 13px;
  font-color: #643765;
}
nav ul:after {
content: ""; clear: both; display: block;
}

nav ul li {
float: left;
}
nav ul li:hover {
background: transparent;
}

nav ul li a {
display: block; padding: 5px 10px;
color: #1A1D88; text-decoration: none;
}

nav ul ul {
background: #fff; border-radius: 0px; padding: 0;
position: absolute; top: 100%;
}
nav ul ul li {
float: none; 
position: relative;
}
nav ul ul li a {
padding: 5px 10px;
color: black;
}	
nav ul ul li a:hover {
background: #00DDFF;
                color: black;
}

nav ul ul ul {
position: absolute; left: 100%; top:0;
}


.knapp{ border: 1px solid #C5C8BB;  font-size: 11px;  background: #ffffff url(http://i59.tinypic.com/2nimf83.png);  color: #000000;  font-weight: normal;  font-family: trebuchet ms;  } .knappen{ border: 1px solid #C5C8BB;  font-size: 11px;  background: #ffffff  url(http://i59.tinypic.com/2nimf83.png);  color: #000000;  font-weight: normal;  font-family: trebuchet ms;  } .knapp2{ border: 1px solid #C5C8BB;  font-size: 11px;  background: #ffffff url(http://i59.tinypic.com/2nimf83.png);  color: #000000;  font-weight: normal;  font-family: trebuchet ms; }


textarea{
background-image: url(https://storage.googleapis.com/gcp-bloggse-storage/4355/4355107/a3_blogg_komntarsfalt_1000px_vintern_68dcfb0eddf2b31b595015cd.jpg);
border: 1px solid black;
}

input{
background-color: lightblue;
border: 4px solid blue;
font-family: Avenir Book;
color: black;
font-weight: bold;
font-size: 10px;
}

input.formbutton {
    background: #2eabd9;
    height: 30px;
    padding: 0px 14px;
    font-size: 12px;
    border: 0;
    cursor: pointer;
}

textarea{
background-color: lightgreen;
border: 4px solid blue;
font-family: Avenir Book;
color: black;
font-weight: bold;
font-size: 15px;
}