/*
 * File: screen.css
 * Description: Contains all screen styles
 * Guidelines: Order properties alphabetically and minimize the use of additional CSS documents to reduce HTTP requests.
 *
 * Table of Contents
 * 1.  Reset
 * 2.  Base (headings, paragraphs, etc.)
 * 3.  Grid (custom 960)
 * 4.  Positioning
 * 5.  Additional Typography (.highlight, etc.)
 * 6.  Sprites
 * 7.  UI (button, etc.)
 * 8.  Global Structure (header, footer, etc.)
 * 9.  Specific Pages (Home, Research, Publications, About)
 *
 * Copyright 2009 Kyle Weiner (www.kyleweiner.com)
 */

/* Reset
---------------------------------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;outline:none;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}	
a img {border:none;}

/* Base
---------------------------------------------------------------------------------------- */
body {
	background: #D9D9D9 url(../images/base/body_bg.png) repeat-y top center;
	color: #222;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 75%; }

/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1 {
	color: #E1CF3D;
	font-family: "Myriad Pro", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 3em;
	font-style: italic;
	line-height: 1;
	margin-bottom: 0.44em; }
	
h2 {
	color: #000;
	font-size: 2em;
	margin-top: -0.45em;
	margin-bottom: 0.45em; }

h3 {
	color: #005959;
	font-size: 1em;
	line-height: 1.5;
	margin-bottom: 1.5em; }

h4 {
	color: #555;
	font-size: 1.2em;
	line-height: 1;
	margin-top: 1.1em;
	margin-bottom: 1.25em; }

/* Paragraphs */
p {
	margin-bottom: 1.1em; 
	padding-top: 0.45em; }

	p img.left { 
		float: left;
		margin: 1.5em 1.5em 1.5em 0;
		padding: 0; }
		
	p img.right {
		float: right;
		margin: 1.5em 0 1.5em 1.5em; }
		
/* Links */
a:link, a:visited { 
	color: #099; 
	text-decoration: none; 
	-webkit-transition: color 0.1s linear; }
	
	a:focus, a:hover, a:active,
	a.selected, .selected a { color: #005959; }
	
	a:active {
		position: relative;
		top: 1px; }

/* Quotes */
blockquote { 
	margin-left: 40px;
	padding-left: 20px;
	color: #7191BA;
	font-family: "Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiqua", Georgia, serif;
	font-size: 1.5em;
	border-left: 1px dotted #7191BA; }

/* Lists */
li ul, li ol { margin: 0 1.5em; }

ul, ol { 
	list-style: none;
	margin: 0 0 1.5em; }

dl { margin: 0 0 1.5em; }

	dl dt { font-weight: bold; }

/* General */
strong { font-weight: bold; }

em, dfn { font-style: italic; }

dfn { font-weight: bold; }

sup, sub { line-height: 0; }

abbr, acronym { 
	border-bottom: 1px dotted #666; 
	cursor: help; }

address {
	margin: 0 0 1.5em;
	font-style: italic; }

del { color: #666; }

pre { 
	margin: 1.5em 0; 
	white-space: pre; }
	
pre, code, tt { 
	font: 1em 'andale mono', 'lucida console', monospace; 
	line-height: 1.5; }

/* Grid
----------------------------------------------------------------------------------------------------*/
/* Page Wrapper */
#page_wrapper {
	/* background: url(../images/debug/16_col_grid.gif) repeat-y; */
	margin: 0 auto;
	width: 1000px; }

/* Section Container: optional container for sections */
.section_container { 
	overflow: hidden;
	padding: 1.5em 0; }

/* Section: groups content grids */
.section {
	display: block;
	margin: 0 auto;
	width: 960px; }

/* 16 column grid */
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	margin: 0 10px; }

.grid_1  { width: 40px;  }
.grid_2  { width: 100px; }
.grid_3  { width: 160px; }
.grid_4  { width: 220px; }
.grid_5  { width: 280px; }
.grid_6  { width: 340px; }
.grid_7  { width: 400px; }
.grid_8  { width: 460px; }
.grid_9  { width: 520px; }
.grid_10 { width: 580px; }
.grid_11 { width: 640px; }
.grid_12 { width: 700px; }
.grid_13 { width: 760px; }
.grid_14 { width: 820px; }
.grid_15 { width: 880px; }
.grid_16 { width: 940px; }

.first { margin-left: 0; }
.last { margin-right: 0; }
.bottom { margin-bottom: 0; }

/* Prefix: adds extra space << */
.prefix_1  { padding-left: 60px;  }
.prefix_2  { padding-left: 120px; }
.prefix_3  { padding-left: 180px; }
.prefix_4  { padding-left: 240px; }
.prefix_5  { padding-left: 300px; }
.prefix_6  { padding-left: 360px; }
.prefix_7  { padding-left: 420px; }
.prefix_8  { padding-left: 480px; }
.prefix_9  { padding-left: 540px; }
.prefix_10 { padding-left: 600px; }
.prefix_11 { padding-left: 660px; }
.prefix_12 { padding-left: 720px; }
.prefix_13 { padding-left: 780px; }
.prefix_14 { padding-left: 840px; }
.prefix_15 { padding-left: 900px; }

/* Suffix: adds extra space >> */
.suffix_1  { padding-right: 60px;  }
.suffix_2  { padding-right: 120px; }
.suffix_3  { padding-right: 180px; }
.suffix_4  { padding-right: 240px; }
.suffix_5  { padding-right: 300px; }
.suffix_6  { padding-right: 360px; }
.suffix_7  { padding-right: 420px; }
.suffix_8  { padding-right: 480px; }
.suffix_9  { padding-right: 540px; }
.suffix_10 { padding-right: 600px; }
.suffix_11 { padding-right: 660px; }
.suffix_12 { padding-right: 720px; }
.suffix_13 { padding-right: 780px; }
.suffix_14 { padding-right: 840px; }
.suffix_15 { padding-right: 900px; }

/* Positioning
----------------------------------------------------------------------------------------------------*/	
.first {
	margin-left: 0;
	padding-left: 0;}

.last {
	margin-right: 0 !important;
	padding-right: 0 ; }

.hide { display: none; }

/* Floated elements */
.clear {
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0; }

.clearfix:after, .section:after {
	clear:both;
	content:"\0020";
	display:block;
	height:0;
	overflow:hidden;
	visibility:hidden; }

/* Additional Typography
----------------------------------------------------------------------------------------------------*/
/* Fancy: fancy style for ampersands & text */
/*
.fancy { 
	font-family: Baskerville, "Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiqua", Georgia, serif; 
	font-style: italic; 
	font-weight: normal; 
	font-variant: normal; }
*/

/* Incr: reduced size type with incremental leading */
.incr { 
	font-size: 10px; 
	line-height: 1.44em; 
	margin-bottom: 1.5em; }

/* Highlight: for highlighting text */
.highlight { 
	background: #099;
	color: #FFF;
	font-weight: bold;
	padding: 1px 2px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-shadow: 1px 1px 1px #088; }

/* Double quotes: for offsetting initial double quotes */
.dquo { margin-left: -6px; }

/* Date: for use with dates */
.date { color: #666; }

/* Sprites
----------------------------------------------------------------------------------------------------*/
/* Header Sprites */
#header { 
	background: url(../images/base/header_sprites.jpg) no-repeat;
	overflow: hidden; }

/* Fixed Sprites */
#nav, #nav ul, #n_home a, #n_research a, #n_publications a, #n_about a, #n_resume a, 
#quick_nav, #qn_research a, #qn_publications a, #qn_about a, #footer, .module_head { 
	background: url(../images/base/fixed_sprites.png) no-repeat; 
	overflow: hidden; }

/* Vertical Sprites */
#content_wrapper, #content_inner, .module, .module_item, .module_list_item, 
.module_list_item.last_item, .notice, .box { 
	background: url(../images/base/vertical_sprites.png) no-repeat; 
	overflow: hidden; }

.module_list_item a { 
	background: url(../images/base/vertical_sprites_2.gif) no-repeat; 
	overflow: hidden; }

/* Horizontal Sprites */
.more, .subscribe, .share, .pdf, .email, #back_to_top a, .pipe, .bullet_list li {
	background: url(../images/base/horizontal_sprites.png) no-repeat; 
	overflow: hidden; }

/* Horizontal Sprites - IE 6 will ignore this */
a[rel="external"] {
	background: url(../images/base/horizontal_sprites.png) no-repeat; 
	overflow: hidden; }

/* UI
----------------------------------------------------------------------------------------------------*/
/* External Links */
a[rel="external"] {
	padding-right: 7px;
	background-position: right -351px; }

	a[rel="external"]:hover,
	a[rel="external"]:focus { background-position: right -385px; }

/* Bullet List */
.bullet_list { margin-left: 10px; }

	.bullet_list li {
		background-position: 0 -662px;
		padding: 1px 0 0 14px }

/* Modules */
.module {
	background-position: -2020px bottom;
	padding-bottom: 19px; }

	.module, .list_module { margin-bottom: 25px; }

.module_head { 
	background-position: 0 bottom;
	color: #FFF;
	display: block;
	height: 20px;
	margin-bottom: 0;
	margin-top: 5px;
	padding: 18px 20px 2px;
	text-shadow: 1px 1px 1px #000; }

.module_item,
.module_list_item { 
	background-color: #F9F9F9;
	background-position: -2720px 0;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC; }

	.module_item {
		min-height: 123px;
		padding: 0.7em 18px 0; }

		.module_item p { margin-bottom: 0; }
		
		.module_item a { display: block; }
	
		.module_item .date_published { 
			color: #BBB;
			text-align: right; }

.module_list_item { border-bottom: 1px solid #D0D0D0; }
	
	.module_list_item a {
		background-position: 193px 15px;
		display: block;
		padding: 11px 18px 0.5em; }
		
		.module_list_item a:hover,
		.module_list_item a:focus { background-position: -43px 15px; }

	/* the first item needs special treatment 
	   to help maintain the baseline grid */
	.module_list_item.first_item a { 
		background-position: 193px 17px;
		padding-bottom: 6px;
		padding-top: 1.1em; }
		
		.module_list_item.first_item a:hover,
		.module_list_item.first_item a:focus { background-position: -43px 17px; }

	/* the last item also needs to be pixel perfect */		
	.module_list_item.last_item { 
		background-color: transparent;
		background-position: -3430px 0;
		border: none; }
		
		.module_list_item.last_item a {
			background-position: 194px 15px;
			padding-bottom: 1em;
			padding-left: 20px;
			padding-right: 20px; }
			
			.module_list_item.last_item a:hover,
			.module_list_item.last_item a:focus { background-position: -42px 15px; }

/* Mini Icon Links */
.share, .subscribe, .pdf, .email { padding: 1px 0 0 17px; }
#main .share, #main  .subscribe, #main  .pdf { padding: 1px 0 0 13px; }

	.subscribe { background-position: 0 -224px; }
	.share     { background-position: 0 -419px; }
	.pdf       { background-position: 0 -501px; }
	.email     { background-position: 0 -581px; }
	
		a:hover.subscribe, a:focus.subscribe { background-position: 0 -266px; }
		a:hover.share, a:focus.share         { background-position: 0 -461px; }
		a:hover.pdf,a:focus.pdf              { background-position: 0 -541px; }
		a:hover.email, a:focus.email         { background-position: 0 -622px; }
		
/* UI Pipe */
.pipe { 
	background-position: 0 -309px;
	margin-left: 4px;
	padding: 1px 0 0 9px; }

/* Notice, Box */
.notice, .box { 
	background-color: #F9F9F9; 
	background-position: -2720px 0;
	border: 1px solid #CCC;
	margin-bottom: 0.85em;
	padding: 1.8em 20px; /* baseline */ 
	text-shadow: 1px 1px 1px #FFF;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px; }

	.notice a, .box a { font-weight: bold; }

/* Togglers / Toggles */
.toggler_default { 
	color: #099;
	cursor: pointer;
	font-weight: bold; }

.toggler_active { color: #005959; }

/* Global Structure
----------------------------------------------------------------------------------------------------*/
/* Navigation */
#nav {
	background-position: center 0;
	background-repeat: repeat-x;
	height: 60px;
	margin-bottom: 8px; }	

	#nav ul {
		background-position: 0 -140px;
		height: 60px;
		margin: 0 auto;
		width: 1000px; }

	#nav li {
		cursor: pointer;
		display: inline;
		float: left;
		text-indent: -9999px; }

#n_home a, #n_research a, #n_publications a, #n_about a, #n_resume a { 
	display: block;
	height: 53px; }

	#n_home { 
		margin-left: 30px;
		margin-right: 249px; }

		#n_home a {
			background-position: -30px -70px;
			width: 191px; }

	#n_research a {
		background-position: -470px -70px;
		width: 109px; }

	#n_publications a {
		background-position: -579px -70px;
		width: 131px; }

	#n_about a {
		background-position: -710px -70px;
		width: 164px; }

	#n_resume a {
		background-position: -874px -70px;
		width: 95px; }

			#n_home a:hover, #n_home a:focus,
			#research #n_research a, #n_research a:hover, #n_research a:focus,
			#publications #n_publications a, #n_publications a:hover, #n_publications a:focus,
			#about #n_about a, #n_about a:hover, #n_about a:focus,
			#n_resume a:hover, #n_resume a:focus { background: none; }

