/* 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');

#header {
	background-image: url(https://cdn3.cdnme.se/4451400/6-3/bloggheader1_5424402de087c3764a257d99.png);
	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: "Leckerli One", sans-serif;
}

body, input, textarea {
    font-family: "Trebuchet MS", Arial,Helvetica,sans-serif;
}

a:hover  { color: #40a1f3 !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: #E4E4E4; }
#header .nav li ul:before { border-right: 10px solid #E4E4E4; }
#header { border-bottom: 1px solid #E4E4E4; }

.entryheader span:before {
    border-right: 10px solid #CCC;
}
div.commenteven:before, div.commentodd:before {
    border-bottom: 10px solid #CCC;
}
.entrymeta, 
div.commentodd,
div.commenteven, 
.entryheader span {
    background-color: #CCC;
}

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

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

#meny {
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #cfcfcf 45%, #f0f0f0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(45%,#cfcfcf), color-stop(100%,#f0f0f0)); 
	background: -webkit-linear-gradient(top,  #ffffff 0%,#cfcfcf 45%,#f0f0f0 100%); 
	background: -o-linear-gradient(top,  #ffffff 0%,#cfcfcf 45%,#f0f0f0 100%); 
	background: -ms-linear-gradient(top,  #ffffff 0%,#cfcfcf 45%,#f0f0f0 100%); 
	background: linear-gradient(to bottom,  #ffffff 0%,#cfcfcf 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: 12px; }

#meny { font-size: 1.1em; }

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

h1 a { font-size: 24px; }

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

#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;
}