/*
v2: old orange
v3: new orange, papryus

*/

body{
	font-family: Arial, sans-serif;
	font-stretch: normal;
	font-weight: normal;
	color: white;
	background: #000;
	margin: 0;
}

#contents {
	min-height: 100%;
	width: 750px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	background-color: #333333;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

/*html>body, html>body #contents {
	height: auto;
}

#contents {
	top: 0;
}*/

#navbar {
	color: white;
	background-color: #FF6600;
	text-align: center;
	w\idth: 730px;
	padding: 0.25em 0;
	margin: 0 10px;
}
div#navbar A:link {text-decoration: underline;  color: white;}
div#navbar A:visited {text-decoration: underline;  color: white;}
div#navbar a:hover {text-decoration: underline;  color: #FF0000;}

#main {
	margin: 0 1em 0.5em 1em;
	height: auto;
	padding-top: 0;
	padding-bottom: 2em;
	border: 0px dotted;
}

#bottom {
	position: absolute; 
	bottom:3em;
	border: 0px dotted;
}

#footer {
/*	position: absolute;*/
	bottom: 0;
	color: white;
	background-color: #FF6600;
	width: 730px; /* See note below */
	text-align: center;
	padding: 0.25em 0;
	border: 0px dotted;
	margin: 0 -5px;
}

div#footer A:link {text-decoration: underline;  color: white;}
div#footer A:visited {text-decoration: underline; color: white;}
div#footer a:hover {text-decoration: underline;  color: #FF0000;}
/*  Use the following to center this at 50% width, or this for 750px: width: 700px, margin-left: -350px: */
/*
	left: 50%;
    width: 50%;
    margin-left: -25%;
*/

/* 
/* Footer based on code found
/* http://scott.sauyet.com/CSS/Demo/FooterDemo1.html.
*/



p {
	margin: 1em 0 1em 0;
}

hr {height: 0.5px; color: black; background-color: black;}

.indented {
   padding-left: 50pt;
   padding-right: 50pt;
   }

span.right {
	float:right;
	margin-right: 3em;
	font-weight: normal;
 }

span.right_modified {
	float:right;
	margin-right: 0;
	margin-top: 0.5em;
	margin-bottom: 2em;
	font-weight: normal;
	border: 0px dashed;
 }

/* LINKS
link yellow #FFCC00
visited orange: FF9900
darker banner orange: FF6600
hover red: FF1100

http://slayeroffice.com/tools/color_palette/
base: ffcc00 yellow
top: ff0000 red
bottom: ff9900 orange
*/

A:link {text-decoration: underline; color: #FF9900;}

A:visited {text-decoration: underline; color: #FF3300;}

A:hover {text-decoration: underline; color: #FFCC00;}

a.gcal {
	text-decoration: none;
	text-underline: none;
}

a.gcal img {
	border: 0px;
	width: 101px;
	height: 25px;
}

/* HEADINGS
*/

h1 {
	font-family: Verdana, sans-serif;
	font-size: 300%;
	font-stretch: normal;
	font-weight: normal;
	padding-bottom: 0;
	border: none;
	margin: 0.5em 0 0 50px;
	color: white;
}

h2 {
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
	margin: 1em 0 0.5em 0;
} 

h2.pubs {
	margin: 0 0 0 0;
}

h2.main {
	margin: 0 0 0 50px;
	}
	
h3 {
	margin: 1em 0 5px 2em;
	}
	
/* ORDERED LISTS
*/


ol.ref {font-style: italic;}

ul.subref {
	list-style-position: outside;
	list-style-type: none; 
	font-style: normal; 
	margin: 0 0 1em -1em;}

ul.h3 {
	list-style-position: inside;
	margin: 0 0 0 0.5em;
}

/* DEFINITION LISTS
*/

dt {
	font-weight: bold;
	margin-left: 1em;
}

dd {
	margin-bottom: 1em;
}
/*
.main dt {font-weight: bold;}
.main dd {margin-bottom: 1em;}
*/

.cv dt {
	font-weight: normal;
}

.cv_jobdescription1 {
	margin-bottom: 0;
}

.cv_jobdescription2 {
	font-style: italic;
}

.programs dt {
	font-weight: normal;
}

.code dd {
	font-family: "Courier New", Courier, monospace;
}


/* FEED ICON
*/

.feed {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url("images/feed-icon-14x14.png") no-repeat 0 50%;
} 

.feed-list {
  margin: 0 0 15px 15px;
  padding: 0;
  list-style-type: none;
}

.feed-list li {
  margin: 0 0 10px 0;
  padding: 0;
  list-style-type: none;
}

.feed-list li a {
  padding: 0 0 0 19px;
  background: url("images/feed-icon-14x14.png") no-repeat 0 50%;
  list-style-type: none;
}

/* CALENDAR ICON
*/

a.cal {
  margin-left: 1px;
  padding: 0 0 0 19px;
  background: url("images/ical_subscribe18x18.gif") no-repeat 0 50%;
} 

.cal-list {
  margin: 0 0 15px 15px;
  padding: 0;
  list-style-type: none;
}

.cal-list li {
  margin: 0 0 10px 0;
  padding: 0;
  list-style-type: none;
}

.cal-list li a {
  padding: 0 0 0 19px;
  background: url("images/ical_subscribe18x18.gif") no-repeat 0 50%;
  list-style-type: none;
}

/* DELICIOUS LINKROLL on TIPS PAGE
*/

.delicious-posts { border: 0 solid; margin-left: 1em; padding: 0;  }
.delicious-banner { font-size: 100%; font-weight: bold; border: 0 dotted; margin: 0; padding: 0}
.delicious-posts ul { margin-left: 2em; padding: 0}
.delicious-posts li { margin: 0; padding: 0.25em}
.delicious-posts li a:link { color: #ffffff;}
.delicious-posts li A:hover { color: #FFCC00;}
.delicious-post {border-top: 0 solid #eee; font-size: 90% }
.delicious-odd {  }
.delicious-posts a:hover { text-decoration: underline }
.delicious-posts a { text-decoration: none;  padding: 0; }
.delicious-banner a { text-decoration: underline }
.delicious-post a { }

/* FLICKR STUFF
*/

#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
.flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
.flickr_badge_uber_wrapper a:hover,
.flickr_badge_uber_wrapper a:link,
.flickr_badge_uber_wrapper a:active,
.flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
.flickr_badge_wrapper {background-color:#CCCCCC;border: solid 1px #000000}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}