/* General rules
------------------------------------------------------------*/
html,body,h1, h2, h3, h4,#banner,#banner p,img,#blog,#links img,#menu p,#menu img{
margin:0;
padding:0;
border: 0;
}  /*Removes some redundancy in the css*/
body{
font-size:80%;  /* User controls font size via ems*/
color:#000;
background: #fff url(/archive/images/vhelixbg.gif) no-repeat fixed bottom right;
font-family:"Lucida Sans Unicode", verdana, arial, sans-serif;
}

/* Links
------------------------------------------------------------*/
A {color: #993300; text-decoration: none; font-weight:normal; } 
A:link {color: #993300; text-decoration: none; } 
A:visited {color: #993300; text-decoration: none; } 
A:active {color: #FFCC66;  } 
A:hover {color: #FFCC66;  background-color:#eee;}
h1, h2, h3 {
color: #6C6457;
background-color: transparent;
text-align:left;
}
/* Link styles as seen on www.rebeccablood.net/archive/2005/03.html#25info */
a.intra {}
a.out{
padding-right:11px;
background: transparent url(/images/extlink_wikipediastyle.gif) center right no-repeat;
}

/* Styles for paragraphs and characters with special functions
------------------------------------------------------------*/
p#logo{
float:left;
}
p#motto,p#superfluities{
font-style:italic;
}
#abstract{
padding: 0 2em 2em 2em;
border-top:0;
border-right:0;
border-bottom:solid 1px #666;
border-left:0;
margin:0;
font-family:"Lucida Sans Unicode", verdana, arial, sans-serif;
text-align: justify;
line-height:1.4em;
}
#abstract blockquote p {text-align:left;}
.citation {
margin: 1em;
padding:0.5em;
font-family:Georgia, "Times New Roman", Times, serif;
text-align:left;
font-style:italic;
font-size:0.9em;
}
.extended{
font-weight:bold;
color:#aaa;
margin-left:1em;
}
.pagetop {
margin:1em 0;
padding:1em;
color: #111;
border: solid 1px #6C6457;
text-align:left;
}
blockquote{
display:block;
border:solid 1px #ccc;
background-color:#efefef;
color:#000;
margin:0 1em;
padding:0.5em;
}
blockquote p{
font-family:Verdana, Arial, sans-serif;
font-size:11px;
line-height:17px;
margin:0;
padding:0;
}
blockquote p.citation{
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
}
img#lo {
float:none;
margin:0;
}
code {
font-family: Courier, monospace;
font-size:0.9em;
text-align:left;
margin:0 2em;
}
acronym, abbr {
cursor: help;
}
/* #4F6E50 was base colour using easyrgb.com */
.Monday, .colour1 {background-color:#ccc;}  /* grey */
.Tuesday, .colour2 {background-color:#DDC5B9;}  /* light brown */
.Wednesday, .colour3 {background-color:#BCCBDE;}  /* pale blue */
.Thursday, .colour4 {background-color:#E0C3C2;}  /* pale red */
.Friday, .colour5 {background-color:#cdc;}  /* pale green */
.Saturday, .colour6 {background-color:#D5C4D6;}  /* purple, used to be #c69 */
.Sunday, .colour7{background-color:#c96;}  /* Diarrhoea brown */
.Greyday, .colour8{background-color:#efefef;}  /* Lightest grey */
ol#fyi li{
margin-bottom:0.5em;
}
ol#fyi li {
margin-bottom:1.5em;
border-bottom: dotted 1px #fc6;
}
ol#fyi li ol li, ol#fyi li ul li{
margin-bottom:0;
border-bottom:none;
}
div#links p.hidden {
display:none;
}

/* Base styles for the main page divisions
------------------------------------------------------------*/
/* The width of text blocks is controlled as follows:
The bounding container has set width and margin:auto. All 
pages have div#banner with width:100%. The main page also 
has div#highlight under the banner to show stuff off. The index pages (main, 
archives, categories) have two main divs of stuff, div#blog 
and div#links. The first is floated with an em-specified width 
and the second is a sidebar with a margin-left to accommodate 
the div#blog (noting that the base font sizes are specified 
differently in these two divs so the numbers don't match). On 
individual entry pages there is no div#links so the bounding 
container is div#container with a smaller width for readability */
#banner {
width:100%;
height:7em;
color:#fff;
background: #666 url(/archive/images/banner-bg.gif) top left no-repeat;
font-family: "Courier New", courier, monospace;
font-size:1.2em;
}
#highlight{
position:relative;
width:100%;
font-size:0.7em;
/*background-color:ThreeDFace;*/
background-color:#dadada;
font-family:verdana,arial,helvetica,sans-serif;
padding-top:2px;
border-top:solid 1px ThreeDLightShadow;
border-bottom:solid 1px ThreeDDarkShadow;
}
#content,#container{
font-size:1em;
color:#000;
background-color:transparent;
margin:0 auto;
border:0;
padding:0;
width:60em;
}
#container{
/*font-family:Georgia, Garamond, "Times New Roman", Times, serif;*/
/*font-family:verdana,arial,helvetica,sans-serif;*/
}
#links,#menu{
color:#333;
background-color:transparent;
/* width:35%; Removed because this is a block with a float next to it, which messes with IE */
font-size:0.8em;
font-weight:normal;
border-top:0;
border-right:0;
border-bottom:solid 3px #aaa;
border-left:solid 1px #aaa;
margin:0 0 0 50em;  /* 70em of the 0.8em letters is about 55em of the 1em letters */
padding:1.2em;
}
#content #blog {
float:left;
width:35em;
}
#container #blog {
margin:auto;
width: 55em;
}
#blog {
width:35em;
background-color:transparent;
margin-top:5px;
margin-left:1em; 
}	

