body {
	font-family: "Bitstream Vera Sans", sans-serif;
	font-size: 0.95em;
	margin-right: 200px;
	margin-top: 100px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #f1f1f1;
}

body.nomargin {
	margin-top: 0;
}

h1 {
	margin-top: 0px;
	padding-top: 20px;

	font-family: "Bitstream Vera Sans", sans-serif;
	font-weight: normal;
	letter-spacing: -2px;
	text-transform: lowercase;
	text-align: right;

	color: gray;
}

h2 {
	font-family: "Bitstream Vera Sans", sans-serif;
	font-weight: normal;
	color: #200080;

	margin-left: -20px;
}

h3 {
	font-family: "Bitstream Vera Sans", sans-serif;
	font-weight: normal;

	background-color: #a0c0ff !important;
	border: 1px solid #5080b0;
	
	background: url('../img/h3_bg.png') no-repeat right;
	padding: 4px;
}

h3 a {
	text-decoration: none;
	color: inherit;
}

h4 {
	font-family: "Bitstream Vera Sans", sans-serif;
	font-weight: bold;
}

h4 a {
	text-decoration: none;
	color: inherit;
}

img.face {
	float: right;
	margin-top: -4em;
	margin-right: 1em;
	border: 1px solid #000000;
}

img.borderlessface {
	float: right;
	margin-top: -5em;
	margin-right: 1em;
	border: 0px;
}

.entry {
	margin-bottom: 2em;
}

.entry .date {
	font-family: "Bitstream Vera Sans", sans-serif;
	color: gray;
}

.entry .date a {
	text-decoration: none;
	color: inherit;
}

.top_image_left {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
}

.top_image_right {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
}

.sidebar {
	position: absolute;
	top: 130px;
	right: 0px;
	width: 200px;
	margin-left: 0px;
	margin-right: 0px;
	padding-right: 0px;

	padding-top: 20px;
	padding-left: 0px;

	font-family: sans-serif;
	font-weight: normal;
	
	line-height: 1.2;
}

.sidebar h2 {
	font-size: 0.95em;
	font-weight: bold;
	color: black;

	padding-left: 5px;
	margin-left: 0px;
}

.sidebar dt {
	padding-left: 2em;
	margin-left: 10px;

	list-style-type: square;
}

.sidebar dt:hover {
	color: gray;
}

.sidebar dd {
	padding-left: 2em;
	margin-left: 25px;
	font-size: 0.85em;
	list-style-type: square;
}

.sidebar dd a {
	text-decoration: none;
}

.logos {
	border: 1px solid #a0c0ff;
   	width: 140px;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
	font-style: oblique;
	color: #a0c0ff;
	background-color: #f4f4f4;
}

div.scrnshts ul { 
	padding: 0;
}
div.scrnshts li { 
	display: inline;
}

div.scrnshts a {
	float: left;
	text-align: center;
	padding-top: 230px;
	min-width: 320px;
	height: 60px;
	background-position: center top;
	background-repeat: no-repeat;
}

div.scrnshts a.mainwindow { background-image: url(../img/screenshots/thumbs/main.png); }
div.scrnshts a.compose { background-image: url(../img/screenshots/thumbs/compose.png); }
div.scrnshts a.msgview { background-image: url(../img/screenshots/thumbs/messageview.png); }
div.scrnshts a.prefs { background-image: url(../img/screenshots/thumbs/prefs.png); }
div.scrnshts a.account_prefs { background-image: url(../img/screenshots/thumbs/account_prefs.png); }


div.scrnshts_clawsker ul { 
	padding: 0;
}
div.scrnshts_clawsker li { 
	display: inline;
}

div.scrnshts_clawsker a {
	float: left;
	text-align: center;
	padding-top: 310px;
	min-width: 340px;
	height: 60px;
	background-position: center top;
	background-repeat: no-repeat;
}

div.scrnshts_clawsker a.behaviour { background-image: url(../img/clawsker/clawsker-behaviour-gtk3-small.png); }
div.scrnshts_clawsker a.gui { background-image: url(../img/clawsker/clawsker-gui-gtk3-small.png); }

