/* Top styling appears on all graphical, interactive interfaces */
@media screen, tv, projection {
	body {
		margin: 0;
		background: White;
		color: Black;
	}

	a:link, a:visited, a:active, a:hover {
		text-decoration: underline;
	}

	#banner {
		background: url(/images/logo.png) Black top left no-repeat;
		color: White;
		font-family: Georgia, "Times New Roman", Serif;
		margin: 0;
		padding: 0 0 0.5em 0;
		white-space: nowrap;
	}

	#banner #title {
		font-size: 49px;
		font-weight: normal;
		line-height: 49px;
		margin: 0;
		padding: 0 0 0 100px;
	}

	#banner #subtitle {
		font-size: 15px;
		line-height: 15px;
		font-style: italic;
		margin: 0;
		padding: 0 0 0 100px;
	}

	#navigation, #statements {
		color: White;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 0.75em;
		margin: 0;
	}

	#navigation {
		background: url(/images/maxwell-nav.png) #333333 center left repeat-x;
		border-top: 1px solid White;
		border-bottom: 1px solid White;
		padding: 3px 0;
	}

	#statements {
		background: url(/images/maxwell-subnav.png) #4C4C4C center left repeat-x;
		border-top: 1px solid #DCDCDC;
		border-bottom: 1px solid #DCDCDC;
		padding: 3px 0.5em;
	}

	#navigation a {
		padding: 3px 0.75em;
		border-right: 1px Solid White;
		text-decoration: none;
		font-weight: bold;
		height: 100%;
	}
	
	#navigation a.current {
	    background: #696969;
	}
	
	#navigation a:hover {
		background: #2F4F4F;
	}
	
	#navigation .spacer {
		display: none;
	}

	#navigation #utility {
		padding: 0 0.5em;
		text-align: right;
	}

	#navigation #utility input {
		padding: 0;
		margin: 0;
		font-size: 0.9em;
	}

	form {
		margin: 0;
		padding: 0;
	}

	#navigation a:link, #navigation a:visited, #statements a:link, #statements a:visited {
		color: white;
	}

	#header {
		background: #DCDCDC url(/images/maxwell.png) no-repeat bottom right;
		color: Black;
		margin: 0;
		padding: 0.5em 1em 0.5em 1em;
	}

	#header h1 {
		margin: 0;
		padding: 0;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

	h2, h3, h4, h5, h6 {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

	.blog .range .date {
		border: 1px solid #444444;
		padding: 3px;
	}

	.blog .entry .title {
		border-bottom: 1px solid #CCCCCC;
		margin-bottom: 0;
		letter-spacing: .2em;
	}

	.postdata {
		font-weight: bold;
		font-size: 0.8em;
	}

	ul#linktree {
		padding-left: 0;
		margin-left: 0;
	}

	ul#linktree li {
		list-style-type: none;
		padding: 0;
		margin: 0.3em 0;
	}

	ul#linktree ul li {
		list-style-type: disc;
	}

	.hide {
		visibility: hidden;
		background: #fff;
		color: #fff;
		clear: both;
		margin: 0;
	}

	.bibliography .journal {
		font-style: italic;
	}
}

/* Hide all the layout and navigation for non-interactive devices */
@media print {
	#banner, #navigation {
		display: none;
	}

	body {
		background: White;
		color: Black;
		font-family: "Times New Roman", Serif;
	}

	a:link, a:visited, a:active, a:hover {
		background: White;
		color: Blue;
		text-decoration: underline;
	}

	h1, h2, h3, h4, h5, h6 {
		page-break-after: avoid;
	}
}

/* Hold the layout and navigation fixed for paged, interactive media */
@media tv, projection {
	#content {
		border-top: 1px solid White;
		padding: 0 0.5em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}

	#content, #header {
		border-left: 1px solid #DCDCDC;
		border-right: 1px solid #DCDCDC;
		text-align: justify;
	}
}

/* Stuff limited to high-resolution displays */
@media screen {
	body {
		min-width: 20em;
		max-width: 50em;
	}

	#body {
		border-left: 1px solid #DCDCDC;
		border-right: 1px solid #DCDCDC;
	}

	#content {
		border: 1px solid White;
		padding: 0 0.5em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align: justify;
	}

	p#statements {
		clear: both;
	}
}