@charset "utf-8";

/*
 * Global layout 
 */

/*
 * Patrick Lauke
 * http://www.hicksdesign.co.uk/journal/forcing-scrollbars-now-even-better
 */
html			{ 
	height: 						100%; 
	margin-bottom: 			1px; 
}

body    	{
  margin:     				0 auto;
}

#top			{
	float:							top;
	margin-top:					2em;
	margin-left:				15em;
	width:							30em;
}

#left     {
  float:      				left;
  width:      				10em;
	margin-left:				2em;
}

#content  {
  float:      				left;
  width:      				30em;
	margin-left:				3em;
}

/*
 * Colors
 */

body      {
  color:      				#222;
  background-color:   #fff;
}

a					{
	color:							#22e;
	background-color:		inherit;
	text-decoration: 		none;
}

#left a 	{
	color:							#222;
}

a:hover					{
	background-color:		#ccc;
}

/*
 * Fonts
 */

body      {
  font-family:      	"Lucida Grande", 
											"Lucida Sans Unicode", 
											"Lucida Sans", 
											"Bitstream Vera Sans", 
											sans-serif;
  font-size:        	11px;
	line-height: 				1.3;
}

h1        {
  font-size:        	x-large;
  font-weight:      	bold;
	margin-bottom:			1em;
}

h2        {
  font-size:        	large;
  font-weight:      	bold;
}

h3        {
  font-size:        	medium;
	font-weight:				bold;
  font-style:      		italic;
}

pre				{
	font-family:				"Lucida Console", 
											"Lucida Sans Typewriter", 
											"Bitstream Vera Sans Mono"
											monospace;
}

/*
 * Block element styles.
 */

p {
  text-align:       	left;
	margin-top: 				1em;
	margin-bottom: 			1em;
}

ul, ol {
	margin-top: 				1em;
	margin-bottom: 			1em;
	margin-left:				1em;
  padding-left:     	1em;
}

li {
	margin-top:					0.5em;
	margin-bottom:			0.5em;
}

ul {
	list-style-type: 		square;
}

hr        {
  border-top:					solid 1px;
	border-left:				none;
	border-right:				none;
	border-bottom:			none;
	height:		  				1px;
}

blockquote {
	font-style:					italic;
  margin-left:      	1em;
  margin-right:     	1em;
}

pre {
	margin-left:				1em;
}

img {
  border-style:     	none;
  display:    				block;
  margin-left:      	auto;
  margin-right:     	auto
}

table, th, td {
  border:     				solid 1px;
  border-collapse: 		collapse;
}

#left     {
  text-align:       	right;
}

#left ul	{
  list-style:       	none;
	padding-left:				0em;
}

#left li {
	margin-top:					0.25em;
	margin-bottom:			0.25em;
}