/* Theme Bokeh from Blogg.se */
@import url("//static.blogg.se/themes/bokeh/css/style.css");

@import url('https://fonts.googleapis.com/css?family=Leckerli+One');
@import url('https://fonts.googleapis.com/css?family=Droid+Serif:400,700');
@import url('https://fonts.googleapis.com/css?family=Fredericka+the+Great');

#header {
	background-image: url(https://cdn1.cdnme.se/4436728/6-3/20140314_143342_53e913c1e087c31dc7b2b5ba.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	height: 355px;
}

#header .search, body {
    background-image: url(https://static.blogg.se/themes/bokeh/img/bg.jpg);
}

body {
    background-position: left top;
    background-attachment: scroll;
    background-repeat: repeat-x;
}

#wrapper:before { opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; }

#menu .big,
#profile h4,
h1 a,
input[type="submit"],
#content input.formbutton {
	font-family: "Fredericka the Great", sans-serif;
}

body, input, textarea {
    font-family: "Droid Serif", sans-serif;
}

a:hover  { color: rgba(171, 85, 27, 1) !important; }

#menu .big {
	color: #FFF;
}

h1 a,
#header input, 
#content input, 
#content textarea {
	color: #FFF;
}

#header .nav li ul, #content, #menu ul ul, #menu ul ul ul { background: rgba(255, 255, 255, 0.87); }
#header .nav li ul:before { border-right: 10px solid rgba(255, 255, 255, 0.87); }
#header { border-bottom: 1px solid rgba(255, 255, 255, 0.87); }

.entryheader span:before {
    border-right: 10px solid rgba(255, 255, 255, 0.85);
}
div.commenteven:before, div.commentodd:before {
    border-bottom: 10px solid rgba(255, 255, 255, 0.85);
}
.entrymeta, 
div.commentodd,
div.commenteven, 
.entryheader span {
    background-color: rgba(255, 255, 255, 0.85);
}

.commentmeta, .entrymeta, .entryheader span {
    color: #848484;
}

.social svg { fill: #848484; }
#social svg { fill: #000; }

#meny {
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, rgba(107, 49, 20, 1) 45%, #f0f0f0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(45%,rgba(107, 49, 20, 1)), color-stop(100%,#f0f0f0)); 
	background: -webkit-linear-gradient(top,  #ffffff 0%,rgba(107, 49, 20, 1) 45%,#f0f0f0 100%); 
	background: -o-linear-gradient(top,  #ffffff 0%,rgba(107, 49, 20, 1) 45%,#f0f0f0 100%); 
	background: -ms-linear-gradient(top,  #ffffff 0%,rgba(107, 49, 20, 1) 45%,#f0f0f0 100%); 
	background: linear-gradient(to bottom,  #ffffff 0%,rgba(107, 49, 20, 1) 45%,#f0f0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); 
}

body, 
#content input,
#content textarea {
    background-color: #131313;
}

body, a, #meny ul li a, #profile h4, #content input.formbutton { color: #000; }

.entryheader span, .commentmeta { font-size: 10px; }

#content form.commentform, 
#content form td, 
body, 
h5, 
#content input, 
#content textarea { font-size: 14px; }

#meny { font-size: 1.1em; }

#menu .big,
input[type="submit"],
#content input.formbutton {
	font-size: 14px;
}

h1 a { font-size: 30px; }

.entryheader h2 { font-size: 30px; }

#social a { display: inline-block !important; padding: 0 !important; }
#social { text-align: center; }

.like-container { display: block !important; text-align: center; margin-bottom: 5px; margin-top: 5px; }
.likebtn { margin-right: 0px !important; }
.like-container .likebtn { margin-right: 0; }
.like-container .likebtn .likebtn__btn { 
  background: #848484 !important; 
}
.like-container .likebtn.clicked .likebtn__btn { 
  color: #848484 !important; 
  background: white !important;
}