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

#header {
	background-image: url(http://cdn1.cdnme.se/4333343/7-3/desktop7_52d46fba2a6b22a6a5e2ee02.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-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: "Belgrano", sans-serif;
}

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

a:hover  { color: rgba(59, 48, 28, 1) !important; }

#menu .big {
	color: rgba(196, 196, 196, 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(189, 169, 145, 0.99); }
#header .nav li ul:before { border-right: 10px solid rgba(189, 169, 145, 0.99); }
#header { border-bottom: 1px solid rgba(189, 169, 145, 0.99); }

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

.commentmeta, .entrymeta, .entryheader span {
    color: rgba(214, 192, 152, 1);
}

.social svg { fill: rgba(214, 192, 152, 1); }
#social svg { fill: rgba(87, 79, 64, 1); }

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

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

body, a, #meny ul li a, #profile h4, #content input.formbutton { color: rgba(87, 79, 64, 1); }

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

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

h1 a { font-size: 26px; }

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

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