/*	 http://css-tricks.com */
/* ------- basic layout --------- */ 

body		{	font: 12px Georgia, serif; 
				color: #333;
				line-height: 1.52em; }

#header		{	max-width: 500px; min-width: 500px;
				margin: 60px auto 0;
				text-align: center;}

#wrapper	{	max-width: 700px; min-width: 500px;
				margin: 0 auto ;
				position: relative;}

#content_single	{max-width: 500px; min-width: 500px;
				margin: 0 auto 40px;
				position: relative;
				padding: 0;
				text-align: center;	}

#content	{	padding: 0 0 0 190px;}

#sidebar	{ 	position: absolute; left: 0; top: 0; width: 160px; bottom: 0; padding: 0;}
                      
#footer		{ 	max-width: 700px; min-width: 500px;
				margin: 0 auto 15px;
				border: 1px dotted #ccc;}

/* ------- navigation ---------- */

ul#nav li 	{	display:inline;
				margin-right:10px;
				font-family: Geneva, Helvetica, sans-serif;
				font-size: 12px;
				letter-spacing: .03em;}
				
ul#nav 		{ 	margin-bottom: 40px;
				padding-left:5px;} /* To even out the centering of the nav list */

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

a 			{	text-decoration: none; color: #cc3333;}
a:hover 	{	text-decoration: underline;}
a img 		{	border: none;}

h1, h2, h3 	{	margin-bottom: 1em;
				font-family: Geneva, Helvetica, sans-serif; letter-spacing: .03em;}
				
h1			{	width: 393px;
				height: 21px; 
				background: url(gfx/header.gif) no-repeat;
				text-indent:-2000px;
				margin-left:auto;
				margin-right:auto;}
p 			{	margin: 1em 0; }

/* - - - - - classes - - - - - */

.bold		{ font-weight: bold;}

.middle_align {	text-align: center;}

.left 		{	float: left;
   				clear: none;
   				width: auto;}

.right 		{	float: right;
   				clear: none;
   				width: auto;}

.left *, .right * {   float: left; }