/* Header */
#header { height: 90px; }

#header .section { margin-top: 3.75em; }

#header h1 { 
	margin-top: -1px;
	letter-spacing: -1px;
	text-shadow: 1px 1px 1px #000; }

#header .more { 
	background-position: right 2px;
	color: #FFF;
	padding: 0 14px 3px 0;
	text-shadow: 1px 1px 1px #000; }
	
	#header a:hover.more,
	#header a:focus.more { background-position: right -39px; }

/* Footer */
#footer { 
	background-position: center -205px;
	color: #92979a;
	height: 57px;
	margin-top: -5px;
	margin-bottom: 1.5em;
	padding-bottom: 5px; }

	#footer .section { margin-top: 1.55em; }

#copyright { text-align: right; }

#back_to_top a { 
	background-position: 0 -82px;
	padding: 3px 0 1px 25px; }

	#back_to_top a:hover, 
	#back_to_top a:focus  { background-position: 0 -130px; }
	#back_to_top a:active { background-position: 0 -178px; }

#footer a { 
	font-weight: bold; 
	text-shadow: 1px 1px 1px #FFF; }

	#footer .subscribe { padding-left: 18px; }

/* Main */
#main { text-shadow: 1px 1px 1px #FFF; } 	

	#main a { font-weight: bold; }

	#main h3,
	#main h3 a { display: block; }
		
		#main h3 a:link,
		#main h3 a:visited { 
			font-weight: normal;
			color: #099; }
		
		#main h3 a:hover,
		#main h3 a:active,
		#main h3 a:focus { color: #005959; }

