/* Theme Cotton from Blogg.se */
@import url("https://static.blogg.se/themes/cotton/css/stylesheet.css");


/* headerbilden kan du ändra här under: */

#headerimg {
	background: url("https://cdn2.cdnme.se/3006294/6-3/ba_511faefee087c33abc1de4bd.jpg") repeat-x top left;
	width: 1006px;
	height: 240px;
}




html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,ul,li,img,table,caption,tr,th,td,tt,span,fieldset,legend, form { margin: 0; padding: 0; border: 0; }
input, select, textarea { margin: 0; padding: 0; }

/*PROFILBILD
************************************/
/* Ändra länken inom parenteser här nedan för att ändra profilbild. Bilden ska vara 300x200px. */

.profile-img {
 	background: url(http://placehold.it/300x200);
}

/* Hela sidan */
body {
	font-size: 16px;
	font-family: 'Source Sans Pro', Arial, Sans-serif;
	font-weight: 300;
	
/* Bakgrundsbilden */
	background: #d0c9bc url() no-repeat;
background-repeat: none;

background-attachment: fixed;
}
	width: 100%;
}

/* Länkar */
a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #c81515;
}

/* Rubriker */
h1,h2,h3,h4,h5,h6,.default {
	font-family: 'Source Sans Pro', Georgia, 'Times New Roman', serif;
	color: #3C3C3C;
	font-weight: 300;
	text-transform: uppercase;
}

/* Meny */
#menu {
	background: #fff;
	width: 1006px;
	color: #000;

}





/* Header, content och side */
#wrapper {
	margin: 0 auto;
	width: 1010px;
	position: relative;
}

/* Header */
#header {
	padding: 8px ;
	width: 920px;
	margin-left: 60px;


}

/* Bloggnamn i header */
#header h1 {
	font-size: 0px;
	font-weight: normal;
	margin: 15px 0 0 0;
	text-shadow: 1px 1px 1px #ffffff;
	font-family: 'Abril Fatface';
 	display: inline;
	margin-right: 20px;
display:none;
}

#header h1 a {
	text-decoration: none;
	cursor: pointer;
}


/* Headerbild */
#headerimage {
	width: 920px;
	height: 400px;
	overflow: hidden;
	margin-left: 60px;
	border-radius: 0px;
	margin-bottom: 0px;
	
}

#header-image a {
	display: block;
	width: 100%;
	height: 100%;
}

/* Inläggsdel */
#content {
	float: left;
	width: 798px;
	
	margin-bottom: 40px;

}

/* Inlägg */

.entrybody {
	margin-bottom: 0px;
	position: relative;
	background: #fff;
	padding: 20px;
	font-family: arial;
font-size: 14px;
}
p {line-height: 1px;

}

