/* with thanks to zeldman.com, for pointing the way to the css contained herein */
	/* like this: Fix a silly bug in Mozilla; thanks, Carey Evans */

html { 
	min-width: 802px;
	 }

	/* Helpers and base rules */
img	{
	border: 0;
	}

p.access	{
	/* for shipnav link */
	display: none;
	}

body {
	/* centers wrapper div */
	text-align: center;
	margin: 5px 0 0 0;
	padding: 0;
	border: 0;
	background-color: #222222;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	/* this is where you could assign a center-column background */
	/* background: #333 url(/a/bg.gif) top center repeat-y; */
}

/* default link styles */
a:link { color: #CCCCCC; text-decoration: underline; }
a:visited { color: #999999; text-decoration: underline; }
a:hover { color: #ffffff; text-decoration: underline; }

/* default header styles - to be redone in a more zeldman-like manner at a later date */
h1 h2 h3 h4 h5 h6 { 
	font-family: Helvetica Arial sans-serif; 
	font-weight: bold; 
	color: #666666; 
	margin: 100px 0 100px 0; 
	border: 1px solid #666;
	}
h1 { font-size: 120%; }
h2 { font-size: 120%; }
h3 { font-size: 100%; }
h4 { font-size: 100%; }

.caption { font-size: 10px; color: #bbbbbb;}

/* wrapper div contains no content, but holds content holding divs */

div#wrapper {
	width: 800px;
	padding: 0;
	/* if you don't have auto-margins for the sides, it will spaz in some browsers */
	margin: 0 auto;
	text-align: left;
	border: #cccccc 1px solid;
	background-color: #333333;
}

div#logo{
	float: left;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 45px;
}

div#mainnav {
	float: right;
	width: 350px;
	padding-top: 10px;
	margin-right: 15px;
}

/* the black, sub-nav, bar beneath the header-nav bar */
div#darkbar {
	float: left;
	text-align: left;
	width: 800px;
	height: 20px;
	background-color: black;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	color: #999999;
}

div#darkbarLeft {
	float: left;
	width: 249px;
	text-align: left;
	padding-left: 50px;
}

div#darkbarRight {
	height: 20px;
	width: 450px;
	float: left;
	text-align: right;
	font-size: 10px; 
	padding: 4px 0 0 0;
	letter-spacing: 1px;
}

div#darkbar h2 {
	margin: 4px 0 0 0;
	padding: 0;
	font-size: 10px;
	letter-spacing: 1px;
	color: #FFFFFF;
}

div#darkbarRight a { margin: 0 25px 0 0; }

div#darkbarRight a:link { text-decoration: none; color: #dddddd; }
div#darkbarRight a:visited { text-decoration: none; color: #dddddd; }
div#darkbarRight a:hover {	text-decoration: none; color: #ffffff; }
/* END  dark bar styles */

div#leftNav a { font-size: 10px; }
div#leftNav a:link { text-decoration: none; color: #999999; }
div#leftNav a:visited { text-decoration: none; color: #999999; }
div#leftNav a:hover {	text-decoration: none; color: #ffffff; }

div#picture {
	margin: 0;
	clear: both;
	background: transparent;
}

div#content {
	margin: 0;
	clear: both;
	background: transparent;
}

div#leftProjects {
	width: 400px;
	border-right: 1px solid #666;
	float: left;
	text-align: left;
}

div#leftProjects p {
	padding: auto 25px;
	}

div#rightProjects {
	margin-left: 400px;
	text-align: left;
	padding: 25px;
}

div#left {
	width: 250px;
	padding-top: 30px;
	padding-left: 50px;
	float: left;
	text-align: left;
	clear: both;
}

div#left a {
	color: #CCCCCC;
	text-decoration: none;
	border: none;
}

div#right {
	margin-left: 300px;
	width: 450px;
	text-align: left;
	padding-right: 30px;
	padding-top: 30px;
}

div#resume { 
	clear: both;
	margin: 0px 30px 30px 100px;
	padding-top: 30px;
}

/* this leaves 500 pixels for the right column */
div#leftText {
	width: 248px;
	padding: 30px 25px 0 25px;
	margin: 0;
	border-right: 1px solid #666;
	float: left;
}

div#leftText a {
	color: #CCCCCC;
	text-decoration: none;
	border: none;
}

div#rightText {
	margin-left: 300px; 
	width: 450px;
	padding: 30px 25px 0 25px;
}

div#captionArea {
	border-top: 1px solid #ccc; 
	padding: 10px 50px;
}

div#captionLeft {
	float: left; width: 415px;
}

div#captionRight {
	clear: none; margin-left: 425px; 
}

/* to be re-done (with the h1/h2 methods) when time allows */
div.navboxes {
	float: right;
	padding-right: 40px;
	padding-bottom: 10px;

}

div.navboxesr {
	float: right;
	padding-right: 30px;
	padding-bottom: 10px;

}

/* in this site, the footer lies outside of the wrapper */
div#footer {
	text-align: center;
	margin-top: 10px;
	color: #999999;
	font-size: 10px;
	width: 100%;
}