/* Styles within the main divisions: div banner
------------------------------------------------------------*/
#banner p{
padding-top:5em;
white-space: nowrap;
}
#banner a, #banner a:link{
color:#ccc;
background-color:transparent;
font-weight:bold;
text-decoration:underline;
}
#banner a:visited {
background-color:transparent;
text-decoration:underline;
}
#banner a:hover {
background-color:#930;
text-decoration:none;
}
#banner a:active{
background-color:#930;
text-decoration:none;
}
div#bannernav{
position:absolute;
top:1em;
left:55%;
font-family:"Lucida Sans Unicode", verdana, arial, sans-serif;
font-size:0.7em;
padding:0.5em;
}  /* Contains standard links e.g. home, main categories, searchbox 
positioned absolutely so it appears to be part of div#banner */

div#bannernav form#orthosearch{
font-size:0.8em;
color:#fff;
background-color:transparent;
margin:0;
padding:0;
white-space: nowrap;
}
div#bannernav fieldset{
padding:0;
margin:0.5em;
border:0;
}
legend{
display:none;
}
div#bannernav ul{
margin:0;
padding:0;
display:inline;
white-space: nowrap;
}
div#bannernav li{
margin:0;
padding:2px;
list-style:none;
display:inline;
}
#bannernav a, #bannernav a:link{
color:#ccc;
background-color:#666;
font-weight:normal;
text-decoration:none;
border:solid 2px #ccc;
text-transform:uppercase;
}
#bannernav a:visited {
text-decoration:none;
}
#bannernav a:hover {
color:#ccc;
background-color:#666;
border:solid 2px #930;
text-decoration:none;
}
#bannernav a:active{
color:#ccc;
background-color:#930;
text-decoration:none;
}

/* Styles within the main divisions: div highlight
------------------------------------------------------------*/
#highlight h2, #highlight ul, #highlight ul li, #highlight form, #highlight input, #highlight p{
display:inline;
whitespace:nowrap;
margin:0;
padding:0;
}
#highlight h2{
font-size:1.5em;
}
#highlight ul{
margin-left:2em;
}
#highlight ul li{
list-style:none;
margin-right:2em;
}
#highlight a{
font-weight:bold;
}
#highlight input{
width:24px;
height:24px;
margin-bottom:1px;
}
#highlight p{
position:absolute;
top:0.5em;
right:0;
}

/* Styles within the main divisions: div blog inline links
------------------------------------------------------------*/
dl.dmeme {
/*line-height:1.2em;*/
font-size:1.2em;
font-weight:normal;
margin:1em 0 2em 0;
padding:1em 0;
}
#container dl.dmeme {
font-family:"Lucida Sans Unicode", verdana, arial, sans-serif;  /* Necessary because otherwise get serif font on individual pages */
}
dl.dmeme dt {
font-weight:bold;
font-size:1em;
font-family:Arial, sans-serif;
letter-spacing:0.1em;
margin-left:0;
padding-left:0;
padding-bottom:0.1em;
}
dl.dmeme dd {
font-size:0.8em;
line-height:1.6em;
margin-left:0;
padding-left:0;
}
dl.dmeme dd.linkpost {
text-align:right;
}
dl.newbookmark {
clear: both;  /* For rounded corners */
position: relative;  /* For rounded corners */
color:#333;
border:solid 1px #dedede;
}
dl.newbookmark dt{
font-weight:bold;
font-size:1em;
font-family:Arial, sans-serif;
letter-spacing:0.1em;
padding:1em;
padding-bottom:0;
margin:0;
}
dl.newbookmark dd{
font-size:0.8em;
line-height:1.6em;
padding:1em;
padding-top:0;
margin:0;
}

