/*
	basic.css standard settings
	Copyright code Iko Rein 2013, rights@ikorein.com - All rights reserved. 
	*/

* { 
	margin: 0; padding: 0; 
	/*	border-style: 1px solid #000;*/
}

/* To make older browsers behave nicely */
article, aside, figure, footer, header, hgroup,
menu, nav, section { display: block; }

html {
	height:auto;
	padding-top: 10%;
	margin-bottom: 1px;
	
	background: #f3f3f3; /* for old browsers */
	background: linear-gradient(to right, #bbbbbb,#f3f3f3 3%, #f3f3f3 97%, #bbbbbb); /* W3C */	
	background: -moz-linear-gradient(to right, #bbbbbb,#f3f3f3 3%, #f3f3f3 97%, #bbbbbb);/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#bbbbbb), color-stop(5%, #f3f3f3), color-stop(95%,#f3f3f3), color-stop(100%, #bbbbbb));  /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(to right, #bbbbbb,#f3f3f3 3%, #f3f3f3 97%, #bbbbbb); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(to right, #bbbbbb,#f3f3f3 3%, #f3f3f3 97%, #bbbbbb);/* Opera 11.10+ */
	background: -ms-linear-gradient(to right, #bbbbbb,#f3f3f3 3%, #f3f3f3 97%, #bbbbbb);/* IE10+ */	

	/* IE6-9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#bbbbbb',GradientType=1 ); 
	
}
body {	 
	background-color: #fff;
	border: 1px solid #a3a3a3;
	margin-left:10em;
	margin-right: 10em;
	padding: 0px;
	margin-bottom: 60rem;
	font-family:"Arial", Gadget, sans-serif;
	color: #17375e;	
}

header {
	text-align: left;
	margin-left: 2em;
	padding-bottom: .1em;	
	/* background-color: #fff; */
}
header h1 {
	font-size: 2.8rem;
	font-family: arial, verdana;
	margin: 0; padding: 0; 
	padding-bottom: 0.5rem;
	padding-top: 0.5rem;
}
header img {

	border-style: solid;
	border-width: 1px;
	border-color: #000;
	
	/* margin: 10px 10px 1% 5%; */
	margin-top:5px;
	margin-right: 5px;
	/*margin-bottom: 1%;*/		 
	/*margin-left: 5%;*/
	float: right;
}

article {	

	margin-left: 0px;
	/*padding-top: 0.2rem;*/
	/*padding-right: 1rem;*/
	/* padding-bottom: 0.8rem;*/
	/*padding-left: 1rem;*/
}

article {


		/* Old browsers */
	background: #e4e4e8; 
	/* W3C */	
	background: linear-gradient(left, #b3bead, #e4e4e8);
	
	/* FF3.6+ */
	background: -moz-linear-gradient(left, #b3bead, #e4e4e8); 
	/* Chrome,Safari4+ */
	background: -webkit-gradient(linear, left top, right top, from(#b3bead), to(#e4e4e8)); 
	/* Chrome10+,Safari5.1+ */
	background: -webkit-linear-gradient(left, #b3bead, #e4e4e8);
	/* Opera 11.10+ */
	background: -o-linear-gradient(left,#b3bead,#e4e4e8);
	/* IE10+ */
	background: -ms-linear-gradient(left, #b3bead,#e4e4e8); 	

	/* IE6-9 */ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3bead', endColorstr='#e4e4e8',GradientType=1 );
	
	/*	margin: 0px 1em 0px 1em;
	padding: 0.2rem 1rem 0.8rem 1rem;*/
			/* font-size: 6em; */
	/* padding: 0; */
	/* margin: 0; */
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: .5em;
	padding-top: .5em;

}

article h2 {
	padding-top: 0.4em;
	padding-bottom: 0.2em;
}

article h3 {
	padding-top: 0.3em;
}

article p {
	font-size: 1em;
}

article ul {
	padding-left: 1em;
	
}

article p img {
	margin-top: 10px;
	width: 100%;
	max-width: 100%;
}

footer {
	clear:both;
	font-size: .6rem;
	text-align: right;
	padding-right: 11px;
}
