/* CSS for the HCI-Book website */

body {
	padding-right: 2em;
	padding-left: 2em;
	background-image: url(images/hci_logo_original.png);
	background-repeat: no-repeat;
	background-position: 1em 0em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

hr {
	width: 30%;
}

/* navigation menu styling for horizontal list with submenus */
#navigation {
	position: absolute;
	top: 105px;
	left: 22px;
/*	margin-top: 34px;   positions menu below logo */
	width: 180px;  /* menu width */
	font-family: verdana, arial, sans-serif;
	font-size: 0.8em;
}

span.navHead {
	font-size: 1.1em;
	font-weight: bold;
}

#navigation ul {  /* styles first level list */
	list-style-type: none;  /* removes bullets */
	margin: 0;
	/* Removes browser default margins applied to the lists. */ 
	padding: 0;
	/* Removes browser default padding applied to the lists. */ 
}

#navigation ul li {  /* styles first level list items */
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;  
}

#navigation li.empty { /*styles empty list items to bold, grey*/
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 10px;
	display: block;
}

#navigation ul li a {
	text-decoration: none;
	display: block;
	color:#336666;
	font-weight: bold;
	padding: 2px 10px;
	/* border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa; */
}

#navigation ul ul li a {  /* indents second level list */
	margin-left: 10px;
}
#navigation ul ul li.empty {
	margin-left: 10px;
}

#navigation ul ul ul li a { /* indents third level list */
	margin-left: 30px;
}
#navigation ul ul li.empty a {
	margin-left: 10px;
}
/*
#navigation li ul, #navigation li.open li.closed ul {
	display: none;  collapse lists 
}

#navigation li.open ul {
	display: block;  expand 
}

#navigation ul li.leaf a {
	style closed leaf 
}
*/
#navigation ul ul li a {
	display: block;
	color:#336666;
	font-weight: bold;
	background-color: transparent;
	width: 140px;
	padding: 2px 10px;
	/* border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa; */
	text-decoration: none;
}

#content a {
	color:#336666;
	font-weight: bold;
	text-decoration: none;
}

#content a:hover, #navigation ul ul li a:hover, #navigation ul li a:hover {
	background-color: #ddd;
	color:#336666;
	text-decoration: none;
}

/*Highlight current page */
body#home li#home a,
body#members li#team a,
body#contexts li#contexts a,
body#audience li#audience a,
body#interface li#interface a,
body#form li#form a,
body#research li#research a,
body#studies li#studies a,
body#rationale li#rationale a,
body#previous li#previous a,
body#features li#features a,
body#uses li#uses a,
body#uses2 li#uses2 a,
body#archives li#archives a,
body#material li#material a,
body#symbolic li#symbolic a,
body#formal li#formal a,
body#proto li#proto a,
body#preservation li#preservation a,
body#encoding li#encoding a,
body#analysis li#analysis a,
body#tools li#tools a,
body#media li#media a,
body#culture li#culture a,
body#biblio li#biblio a,
body#home li#home li a:hover,
body#contexts li#contexts li a:hover,
body#audience li#audience li a:hover,
body#interface li#interface li a:hover,
body#form li#form li a:hover,
body#research li#research li a:hover,
body#studies li#studies li a:hover,
body#rationale li#rationale li a:hover,
body#previous li#previous li a:hover,
body#features li#features li a:hover,
body#uses li#uses li a:hover,
body#uses2 li#uses2 li a:hover,
body#archives li#archives li a:hover,
body#material li#material li a:hover,
body#symbolic li#symbolic li a:hover,
body#formal li#formal li a:hover,
body#proto li#proto li a:hover,
body#preservation li#preservation li a:hover,
body#encoding li#encoding li a:hover,
body#analysis li#analysis li a:hover,
body#tools li#tools li a:hover,
body#media li#media li a:hover,
body#culture li#culture li a:hover,
body#biblio li#biblio li a:hover {
 background-color: #ddd;
}

body#home li#home li a,
body#members li#members li a,
body#contexts li#contexts li a,
body#audience li#audience li a,
body#interface li#interface li a,
body#form li#form li a,
body#research li#research li a,
body#studies li#studies li a,
body#rationale li#rationale li a,
body#previous li#previous li a,
body#features li#features li a,
body#uses li#uses li a,
body#uses2 li#uses2 li a,
body#archives li#archives li a,
body#material li#material li a,
body#symbolic li#symbolic li a,
body#formal li#formal li a,
body#proto li#proto li a,
body#preservation li#preservation li a,
body#encoding li#encoding li a,
body#analysis li#analysis li a,
body#tools li#tools li a,
body#media li#media li a,
body#culture li#culture li a,
body#biblio li#biblio li a {
 background-color: transparent;
}

/* Begin content styles */

#content {
	margin-left: 250px;
	margin-top: 70px;
	padding-right: 3em;
}
img#sshrc {
	float: right;
	padding: 0.75em;
}

h1 {
	margin-top: -13px;
	color: #336666;
	font-size: 2em;
}

h2 {
	margin-top: -9px;
	color: #336666;
	font-size: 1.5em;
}

h3 {
	margin-top: -6px;
	color: #336666;
	font-size: 1.25em;
}

h4 {
	font-size: 1.25em;
	font-style: italic;
}

p {
	padding-top: 0.15em;
	padding-bottom: 0.15em;
}

ul.bib {
	list-style: none;
	padding-left: 2em;
	text-indent: -2em;
}


/* Style and position the footer text */
#footer	{
	margin-top: 4em;
	margin-left: 225px;
	}

#footer a, a:visited {
	color: #333333;
	text-decoration: none;
}
	
.copyright {
	text-align: center;
	font-size: 0.85em;
}