/* --= Index Card =-
 * A simple text-only design built upon `blueprint.css`.
 * (http://code.google.com/p/blueprintcss/)
 * 
 * AUTHOR: 		Mark Reid <mark@threewordslong.com>
 * CREATED:		2007-11-03
 * MODIFIED:	2007-12-22
 */
@import 'blueprint/lib/reset.css';
@import 'blueprint/lib/typography.css';

/* === Global Elements === */
body { background: #DDDDFF; font-size: 100%; margin: 0 auto 0 auto; }
em { background-color: transparent;} /* Override blueprint default */

/* Links */
a { color: #00a; text-decoration: none; }
a:hover { color: #00a; text-decoration: underline; }

a.wiki { border-bottom: 1px dotted #99c;}
a.wiki:hover { text-decoration: none; border-bottom: 1px solid #99c; }

a.pdf:before { content: url(../img/pdf.png) " "; }

/* === Current Section Highlights === */
body#home  		.home  		{ font-weight: bold; opacity: 1.0; color: black; border-bottom-color: white; }
body#personal	.personal	{ font-weight: bold; opacity: 1.0; color: black; border-bottom-color: white; }
body#code		.code		{ font-weight: bold; opacity: 1.0; color: black; border-bottom-color: white; }
body#research	.research	{ font-weight: bold; opacity: 1.0; color: black; border-bottom-color: white; }

/* === Containers === */
.container { width: 85%; max-width: 85ex; margin: 1ex auto 0 auto; }

/* === Structure === */
/* Top Level */
/* #header { position: relative; z-index: 1; width: 17%; margin-top: 1ex; } */
#main { margin: 0; padding: 0; }
#nav { position: relative; z-index: 3; margin-top: 1ex; }

/* Main Level */
#content { position: relative; z-index: 2; margin: 0; padding: 1ex 3ex 1ex 3ex; min-height: 30ex;}
#footer { position: relative; z-index: 1; width: 98%; margin: 0 0 6ex 0; padding: 0 1%;}

/* === Style === */
/* Elements */
#nav { font-size: 90%; margin: 0; padding: 1ex 0 0 1ex; }
#nav h1 { line-height: 100%; display: inline; float: right; color: #777; font-size: 140%; padding: 0; margin: 0 1ex 0 0; text-transform: uppercase; }
#nav ul, #nav ul li { margin: 0; text-align: left; }
#nav ul { display: inline; list-style-type: none; }

#content { font-size: 10pt; background: white; outline: 1px solid #999; }
#content p { padding-top: 0; border: 1px solid transparent; text-align: justify;}

#content h1 { font-size: 130%; clear: left; border-bottom: 1px solid #ddf; }
#content h2 { font-size: 120%; font-style: italic; clear: left;}
#content h3 { font-size: 110%; font-weight: bold; clear: left;}

.right { float: right; clear: right; }
.left { float: left; clear: left; }

#content img { position: relative; margin: 0 0 1ex 0; }
#content img.inset { display: inline; }
#content img.right { margin-left: 3ex; }
#content img.left  { margin-right: 3ex; }
#content pre { border-left: 5px solid #ccf; background: #eef; }
#content pre { padding: 1ex; margin-left: 2ex; margin-right: 3ex; overflow: auto; }

#content dt { margin-top: 1em;}

#title { margin: 0; padding: 0; }
h1#title { width: 100%; margin-bottom: 2ex; }
h1#title  {
	padding-top: 0; margin: 1ex 0 1ex 0; border: 0;
	font-size: 130%; font-weight: bold;
}


/* === Tabs === */
.tab { display: block; margin: 0 0 1.5ex 0; padding: 1ex; border: 1px solid #bbb; }
.tab { opacity: 0.8; color: #339; background: white; border-bottom: 1px solid #999; border-right: 1px solid #999;}
.tab a:hover { color: #00d; text-decoration: none; }

/* In Context */
#footer .tab { border-top: 2px solid #bbb; display: inline; padding: 0 1ex; margin: 0 1ex 0 1ex; }
#nav .tab { padding: 2px 1ex 2px 1ex; text-decoration: none; }
#nav .tab:hover { opacity: 0.9; color: #00d; background: white; }
#nav li .tab { display: inline; }
#nav li { display: inline; }