* {
	margin:                     0;
	padding:                    0;	
}

body {	
	margin-bottom:				1em;

	color:						#333333;

	background-color:           #FFFFFF;
	background-image:			url(images/header_backdrop.png);
	background-repeat:			repeat-x;
	background-position:		0 -25px;

	font-size:					80%;	
	font-family:				verdana, helvetica, arial, sans-serif;
	line-height:				1.6em;
	
	/* Center in IE5.5 */
	text-align:					center;
}

code {
	font-size:					1.2em;
}

h1 {
	margin-bottom:				0.5em;
	font-size:					2em;
	font-weight:				normal;
	letter-spacing:				-0.04em;
}

h2 {
	margin-top:					1em;
	margin-bottom:				0.5em;
	font-size:					1.5em;
	font-weight:				normal;
	letter-spacing:				-0.04em;
}

iframe {
	border:						none;
}

img {
	border:						none;
}

p {
	margin-bottom:				1em;
}

a:link {
	color:						#BB2233;
}

a:visited {
	color:						#991122;
}

a:hover {
	color:						#CC2233;
	background-color:			#EEEEEE;
}

a:active {
}

small {
	color:						#AAAAAA;
}


ul {
	margin-top:					1em;
	margin-bottom:				1em;
	list-style-type:			none;
}

ul li {
	margin-left:				0.5em;
	padding-left:				1em;
	
	background-image:			url(images/bullet.gif);
	background-repeat:			no-repeat;
	background-position:		0 0.55em;
}

ol {
	margin-left:				1em;
	padding-left:				1em;
}

ol li {
	margin-left: 				0.5em;
	padding-left:				0.5em;
}

input, textarea, select {
	font-family:				verdana, helvetica, arial, sans-serif;
	font-size:					1em;
	padding:					0.2em;
	border:						1px solid #888888;
}

input:focus, textarea:focus, select:focus {
	border-color:				#333333;
}

blockquote {
	font-style: 				italic;
	padding-left: 				2em;
	color: 						#888888;
	margin-bottom:				1em;
}

q {
	font-style: 				italic;
}

pre {
	background-color: 			#eeeeee;
	margin-bottom: 				1em;
	padding: 					1em;
	font-size:					1em;
}

table {
	font-size:					1em;
}

table td {
	padding:					0 1em 0 0;
	vertical-align:				top;
}

table tr td:first-child {
	padding-left:				0;
}

/* ----------------------------------------------------------------------------
	Structure
---------------------------------------------------------------------------- */

div#container {
	position:					relative;
	width:						90%;
	max-width:					720px;	

	margin-top:					10px;
	margin-left:				auto;
	margin-right:				auto;

	font-size:					1em;

	/* Don't center text, only div#container */
	text-align:					left;
}

div#header {
	/* This height controls the vertical position of #content and #sidebar */
	height:						118px; /* default was 160*/
	overflow:					hidden;
}

div#header h1 {
	height:						70px;
	
	/*background-image:			url(images/navizon_title.gif);*/
	background-repeat:			no-repeat;
	background-position:		0px 16px;
	
	margin:						0;
	margin-left:				140px;
	padding:					0;
	/* Move the text out of the way */
	text-indent:				-5000px;
}

div#logo {
	float:						left;
	width:						110px;
	height:						140px;
	margin-right:				-200px;
}

div#trackerlinkbar {
	background-color:           #DADADA;
	font-family:				verdana, helvetica, arial, sans-serif;
	color: Black;
	height: 32px;
	/* Center in IE5.5 */
	text-align:					center;
	margin-top: 0;
	padding-top:0;
}



div#content {
	position:					absolute;
	/*right:						140px;*/
}

/* Fix the IE only 3pixel jog - documented at http://www.positioniseverything.net/articles/hollyhack.html#haslayout \*/
* html #content {
	height: 1px;
}
/* End hide from IE5-mac */

div#sidebar {
/*
	float: 						left;
	width: 						110px;

	margin-top:					-4px;

	font-size:					0.8em;
 	line-height: 				1.6em;
 	*/
}

div#sidebar h2 {
	margin:						0;
	
	font-size:					1.1em;
	font-weight:				bold;
}

div#sidebar ul {
	margin-top:					0;
	margin-bottom:				1em;
	padding:					0;
}

div#sidebar ul li {
	margin:						0 0 0.2em 0;
	padding:					0;

	line-height:				1.3em;
	
	background-image:			none;
}

div#sidebar ul li a {
	display:					block;
	width:						110px;
	padding:					0.2em 0;
}

div#sidebar ul li a:hover {
}

/* ----------------------------------------------------------------------------
	Specific site-wide elements
---------------------------------------------------------------------------- */

/* Introduction boxes */

