/* CSS Document */

/*  Custom definitions, for specific JohnFlood.com

Colours:
	burgundy #A6414C
	purple #4935A2

*/

html * {
	border: 0;
	margin: 0;
	}
	
body {
	font-size: 1em;
	background: #fff;
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  color: #444;
	}
	
h1 { 
	font-size: 120%;
	font-weight: bold;
	text-transform: lowercase;
	margin-bottom: 10px;
	}
	
h2 {
	margin: 0 0 10px 0;
	padding-top: 0;
	font-size: 115%;
	text-transform: lowercase;
	color: #4935A2;
	}
	
h3 {
	font-size: 95%;
	}
	
p, li, dt, dd {
	font-size: 75%;
	}
	
#center p {
	text-align: left;
	margin-right: 2em;
	margin-bottom: 1em;
	}
	
.border {
	border: 2px solid #4935A2;
	}
	
.clear {
	clear: both;
	}
	
.clearright {
	clear: right;
	}
	
.clearleft {
	clear: left;
	}
	
a:link, a:visited {
	text-decoration: none;
	font-weight: bold;
	color:	#4935A2;
	}
	
a:hover, a:active {
	text-decoration: underline;
	}
a.next, a.prev {
	color: #fff;
	background: #4935A2;
	float: right;
	padding: 2px 5px;
	margin-top: -20px;
	margin-right: 0;
	}

a.prev {
	text-align: right;
	margin-left: 5px;
	margin-right: 60px;
	}
	
#header {
	background: #eee;
	border: 1px solid #000;
	}
/* _____________________________________________________________________= main wrapper __*/
#wrapper {
	background-color:#fff;
	width: 100%;
	margin-top: 0;
	padding-top: 0;
	}
	
/* ____________________________________________________________= main navigation styles __*/
#mainnav {
	font-size: 138%;
	background: transparent;
	border: 0;
	position: absolute;
	top: 50px;
	left: 0;
	}
	
#mainnav ul { /* any lists */
	list-style: none;
	font-size: 75%;
	margin: 10px 0;
	padding: 0;
	line-height: 40px;
	}

#mainnav ul li { /* all list items */
	width: 160px;
	height: 40px;
	background: #333 url(../gfx/button_off.gif) no-repeat left top;
	padding: 0;
	text-align: center;
	}
	

#mainnav ul #subnav { /* second-level lists */
	background-image: none;
	padding-bottom: 0;
	margin-top: 0;
	background: #333;
	}
	
#mainnav #subnav li { /* second-level list items */
	padding: 0;
	margin: 0;
	line-height: 20px; 
	background: #fff url(../gfx/red_dot.gif) no-repeat left top;
	text-align: left;
	width: 23em;
	font-size: 120%;
	}
	
#mainnav a:link, #mainnav a:visited {
	text-decoration: none;
	padding: 5p 10px;
	background: transparent;
	color: #fff;
	margin-top: 0;
	text-transform: lowercase;
	line-height: 28px;
	}
#subnav a:link, #subnav a:visited {
	background: #fff;
	color: #A6414C;
	margin-top: 0;
	text-transform: lowercase;
	line-height: 28px;
	margin-left: 40px;
	}
#mainnav a:hover, #mainnav a:active {
	text-decoration: underline;
	background: transparent;
	}
#subnav a:hover, #subnav a:active {
	text-decoration: underline;
	background:transparent;
	}
#mainnav li:hover, #mainnav li.sfhover {  /* top level with suckerfish class */
	background: #333 url(../gfx/button_on.gif) no-repeat left top;
	color: #fff;
	}
#subnav li:hover, #subnav li.sfhover {  /* second level with suckerfish class */
	background: #fff url(../gfx/purple_dot.gif) no-repeat left top;
	}
	
#mainnav li:hover ul,  
#mainnav li.sfhover ul { /* lists nested under hovered list items, with suckerfish class */
		left: 0;
		top: 0;
	}
