body 		{	margin: 0;
				padding: 0;
				background-color: white;
				background-image: url(../images/page-bg.png);
				background-repeat: repeat-y;
				background-position: center;	}
			
img			{	border-style: none;	}


#container	{	width: 820px;
				margin: 0 auto;
				padding: 0 30px;	}

#sidebar	{	width: 200px;
				float: right;	}

#main		{	width: 540px;	}

#header		{	margin: 60px 0 18px;	}

#footer		{	clear: both;
				margin: 54px 0 36px 0;	}


/****** Inline pictures divs ******/

/*
	On home, specified as a single div with id 'pix'.
	On pages, specified as several divs with class 'pix'.
	They have somewhat different positions within the page.
*/
		  #pix, div.pix	{	float: right;
							width: 160px;}

				   #pix	{	margin: 117px 100px 20px 20px;	}

				div.pix	{	margin: 68px -126px 20px 20px;	}

  #pix img, div.pix img	{	float: right;
							width: 150px;
							display: block;
							padding: 2px;
							margin-bottom: 4px;
							border: 1px solid #999;	}



/****** Sidebar ******/

/* Menu */

		#sidebar ul	{	margin: 0;
						padding: 0;
						list-style: none;	}

		#sidebar li	{	display: block;
						padding: 0;		}

		 #sidebar a	{	display: block;
						padding: 8px 0;	}
						
   #sidebar a:hover	{	color: #555;
						text-shadow: 0 1px #e7e7e7;	}

   #sidebar a.this	{	color: #555;	}


/* Other */

	 #sidebar p, #sidebar a	{	margin: 0;
								text-decoration: none;
								text-shadow: 0 1px white;	
								color: #8b8b8b;	
								font-size: 18px;
								font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, sans-serif;	}

		   #sidebar p.small	{	margin: 6px;	
		   						font-size: 12px;	}
		   						
#sidebar img.divider-symbol	{	margin: 32px 0;	}



/****** Page submenu ******/

				#submenu ul	{	margin: 0 4px 0 0;
								padding: 0 0 0 10px;
								height: 35px;
								border-bottom: 1px solid #cecece;	}

				#submenu li	{	display: inline-block;
								font-size: 14px;
								line-height: 14px;
								cursor: pointer;
								float: left;
								padding: 10px 10px;
								margin: 0 0 0 -1px;
								background-color: #f1f1f1;
								border: 1px solid #cecece;	}
	  #submenu li.selected	{	background-color: white;
								border-bottom: none;
								padding-bottom: 11px;	}



#contentarea > div	{	display: none;	}
#contentarea > div.first-content	{	display: block;	}


#contentarea	{	width: 400px;
					margin: 0 0 0 10px;
					padding: 18px 0 0 0;
					/*background-image: url(../images/left-pixel-border-fade.png);
					background-position: top left;
					background-repeat: no-repeat;	*/}



/****** Typography etc ******/

p, li, a, h1, h2, h3	{	font-family: "Lucida Grande", "Lucida Sans", Lucida, Verdana, Helvetica, Arial, sans-serif;	}
h1, h2, h3, #submenu li	{	font-family: Georgia, Garamond, Palatino Linotype, serif;	}

p, li, a				{	font-size: 11px;	}
h2 a					{ 	font-size: 18px;	}
h2 a, h3 a				{	font-family: Georgia, Garamond, Palatino Linotype, serif;	}

h1	{	font-size: 24px;
		line-height: 36px;
		font-weight: normal;
		margin: 0;
		padding: 18px 0;}

h2	{	font-size: 18px;
		line-height: 18px;
		font-weight: normal;
		padding: 0;	
		margin: 18px 0 18px 0;	}

h3, h3 a	{	font-size: 16px;
				line-height: 18px;
				font-weight: normal;
				margin: 0 0 18px 0;
				padding: 0;	}

h3 *.date	{	font-weight: normal;
				margin-left: 20px;	}


p, li		{	line-height: 18px;
				font-weight: normal;
				color: #777;
				margin: 0 0 18px 0;	}
p strong	{	color: #444;	}
*.nomargin	{	margin: 0;	}
			
a		{	cursor: pointer;
			text-decoration: none;	}
#main a			{ 	color: #888;
					border-bottom: 1px dotted #aaa;}
#main strong a	{ 	color: #444;
					border: none;	}
#main a:hover	{	color: #777;
					background-color: #d8d8d8;}

a.light			{	color: #777;	}
a.light: hover	{	color: black;	}


#info h2	{	display: inline-block;
				margin-right: 30px;
				padding-bottom: 9px;	}

#footer p	{	font-size: 10px;
				line-height: 18px;
				margin: 0;
				color: #777;
				padding-left: 10px;	}

img.border	{	border: 1px solid #777;	}