.introduction {
	margin-bottom:				1em;
	padding:					1em;

 	font-size:					1.3em;
 	line-height: 				1.6em;
	background-color:			#D6DFE8;
	
	-moz-border-radius-bottomright:	1em;
}

.introduction p {
	margin-bottom:				0;
}

/* Navigation */

ul#navMain {

	height:						42px;
	margin: 					0;
	padding: 					16px 0 0 0;

	list-style-type:			none;	
	
}

ul#navMain li {
	display:					inline;
	background-image:			none;	
	margin:						0;
	padding:					0;
}

ul#navMain li {
	border-left:				1px solid #FFFFFF;
}

ul#navMain li.first-child {
	/* Wouldn't it be nice if IE was up-to-date with the rest of the world so we could skip 
	superfluous classes like this? */
	border-left:				none;		
}

ul#navMain li a {		
	padding:					0.2em 0.5em 0.2em 0.8em;	
	
	color:						#FFFFFF;
	text-decoration:			none;
	
}

ul#navMain li.first-child a {
	/* Wouldn't it be nice if IE was up-to-date with the rest of the world? */
	padding-left:				0;
}

ul#navMain li a:hover {	
	text-decoration:			underline;
	background-color:			transparent;
}

/* SubNavigation */

ul#navSubMain {

	height:						42px;
	margin: 					0;
	padding: 					4px 0 0 0;

	list-style-type:			none;	
	
}

ul#navSubMain li {
	display:					inline;
	background-image:			none;	
	margin:						0;
	padding:					0;
}

ul#navSubMain li {
	border-left:				1px solid Black;
}

ul#navSubMain li.first-child {
	/* Wouldn't it be nice if IE was up-to-date with the rest of the world so we could skip 
	superfluous classes like this? */
	border-left:				none;		
}

ul#navSubMain li a {		
	padding:					0.2em 0.5em 0.2em 0.8em;	
	color:						Black;
	text-decoration:			none;
	
}

ul#navSubMain li.first-child a {
	/* Wouldn't it be nice if IE was up-to-date with the rest of the world? */
	padding-left:				0;
}

ul#navSubMain li a:hover {	
	text-decoration:			underline;
	background-color:			transparent;
}

/* Mark the current page */
body#about a.about,
body#homearea a.homearea,
body#coverage a.coverage,
body#preferences a.preferences,
body#logout a.logout,
body#password a.password, 
body#login a.login,
body#register a.register,
body#tracker a.tracker,
body#tags a.tags {
	font-weight:				bold;
}


/* ----------------------------------------------------------------------------
	Elements for specific areas
---------------------------------------------------------------------------- */

/* 1. Weblog */

.blogEntry {
	margin-bottom:				2em;
}

.blogEntry h2 {
	margin-top:					0;
	margin-bottom:				0;
}

.blogEntry h2 a {
  color: black;
  text-decoration: none;
}

.blogEntry h2 a:hover {
  color: black;
  text-decoration: underline;
  background-color: white;
}

p.metaData {
	color:						#999999;
	font-size:					0.9em;
}

div.comments {
	padding:					0.5em 1em;	
	margin-bottom:				1em;

	background-color:			#EEEEEE;
	
	-moz-border-radius-topleft:		1em;
	-moz-border-radius-bottomright:	1em;
}

.comments textarea {
	width:						99%;
	height:						15em;
}

ol#commentList li {
	font-weight:				bold;
}

ol#commentList li p {
	font-weight:				normal;
}

ol#commentList li .metaData {
	color:						#333333;
	font-size:					1em;
	font-weight:				bold;
}


/* 2. Reference documentation */

#api #sidebar {
	display:					none;
	width:						0;
}

#api #content {
	width:						100%;
	height:						800px;

	margin-left:				0;
}

#api #logo {
	width:						80px;
	height:						86px;

	margin-right:				0;
}

#api #logo img {
	height:						84px;
}

#api {
	/* The header is smaller on the reference page, move the background up so the menu is in the 
	proper place still */
	padding-bottom:				0;
	margin-bottom:				0;
	background-position:		0 -70px;
}

#api #header {
	height:						84px;
	margin:						0;
	overflow:					hidden;
}

#api #header h1 {
	height:						24px;

	margin-top:					2px;
	margin-left:				0;
	
	background-image:			none;

	text-indent:				0;
	font-size:					1.5em;
	font-weight:				bold;
	
}
#api #container {
	max-width:					100%;
}


/* 3. Trac "integration" */

/* 4. About / frontpage */

table.get_started {
	/* Center the table */
	margin-left:				auto;
	margin-right:				auto;
}

table.get_started td {
	line-height:				1.4em;
	text-align:					center;
	margin:						1em;
}

table.get_started td h3 {
	margin:						0;
	font-size:					1em;	
	font-weight:				normal;
	font-style:					italic;
}

table.frameworks td {
	width:						30%;
	padding:					0.5em;
}