/* Inläggsrubriker */
.entryhead {
	margin-bottom: 20px;
	font-size: 30px;
 
 
}
a:link { text-decoration: none; color: #000} 
a:visited { text-decoration: none; color: #000}
a:hover { text-decoration: none; color: red} 

.entrytime {
background-color: #fff;
 color: #403f3c;
}

.entrywrapper {
background-color: #fff;
border: none;
border-radius: 30px 0px;
	-webkit-box-shadow: 0px 5px 10px -3px rgba(80, 80, 80, 0.1);
	box-shadow: 0px 5px 10px -3px rgba(80, 80, 80, 0.1);
	min-height: 160px;
-webkit-box-shadow: 0px 0px 8px #888; 
-moz-box-shadow:0px 0px 8px #888; 
box-shadow: 0px 0px 8px #888;
}





a.comment-count {
	display: block;
	width: 100%;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAUCAYAAABmvqYOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADUSURBVDiN7dSxSgNBEAbg767TRnsfxFaF2AYfQK4Qn8XCdxHFSgj4GGIRSGdpVNTO3yYnhxqVy23nwBbLzn4My85IYrGOkpwnmadfPCzuN63Zwqc9wWVx0uLNwHAbTY2xMjGuktxjswA+r5KkAAzqUvA//iM+LWRPa0wK4ZMqyTausTYg/ILddraMkrwO1PbPSfaSqDo9tIV97GDjD9WNsN7ZX+IMV7jDx1Tss2adai+SVJ9zhviKtzjElzGyKv6EAzx+d7gK/oYGN0szVnjz499y3gEGUQ4VTjhWfgAAAABJRU5ErkJggg==) no-repeat;
	padding-top: 35px;
	color: white;
	background-position: center 10px;
}

/* Innehåll i inlägg */
.entrybody {
	
}
.entrybody p, .entrybody div {
	margin: 10px 0;
}

.entrybody img, .entrybody .image, .entrybody iframe {
	display: block;
	
	max-width: 600px;
}




/* Inläggskategorier och taggar */
.entrymeta {
	font-weight: 300;
	text-transform: uppercase;
	margin-top: 20px;
	font-size: 20px;
	color: #666;
}

/* Delningsalternativ (Facebook osv.) */
.addthis_toolbox.addthis_default_style.share {
	padding: 20px;
	width: 100%;
	margin: 20px 0 -20px -20px;
	background: #2E2E2E;
	border-radius: 0 0 3px 3px;
	color: white;
	display: block;
}

.addthis_toolbox.addthis_default_style.share h4.default {
	color: white;
	font-size: 20px;
}

.addthis_toolbox.addthis_default_style.share span {
	margin-right: 5px;
}

.addthis_toolbox.addthis_default_style.share a:hover {
	color: #FFF;
}

.share a {
	margin-right: 20px;
}


/* Kommentarer */

h3.default {
	font-size: 24px;
	text-shadow: 1px 1px 1px #FFF;
}

.comment {
	background: #fff;
	padding: 20px;
	margin-bottom: 20px;
	-webkit-box-shadow: 0px 5px 10px -3px rgba(80, 80, 80, 0.1);
	box-shadow: 0px 5px 10px -3px rgba(80, 80, 80, 0.1);
	border-radius: 3px;
}

/* Kommentarsförfattare */
.commentheader {
	font-size: 22px;
	margin-top: -5px;
}

/* Profilbilder */
.comment img {
	float: left;
	width: 50px;
	margin-right: 10px;
}

.comment-right {
	float: left;
	width: 500px;
}

/* Kommentarstext */
.commenttext.img {
	float: left;
	width: 100%;
}

.commenttext {
	margin: 10px 0;
}

/* Kommentarsdatum och tid */
div.commentmeta {
	color: #666;
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: 300;
}

/* Svar */
.response {
	color: #666;
	font-weight: 300;
	margin-top: 10px;
}

.response-from {
	font-weight: 400;
}

.response-by {
display: none;
}

/* Kommentarsformulär */
form.commentform {
	padding: 20px;
	background: #fff;
	border-radius: 3px;
	-webkit-box-shadow: 0px 5px 10px -3px rgba(80, 80, 80, 0.1);
	box-shadow: 0px 5px 10px -3px rgba(80, 80, 80, 0.1);
}


form.commentform input, form.commentform textarea {
	margin: 5px 5px 10px 0;
	vertical-align: middle;
	border-radius: 4px;
	border: 1px solid #BBB;
	padding: 5px;
	height: 27px;
	font-family: Helvetica, Arial, sans-serif;
}

form.commentform textarea[name="content"] {
	height: 150px;
	font-family: Arial;
	width: 400px;
}

input.formbutton[name="submit"] {
	margin-top: 10px;
	cursor: pointer;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0)); 
	background: -webkit-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); 
	background: -o-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); 
	background: -ms-linear-gradient(top, #ffffff 0%,#e0e0e0 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#e0e0e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); 
	-webkit-box-shadow:0px 3px 3px -3px rgba(0, 0, 0, 0.3);
	box-shadow:0px 3px 3px -3px rgba(0, 0, 0, 0.3);
	height: 30px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: bold;
	color: #404040;
}

