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

@import url('https://fonts.googleapis.com/css?family=Droid+Serif:400,700');
@import url('https://fonts.googleapis.com/css?family=Droid+Serif:400,700');
@import url('https://fonts.googleapis.com/css?family=Covered+By+Your+Grace');

body {
	font-size: 12px;
	font-family: "Droid Serif", sans-serif;
	background-color: #FFF;
    -webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Covered By Your Grace", sans-serif;
}

header h2, .response-by {
	font-family: "Droid Serif", sans-serif;
}

#content h3 { font-size: 32px; }

header h1 { font-size: 48px; }

#headerimg {
	background-image: url(https://cdn1.cdnme.se/4407115/7-3/1957824_698420046864090_3960340466431482638_oko_538e044f2a6b22ab5b9d8558.jpg);
	background-repeat: no-repeat; 
}

img {
  max-width: 600px;
}
a {
	color: rgba(247, 163, 163, 1); 
}

a:hover {
	color: rgba(247, 163, 163, 1); 
}

header h2, p.meta, .taglist, header h2, #comment dl dd em, .social svg, #profile svg  {
	color: rgba(247, 163, 163, 1);
	fill: rgba(247, 163, 163, 1);
}

#side h4, body, header h1 a, .post h3 a, .formbutton, #search_btn {
	color: #000;
	fill: #000;
}

header, .post, #comment .commenttext {
	border-bottom:1px solid rgba(247, 163, 163, 1);
}


.post img.thumbnail, #criteria, #side h4, #comment input[type=text], #comment textarea {
	border: 1px solid rgba(247, 163, 163, 1);
}

#content, #comment fieldset {
	border-right:1px solid rgba(247, 163, 163, 1);
}

.response, .response-by {
	border-left: 1px solid rgba(247, 163, 163, 1);
}


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

#search_btn {
	background: rgba(255, 229, 229, 1);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 229, 229, 1)), to(rgba(255, 229, 229, 1)));
	background: -moz-linear-gradient(top,rgba(255, 229, 229, 1),rgba(255, 229, 229, 1));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 229, 229, 1)',endColorstr='rgba(255, 229, 229, 1)');
}

#search_btn:hover {
	background: rgba(255, 229, 229, 1);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 229, 229, 1)), to(rgba(255, 229, 229, 1)));
	background: -moz-linear-gradient(top,rgba(255, 229, 229, 1),rgba(255, 229, 229, 1));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 229, 229, 1)',endColorstr='rgba(255, 229, 229, 1)');
}

#social svg { border-radius: 50%; }

@media only screen and (max-width: 767px) {
  #headerimg { display: none; }
  #criteria { width: 200px !important; }
}

@media only screen and (min-width: 768px) and (max-width: 999px) {
	#headerimg { width: 100%; overflow: hidden; }
}

.like-container {
	  margin-left: 10px;
}
.like-container .likebtn .likebtn__btn { 
  background: 2BB82B !important; 
}
.like-container .likebtn.clicked .likebtn__btn { 
  color: 2BB82B !important; 
  background: white !important;
}