/*
	Prismatic Media: primary stylesheet
	created by Jessie Tracer / Electric Keet
	http://electrickeet.com/
*/

/*
	embedded fonts: Droid Serif Regular, Droid Serif Bold, Droid Serif Italic
	more info: http://www.droidfonts.com/
	download: http://android.git.kernel.org/?p=platform/frameworks/base.git;a=tree;f=data/fonts;hb=HEAD
*/
@font-face { font-family: "Droid Serif"; src: url("DroidSerif-Regular.ttf") format("opentype"); }
@font-face { font-family: "Droid Serif"; font-weight: 800; src: url("DroidSerif-Bold.ttf") format("opentype"); }
@font-face { font-family: "Droid Serif"; font-style: italic; src: url("DroidSerif-Italic.ttf") format("opentype"); }
@font-face { font-family: "Droid Serif"; font-weight: 800; font-style: italic; src: url("DroidSerif-BoldItalic.ttf") format("opentype"); }

body {
	background-color: rgb(255, 255, 255);
/*	background-image: url("body-grid-move.gif");	*/
	background-image: url("body-grid.png");
	background-attachment: fixed;
	color: rgb(51, 51, 51);
	font-family: "Droid Serif", "Zapf Elliptical 711", "Cambria", "URW Latino", "Melior", "Cambria", "Georgia", serif;
	font-size: 10.5pt;
	line-height: 1.25em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

a:link, a:visited, a:hover, a:active {
	color: rgb(153, 153, 153);
	font-weight: bold;
}

a img { border: 0; }

cite { font-style: italic; }

div.title {
	background-image: url("title-bar.png");
	background-repeat: repeat-x;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 126px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	z-index: 192;
}

div.title h1 {
	background-image: url("title-curve.png");
	background-repeat: no-repeat;
	color: rgb(128, 128, 128);
	font-size: 2.5em;
	font-weight: 700;
	white-space: nowrap;
	height: 102px;
	margin: 0 0 0 0;
	padding: 24px 0 0 212px;
	text-shadow: -1px 0 1px rgb(255, 255, 255), 0 1px 1px rgb(255, 255, 255), 0 -1px 1px rgb(255, 255, 255), 1px 0 1px rgb(255, 255, 255);
	
}

div.title a {
	text-decoration: none;
}

div.nav {
	position: fixed;
	top: 127px;
	width: 208px;
	text-align: right;
	white-space: nowrap;
	z-index: 255;
}

div.nav ul {
	list-style-type: none;
	font-size: 1.25em;
	line-height: 24px;
	vertical-align: middle;
	margin: 8px 0 0 0;
	padding: 0 0 0 0;
}

div.nav li {
	height: 32px;
	background-image: url("nav-off.png");
	background-repeat: no-repeat;
	background-position: right top;
	padding: 0 32px 0 0;
	margin: 0 0 0 0;
	text-shadow: -1px 0 1px rgb(255, 255, 255), 0 1px 1px rgb(255, 255, 255), 0 -1px 1px rgb(255, 255, 255), 1px 0 1px rgb(255, 255, 255);
}

/*
div.nav ul>li.new:hover { background-image: url("nav-new.png"); }
div.nav ul>li.who:hover { background-image: url("nav-who.png"); }
div.nav ul>li.what:hover { background-image: url("nav-what.png"); }
div.nav ul>li.how:hover { background-image: url("nav-how.png"); }
div.nav ul>li.why:hover { background-image: url("nav-why.png"); }
div.nav ul>li.done:hover { background-image: url("nav-done.png"); }
div.nav ul>li.where:hover { background-image: url("nav-where.png"); }
*/

div.nav ul>li:hover { background-image: url("nav-on.png"); }

div.main {
	position: absolute;
	top: 127px;
	left: 216px;
	z-index: 128;
}

div.page {
	background-color: rgb(255, 255, 255);
	background-image: none;
	border: 3px solid rgb(240, 240, 240);
	margin: 0 1em 1em 0em;
	padding: 0.5em 1em 0.5em 1em;
}

div.page p {
	text-indent: 1em;
	margin: 0.5em 0 0.5em 0;
}

div.page p:first-child { text-indent: 0; }

div.page h2 {
	color: rgb(128, 128, 128);
	font-size: 2em;
	font-weight: 700;
	margin: 0.5em 0 1em 0;

}


div.page dl { margin: 0.5em 0 0.5em 0; }

div.page dt {
	font-size: 1.25em;
	font-weight: bold;
	color: rgb(128, 128, 128);
	margin: 0 0 0.5em 0;
}
div.page dd {
	text-indent: -0.5em;
	padding: 0 0 0 1.5em;
	margin: 0 0 0.5em 0;
}

table.skill th {
	font-weight: normal;
	color: rgb(128, 128, 128);
}

table.skill td {
	background-repeat: no-repeat;
	background-position: center;
	height: 24px;
}

table.skill .s1, table.skill .s2, table.skill .s3, table.skill .s4, table.skill .s5, table.skill .s6, table.skill .s7  { background-image: url("skill-s0.png"); }

table.skill .s1a { background-image: url("skill-s1a.png"); }
table.skill .s2a { background-image: url("skill-s2a.png"); }
table.skill .s3a { background-image: url("skill-s3a.png"); }
table.skill .s4a { background-image: url("skill-s4a.png"); }
table.skill .s5a { background-image: url("skill-s5a.png"); }
table.skill .s6a { background-image: url("skill-s6a.png"); }
table.skill .s7a { background-image: url("skill-s7a.png"); }
table.skill .s1b { background-image: url("skill-s1b.png"); }
table.skill .s2b { background-image: url("skill-s2b.png"); }
table.skill .s3b { background-image: url("skill-s3b.png"); }
table.skill .s4b { background-image: url("skill-s4b.png"); }
table.skill .s5b { background-image: url("skill-s5b.png"); }
table.skill .s6b { background-image: url("skill-s6b.png"); }
table.skill .s7b { background-image: url("skill-s7b.png"); }

dl.skill dt {
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 24px;
	vertical-align: middle;
	height: 24px;
	margin: 0 0 0 0;
	padding: 0 0 0 32px;
	
}
dl.skill .s1 { background-image: url("skill-s1a.png"); }
dl.skill .s2 { background-image: url("skill-s2a.png"); }
dl.skill .s3 { background-image: url("skill-s3a.png"); }
dl.skill .s4 { background-image: url("skill-s4a.png"); }
dl.skill .s5 { background-image: url("skill-s5a.png"); }
dl.skill .s6 { background-image: url("skill-s6a.png"); }
dl.skill .s7 { background-image: url("skill-s7a.png"); }


div.foot {
	color: rgb(153, 153, 153);
	font-size: 0.8em;
	margin: 3px 3px 3px 3px;
	padding: 0 0 0 1em;
}

div.foot a:link, div.foot a:visited, div.foot a:hover, div.foot a:active {
	color: rgb(153, 153, 153);
	text-shadow: -1px 0 1px rgb(255, 255, 255), 0 1px 1px rgb(255, 255, 255), 0 -1px 1px rgb(255, 255, 255), 1px 0 1px rgb(255, 255, 255);
}