/* match wrapper class with main nav elements */	
.home #mainnav #home, 
.cats #mainnav #cats, 
.bydate #mainnav #showcats, 
.bykeyword #mainnav #showcats, 
.cat #mainnav #showcats, 
.inprogress #mainnav #inprogress,
.showcats #mainnav #showcats,
.aboutus #mainnav #aboutus,
.cv #mainnav #cv,
.morenews #mainnav #morenews,
.events #mainnav #events,
.links #mainnav #links, 
.search #mainnav #search, 
.blog #mainnav #blog,
.guestbook #mainnav #guestbook {
	background: #333 url(../gfx/button_on.gif) no-repeat left top;
	}
	
/* news page doesn't get a main nav match but does hide latest news panel */
.news #news {
	visibility: hidden;
	}

/* _________________________________________________________________________= columns __*/

#center {
	float: left;
	margin-top: -50px;
	margin-right: 0;
	margin-left: 180px;
	border: 0;
	padding: 0 190px 20px 0;
	min-height: 480px;
	}
#center #image1 {
	float:right;
	margin: 5px;
	}
	
#rightcol {
	position: absolute;
	top: 0;
	right: 0;
	width: 180px;
	margin-top: 0;
	border: 0;
	}
.rightcol {
	background: #eee;
	}
.rightcol h3 {
	color: #4935A2;
	}
#searchbar input {
	border: 1px solid #A6414C;
	}
#searchbar #go {
	background: #4935A2;
	border: 1px solid #4935A2;
	color: #fff;
	font-weight: bold;
	}
#news {
	min-height: 355px;
	background: #eee url(../gfx/rightcol_grad.gif) no-repeat bottom right;
	}
#news h3 {
	margin-bottom: 10px;
	}
#news ol {
	margin-bottom: 10px;
	}
#news ol li {
	margin-top: 10px;
	}
.morenews #searchbar{
	min-height: 400px;
	background: #eee url(../gfx/rightcol_grad.gif) no-repeat bottom right;
	}
	
/* ______________________________________________________________= Main header styles __ */
	
#header {
	background: #fff;
	width: 160px;
	border: 0;
	padding-top: 0;
	}
	
/* Gilder-levin replaces header with image */
#header #sitename {
	width: 160px;
	height: 50px;
	position: relative;
	}
	
#header #sitename span {
	background: url(../gfx/header.gif) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
/* Gilder-levin replaces h1's with images */
#center h1 {
	width: 330px;
	height: 50px;
	position: relative;
	}
#center h1 span {
	position: absolute;
	width: 100%;
	height: 100%;
	}
.home #center h1 span {
	background: url(../gfx/home_head.gif) no-repeat;
	}
.aboutus #center h1 span {
	background: url(../gfx/biography_head.gif) no-repeat;
	}
.cv #center h1 span {
	background: url(../gfx/cv_head.gif) no-repeat;
	}
.showcats #center h1 span {
	background: url(../gfx/publications_head.gif) no-repeat;
	}
.cat #center h1 span {
	background: url(../gfx/pubsbycat_head.gif) no-repeat;
	}
.bydate #center h1 span {
	background: url(../gfx/pubsbydate_head.gif) no-repeat;
	}
.bykeyword #center h1 span {
	background: url(../gfx/pubsbykeyword_head.gif) no-repeat;
	}
.inprogress #center h1 span {
	background: url(../gfx/inprog_head.gif) no-repeat;
	}
.blog #center h1 span {
	background: url(../gfx/blog_head.gif) no-repeat;
	}
.links #center h1 span {
	background: url(../gfx/links_head.gif) no-repeat;
	}
.latest #center h1 span {
	background: url(../gfx/latestnews_head.gif) no-repeat;
	}
.archived #center h1 span {
	background: url(../gfx/archivednews_head.gif) no-repeat;
	}
.current #center h1 span {
	background: url(../gfx/currevents_head.gif) no-repeat;
	}	
