/* CSS Document */

/*  Custom definitions, for specific ConorGearty.com

Colours:
	dark grey #555
	navy #241953
	green #3c9b8a

*/

html * {
	border: 0;
	margin: 0;
	}
	
body {
	font-size: 1em;
	background:#fff url(../gfx/body_bg.gif) repeat-y top left;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #555;
	}
	
h1 { 
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 10px;
	color: #3c9b8a;
	}
	
h2 {
	margin: 0 0 10px 0;
	padding-top: 0;
	font-size: 115%;
	color: #3c9b8a;
	padding-left: 35px;
	background: url(../gfx/h2_bullet.gif) #fff no-repeat bottom left;
	line-height: 30px;
	margin-bottom: 5px;
	}
.blog h2 {
	margin-top: 20px;
	}
	
h3 {
	font-size: 95%;
	color:#3c9b8a;
	}
	
p, li, dt, dd {
	font-size: 75%;
	line-height: 1.5;
	}
	
#center p {
	text-align: left;
	margin-right: 2em;
	margin-bottom: 1em;
	}
	
.border {
	border: 2px solid #241953;
	}
	
.clear {
	clear: both;
	}
	
.clearright {
	clear: right;
	}
	
.clearleft {
	clear: left;
	}
	
a:link, a:visited {
	text-decoration: none;
	font-weight: bold;
	color:	#241953;
	}
	
a:hover, a:active {
	text-decoration: underline;
	}
a.next, a.prev {
	color: #fff;
	background: #3c9b8a;
	float: right;
	padding: 2px 5px;
	margin-top: -20px;
	margin-right: 0;
	}

a.prev {
	text-align: right;
	margin-left: 5px;
	margin-right: 60px;
	}
a:hover.next, a:focus.next,
a:hover.prev, a:focus.prev {
	background: #241953;	
	}
a.map, a.extlink {
	padding-right: 15px;
	background: url(../gfx/ext_link_navy.gif) center right no-repeat;
	}
a.feed {
	padding-right: 20px;
	background: url(../gfx/feed.gif) center right no-repeat;
	}
	
/* _____________________________________________________________________= main wrapper __*/
#wrapper {
	background: transparent url(../gfx/wrapper_bg.gif) repeat-x top left;
	width: 100%;
	margin-top: -50px;
	padding-top: 0;
	}
	
/* ____________________________________________________________= main navigation styles __*/
#mainnav {
	font-size: 138%;
	background: #241953;
	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: 30px;
	width: 170px;
	}

#mainnav ul li { /* all list items */
	width: 170px;
	height: 35px;
	background: #241953 url(../gfx/button_off.gif) no-repeat left top;
	padding: 5px 0 0 0;
	text-align: left;
	border-bottom: 3px solid #241953;
	}
	

#mainnav ul #subnav { /* second-level lists */
	background-image: none;
	padding-bottom: 0;
	margin-top: 0;
	background: #241953;
	}
	
#mainnav #subnav li { /* second-level list items */
	padding: 0;
	margin: 0;
	line-height: 30px; 
	background: #3c9b8a url(../gfx/subnav_bullet.gif) no-repeat left top;
	text-align: left;
	width: 20em;
	font-size: 120%;
	height: 40px;
	}
	
#mainnav a:link, #mainnav a:visited {
	text-decoration: none;
	padding: 5px 5px 0 40px;
	background: transparent;
	color: #fff;
	margin: 5px 5px 0 0;
	line-height: 28px;
	}
#subnav a:link, #subnav a:visited {
	color: #fff;
	margin-top: 0;
	line-height: 40px;
	margin-left: 0;
	}
#mainnav a:hover, #mainnav a:active {
	text-decoration: underline;
	background: transparent;
	width: 170px;
	}
#subnav a:hover, #subnav a:active {
	text-decoration: underline;
	background:transparent;
	}
#mainnav li:hover, #mainnav li.sfhover {  /* top level with suckerfish class */
	background: #241953 url(../gfx/button_on.gif) no-repeat left top;
	color: #fff;
	width: 170px;
	}
#subnav li:hover, #subnav li.sfhover {  /* second level with suckerfish class */
	background: #fff url(../gfx/subnav_bullet.gif) no-repeat left top;
	}
	
#mainnav li:hover ul,  
#mainnav li.sfhover ul { /* lists nested under hovered list items, with suckerfish class */
		left: 10px;
		top: 0;
		z-index: 10;
	}
/* match wrapper class with main nav background elements */	
.home #mainnav #home, 
.cats #mainnav #cats, 
.bydate #mainnav #showcats, 
.cat #mainnav #showcats, 
.inprogress #mainnav #inprogress,
.showcats #mainnav #showcats,
.aboutus #mainnav #aboutus,
.cv #mainnav #cv,
.events #mainnav #events,
.links #mainnav #links, 
.search #mainnav #search, 
.blog #mainnav #blog,
.guestbook #mainnav #guestbook {
	background: #3c9b8a url(../gfx/button_on.gif) no-repeat left top;
	}

