/* johnmemorial.com main stylesheet */

/* Framework */

body {
		margin:0;
		padding:0;
		font-size:100%;
		height:100%;
		background-color: #fefefe;
		color:#000;
	}

	img {
		border:none;
	}
	
	#container {
		width: 950px;
		padding: 0 0 0 0;
		margin: 0 auto 0 auto;
		background-color: #ffffff;

	}
	
	#content {
		width:750px;
		margin: 0 auto 0 auto;
		padding:15px;
		background-color: transparent;
		float:right;
		border-left:1px solid #DDDDDD;
		min-height:300px;
	}

	#header {
		padding:0px 0px 0px 0px;
		margin: 0 auto 0 auto; 
		width:950px; 
		height:auto;
		border-bottom:1px solid #DDDDDD;
	}
	
	#footer {
		width:950px;
		border-top:1px solid #DDDDDD;
		background-color: transparent;
		margin: 0 auto 0 auto;
		color:;
		clear:both;
		height:auto;
		padding:5px 0 10px 0;
	}
	
	#side {
		width:149px;
		padding:15px 10px 10px 10px;
		margin:0px;
		float:left;
		background-color:transparent;
	}

	#john {float:left; padding-right:15px;}
	#pictures {width:100%;}
	#pictures td {padding:10px; width:25%; text-align:center;}

/* Text & Links*/

	body {color: #373737;
	font-family: Helvetica, Arial, sans-serif;
	font-size:62.5%;}
	h1 { font-size:2.6em; font-weight:bold; color:#373737; padding-left:185px;}
	#content {font-size: 1.4em; line-height: 1.4em; font-weight: 350;}
	#side {font-size: 1.4em; line-height: 1.4em; font-weight: 350;}

	a, a:visited  { color: #3366BB; text-decoration:underline;}
	a:hover, a:active  { color: #114466; text-decoration:underline;}
	
	#side a, #side a:visited  { color: #3366BB; text-decoration:none;}
	#side a:hover, #side a:active  { color: #114466;}