/* GENERAL */

body {
	background-image: url("20x20grid_blue.gif");
	scrollbar-arrow-color: #666666;
	scrollbar-3dlight-color: #eeeeee;
	scrollbar-highlight-color: #666666;
	scrollbar-face-color: #eeeeee;
	scrollbar-track-color: #eeeeee;
	scrollbar-shadow-color: #666666;
	scrollbar-darkshadow-color: #eeeeee;
}

body, td, button, a {
	font-family: verdana, sans-serif;
	font-size: 11px;
}

body, td, button {
	color: #000033;
}

img {border: 1px solid #999999;}
td {vertical-align: top;}

#name {
	font-family: arial;
	font-size: 16pt;
}

#instructions {
	font-family: arial;
	font-weight: bold;
	font-style: italic;
	font-size: 10pt;
	color: #aa2222;
}


/* DRAGGABLE CARDS */

.card {
	border: 1px solid #555555;
	position: absolute;
	-moz-opacity: .76;
	filter: alpha(opacity=76);
}

.card a {
	text-decoration: none;
}

.card a:hover {
	text-decoration: underline;
}

/*
.card a {
	padding: 1px;
	margin-right: -1px;
	border: 1px solid #eeeeee;
	text-decoration: none;
}

.card a:hover {
	border: 1px solid #333333;
	background-color: #ffcc00;
}

.card a:visited {
	color: #110099;
}
*/

button {
	background-color: #ffeeaa;
	border: 1px solid #333333;
	padding: 1px;
}

.morebutton {
	text-align: right;
}

.more {
	border-top: 1px dashed #888888;
	margin-top: 20px;
}

.header {
	border-bottom: 1px solid #555555;
	font-variant: small-caps;
	background-color: #666666;
	padding: 5px;
	padding-bottom: 4px;
	padding-left: 6px;
	color: #eeeeee;
	cursor: move;
}

.bulk {
	background-color: #eeeeee;
	padding: 7px;
}

/* STYLE EXCEPTIONS */

#photoarchive p {
	margin-top: 0px;
	margin-bottom: 2px;
}

/* ACTIVATE FOR HIGHLIGHTED RESUME: */
/*
#resume {
	border: 2px dashed #994444;
}

#resume .header {
	background-color: #994444;
}
*/

/* TEXT ITEMS IN CARDS */

p.item {
	text-indent: -10px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 7px;
}

/* WIDTHS */

.bulk {width: 180px;}
#play .bulk, #play .bulk {width: 220px;}
#photos .bulk, #miscellaneous .bulk {width: 320px;}

/* POSITIONS */

#name, #instructions, #reset {position: absolute;}

#name {left: 18px; top: 15px;}
#instructions {left: 240px; top: 21px;}
#reset {left: 736px; top: 18px;}

#contact {left: 18px; top: 57px;}
#work {left: 224px; top: 94px;}
#play {left: 52px; top: 212px;}
#photos {left: 444px; top: 79px;}
#miscellaneous {left: 306px; top: 249px;}