/*	Color Schemes:

Background: white - #fff
Text: med dk gray - #666;

Daisy:
	deep coral: #c03; (headers, unvisited links)
	deep chartreuse: #fc3; (logo, active/hover links)
	chinese turquoise: #00997f; (pm background, visited links)
	med khaki green: #996;
	lt khaki green: #cc9;
	pale yellow: #ffc;
	yellow-orange: #ffA500;
	med pink: #ef84ad;

*/


/*  General Rules:  */

html { 
	height: 100%;
	font-size: 100%;
}

body {
	height: 100%;
	background: #ccc url(./images/green_bg.gif);
	margin: 0; border: 0; padding: 0;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 1em;
}

h1, #nav dl dt { 
	font-size: 100%;
	font-weight: bold;
}

b, strong { font-weight: bold; }
i, em, span.article { font-style: italic; }
img { border: 0px; }
#copy, .small { font-size: 90%; }

.media { 
	font-style: italic; 
	font-weight: bold; 
}

#devNote { text-align: right; }
.lastBlock { margin-bottom: 2em; }

#page { 
	height: 100%;
	background: #fff;
	color: #666;
	width: 740px;
	margin: 0 auto;
	border-left: 3px solid #00997f;
	border-right: 3px solid #00997f;
	padding: 0 50px;
	font-size: 70%; 
	line-height: 140%;
	overflow: auto;
}

#header {
	height: 130px;
	margin: 0;
	border: 0;
	padding: 0;
}

#header h1, #header h1 a {
	background: transparent url(./images/h1_logo.gif);
        background-repeat: no-repeat; 
        background-position: top left;
	width: 29px; height: 130px;
}

#content {
	margin: 2em 0 0 0;
	border: 0;
	padding: 0;
}

#main {
	width: 473px;
	min-height: 430px;
	margin: 0;
	border: 0;
	padding: 0;
}

#main h1, #main h1 span {
	width: 473px; height: 14px;
}

#main h2, #main h3 {
	font-size: 100%;
	font-weight: bold;
	text-align: right;
}

#main h2 {
	background-color: #efefef;
	margin-left: 2em;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 2px 3px 2px 0;
}

#main p, #main dl {
	margin-left: 2em;
}

#main dl dd {
	margin-bottom: .6em;
}

#main dl dt a {
	font-weight: bold;
}

#main dl dd.lastItem { margin-bottom: 0; }

#main dl dd ul {
	margin-left: 0;
	padding-left: 0;
}

#nav {
	background-color: #fff;
	float: right;
	width: 215px;
	margin: 0; 
	border: 0;
	padding: 0;
	text-align: center;
}

#nav h1 {
	display: none;
}

#nav dl { 
	margin: 0;
}

#nav dl dt, #nav dl dt span {
	width: 215px; height: 14px;
}

#nav dl dd ul { 
	margin: 1em auto 1.5em -7px;
	padding: 0;
	list-style-type: none;
}

#nav dl dd ul li { 
	width: 130px;
	padding: 3px;
	text-align: right;
}

#nav dl dd ul li a { 
	text-decoration: none; 
	font-weight: bold;
}

#footer { 
	margin: 0;
	border: 0;
	padding: 2em 0 0 0;
}

	/* Image Replacement */

.replace { 
	position: relative; 
	margin: 0;
	border: 0;
	padding: 0;
	overflow: hidden;
} 

.replace span, .replace a { 
	display: block; 
	position: absolute; 
	top:0px; left:0px; 
	z-index:1; /* for Opera 5 and 6 */ 
} 


	/* Headers & H-Tags */

		/* Main Column */

#h1Freelance, #h1Freelance span {
	background: transparent url(./images/h1_freelance.gif);
        background-repeat: no-repeat; 
        background-position: top left;
}

#h1Technical, #h1Technical span {
	background: transparent url(./images/h1_technical.gif);
        background-repeat: no-repeat; 
        background-position: top left;
}

#h1Education, #h1Education span {
	background: transparent url(./images/h1_education.gif);
        background-repeat: no-repeat; 
        background-position: top left;
}

#h1DemosAndTutorials, #h1DemosAndTutorials span {
	background: transparent url(./images/h1_demos-tutorials.gif);
        background-repeat: no-repeat; 
        background-position: top left;
}

#h1Projects, #h1Projects span {
	background: transparent url(./images/h1_projects.gif);
        background-repeat: no-repeat; 
        background-position: top left;
}

#h1About, #h1About span {
	background: transparent url(./images/h1_about.gif);
        background-repeat: no-repeat; 
        background-position: top left;
}

#h1Resume, #h1Resume span {
	background: transparent url(./images/h1_resume.gif);
        background-repeat: no-repeat; 
        background-position: top left;
}

#h1Ethics, #h1Ethics span {
	background: transparent url(./images/h1_ethics.gif);
        background-repeat: no-repeat; 
        background-position: top left;
}

#h1Fiction, #h1Fiction span {
	background: transparent url(./images/h1_scribbles.gif);
        background-repeat: no-repeat; 
        background-position: top left;
}

#h1Links, #h1Links span {
	background: transparent url(./images/h1_links.gif);
        background-repeat: no-repeat; 
        background-position: top left;
}

		/* Nav Column */

#dt2Web, #dtWeb span {
	background: transparent url(./images/nav_dt-web.gif);
        background-repeat: no-repeat; 
        background-position: top left;
}

#dtCreativity, #dtCreativity span {
	background: transparent url(./images/nav_dt-creativity.gif);
        background-repeat: no-repeat; 
        background-position: top left;
}

#dtMisc, #dtMisc span {
	background: transparent url(./images/nav_dt-misc.gif);
        background-repeat: no-repeat; 
        background-position: top left;
}

	/* Daisy Styles */

body.daisy #header {
	background: #fff url(./images/bg_daisy-t.gif);
        background-repeat: no-repeat; 
        background-position: top right;
}

body.daisy #page {
	background: #fff url(./images/bg_daisy-b.gif);
        background-repeat: no-repeat; 
        background-position: bottom right;
}

body.daisy a:link { color: #c03; }
body.daisy a:visited { color: #00997f; }
body.daisy a:hover, 
body.daisy a:active { color: #9c3; }

body.daisy #nav ul li.pm {
	background-color: #00997f;
}

body.daisy #nav ul li.pm a {
	color: #fff;
}