/* CSS Document for auspiciousmotion.org */
/* © June 2007*/
/* designer: jennifer gunther || www.auspiciousmotion.org */

/*Why set up the universal selector ("*")?*/

/*"To begin with, I (like many others) usually prefer to get all browsers 'marching in-step' 
by over-riding all their 'factory-set' margins and paddings. Using the universal selector ('*'),
that's fairly effortless." --Alex Walker, http://www.sitepoint.com/blog-post-view.php?id=274020 */

* {margin:0;padding:0;} 

body {
	background: #FFFFFF;
	font-family: arial, helvetica, sans-serif;
	color:#333;
	line-height:150%;
	}
	
li {
	list-style-type:none;
	font-size:75%;
	text-align:right;
	color:#999;
	padding:10px;
	border-bottom:#CCCCCC 1px solid;
  }
  
li:hover {
	text-decoration:none;
	color:#333;
	}

/* experimenting with "accessible" font sizes */  
h1 {
	font-size:200%;
	color:#ADADAD;
	}

h3 {
	font-weight:normal;
	text-transform: uppercase;
	font-size:15px;
	color:#494949;
	}

p {
	font-size:75%;
	}

img {
	padding:10px;
	border:none;
	}

a {
	text-decoration:none;
	color:#999;
	}
	
a:link {
	text-decoration:none;
	color:#999;
	}
	

a:visted {
	text-decoration:none;
	color:#999;
	}
	
a:hover {
	text-decoration:none;
	color:#333;
	}	
	
#nav {
	position:absolute;
	left:0px;
	top:180px;
	width:175px;
	z-index:1;
	}

#masthead {
	position:absolute;
	left:190px;
	top:110px;
	z-index:2;
	}
	
#content {
	position:absolute;
	left:190px;
	top:140px;
	width:800px;;
	padding:10px;
	}

#example {
	width:370px;
	float:left;
	font-size:14px;
	}