/* ---------------

aangen.com [] Aangen Community Centre || 
All rights reserved. xguru, Inc. http://www.xguru.com
aangen_all.css ::> 
:: last updated November 16 2009 :: v1

Curiosity Killed The Cat

---------------*/



/*-------------------|     structure     |-------------------*/

/*Reset*/
*	{
	margin:0;
	padding:0;
	}

body 	{
	background:#666633;
	min-width:640px;
	}

/* Absolute positioned header for all browsers*/

#header-wrapper {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:170px;
	}

/* Reset header position to fixed for real browsers such as Firefox*/

body>#header-wrapper {
	position:fixed;
	}

#header { 
	height:170px;
	width:800px;
	margin:0 auto;
	z-index: 20;

	}

#content-wrapper {
	padding:170px 0 0 0;
	voice-family: "\"}\""; 
	voice-family:inherit;
	margin-left:17px; margin-bottom:-1px;
	padding-bottom:70px;
	}

body>#content-wrapper {
	margin-left:0;
	}

#content {
	width:800px;
	margin:0 auto;
	z-index: -10;
	}

#footer-wrapper {
	width:100%;
	p\osition:absolute;
	bottom:0;
	left:0;
	height:70px;
	}

body>#footer-wrapper {
	position:fixed;
	}

#footer {
	width:800px;
	height:70px;
	margin:0 auto;
	z-index: 10;
	}



/*-------------------|     navigation     |-------------------*/

#nav			{	position:relative;
				top:61px;
				width:100%;
				height:25px;
			}

ul#nav			{ 	margin-top: 0px; margin-left:0px;
				list-style:none;
			}

ul#nav a		{ height:25px; background:url("/images/aangen.nav.jpg") 0 0 no-repeat; }

ul#nav li, ul#nav a 	{ display:block; position:absolute; }

ul#nav span		{ display:none; }

ul#nav .home		{ left:57px; }
ul#nav .home a		{ width:38px; background-position: -57px 0px; }
ul#nav .home a:hover, ul#nav .home a.selected { background-position: -57px -25px; }

ul#nav .bios		{ left:108px; }
ul#nav .bios a		{ width:93px; background-position: -108px 0px; }
ul#nav .bios a:hover, ul#nav .bios a.selected { background-position: -108px -25px; }

ul#nav .merchandise	{ left:217px; top:0px; }
ul#nav .merchandise a	{ width:118px; background-position: -217px 0px; }
ul#nav .merchandise a:hover, ul#nav .merchandise a.selected { background-position:-217px -25px; }

ul#nav .workshops	{ left:350px; top:0px; }
ul#nav .workshops a	{ width:118px; background-position: -350px -0px; }
ul#nav .workshops a:hover, ul#nav .workshops a.selected { background-position:-350px -25px; }

ul#nav .enews		{ left:482px; top:0px; }
ul#nav .enews a	{ width:87px; background-position: -482px -0px; }
ul#nav .enews a:hover, ul#nav .enews a.selected { background-position:-482px -25px; }

ul#nav .contact		{ left:584px; top:0px; }
ul#nav .contact a	{ width:51px; background-position: -584px -0px; }
ul#nav .contact a:hover, ul#nav .contact a.selected { background-position:-584px -25px; }



/*-------------------|     content classes     |-------------------*/



body,
html	{
	font-family:"Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	color:#000;font-family:"Trebuchet MS", Georgia, Verdana, Arial, Helvetica, sans-serif;
	}

#header {
	background:#cccc99;
	background-image:url("/images/aangen.logo.180.jpg");
	color:#fff;
	}

#footer {
	background:#cccc99;
	color:#000000;
	}

#content {
	background:#ffffff;
	color:#000000;
	background-image:url("/images/aangen.bk.800.jpg"); background-repeat: repeat-y;
	}

dl
	{	padding:0;
		margin:0px 100px 0px 100px;
	}
dt.bio		{ margin: 20px 0px 10px 0px; }
dd		{ font-size: 0.9em; }
dd.default	{ font-size: 0.9em; }


#content h1,h2,h3,h4,h5,p
	{	padding:0;
		margin:0px 70px 0px 70px;
	}

#content h1 	{	font-size: 1.8em;
			text-align: center;
			padding-top: 2.5em;
		}

#content h2	{	font-size:1.3em;
			padding-top:1em; padding-bottom:1em;
			margin-top:0;
		}

#content h3	{	font-size:0.9em;
			padding-top:1em; padding-bottom:1em;
			margin-top:0;
		}

#content p,ul	{	font-size:0.8em;
		}


#footer h3	{ 	color:#000000; text-align: center; 
			font-size: 9pt; 
			font-weight: bold;
			margin: 0px 0px 0px 0px;
		}

#footer p	{ 	color:#000000; text-align: left; 
			font-size: 8pt; 
			font-weight: normal;
			margin: 0px 0px 0px 0px;
		}
#footer p.xguru	{ 	color:#000000; text-align: center; 
			font-size: 8pt; 
			font-weight: normal;
			margin: 0px 0px 0px 0px;
		}

#footer a {
	color:#ffffff;
	}