a:hover {
	text-decoration: underline !important;
	color: blue !important;
}

table.plugins {
	border-collapse: collapse;
}

table.plugins tr td {
	margin: 0;
	padding: 1em 0;
}

.trbottom {
	border-bottom: 1px dotted black;
}

#tabmenu {
	color: #000;
	border-bottom: 2px solid black;
	margin: 12px 0px 0px 0px;
	padding: 0px;
	z-index: 1;
	padding-left: 10px;
}

#tabmenu li {
	display: inline;
	overflow: hidden;
	list-style-type: none;
}

#tabmenu a, a.active {
	color: #000000;
	background: #CCCCCC;
	font: bold 1em "Bitstream Vera Sans", sans-serif;
	border: 2px solid black;
	padding: 2px 5px 0px 5px;
	margin: 0px;
	text-decoration: none;
}

#tabmenu a.active {
	background: #e8e8e8;
	border-bottom: 3px solid #e8e8e8;
}

#tabmenu a:hover {
	color: #fff;
	background: #a5a5a5;
}

#tabmenu a.active:hover {
	background: #a5a5a5;
	color: #CCCCCC;
}

#content {
	font: 0.9em/1.3em "Bitstream Vera Sans", verdana, sans-serif;
	text-align: justify;
	padding: 20px;
	border: 2px solid black;
	border-top: none;
	z-index: 2;
}

.cline {
	background-color: #ffffff;

}

.team {
	font-size: smaller;
}

.indented {
	margin-left: 56px;
}
.indent_sml {
	margin-left: 12px;
}
.content_left {
	float: left;
	min-width: 48%;
}
.content_right {
	margin-left: 52%;
	min-width: 48%;
}

#timeline {
  display:block;
  width:650px;
  height:350px;
  background:url(/img/detail-graph.png) no-repeat;
  position:relative;
}

#timeline dd {
  position:absolute;
  padding:0;
  margin:0;
}

#timeline .rel {
  position:relative;
  display:block;
  width:11px;
  height:11px;
  text-decoration:none;
  color: black;
}

#timeline .rel span {
  display: none;
  text-decoration:none;
  color: black;
  }
 
#timeline .rel:hover {
  border:0px;
  text-decoration:none;
  color: black;
  } 
 
#timeline .rel:hover span {
  position: absolute;
  top: -30px;
  left: 20px;
  width: 250px;
  display: block;
  background: #fdd;
  border: 1px solid red;
  font-size: 0.8em;
  text-decoration:none;
  color: black;
  } 

#timeline hr {
  border-top: 1px solid red;
  border-bottom: 0px solid red;
}

#timeline #area0467 {
  left:59px;
  top:208px;
}

#timeline #areaevo1 {
  left: 123px;
  top: 223px;
}

#timeline #area070 {
  left: 133px;
  top: 154px;
}

#timeline #area080 {
  left: 188px;
  top: 148px;
}

#timeline #area087 {
  left: 243px;
  top: 71px;
}

#timeline #area090 {
  left: 281px;
  top: 194px;
}

#timeline #area096 {
  left: 326px;
  top: 67px;
}

#timeline #areaevo2 {
  left: 427px;
  top: 222px;
}

#timeline #areatb1 {
  left: 452px;
  top: 223px;
}

#timeline #area100 {
  left: 461px;
  top: 95px;
}

#timeline #area196 {
  left: 482px;
  top: 78px;
}

#timeline #area1991911 {
  left: 501px;
  top: 136px;
}

#timeline #area1912 {
  left: 508px;
  top: 141px;
}

#timeline #area1913105 {
  left: 519px;
  top: 141px;
}

#timeline #area1914 {
  left: 537px;
  top: 154px;
}

#timeline #area1915 {
  left: 545px;
  top: 156px;
}

#timeline #area199919100 {
  left: 554px;
  top: 180px;
}

#timeline #area200 {
  left: 575px;
  top: 187px;
}

.dlbutton {
	text-align: center;
	border: 1px solid #5080B0;
	background-color: #A0C0FF;
	border-radius: 4px;
	padding: 5px;
	margin: 0 25%;
}