/* Some elements are usually always relative */
body,
figure,
article{position:relative}

body > *{
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

/* in case of default wordpress */
img.alignleft{float:left; margin-right:2%;}
img.alignright{float:right; margin-left:2%;}
img.aligncenter{margin-left:auto; margin-right:auto; display:block;}
img.alignnone{display:inline;float:none;}

/* responsive images floating. Assume figure>img structure */
.alignleft>img,
.alignright>img,
.aligncenter>img,
.alignnone>img{
	float:none!important;
	margin-right:0!important;
	margin-left:0!important;
	display:block!important;
}

/* Allow the second half-width to float next to the floating floater */
	body .alignleft + .alignleft,
	body .alignleft + .alignright,
	body .alignright + .alignleft,
	body .alignright + .alignright{
		margin-left:0; /* first floater has margin. */
		margin-right:0; /* first floater has margin. */
	}

img{
	max-width:100%;
	height:auto!important;
	position:relative;
	z-index:9002;
}
.wp-more-tag{
	height:16px!important; /* Oops.. */
}
.wp-caption-dd{
	position:absolute;
	bottom:0; left:0; right:0;
	padding:0 10px;
	background:rgba(0,0,0,0.8);
	color:#fff;
}
.too-tiny-for-captions .wp-caption-dd{display:none;}

/* ######################################
#########################################
#########################################
#########################################
#########################################
#########################################
#########################################	PASTE YOUR CSS BELOW HERE	###################################### */




/* ######################################
##### Common bottom space, defaults
######################################### */
	body.wp-autoresize{padding:0 20px!important; margin:0;}
	body > *{
		max-width:740px;
		padding:0;
		margin-bottom:20px;
	}
	body > img{padding-left:0;padding-right:0;}
	
	/* Image captions */
	.wp-caption-dd{
		padding:5px 10px;
		height: 24px;
		background:rgba(0,0,0,0.6);
		color:#fff;
	}



/* ######################################
##### BODY, Typography, more defaults
######################################### */

	body{
		font:16px/1.5 Georgia, serif;
		color:#222;
		background:#f8f8f8;
		overflow-y:scroll; /* Always show scrollbar, may be desireable to avoid width-jump on sudden scrollbar surprise attack from behind */
	}
	
	a{
		color:#CF0000;
		text-decoration:none;
		transition:color 0.2s, background 0.2s;
	}
	a:hover{
		color:#A33;
		text-decoration:underline;
	}
	
	/* Headings */
	h1, h2, h3,
	h4, h5, h6{
		font-family:arial, sans-serif;
	}
	h1, h1 a{
		font-size:32px;
	}
	h2, h2 a{
		font-size:26px;
	}
	h3, h3 a{
		font-size:22px;
	}
	h4, h4 a{
		font-size:18px;
	}
	h5, h5 a{
		font-size:16px;
	}
	h6, h6 a{
		font-size:16px;
	}


	/* Headings links */
	h1 a, h2 a, h3 a,
	h4 a, h5 a, h6 a{
		color:#CF0000;
		text-decoration:none;
	}
	h1 a:hover, h2 a:hover, h3 a:hover,
	h4 a:hover, h5 a:hover, h6 a:hover{
		text-decoration:none;
	}

	/* caption text on images */
	figcaption{
		padding:2px 15px;
		font-size:12px;
		font-style:italic;
		background:rgba(0, 0, 0, 0.7);
		color:#FFF;
		position:absolute;
		left:0;
		right:0;
		bottom:0;
	}

	/* Images carefully rounded */
	img{
		border-radius:3px;
		overflow:hidden;
	}

	/* INPUT VS BUTTONS. In some cases, textboxes should be equally as tall as buttons */
	input[type=text], input[type=password], input[type=email], input[type=search], input[type=tel],
	.btn, button, input[type="button"], input[type="reset"], input[type="submit"]{
		padding: 6px 12px;
		border: 1px solid #ccc;
		height: 28px;
	}

	/* INPUT STYLING - textboxes */
	input[type=text], input[type=password], input[type=email], input[type=search], input[type=tel]{
		color: #2b2b2b;
		background:#fff;
		font:normal normal 400 14px/1 arial, sans-serif;
		border-radius: 4px;
	}

/* ######################################
###### CONTENT RESPONSIVE IMAGES
######################################### */
	img{
		max-width:100%;
		margin-left:auto;
		margin-right:auto;
		float:none;
	}
	.alignnone{
		width:auto;
		display:inline-block;
		vertical-align:middle;
	}

	@media(min-width:480px){
	/* Floatinging responsively */
		.alignright,
		.alignleft{
			max-width:49%;
		}
		/* Float left */
		.alignleft{
			margin-right:2%;
			float:left;
		}
		/* Float right */
		.alignright{
			margin-left:2%;
			float:right;
		}
	}
	
	




/* ######################################	PASTE YOUR CSS ABOVE HERE	######################################
#########################################
#########################################
#########################################
#########################################
#########################################
######################################### */






/* ######################################
###### Simulate max width
######################################### */

	body, .mceTemp{
		text-align:center;
		max-width:1280px;
		padding:0;
	}
	body > *{
		text-align:left;
		position:relative;
		margin-left: auto;
		margin-right: auto;
	}
	body > *:first-child{padding-top:20px;}
	body > *:last-child{padding-bottom:20px;}
	.mceTemp{ /* This seems to work like a tinymce "figure" */
		max-width:100%;
	}
	.mceTemp > .wp-caption{
		display: inline-block;
		vertical-align: bottom;
		position:relative;
	}
	body > .mceTemp{
		padding-bottom:0;
		background:none
	}
	body > .mceTemp + .mceTemp{margin-top:20px;}
	body > .mceTemp + p{padding-top:20px;}
	.wp-caption{
		display:inline-block; /* for figcaption */
		z-index: 9001;
		max-width:100%;
	}
	
	.wp-caption.alignright,
	.wp-caption.alignleft{
		max-width:49%;
	}
	.wp-caption.alignright{
		margin-left:2%;
		float:right;
	}
	.wp-caption.alignleft{
		margin-right:2%;
		float:left;
	}
	
	.wp-caption-dt > img{display:block;}
	
	ul > li,
	ol > li{margin-left: 20px;}
	
	
	
	body > pre{
		overflow: auto;
		display: block;
		color:#000;
		padding:10px;
		border:1px solid #bbb;
		font:14px/1.6 lucida console, sans-serif;
		word-wrap: initial;
	}



/* Horisontal rule, clears them all! */
hr{
	clear:both!important;
	padding-top:20px;
	padding-bottom:0;
	border:none;
	border-bottom:2px solid #aaa;
	margin:0 auto 20px;
	max-width:720px;
}
.mce-content-body img[data-mce-selected], hr[data-mce-selected]{outline:none;}

/* Make a nice white background to type text into */
body{position:relative;padding: 0 20px;}
body:before{
	display:block;
	content:"";
	background:#fff;
	z-index:0;
	position:absolute;
	top:0;
	left:10px;
	width:calc(100% - 20px);
	bottom:0;
}
@media(min-width:780px){
	body:before{
		width:760px;
		left:calc(50% - 380px);
	}
}
body:after{
	content:"";display:table;clear:both;
}


	
	blockquote p{margin:0;}
	blockquote{
		border-top:1px solid #ccc;
		padding-top:20px;
		padding-bottom:20px;
		font-size:20px;
		font-style:italic;
		text-align:center;
		border-bottom:1px solid #ccc;
	}
	blockquote + *{padding-top:20px;}