body		{background-color:	#222222;
			 color: 			#eeeeee;
			 font-family:		"Haettenschweiler", "Impact", "Geneva";
             letter-spacing:	1px;}

table		{text-align:		right;
			 font-size:			20px}

a   		{color:#aaddaa;	text-decoration:none}
a:hover		{color:#eeffee;	text-decoration:none}

h1 {
    margin: 0 0 0 0;
    color:  #ffffff;
}			 
/*h2				{color:			#330033}
h3				{color:			#660033;
				 text-align:	right} */
h4				{color:			#880044;
				 text-align:	right;
				 font-weight:	normal;
				 font-style:	italic;
				 margin-bottom:	5px}
h2.title		{color:			#000000}

table td.pad	{width:				50px}
table td.blurb	{text-align:		justify;
				 vertical-align:	top;
				 width:				600px;
				 padding:			5px;
				 background-color:	#223322}
table td.resume	{text-align:		justify;
				 width:				600px;
				 padding:			8px;
				 background-color:	#EAEAEA}
table td.skill	{text-align:		justify;
				 vertical-align:	top;
				 padding:			8px;
				 background-color:	#EAEAEA}
table td.tab	{width:				60px}

table.work				{width:				100%;
						 padding:			8px;
				 		 margin-bottom:		8px;
						 background-color:	#E0E0E0}
table.work td			{text-align:		justify}
table.work td.date		{text-align:		left;
						 vertical-align:	top;
						 font-style:		italic}
table.work td.position	{text-align:		right;
						 vertical-align:	top;
						 color:				#880044}

ul	{list-style-type:	circle}

/*b	{font-weight: normal;
	 color: #880044} */

/* main "table of contents" */
h2 {
    color: #bbffbb;
    margin: 0px 60px 3px 0px;
}
#index h2, #menubox h2 {
    color: #bbffbb;
    margin: 30px 20px 3px 0px;
}
#index em {
    font-family: "Arial";
    letter-spacing:	0px;
    font-size: 18px;
}
#index p {margin: 0px 0px 10px 0px}

/* content layout */
table.main {
    width: 100%;
    border: none;
}
td.sidebar {
    width: 20px;
    vertical-align:	top;
    padding-left: 15px;
}
td.sidebar h2 {
    color: inherit;
    line-height: 0.8;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 20px 0px;
}
td.content {
    vertical-align:	top;
}
em.subtitle {
    font-family: "Arial", "Geneva", "Helvetica";
    letter-spacing:	0px;
    font-weight: normal;
    font-size: 18px;
    margin: 0px 60px 15px 0px;
    display: block;
}
img.portfolio_thumbs {
    border:  solid 1px #004400;
    padding: 3px 4px 3px 4px;
    margin:  2px 0px 5px 5px;
}

/* body sections */
#s1, #s2, #s3, #s4, #s5, #s6, #s7, #s8, #s9 {
    text-align: justify;
    color:      #ffffff;
    background: #333333;
/*    height: 200px; */
    border: solid 2px #004400;
    padding: 4px 10px 6px 10px;
    margin:  2px 0px 4px 0px;
/*    font-family: "Arial", "Geneva", "Helvetica"; */
    font-family: "Arial";
    letter-spacing:	0px;
    font-size: 18px;
}
#s1 ul, #s2 ul, #s3 ul, #s4 ul, #s5 ul, #s6 ul, #s7 ul, #s8 ul, #s9 ul {
    padding: 0 0 0 20px;
    margin:  0 0 0 0;
}
#s1 li, #s2 li, #s3 li, #s4 li, #s5 li, #s6 li, #s7 li, #s8 li, #s9 li {
    padding: 0 0 4px 0;
}

/* section formats */
h3 {
	display: inline;
    color: #ccffcc;
}
#date {
    float: right;
	display: inline;
    font-style:	italic;
    padding-right: 20px;
}

/* drop down menu */
#menuoutside {
	position: relative;
	float:    right;
	width:    0;
	height:   0;
}
#menubox {
    background: #000000;
    border: solid 2px #ffffff;
    padding: 4px 6px 4px 6px;
	position: absolute;
	right: 20px;
	top: 3px;
	width: 300px;
}
#menubox h2 {
    line-height: 1;
    text-align: right;
    margin:  0px 0px 0px 0px;
    padding: 8px 20px 4px 0px;
}
#close {
    float:   left;
	display: inline;
}


/* to do list pages */

table.todolist {
    border: none;
    width:  100%;
}
table.todolist input {
    background-color: #222222;
    color: 			  #eeeeee;
}
table.todolist tr.tododone td {
    background-color: #111111;
}
table.todolist tr.tododone input {
    background-color: #111111;
    color: 			  #778877;
}
table.todolist tr.level1 td {
    background-color: #555555;
}
table.todolist tr.level2 td {
    background-color: #444444;
}
table.todolist tr.level3 td {
    background-color: #333333;
}
#scratchpad {
    background: #000000;
    border: solid 2px #ffffff;
    padding: 4px 4px 4px 4px;
	position: absolute;
	left: 20px;
	top: 120px;
	width: 280px;
}