dl.dmeme a {
color:#036;
background-color:transparent;
text-decoration:none;
/*font-weight:bold;*/
border:0;
}
dl.dmeme dt a, dl.dmeme dd.linkpost a {
font-weight:bold;
}
dl.dmeme a:link {
color:#036;
background-color:transparent;
border-bottom:dotted 1px #036;
}
dl.dmeme a:visited {
color:#666;
background-color:transparent;
border-bottom:dotted 1px #666;
}
dl.dmeme a:hover {
color:#fc6;
background-color:transparent;
border-bottom:dotted 1px #fc6;
}
dl.dmeme a:active {
color:#036;
border-bottom:dotted 1px #036;
}
dd.linkpost{
text-align:right;
background-color:#eee;
border-top:solid 2px #dedede;
padding:0.5em;
}

/* Styles within the main divisions: div blogbody
------------------------------------------------------------*/
.blogbody {
position:relative;
font-family:Georgia, Garamond, Times, serif;
font-size:1em;
color:#555;
background-color:#f7f7f7;
line-height:1.6em;
text-align: left;
font-weight:normal;
padding:1em 2.5em;
border-top:solid 1px #fc6;
border-bottom:solid 1px #fc6;
}
.blogbody p{
padding:0;
margin:0.5em 0 1em 0;
}
.blogbody li{
margin-bottom:0.5em;
}
.blogbody a, .blogbody a:link, .blogbody a:visited, .blogbody a:active, .blogbody a:hover {
font-weight: normal;
text-decoration: underline;
}
.blogbody img {
/*float: right;
margin:2em 0 1em 2em;*/
}
#blog h1 { 
font-family: Verdana, sans-serif; 
font-size: 1.1em; 
font-weight:bold;
color: #036;
}
#blog h1#backlist{
border-top:none;
margin-top:0.5em;
}		
#blog h2{ 
font-family:verdana, arial, sans-serif; 
font-size: 1em; 
color: #666; 
border-bottom:1px solid #999;
margin:0;
margin-top:10px;
font-weight:bold;
}			
.posted	{ 
display:block;
font-family:verdana, arial, sans-serif; 
font-size: 0.7em; 
color: #036;
margin:0;
text-align:right;
}
.extended {
padding-right:1em;
}
.starlist li {
font-size:0.8em;
}
/* PNAS css homage */
div#PNAS-stars {
font-family:"Times New Roman", Times, serif;
border:solid 1px #ccc;
}
div#PNAS-stars h2{
font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
font-style:italic;
color:#ffffff;
background-color:#660033;
font-size:1.2em;
font-weight:bold;
text-align:center;
padding:1px;
vertical-align:middle;
}
p.wikitrail {
font-family:"sans-serif";
font-size:1.3em;
line-height:1.5em;
border:solid 1px #ccc;
padding:0.5em 1em;
background-color:#f9f9f9;
text-align:right;
}
p.wikitrail:first-letter{
font-size:1.5em;
font-weight:bold;
}

/* Styles within the main divisions: div links
------------------------------------------------------------*/
#links p,#menu p{
text-align:center;
}
#links h1 ,#menu h1{
display:none;
}
div.listings {
/*border:solid 2px #4F6E50;*/
padding:0;
margin:1em auto;
background-color:#efefef;
}
#links h2, #links .listings ul div.reader-publisher-module h3{
color:#000;
width:auto;
font-family:verdana, arial, sans-serif;
font-size:1em;
font-weight:bold;
line-height:140%;
padding:0;
margin:0 auto;
letter-spacing: .1em;
text-align:center;
border:0;
}
#links fieldset{
border:none;
}
#links form{
width:auto;
}
body#search-results div#links{
background-color:efefef;
}
body#search-results div#links h2, body#search-results div#links p{
text-align:left;
}
/* Styles for the links to sub-blogs (paralogs) */
div#paralogs {
z-index:100;
border:1px solid silver;
background: #eee;
color:#333;
width:100;
height:100;
}
div#paralogs h2{
display:none;
}
div#paralogs ul{
margin:0;
margin-bottom:1em;
padding:0;
padding-bottom:0;
background-color:#efefef;
list-style:none;
}
div#paralogs li{
text-transform:uppercase;
text-align:center;
}
div#paralogs li a{
font-weight:bold;
}
/* Styles for the site phylomemetic tree in div links */
ul#phylomemy {
display:block;
width:auto;
border:0;
margin:0;
padding:0 2em 2em 2em;
}
ul#phylomemy li {
list-style:none;
margin:0;
border:0;
padding:0;
padding-top:0.5em;
}
ul#phylomemy ul{
margin:0;
margin-left:2em;
border:0;
padding:0;
}
ul#phylomemy ul li {
border-top:0;
border-right:0;
border-left:solid 1px #aaa;
border-bottom:0;
margin:0;
padding:0;
padding-top:1em;
}
ul#phylomemy a {
position:relative;
top:0.8em;
/*left:-1em;*/
display:inline;
background-color:#efefef;
border-top:0;
border-right:0;
border-bottom:solid 1px #aaa;
border-left:0;
padding:0;
}
ul#phylomemy li ul li ul li{
text-align:right;
border-bottom:solid 1px #aaa;
}
ul#phylomemy ul a{
border-left:0;
}
ul#phylomemy ul ul a{
border-left:solid 1px #aaa;
}
/* Styles for the other, non-dendrographic lists in div links */
ul#bookcovers{
text-align:left;
}
ul#bookcovers li{
display:inline;
list-style:none;
}
ul#bookcovers li a{
display:inline;
margin:1em;
}
.listings ul, .listings dl, .listings ul div.reader-publisher-module ul{
margin:0;
padding:0;
width:auto;
}
.listings ul{
list-style:none;
}
.listings ul div.reader-publisher-module ul{
list-style-image: url('/archive/images/googlestar.png');
margin-left:1em;
padding-left:1em;
}
.listings ul li{
border:0;
margin:0;
padding:0;
text-align:left;
width:auto;
}
.listings ul div.reader-publisher-module ul li{
border:0;
margin:auto;
padding:auto;
text-align:left;
}
.listings ul li a, .listings ul div.reader-publisher-module ul li a{
display:block;
width:auto;
border: solid 1px #efefef;
}
.listings ul li a{
margin:0;
padding:0;
}
.listings li a:hover, .listings ul div.reader-publisher-module ul li a:hover{
background-color:#ccc;
color:#333;
text-decoration:underline;
border: solid 1px #930;
}
#readerpublishermodule0 h3{
display: none;
}
#readerpublishermodule0 div.f{
text-align:center;
}
#readerpublishermodule0 div.f a{
border-right:solid 2px #000;
border-left:solid 2px #000;
}

