/*#############################################################
Name: Transparentia
Date: 2006-08-20
Description: Simple, lightweight and slightly blue.
Author: Viktor Persson w/ updates from Neil Edwards for GenoLogics
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}

a {
	color: #36C;
}

a:hover {
	color: #06F;
}

body {
	color: #444;
	font: normal 62.5% "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	margin: 0;
}

input {
	color: #555;
	font: normal 1.1em "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}

p,cite, code,ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}

ul ul {
  font-size: 1em;
  padding-bottom: 0;
}

h1 {
	font-size: 1.4em;
	margin-bottom: 4px;
}

h2 {
  font-size: 1.2em;
}

code {
    background: url('img/bgcode.gif');
    border: 1px solid #F0F0F0;
    border-left: 6px solid #39F;
    color: #555;
    display: block;
    font: normal 1.1em "Lucida Console", Monaco, monospace;
    margin-bottom: 12px;
    padding: 8px 10px;
    white-space: pre;
    overflow: auto;
    max-height: 300px;
}

cite {
	background: url('img/quote.gif') no-repeat;
	color: #666;
	display: block;
	font: normal 1.3em "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	padding-left: 28px;
}

h1, h2, h3 {
	color: #367EA6;
	padding-top: 6px;
}

/* misc */
.clearer {
	clear: both;
}

.deprecated {
  color: red;
}

.errortext {
  color: red;
  padding: 6px 12px;
  font-variant:small-caps;
}

/* structure */
.container {
	background: white;
	margin: 0 auto;
	padding-bottom: 6px;
    width: 860px;
}

.header {
	background: url('img/header.gif') repeat-x;
	display: none;
}

/* title */
.title h1 {
	color: #FFF;
	font: normal 3em Verdana, sans-serif;
	height: 150px;
	line-height: 150px;
	margin-bottom: 8px;
	text-align: center;
}

/* main */
.main {
	clear: both;
    background-color: white;
}

/* main left */
.sidenav h1, .sidenav ul {
	padding-left: 12px;
}

.sidenav {
	background: #EEE;
	border: 1px solid #E5E5E5;
	float: left;
	width: 245px;
}

.sidenav h1 {
	color: #1e4164;
	font-size: 1.6em;
	font-weight: bold;
	width: 181px;
	word-wrap: break-word;
}

.sidenav ul {
	padding: 0;
	width: 245px;
	word-wrap: break-word;
}

.sidenav li {
	border-bottom: 1px solid #FAFAFA;
	list-style: none;
	margin: 0;
}

.sidenav li a {
	color: #777;
	display: block;
	font-size: 0.9em;
	padding: 3px 6px 3px 14px;
	text-decoration: none;
}

.sidenav li a:hover {
	color: #111;
	text-decoration: underline;
	background-color: #E0E0E0;
}


.sidenav li:last-child {
    margin-bottom: 30px;
 }

/* content */
.content {
	float: right;
	width: 590px;
}

.content .item {
	padding: 6px 12px;
	border: 1px solid #EEE;
	background: #FFF;
	margin-bottom: 25px;
}

.content .descr {
	color: #333;
}

.content li {
	list-style: url('img/li.gif');
	margin-left: 18px;
}

.content table {
	background: url('img/bgcode.gif');
	border: 1px solid #F0F0F0;
	border-left: 6px solid #39F;
	color: #555;
	display: block;
	font: normal 1.1em "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	margin-bottom: 12px;
	padding: 8px 10px;
}

.content table tr td {
    vertical-align:top;
    text-align:left;
    padding: 3px 3px 3px 3px;
}

.content table tr th {
    vertical-align:top;
    text-align:left;
    padding: 3px 3px 3px 3px;
}

.content h1 {
    color: #666;
    font-size: 2em;
}

.content h1 a {
    color: #666;
}

.subcontent {
    background: url('img/bgcode.gif');
    border: 1px solid #F0F0F0;
    border-left: 6px solid #39F;
    color: #555;
    display: block;
    font: normal 1.1em "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    margin-bottom: 12px;
    padding: 8px 10px;
}

.example {
    /* From original CSS - was empty */
}

/* footer */
.footer {
	background: #FFF;
	border: 1px solid #EEE;
	color: #666;
	font-size: 1.1em;
	margin: 0 auto;
	text-align: center;
	padding: 15px;
	width: 720px;
}

.footer a {
	color: #36C;
	text-decoration: none;
}

.footer a:hover {
	color: #06F;
	text-decoration: underline;
}

/* widecontent (content with no sidenav) */
.widecontent {
	background: #FFF;
	border: 1px solid #EEE;
	color: #666;
	font-size: 1.1em;
	margin: 0 auto;
	padding: 6px;
	width: 720px;
}

.widecontent a {
	color: #36C;
	text-decoration: none;
}

.widecontent a:hover {
	color: #06F;
	text-decoration: underline;
}

.widecontent h1 {
  padding: 6px 12px;
  text-decoration:underline;
}

.widecontent form {
    padding: 6px 12px;
}