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

body {
	font-size: 16px;
	font-family: "Droid Serif", sans-serif;
	background-color: rgba(255, 255, 255, 1);
    -webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Codystar", sans-serif;
}

header h2, .response-by {
	font-family: "Georgia", Georgia;
}

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

header h1 { font-size: 52px; }

#headerimg {
	background-image: url(https://cdn3.cdnme.se/4462824/8-3/collage2_54ff2a2ee087c31b95deb4eb.jpg);
	background-repeat: no-repeat; 
}

img {
  max-width: 600px;
}
a {
	color: rgba(61, 227, 216, 1); 
}

a:hover {
	color: rgba(61, 227, 216, 1); 
}

header h2, p.meta, .taglist, header h2, #comment dl dd em, .social svg, #profile svg  {
	color: #999;
	fill: #999;
}

#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(61, 227, 216, 1);
}


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

#content, #comment fieldset {
	border-right:1px solid rgba(61, 227, 216, 1);
}

.response, .response-by {
	border-left: 1px solid rgba(61, 227, 216, 1);
}


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

#search_btn {
	background: rgba(61, 227, 216, 1);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(61, 227, 216, 1)), to(rgba(212, 221, 230, 1)));
	background: -moz-linear-gradient(top,rgba(61, 227, 216, 1),rgba(212, 221, 230, 1));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(61, 227, 216, 1)',endColorstr='rgba(212, 221, 230, 1)');
}

#search_btn:hover {
	background: rgba(252, 252, 252, 1);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(252, 252, 252, 1)), to(rgba(61, 227, 216, 1)));
	background: -moz-linear-gradient(top,rgba(252, 252, 252, 1),rgba(61, 227, 216, 1));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(252, 252, 252, 1)',endColorstr='rgba(61, 227, 216, 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: rgba(61, 227, 216, 1) !important; 
}
.like-container .likebtn.clicked .likebtn__btn { 
  color: rgba(61, 227, 216, 1) !important; 
  background: white !important;
}