/*
You are allowed to do whatever you want with this layout. Though I would be pleased if you placed a link on your site to csseasy.com or to profit42.com (best "blog about hacking" ever). Donations are also welcome: paypal@profit42.com (or follow the donation button on csseasy.com)
*/
html {
	overflow-y: scroll;
}


/* ----- HEADER -----

#header {
width:750px;
height:150px;
background-color:#ffffff;
border: 2px solid #dcdcdc;
}
*/

/* ----- BODY ----- */
html, body {
	/*width:750px;
	margin:0 auto;
	margin-top:30px;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-family: Helvetica, Verdana, Arial, Sans-serif;
	font-size: 12px;
	color: #5e5e5e;
	background: #545454;
	text-align: left;
	padding-bottom: 25px;*/
  	margin: 0;
	padding: 0;
	border: 0;
	background-color: #323232;
	color: #FFFFFF;
	height: 100vh;
}


/* ----- WRAPPER ----- */
#wrapper {
	float: left;
	text-align: center;
	padding: 0px;
	margin: 0px;
	width: 100%;
	min-height: 100%;
	height: 100%; /* for IE5.x and IE6 */
	/*height: 100vh;  http://stackoverflow.com/questions/1575141/make-div-100-height-of-browser-window */
	background-color: #FFFFFF;
	height: 100%;
}

/* ----- CONTENT BORDER ----- */

#content_border {
	margin: 0 auto;
	width: 369px;
	height: 100%;
	background: #00eeba;
}

/* ----- CONTENT ----- */
#content {
	float: left;
	font-family: Helvetica, Arial, Verdana, Sans-serif;
	font-size: 1.1em;
	line-height: 1.4em;
	font-weight: bold;
	text-align: left;
	width: 370px;
	background-color: #FFFFFF;
	/*margin: 0 auto;
	border-top: 20px solid #70DBDB;
	border-bottom: 20px solid #70DBDB;*/
	display: table;  /* for IE8+ http://stackoverflow.com/questions/114543/horizontally-center-a-div-in-a-div */
	height: 95%;
	margin-top: 15px;
	color: #323232;
}

#content a {
	color: #ffffff;
	text-decoration: none;
}
#content h1 {
	padding-left: 0px;
	padding-bottom: 10px;
	color: #323232;
	font-size: 14pt
}
#content p {
	padding-left: 0px;
	padding-bottom: 10px;
	color: #323232;
	font-size: 12pt
}

#content ul {
	list-style-type: none;
	padding-left: 0 ;
	margin: 0 ;
	padding-bottom: 10px;
	line-height: 2.4;
}

#content li {
	padding-left: 10px;
	background: #666;
	border-bottom: 3px solid #FFFFFF;
	color: #999;
}

#content li:hover {
	padding-left: 10px;
	background: #999;
	border-bottom: 3px solid #FFFFFF;
}