/* 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=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Pacifico');

#header {
	background-image: url(https://cdn2.cdnme.se/4581223/9-3/a_header_54e3b644e087c35b4e93bdb8.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	height: 355px;
}

#header .search, body {
    background-image: url(http://static.blogg.se/themes/tabula_rasa/img/mochaGrunge.png);
}

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

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

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

body, input, textarea {
    font-family: "Open Sans", sans-serif;
}

a:hover  { color: rgba(138, 14, 3, 1) !important; }

#menu .big {
	color: rgba(255, 255, 255, 1);
}

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, 1); }
#header .nav li ul:before { border-right: 10px solid rgba(255, 255, 255, 1); }
#header { border-bottom: 1px solid rgba(255, 255, 255, 1); }

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

.commentmeta, .entrymeta, .entryheader span {
    color: rgba(219, 219, 219, 1);
}

.social svg { fill: rgba(219, 219, 219, 1); }
#social svg { fill: #000; }

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

body, 
#content input,
#content textarea {
    background-color: rgba(227, 227, 227, 1);
}

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: 13px; }

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