﻿/* stylesheet for biointerface.org */

body { 	margin: 8px auto;
		padding: 0;
		width: 770px;
		font-size: 62.5%;
		font-family: Georgia, Times New Roman, Times, serif; }

h1 { margin: 0;
	 padding: 0;
	 clear: left;
	 font-size: 350%;
	 font-weight: normal; }

h2 { margin: 1.5em 0 0.5em 0;
	 padding: 0;
	 clear: both;
	 font-size: 225%;
	 font-weight: normal; }

h3 { margin: 1em 0 0.25em 0;
	 padding: 0;
	 clear: both;
	 font-size: 200%;
	 font-weight: normal; }

p { padding: 0;
	margin: 0 0 1em 0;
	font-size: 150%;
	line-height: 1.6; }

ul { margin-top: 1em;
	 margin-bottom: 1em;
	 font-size: 150%;
	 line-height: 1.5; }

blockquote { background-image: url(icons/left-quote.gif);
			 background-position: 0px 0px;
			 background-repeat: no-repeat;
			 padding: 0 0 0 45px;
			 margin: 1em 0;
			 width: 75% }

blockquote p { font-family: Verdana, Helvetica, Arial, sans-serif;
			   font-size: 120%;
			   margin-bottom: 0;
			   padding: 0 40px 0 0;
			   background-image: url(icons/right-quote.gif);
			   background-repeat: no-repeat;
			   background-position: 100% 100%; }

#sitemap p { margin-bottom: 0.5em; }
#sitemap ul { margin-top: 0; }
#resume ul { list-style-type: none;
			 margin-left: 0;
			 padding-left: 0; }

.top { margin-top: 0; }
.right { clear: right;
		 float: right; }
.left { clear: left;
		float: left; } 
img.right { margin-left: 2em;
		 	margin-bottom: 1em; }
img.left { margin-right: 2em;
		   margin-bottom: 1em; }

a:link { color: #aa5; }
a:visited { color: #000; }
a:hover { color: #c60; }

a img { border: none; }

a.vip:link { color: #c60; }

		/* link qbullets */

		a.ext, a.inf, a.pdf { 	background-repeat: no-repeat;
					  		 	background-position: 100% 5px;
								padding-right: 14px;
								white-space: nowrap; }

		a.doi { background-repeat: no-repeat;
				background-position: 100% 4px;
				padding-right: 14px;
				white-space: nowrap; }

		/* normal links (green) */
		a.ext { background-image: url(icons/extgrn.gif); }
		a.inf { background-image: url(icons/infgrn.gif); }
		a.pdf { background-image: url(icons/pdfgrn.gif); }
		/* vip links (copper) */
		a.ext.vip { background-image: url(icons/extcop.gif); }
		a.inf.vip { background-image: url(icons/infcop.gif); }
		a.pdf.vip { background-image: url(icons/pdfcop.gif); }
		/* "notes" links (grey) */
		.notes a.ext { background-image: url(icons/extgry.gif); }
		.notes a.inf { background-image: url(icons/infgry.gif); }
		.notes a.pdf { background-image: url(icons/pdfgry.gif); }
		.notes a.doi { background-image: url(icons/extgry.gif); }


/* Main Content */

div#content { 	margin: 0;
				padding: 0;
				clear: both;
				color: #344; }

div#content h2 { color: #c60; }
div#content h2:first-letter { color: #550; font-size: 120%; }
div#content p strong,dfn { color: #333; }
div#content p dfn { font-style: normal; font-weight: bold; }

div.vspacer { margin: 0; padding: 0; height: 0; clear: both; }

p.caption { font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
			font-size: 130%;
			margin-bottom: 2em; }

/* Header */

div#header { margin: 0 0 2em 0;
			 padding: 0;
			 width: 100%;
			 height: 128px; }

div#header img { margin: 0 0 0 2em;
			     padding: 0;
				 clear: right;
				 float: right;
				 width: 128px;
				 height: 128px; }

div#header h2 { margin: 0.5em 0 1em 0;
				clear: left; }

div#header p { margin: 0 0 0.5em 0;
			   padding: 0;
			   clear: left;
			   font-family: Trebuchet MS, Helvetica, Arial, sans-serif; }

div#header h1 a:link { text-decoration: none; color: black;}
div#header h1 a:visited { text-decoration: none; color: black;}
div#header h1 a:hover { text-decoration: none; color: #c60;}

div#header p a:link { text-decoration: none; }
div#header p a:visited { text-decoration: none; color: #aa5; }
div#header p a:hover { text-decoration: underline; }

/* Footer */

div#footer { margin: 3em 0 0 0;
			 padding: 0;
			 clear: both;
			 width: 100%;
			 height: 114px;
			 color: #888;
			 border-top: 1px solid; }

div#footer p { font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
			   margin: 0.75em 0 0 0;
			   font-size: 130%; }

div#footer a:visited { color: #aa5; }

div#clustrmaps { height: 106px;
				 width: 160px;
				 clear: right;
				 float: right;
				 margin: 8px 0 0 0;
			 	 padding: 0; }

/*  Custom talks/pubs styles  */

ul.publist li { margin-bottom: 0.75em; }

p.talklist, p.publist { line-height: 2.0;}
h2.publist { margin: 3em 0 0 0; }
h2.talklist { margin: 3em 0 1em 0; }

p span.presenter { color: #000; text-decoration: underline;}

p span.review { color: #c60;
              	text-transform: lowercase;
			  	font-variant: small-caps;
			  	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
			  	font-weight: bold;}
p span.paper { color: #000;
			   font-weight: bold;}
p span.conf { font-style: italic; }

#content p.publist { margin-top: 2.5em;}
#content p.publist.top { margin-top: 0.75em;}
#content p.talklist { margin-bottom: 2em;}
.publist span.vip { color: #c60;}
.publist span.notes { color: #899; font-size: 90%; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; }
.publist span.notes a { color: #899;}

p span.source { font-style: italic; }
p span.vol { font-weight: bold; }
p span.pubstag { font-size: 90%;
				 font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
				 color: #899;}

ul.publist span.source { font-style: italic; }
ul.publist span.vol { font-weight: bold; }