/* Content */
#content_wrapper { 
	background-repeat: repeat-y;
	padding-bottom: 5px; }

#content_inner { background-position: -1010px 0; }

/* Asides */
#aside_right { float: right; }

/* Home
----------------------------------------------------------------------------------------------------*/
#home #header { 
	background-position: 0 -90px;
	height: 252px; }

#intro { 
	color: #099;
	font-size: 2em;
	letter-spacing: -1px;
	line-height: 1.5;
	margin-top: -0.65em;
	margin-bottom: 0.6em;
	text-shadow: 1px 1px 1px #000; }

#quick_nav {
	background-position: -470px -277px;
	margin: 0.6em 0 1.5em;
	overflow: hidden; }

#quick_nav li {
	display: inline;
	float: left; }

	#quick_nav li a { 
		display: block;
		height: 65px;
		text-indent: -9999px;
		width: 140px; }

		#qn_research a { background-position: 0 -277px; }
	
		#qn_publications a { 
			background-position: -160px -277px;
			margin-left: 20px; }
	
		#qn_about a { 
			background-position: -320px -277px;
			margin-left: 20px; }

		#qn_research a:hover, #qn_research a:focus,
		#qn_publications a:hover, #qn_publications a:focus,
		#qn_about a:hover, #qn_about a:focus { background: none; }

/* Publications
----------------------------------------------------------------------------------------------------*/	
.publication_preview {
	overflow: hidden;
	margin-bottom: 1.5em; }

	.publication_preview .pdf {
		font-weight: bold;
		opacity: 0.8;
		text-shadow: 1px 1px 1px #FFF;
		-webkit-transition: opacity 0.1s linear; }
		
	.publication_preview:hover .pdf,
	.publication_preview:focus .pdf { opacity: 1; }

/* About
----------------------------------------------------------------------------------------------------*/
#profile_img { 
	display: block;
	overflow: hidden;
	width: 220px; }

	a:hover#profile_img img, 
	a:focus#profile_img img { margin-left: -220px; }
	
.fname { 
	color: #333;
	font-weight: bold; }
	
#adr { color: #666; }