/* @override http://vonexplaino.dev/styles/screen.css */

/* @group Eric Meyer's CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
	{
		margin: 0 0 0.5em 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}

/* remember to define focus styles! */

:focus 
	{
		outline: 0;
	}

body 
	{
		line-height: 1;
		font-size: 62.5%;
		color: black;
		background: white;
	}

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

/* tables still need 'cellspacing="0"' in the markup */

table 
	{
		border-collapse: separate;
		border-spacing: 0;
	}

caption, th, td 
	{
		text-align: left;
		font-weight: normal;
	}

blockquote:before, blockquote:after,
q:before, q:after 
	{
		content: "";
	}

blockquote, q 
	{
		quotes: "" "";
	}

/* @end */

/* @group Site Typography and Overall Layout */

body 
	{
		color: #10341c;
		background: #df9f8f url(/nicholas/images/body-bg.jpg);
		font-family: Palatino, Georgia, Times, "Times New Roman";
	}

h1 
	{
		color: #80594f;
		font-weight: bold;
		font-family: Palatino,Georgia,Times,"Times New Roman"; /*"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;*/
		font-size: 2em;
		text-transform: uppercase;
	}

h2 
	{
		font-weight: bold;
		font-size: 1.7em;
	}

h3 
	{
		font-weight: bold;
		font-size: 1.4em;
	}

h4 
	{
		font-weight: bold;
		font-size: 1.2em;
	}

h5 
	{
		font-weight: bold;
	}

p 
	{
		font-size: 1.1em;
	}

hr 
	{
		visibility: hidden;
		margin: 0;
		padding: 0;
		clear: both;
	}

a 
	{
		color: #334f6f;
	}

a:hover, a:active, a:focus 
	{
		color: #d84042;
	}

a:visited 
	{
		color: #3f426a;
	}

blockquote 
	{
		font-size: 1em;
		line-height: 1.2;
		font-style: italic;
	}

div#container 
	{
		width: 960px;
		margin: 0 auto;
	}	

/* @end */

/* @group Header */

div#header 
	{
		background: url(/nicholas/images/header-bg-8.png) no-repeat center top;
		height: 200px;
		position: relative;
	}

div#header img#logo 
	{
		position: absolute;
		bottom: -29px;
		z-index: -100;
	}

form#bsearchform 
	{
		width: 310px;
		position: absolute;
		right: 0;
		bottom: 5px;
		margin-left: 50%;
		background: #ffeece;
		padding: 5px;
		text-align: center;
		border: 1px solid #80594f;
	}

form#bsearchform * 
	{
		display: inline;
		vertical-align: middle;
	}

form#bsearchform label 
	{
		font-weight: bold;
	}

/* @end */

/* @group Content */

div#content 
	{
		margin: -5px 0 0 0;
		background: #ffeece url(/nicholas/images/content-tile.jpg);
		font-size: 1.3em;
		line-height: 1.6em;
		width: 960px;
		border: 1px solid #80594f;
/*		border-top: 1px solid #fff; */
		-webkit-box-shadow: 0px 0px 7px #815c53;
	}

div#main-content 
	{
		background: url(/nicholas/images/main-content-bg.png) no-repeat top right;
		width: 700px;
		margin: 0;
		padding: 20px;
		float: left;
	}

div#secondary-content 
	{
		background: url(/nicholas/images/secondary-content-bg.png) repeat-x -100px 0;
		width: 220px;
		margin: 0;
		float: left;
	}

div.full-screen #main-content 
	{
		margin: 0;
		clear: both;
		padding: 10px;
		background: none;
		width: auto;
	}

/* @end */

/* @group Sidebar */

div.nav-block 
	{
		width: 310px;
		margin: 10px 10px 10px 0;
		padding: 5px 0 0 0;
		font-size: 0.9em;
	}

div.nav-block h2 
	{
		margin-left: 13px;
/*		padding: 0;
		color: #fff;
		margin: 0;
		background: url(/nicholas/images/nav/nav-button.png) no-repeat center bottom; */
		width: 315px;
/*		height: 68px;*/
	}

div.nav-block a 
	{
		display: block;
		padding: 0;
		margin: 0;
/*		color: white;
		text-indent: -9999px;*/
		text-decoration: none;
		width: 315px;
/*		height: 68px;*/
	}