.past #center h1 span {
	background: url(../gfx/pastevents_head.gif) no-repeat;
	}
.guestbook #center h1 span {
	background: url(../gfx/guestbook_head.gif) no-repeat;
	}
.add #center h1 span {
	background: url(../gfx/guestbookadd_head.gif) no-repeat;
	}
.terms #center h1 span {
	background: url(../gfx/terms_head.gif) no-repeat;
	}
.contact #center h1 span {
	background: url(../gfx/contact_head.gif) no-repeat;
	}
.research #center h1 span {
	background: url(../gfx/research_head.gif) no-repeat;
	}
.summerschool #center h1 span {
	background: url(../gfx/summerschool_head.gif) no-repeat;
	}
.search #center h1 span {
	background: url(../gfx/search_head.gif) no-repeat;
	}		
.item #center h1 span {
	background: url(../gfx/newsitem_head.gif) no-repeat;
	}
/* ________________________________________________________________= thumbnail styles __*/

.categoryImg {
	border: 0;
	margin: 5px 5px 0 0;
	float: left;
	}
	
ul.listbydate li {
	background: url(../gfx/pdf_large.gif) no-repeat top left;
	height: 60px;
	padding-left: 55px;
	}

ul.products {
	margin-left: -20px;
	}
ul.products li {
	background: url(../gfx/pdf_small.gif) no-repeat top left;
	padding-left: 20px;
	padding-bottom: 10px;
	}
ul.weblinks {
	margin-left: -20px;
	margin-bottom: 20px;
	}
ul.weblinks li {
	background: url(../gfx/url_small.gif) no-repeat top left;
	padding-left: 20px;
	padding-bottom: 10px;
	z-index: 10;
	}
ul.cvlist {
	margin-bottom: 20px;
	list-style: outside;
	padding-left: 40px;
	}
ul.download {
	background: url(../gfx/pdf_small.gif) no-repeat top left;
	padding-left: 25px;
	padding-bottom: 10px;
	}
dl.newsstories dt,
dl.blogposts dt {
	padding-left: 20px;
	height: 16px;
	margin-left: -20px;
	margin-top: 10px;
	}
dl.newsstories dd,
dl.blogposts dd {
	padding-left: 20px;
	margin-left: -20px;
	margin-bottom: 10px;
	}
dl.newsstories dt,
dl.blogposts dt {
	background: url(../gfx/news_small.gif) no-repeat top left;
	}
dl.blogposts dd.text {
	margin-bottom: 10px;
	}
span.keywords {
	font-size: 85%;
	}
	
.summerschool #center h3 {
	margin: 20px 0 10px 0;
	}
.summerschool #center ol {
	list-style: decimal;
	margin-left: 20px;
	}
.summerschool #center ol li {
	margin-bottom: 10px;
	}
.summerschool #center ol ul {
	list-style: disc;
	font-size: 130%;
	margin: 5px 0 5px 40px;
	}
.summerschool #center ol ul li {
	margin: 0;
	}
/* ________________________________________________________________= contact details __*/

.contact p strong {
	width: 250px;
	margin: 5px 5px 0 0;
	}
	
.vcard  {
	border-style: solid;
	border-color:  #A6414C;
	border-width: 1px 0;
	padding: 10px 0 0 0;
	}
.vcard p {
	background: url(../gfx/hcard.png) no-repeat top right;
	width: 100%;
	}
.vcard .type {	
	display: none;
	}
li.vevent {
	margin-bottom: 10px;
	}

/* ___________________________________________________________________= footer styles __*/

#footer {
	font-size: 80%;
	text-align: center;	
	background: #fff;
	margin-bottom: 20px; 
	padding: 10px 0;
	width: 100%;
	color: #A6414C;
	clear: both;
	border-top: 1px solid #4935A2;
	}
	
#footer ul {	
	list-style: none;
	}

/* match wrapper class with footer elements */	
.terms #footer #terms a,
.contact #footer #contact a {
	color: #A6414C;
	}