input.formbutton:hover {
	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(top, #f2f2f2 0%, #d3d3d3 100%, #d1d1d1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#d3d3d3), color-stop(100%,#d1d1d1));
	background: -webkit-linear-gradient(top, #f2f2f2 0%,#d3d3d3 100%,#d1d1d1 100%); 
	background: -o-linear-gradient(top, #f2f2f2 0%,#d3d3d3 100%,#d1d1d1 100%);
	background: -ms-linear-gradient(top, #f2f2f2 0%,#d3d3d3 100%,#d1d1d1 100%); 
	background: linear-gradient(to bottom, #f2f2f2 0%,#d3d3d3 100%,#d1d1d1 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#d1d1d1',GradientType=0 ); 

}

input.formbutton:active, input.formbutton:focus {
	background: #d6d6d6;
	background: -moz-linear-gradient(top, #d6d6d6 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6d6d6), color-stop(100%,#ffffff)); 
	background: -webkit-linear-gradient(top, #d6d6d6 0%,#ffffff 100%);
	background: -o-linear-gradient(top, #d6d6d6 0%,#ffffff 100%); 
	background: -ms-linear-gradient(top, #d6d6d6 0%,#ffffff 100%); 
	background: linear-gradient(to bottom, #d6d6d6 0%,#ffffff 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#ffffff',GradientType=0 ); 
}


.default {
	margin: 0 0 15px 0;
}

/* Sidomeny */

#sidebar {
	width: 185px;
background-color: #fff;
	float: right;
	margin-bottom: 40px;
padding-top: 30px;
	position: relative;
	border-radius: 3px;
	line-height: 1.5em;
	border-radius: 0px 30px 30px 0px ;
	-webkit-box-shadow: 0px 5px 10px -3px rgba(80, 80, 80, 0.1);
	box-shadow: 0px 5px 10px -3px rgba(80, 80, 80, 0.1);
	min-height: 160px;
-webkit-box-shadow: 0px 0px 8px #888; 
-moz-box-shadow:0px 0px 8px #888; 
box-shadow: 0px 0px 8px #888;
}

#sidebar>div {
	padding: 10px;
	-webkit-box-shadow: 0px 5px 10px -3px rgba(80, 80, 80, 0.1);
	box-shadow: 0px 5px 10px -3px rgba(80, 80, 80, 0.1);
	margin-bottom: 20px;
	background: transparent;
}

/* Rubriker i sidomenyn */
#latestposts h3{
	margin-bottom: 10px;
	font-size: 16px;
}
#archive {
font-size: 16px;
}

/* Profil */
#profile {
 	position: relative;
}

/* Profilbild */
.profile-img {
	display: block;
	width: 300px;
	height: 200px;
 	border-radius: 0px 30px 0px 0px;
	margin: -20px 0 20px -20px;
-webkit-box-shadow: 0px 5px 10px -3px rgba(80, 80, 80, 0.1);
	box-shadow: 0px 5px 10px -3px rgba(80, 80, 80, 0.1);
	min-height: 160px;

}


.ie7 .profile-img {
	display: none;
}

/* Profilbeskrivning */
#profile p {
	margin-top: 10px;
}

/* Sök */

#sidebar input {
	margin-right: 5px;
}

/*SÖK*/
#sidebar input[type="text"] {
	margin-right: 5px;
	border: 1px solid #CCC;
	height: 25px;
	width: 165px;
	padding: 5px;
	border-radius: 3px;
}

#sidebar input#search_btn {
	background: #3f3f3f; 
	background: -moz-linear-gradient(top, #3f3f3f 0%, #2b2b2b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f3f3f), color-stop(100%,#2b2b2b)); 
	background: -webkit-linear-gradient(top, #3f3f3f 0%,#2b2b2b 100%); 
	background: -o-linear-gradient(top, #3f3f3f 0%,#2b2b2b 100%); 
	background: -ms-linear-gradient(top, #3f3f3f 0%,#2b2b2b 100%); 
	background: linear-gradient(to bottom, #3f3f3f 0%,#2b2b2b 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#2b2b2b',GradientType=0 );
	border: none;
	color: #FFF;
	height: 37px;
	width: 50px;
	border-radius: 3px;
	cursor: pointer;
}

#sidebar input#search_btn:hover {
	background: #2d2d2d; 
	background: -moz-linear-gradient(top, #2d2d2d 0%, #1e1e1e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d2d2d), color-stop(100%,#1e1e1e));
	background: -webkit-linear-gradient(top, #2d2d2d 0%,#1e1e1e 100%); 
	background: -o-linear-gradient(top, #2d2d2d 0%,#1e1e1e 100%);
	background: -ms-linear-gradient(top, #2d2d2d 0%,#1e1e1e 100%);
	background: linear-gradient(to bottom, #2d2d2d 0%,#1e1e1e 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#1e1e1e',GradientType=0 );
}

#sidebar input#search_btn:active, #side input#search_btn:focus {
	background: #2b2b2b;
	background: -moz-linear-gradient(top, #2b2b2b 0%, #3f3f3f 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b2b2b), color-stop(100%,#3f3f3f)); 
	background: -webkit-linear-gradient(top, #2b2b2b 0%,#3f3f3f 100%);
	background: -o-linear-gradient(top, #2b2b2b 0%,#3f3f3f 100%);
	background: -ms-linear-gradient(top, #2b2b2b 0%,#3f3f3f 100%);
	background: linear-gradient(to bottom, #2b2b2b 0%,#3f3f3f 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#3f3f3f',GradientType=0 );
}

/*Bilder, tumnaglar och videor*/
.thumbnail {
	margin: 0 6px 6px 0;
}

.video {
	padding: 5px;
}

.xmlButton {
	border: 1px solid;
	border-color: #FC9 #630 #330 #F96;
	padding: 0 3px;
	font: bold 10px Verdana, Arial, Helvetica, Sans-serif;
	color: #FFF;
	background: #F60;
	text-decoration: none;
	margin:0;
}

/*Clearfix - ändra ej*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*responsiv*/
@media only screen and (max-width: 320px) {
	/* Mobile styles go here */
body {
	font:18px/45px Arial, Helvetica, sans-serif;
text-align: center;
}


.entrywrapper {
max-width: 260px;

position: center;


}
#sidebar {
display: none;
}
#headerimg {
display: none;
}
#menu {
	max-width: 320px;
	}
div.commentmeta {
	display: none;
}
.entrybody img {
	display: block;
	width: 200px;
text-align: center;
}
.entrytime {
display:none;
}
#wrapper {
max-width: 320px;
}
/* Kommentarsformulär */
form.commentform {
	padding: 20px;
	background: #FFF;
	border-radius: 3px;
	-webkit-box-shadow: 0px 5px 10px -3px rgba(80, 80, 80, 0.1);
	box-shadow: 0px 5px 10px -3px rgba(80, 80, 80, 0.1);
max-width: 260px;
}

.comment {
	background: #fff;
	padding: 20px;
	margin-bottom: 20px;
	-webkit-box-shadow: 0px 5px 10px -3px rgba(80, 80, 80, 0.1);
	box-shadow: 0px 5px 10px -3px rgba(80, 80, 80, 0.1);
	border-radius: 3px;
max-width: 260px;
}

}

@media  only screen and (max-width: 480px) {
	/* Mobile styles go here */
body {
	font:38px/45px Arial, Helvetica, sans-serif;
}

.entrywrapper {
width: 390px;


}
#sidebar {
display: none;
}
#headerimg {
display: none;
}
#menu {
	width: 480px;
	}
div.commentmeta {
	display: none;
}
.entrybody img, .entrybody .image, .entrybody iframe {
	display: block;
	max-width: 300px;
}
.entrytime {
display:none;
}
#wrapper {
width: 465px;
}
.entryhead{
	margin-bottom: 20px;
 
}
 
  @media screen and (max-width: 600px) {
	
	* {
		-webkit-text-size-adjust: none;
	}
	
	body {
		font-size: 15px;
	}
	
	.btn {
		padding: 10px;
		font-size: 15px;
	}
	
	input[type="text"] {
		padding: 10px;
		font-size: 15px;
	}
	
	#header {
		padding-top: 30px;
	}
	
	h1 {
		font-size: 30px;
	}
	
	.subheader {
		font-size: 18px;
	}

	img {
		max-width: 100%;
		height: auto;
	}
	
	#wrapper {
		width: 100%;
		overflow: hidden;
	}
	
	#menu {
		text-align: center;
		border-left: none;
		border-right: none;
	}
	
	#menu ul li a{
		padding: 0 10px;
	}
	
	#menuwrap {
		float: none;
		width: auto;
		padding-left: 0;
	}
	
	#menu form {
		display: none;
	}
	
	#headerimg {
		margin-bottom: -30px;
	}
	
	#content {
		float: none;
		margin: 10px;
	}
	
	.entry {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.entryinfo {
		width: 40px;
		border: 1px solid #d3d3d3;
		z-index: 30;
		margin-left: 10px;
		margin-right: 20px;
		margin-top: -2px;
		position: relative;
		float: right;
	}
	
		.entrytime {
			width: 100%;
			border-bottom: none;
			margin-top: 0;
			border: none;
		}
		
		.entrytime p {
			margin: 7px 0;
			font-size: 16px;
		}
	
	.entrywrapper {
		display: block;
		width: auto;
		float: none;
		padding: 0 20px;
	}
	
	.entryhead {
		padding: 10px 0;
		text-align: left;
	}
	
		.entryhead {
			width: auto;
			float: none;
			display: block;
			margin: 8px 0;
			line-height: 1.2em;
		}
		
		.entryhead h3 {
			float: none;
		}
		
		.entryhead .commentcount {
			width: auto;
			float: none;
			font-size: 16px;
			text-align: left;
			color: #929292;
		}
		
		.entryhead .commentcount span {
			display: inline;
			font-size: auto;
			padding-left: 4px;
		}
		
	.entrybody {
		padding: 20px 0;
		font-size: 15px;
		line-height: 1.5em;
	}
	
		.entrybody img {
			margin: 0;
			max-width: 100%;
		}
		
	.entryfooter {
		padding: 10px 0;
		text-align: center;
	}	
	
	.entryfooter .categories {
		width: auto;
		float: none;
		margin-top: 0;
		margin-bottom: 10px;
	}
	
		.entryfooter a.btn {
			float: none;
		}
	
	.taglist {
		margin-bottom: 10px;
	}
	
	#comment-section {
		float: none;
		display: block;
		width: auto;
		margin-left: 0;
	}
	
	#add-comment input[type="text"],
	#add-comment textarea {
		width: 100%;
	}
	
	#sidebar {
		display:none;
	}
	

}
  
}

  
}