/*
div.nav-block a#home-nav 
	{
		background: url(/nicholas/images/nav/home.png) no-repeat center bottom;
	}

div.nav-block a:hover#home-nav 
	{
		background: url(/nicholas/images/nav/home-hover.png) no-repeat center bottom;
	}

div.nav-block a#experiments-nav 
	{
		background: url(/nicholas/images/nav/experiments.png) no-repeat center bottom;
	}

div.nav-block a:hover#experiments-nav 
	{
		background: url(/nicholas/images/nav/experiments-hover.png) no-repeat center bottom;
	}

div.nav-block a#steampulp-nav 
	{
		background: url(/nicholas/images/nav/steampulp.png) no-repeat center bottom;
	}

div.nav-block a:hover#steampulp-nav 
	{
		background: url(/nicholas/images/nav/steampulp-hover.png) no-repeat center bottom;
	}

div.nav-block a#contact-nav 
	{
		background: url(/nicholas/images/nav/contact.png) no-repeat center bottom;
	}

div.nav-block a:hover#contact-nav 
	{
		background: url(/nicholas/images/nav/contact-hover.png) no-repeat center bottom;
	}

div.nav-block a#log-in-nav 
	{
		background: url(/nicholas/images/nav/login.png) no-repeat center bottom;
	}

div.nav-block a:hover#log-in-nav 
	{
		background: url(/nicholas/images/nav/login-hover.png) no-repeat center bottom;
	}
*/

div.nav-block ul li 
	{
		margin: 0;
		padding: 0;
	}

/* @end */

/* @group Footer */

#footer 
	{
		font-size: 1.1em;
		padding: 15px;
		margin: 10px 0;
		background: #fff2da;
		border: 1px solid #80594f;
/*		border-top: 1px solid #fff; */
		-webkit-box-shadow: 0px 0px 7px #815c53;
	}

#footer p 
	{
		margin: 0;
		padding: 0;
	}

/* @end */

/* Additionals from Colin */
fieldset label {
	display: block; 
}

fieldset {
	border: 2px groove threedface;
	padding: 0.5em;
}

fieldset legend {
	font-weight: bold;
}

h1 a {
	text-decoration: none;
	color: inherit;
}

/* New search block */
#bsearchform fieldset {
	border:0;
	padding:0;
	spacing:0;
	margin:-3px;
}
#bsearchform fieldset legend {
	display:none;
}
#bsearchform fieldset label {
	display: none;
}
#bsearchform #q-wrapper {
	background: transparent url(/nicholas/images/nav/nav-button.png) no-repeat scroll center bottom;
	height:68px;
	width:315px;
	display:block;
	text-align:left;
	margin:-0.3em;
}

#bsearchform #q-wrapper.search-active {
	background: transparent url(/nicholas/images/nav/nav-button-active.png) no-repeat scroll center bottom;
	height:68px;
	width:315px;
	display:block;
	text-align:left;
	margin:-0.3em;
}

#q-wrapper input {
	margin-top:27px;
	margin-left:40px;
	background:#000;
	color:#fff;
	border:none;
}

div.nav-block a#home-nav 
	{
		background: url(/nicholas/images/left-size-top.png) no-repeat left top;
		padding:10px 0 5px 20px;
	}
	
div.nav-block a
	{
		background: url(/nicholas/images/left-size.png) no-repeat left top;
		padding: 10px 0 5px 20px;
	}

div.nav-block a#about-nav
	{
		background: url(/nicholas/images/left-size-bottom.png) no-repeat left top;
		padding:10px 0 20px 20px;
	}
	
div.nav-block h2
	{
		margin-bottom: 0;
	}
	
ul li:first-child
	{
		background: url(/nicholas/images/left-li-top.png) no-repeat left top;
		padding:10px 0 0 20px;
	}
	
ul li
	{
		background: url(/nicholas/images/left-li.png) no-repeat left top;
		padding:10px 0 0 20px;
		margin-bottom:0;
	}
	
ul
	{
		background: url(/nicholas/images/left-li-bottom.png) no-repeat left bottom;
		padding-bottom:20px;
		margin-bottom:0;
	}

ul li p
	{
		margin-bottom: 0;
	}
	
ul.no-graduations, li.categories ul, li.categories * ul.children
	{
		background: none;
		padding:0 0 0 0;
		margin-bottom:0;
		margin-top:0;
	}
	
ul.no-graduations li, li.categories ul li, li.categories * ul.children li
	{
		background: none;
		padding:0 0 0.3em 0;
		margin-bottom:0;
	}