/*
ul, p {
	font-size:0.85em;
	line-height:1.45em;
	}

#content p {
	margin:0 10% 0 10px;
	padding-bottom:10px;
	}


#content a:link, #content a
				{ 	color:#009999;
					font-weight:bold;
				}
#content a:visited		{	color:#009999;
				}
#content a:hover		{	color:#660000;
				}
#content a:active 		{	color:red;
				}
*/



/*-------------------|     business/ store table     |-------------------*/


#enews 	{	margin: 0px 0px 10px 60px;
			width: 680px;
			border-collapse: collapse;
		}
#enews tr	{	border-bottom: 1px dotted #000000;
		}
#enews th 	{	font-size: 9pt; font-weight:bold;
			line-height: 1.4em; padding: 6px 2px 6px 6px;
			text-align:left; vertical-align:top;
			border-bottom: 1px dotted #000000;
		}
#enews td 	{ 	font-size: 9pt; font-weight:normal;
			line-height: 1.4em; padding: 6px 6px 6px 2px;
			text-align:left; vertical-align:top;
			border-bottom: 1px dotted #000000;
		}
#enews td a,a:link	{ color:#2D8CCF; text-decoration: underline; }
#enews td a:hover	{ color:#000000; text-decoration : none; }


#schedule 	{	margin: 0px 0px 10px 60px;
			width: 680px;
			border-collapse: collapse;
		}
#schedule tr	{	border-bottom: 1px solid #000000;
		}
#schedule tr.alt {	border-bottom: 0px solid #000000;
		}
#schedule th 	{	font-size: 9pt; font-weight:bold;
			line-height: 1.4em; padding: 0px 2px 0px 6px;
			text-align:left; vertical-align:top;
			border-bottom: 1px solid #000000;
		}

#schedule th.alt {	font-size: 12pt; font-weight:bold;
			line-height: 1.4em; padding: 5px 0px 5px 0px;
			text-align:center; vertical-align:top;
			border-bottom: 0px solid #000000;
		}

#schedule td 	{ 	font-size: 9pt; font-weight:normal;
			line-height: 1.4em; padding: 0px 6px 0px 2px;
			text-align:left; vertical-align:top;
			border-bottom: 1px solid #000000;
		}
#schedule td a,a:link	{ color:#2D8CCF; text-decoration: underline; }
#schedule td a:hover	{ color:#000000; text-decoration : none; }


#services 	{	margin: 0px 0px 10px 60px;
			width: 680px;
			border-collapse: collapse;
		}
#services tr	{	border-bottom: 1px solid #000000;
		}
#services th 	{	font-size: 10pt; font-weight:bold;
			line-height: 1.8em; padding: 0px 2px 0px 6px;
			text-align:center; vertical-align:top;
			border-bottom: 1px solid #000000;
		}
#services td 	{ 	font-size: 10pt; font-weight:normal;
			line-height: 1.8em; padding: 0px 6px 0px 2px;
			text-align:center; vertical-align:top;
			border-bottom: 1px solid #000000;
		}

/*-------------------|     forms and things      |-------------------*/


.subscribe	{ font-size: 8pt;
			background: transparent;
			color: #3e3e3e;
			border: 1px solid #f2f2f2;
			text-align:left;
		}
.button1	{ font-size: 8pt; margin-left:5px;
		}

.formbox2	{ font-size: 8pt;
			background: transparent;
			color: #3e3e3e;
			border-bottom: 1px solid #404040;
			border-top: 1px solid #404040;
			border-right: 1px solid #404040;
			border-left: 1px solid #404040;
		text-align:left;
		}

/*
input, textarea, select
		{ font-size: 8pt; color: #ffffff;
			background-color: transparent;
			border: 1px solid #c3c3c3;
		}
*/

input.paypalcan	{ font-size: 8pt; color: #000000; font-weight:bold;
			background-color: #cccc99;
			border: 1px solid #000000;
			padding: 2px 0px 2px 0px; width:170px;
			margin-left:80px;
		}
input.paypalint	{ font-size: 8pt; color: #ffffff; font-weight:bold;
			background-color: #9acccd;
			border: 1px solid #000000;
			padding: 2px 0px 2px 0px; width:195px;
			margin-left:80px;
		}

/*-------------------|          images          |-------------------*/

.img			{	border: 1px solid #555555; margin: 0px 0px 0px 0px; }
.imgr			{	border: 1px solid #555555; margin: 0px 0px 20px 10px; }
.imgl			{	border: 1px solid #555555; margin: 0px 20px 10px 0px; }
.imgt a:link img	{	border: 1px solid #ededee; margin: 0px 0px 0px 0px; }
.imgt a:hover img	{	border: 1px solid #000000; margin: 0px 0px 0px 0px; }
.imgfooter		{	vertical-align:text-bottom; }




/*-------------------|          blockquote positioning          |-------------------*/

blockquote.flash 	{ font-size: 8pt;
				text-align: center;
				line-height: 1.2em;
				padding: 0px 0px 10px 20px;
				margin: 0px 80px 0px 0px;
				float: right;
				clear: both;
				z-index: -1;
			}
blockquote.flash img	{ border: #000000 1px solid;
				display: block;
				margin: 0px 0px 4px 0px;
			}
blockquote.flash em	{ font-style: normal; }
blockquote.flash h3	{ font-size:10pt; text-align:left; font-style: normal; }



hr	{	width:680px; border: none; border-top: 1px solid #cccc99; margin: 20px 0px 20px 0px; }
	