/* Styles within the main divisions: div#boilerplate
------------------------------------------------------------*/
div#boilerplate {
position:relative;
clear:both;
border:0;
border-top:solid 1px #000;
padding:0;
margin:0.5em;
}
div#boilerplate p {
text-align:center;
font-size:0.8em;
}

/* Other styles
------------------------------------------------------------*/

/* Styles added at elise.com suggestion for post-MT2.661 upgrades to comments */
#comment-data { float: left; width: 180px; padding-right: 15px; margin-right: 15px; text-align: left; border-right: 1px dotted #BBB; }
textarea[id="comment-text"] {
width: 80%;
}
.commenter-profile img {
vertical-align: middle;
border-width: 0;
}

/* Leftover styles from MT that may or may not be useful */
/* Winnowing these is a task for a rainy day */
.endmatter {
font-family:verdana, arial, sans-serif;
font-size:xx-small;
font-weight:bold;		
line-height:140%;
padding:2px;
margin-top:10px;
text-align:center;
background-color:#eee;  		
letter-spacing: .2em;				
}	
.comments-body {
font-family:verdana, arial, sans-serif;
color:#666;
font-size:small;
font-weight:normal;
background:#FFF;
line-height:140%;
padding-bottom:10px;
padding-top:10px;		
border-bottom:1px dotted #999; 	
}
.comments-post {
font-family:verdana, arial, sans-serif;
color:#666;
font-size:x-small;
font-weight:normal;
background:#FFF;		
}	
.trackback-url {
font-family:verdana, arial, sans-serif;
color:#666;
font-size:small;
font-weight:normal;
background:#FFF;
line-height:140%;
padding:5px;	
border:1px dotted #999; 					
}
.trackback-body {
font-family:verdana, arial, sans-serif;
color:#666;
font-size:small;
font-weight:normal;
background:#FFF;
line-height:140%;
padding-bottom:10px;
padding-top:10px;		
border-bottom:1px dotted #999; 					
}		
.trackback-post {
font-family:verdana, arial, sans-serif;
color:#666;
font-size:x-small;
font-weight:normal;
background:#FFF;		
}
.comments-head	{ 
font-family:verdana, arial, sans-serif; 
font-size: small; 
color: #666; 
border-bottom:1px solid #999;
margin-top:20px;
font-weight:bold;
background:#FFF;		
}		
#banner-commentspop {
font-family:georgia, verdana, arial, sans-serif;
color:#FFF;
font-size:large;
font-weight:bold;
border-left:1px dotted #FFF;	
border-right:1px dotted #FFF;  		
border-top:1px dotted #FFF;  		
background:#993300;
padding-left:15px;
padding-right:15px;
padding-top:5px;
padding-bottom:5px;		 
}

/*More nice colours for consideration
------------------------------------------------------------*/
/*background-color:#809ab3; =blue*/
/*background-color:#40668d; =darker blue*/