* {
		margin:0;
		padding:0;
		}

	html, body {
		height:100%;
		width:100%;
		font-family:"News Gothic MT", "Century Gothic", "Helvetica Neue", Helvetica, Verdana, san-serif;
		color:#414142;
		}

	body {
		text-align:center; /* horizontal centering for IE Win quirks */
		color:#414142;
		}

	#distance { 
		width:1px;
		height:50%;
		margin-bottom:-331px; /* half of container's height */
		float:left;
		}

	#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:662px;
		width:100%;
		clear:left;
		background:url(images/graybar.gif) 0px 42px repeat-x;
		padding-top:0px;
		}


.logo {
	position:absolute;
	left:20px;
	}
a {
	color:#414142;
	text-decoration:none;
	}
a img {
	border:none;
	}

#navigation {
	font-size:22px;
	position:absolute;
	bottom:27px;
	right:20px;
	width:auto;
	color:#414142;
	text-align:right;
	}
.on {
color:#BF1E2D;
}

	
#subnav {
	font-size:12px;
	position:absolute;
	top:30px;
	left:0px;
	width:auto;
	color:#414142;
	text-align:right;
	}
	
#subsubnav {
	font-size:12px;
	position:absolute;
	top:45px;
	left:0px;
	width:100%;
	color:#414142;
	text-align:left;
	
	padding-top:2px;
	padding-bottom:2px;

	
	border-top: 2px solid #9F9F9F;
/*	border-style: none/hidden/dotted/dashed/solid/double/groove/ridge/inset/outset; */
	margin:2px 0 0 0px;
	}
#subsubnav a{
color:#669966;
}

#subsubnav a.on{
color:#BF1E2D;
}
	
#header {
	position:absolute;
	height:70px;
	width:100%;
	}
#pictures {
	position:relative;
	top:85px;
	width:auto;
	overflow:auto;
	height:521px;
	margin-left:20px;
	margin-right:20px;
	}



#paint_grid table, #princess_grid table{
	margin:0;
	padding:0;
	border: 3px hidden #fff;
	background-color: none;
}

#paint_grid table tr td{
	margin:0;
	padding:0 !important;
}

}
#princess_grid table img, #paint_grid table img{
	padding:0 2px 2px 0;
}

#princess_grid table tr td{
	margin:0;
	padding:5px 10px 0 0 !important;
}

#pictures table tr td {
	text-align:center;
	font-size:12px;
	padding-right:20px;
	}

#pictures table tr td div {
	display:table-cell;
	height:438px;
	vertical-align:middle;
	}
	
#pictures #resume table tr td {
	text-align:left;
	}
	
.picture {
	width:auto;
	margin-left:20px;
	text-align:center;
	float:left;
	}
#picture_container {
	}
#footer {
		background:url(images/graybar.gif) 0px 0px repeat-x;
		width:100%;
		position:relative;
		top:86px;
		height:10px;
		}
#footer_left {
		position:relative;
		top:20px;
		left:20px;
		float:left;
		font-size:16px;
		}
#footer_right {
		position:relative;
		top:20px;
		right:20px;
		float:right;
		font-size:16px;
		}
.info {
	font-size:10px;
	}
	
#projects table tr td {
	text-align:left;
	vertical-align:top;
	padding-bottom:10px;
	}
#news{
	position:relative;
	top:80px;
	width:auto;
	height:511px;
	overflow:auto;
	margin-left:20px;
	margin-right:20px;
	}

#main {
	float:left;
	width:70%;
	height:510px;
	overflow:auto;
	}
#sidebar {
	float:right;
	width:27%;
	height:510px;
	overflow:auto;
	}
	
h2 {
	font-size:16px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	}
#main, #sidebar  {
	font-size:13px
	}
.date-header {
	font-size:10px;
	font-weight:normal;
	}
#intro {
	text-align:left !important;
	width:600px;
}