/* match wrapper class with main nav link elements */	
.home #mainnav #home a, 
.cats #mainnav #cats a, 
.bydate #mainnav #showcats a, 
.cat #mainnav #showcats a, 
.inprogress #mainnav #inprogress a,
.showcats #mainnav #showcats a,
.aboutus #mainnav #aboutus a,
.cv #mainnav #cv a,
.events #mainnav #events a,
.links #mainnav #links a, 
.search #mainnav #search a, 
.blog #mainnav #blog a,
.guestbook #mainnav #guestbook a {
	color: #241953;
	}

/* _________________________________________________________________________= columns __*/

#center {
	float: left;
	margin-top: 0x;
	background: transparent;
	margin-right: 0;
	margin-left: 180px;
	border: 0;
	padding: 0 190px 20px 0;
	min-height: 550px;
	}
#center #image1 {
	float:left;
	margin: 5px 10px 0 0;
	padding: 3px 3px 0 3px;
	border: 1px solid #3c9b8a;
	}
#center #image1 img {
	margin: 0  0 3px 0;
	}
#center #image1 .caption { 
	font-size: 70%;
	}
	
#rightcol {
	position: absolute;
	top: 0;
	right: 0;
	width: 180px;
	margin-top: 0;
	border: 0;
	background: #3c9b8a;
	}
.rightcol {
	background: #3c9b8a;
	}
.rightcol h3 {
	color: #fff;
	}
#searchbar {	
	background: #3c9b8a;
	}
#searchbar h3 {
	font-size: 75%;
	margin-bottom: 0;
	}
#searchbar input {
	border: 1px solid #555;
	margin-top: 0;
	margin-bottom: 0;
	}
#searchbar #go {
	background: #241953;
	border: 1px solid #241953;
	color: #fff;
	font-weight: bold;
	}
.events #searchbar { /* extends searchbar for the events page only */
	min-height: 455px;
	background: #3c9b8a url(../gfx/rightcol_grad.gif) no-repeat bottom right;
	padding-bottom: 100px;
	}
#news { /* actually events in the instance */
	min-height: 410px;
	background: #3c9b8a url(../gfx/rightcol_grad.gif) no-repeat bottom right;
	padding-bottom: 100px;
	color: #eee;
	}
#news h3 {
	margin-bottom: 10px;
	}
#news ol {
	margin-bottom: 10px;
	}
#news ol li {
	margin-top: 10px;
	}
#news ol strong {
	color: #fff;
	}
#news ol em {
	color: #241953;
	font-size: 90%;
	font-style: normal;
	font-weight: bold;
	}
	
	
/* ______________________________________________________________= Main header styles __ */
	
#header {
	background: #fff;
	width: 160px;
	border: 0;
	padding-top: 0;
	}
	
/* Gilder-levin replaces header with image */
#header #sitename {
	width: 170px;
	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;
	}
.current #center h1 span {
	background: url(../gfx/currentevents_head.gif) no-repeat;
	}
.past #center h1 span {
	background: url(../gfx/pastevents_head.gif) no-repeat;
	}
.archived #center h1 span {
	background: url(../gfx/archivednews_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.documents {
	margin-left: 0;
	}
ul.documents li {
	background: url(../gfx/pdf_small.gif) no-repeat top left;
	padding-left: 20px;
	padding-bottom: 10px;
	}
ul.weblinks {
	margin-left: 0;
	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;
	margin-left: 13px;
	}
dl.newsstories dt,
dl.newsstories dd,
dl.blogposts dt,
dl.blogposts dd {
	padding-left: 20px;
	margin-left: 0;
	}
dl.newsstories dt,
dl.blogposts dt {
	background: url(../gfx/news_small.gif) no-repeat top left;
	margin-top: 20px;
	}
dl.blogposts dd.text {
	margin-bottom: 10px;
	}
span.keywords {
	font-size: 95%;
	letter-spacing: 0.01em;
	}
span.keywords a {
	color: #3c9b8a;
	}
	
.terms #tandc {
	list-style: lower-roman;
	margin-left: 30px;
	}
/* ________________________________________________________________= contact details __*/

.contact .vcard p strong,
.events ol strong {
	width: 250px;
	margin: 5px 5px 0 0;
	color: #3c9b8a;
	}
	
.vcard, .vevent  {
	border: #3c9b8a solid 1px;
	padding: 10px;
	margin: 5px 0;
	}
.vcard p {
	width: 100%;
	}
.vcard .type {	
	display: none;
	}
.vcard .fn, .vevent em {
	font-weight: bold;
	font-style: normal;
	}
.badge {
	float: right; 
	font: 9px Geneva, Verdana, sans-serif; 
	padding: 0 1em 1px 0;
    border: 1px solid #241953; 
	background: #3c9b8a; 
	}
.badge a {
	color: #fff; 
	text-decoration: none;
    text-align: center;
	font-weight: normal;
	}
.arrows {
	background: #241953; 
	border-right: 1px solid #241953; 
	color: #fff; 
	padding: 1px 0.5em; 
    margin-right: 0.3em;
	}

/* ___________________________________________________________________= footer styles __*/

#footer {
	font-size: 90%;
	text-align: center;	
	background:#fff url(../gfx/body_bg.gif) repeat-y top left;
	margin-bottom: 20px; 
	padding: 10px 0;
	width: 100%;
	color: #555;
	clear: both;
	border-top: 2px solid #3c9b8a;
	}
	
#footer ul {	
	list-style: none;
	}

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