/* laura trippi | notewebs => placeholder css | 03/18/03 - 07.05.26 */

body	{
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: black;
	background-color: #ffe;
	margin:	0;
	padding: 2em;
	}

/* wrappers */

#wrapper	{	/* green w/thick padding and dotted border */
	color: #000;
	background-color: #9c6;
	width: 45rem;
	margin: 3em auto;
	text-align: left;
	padding: 2em;
	border: 2px dotted #390;
	border-radius: 2em;
	}
	
#content {
	}
	
.navImage {
	float: left; 
	margin-right: 3em; 
	margin-bottom: 2em;
	}
	
/* paragraphs & headers */

/* indent paragraphs -- but not on the dossier lists */
	
#wrapper p+p	{	
	margin-top:	1.5em;
	}	
#wrapper .inset {
	margin-left: 5em;
}

/* widen the nav box on the front page (also for contextual selection of link behavior */

.nav {
	width: 16em;	
}

.note {
	font-size: .9em;
}

.left {
	text-align: left;
	}
	
.right {
	text-align: right;
	}

.center {
	text-align: center;
	}
	 		
h1, h2, h3, h4 {
	font-family: "Hoefler Text", Palatino, Georgia, Times, serif;   
	}
h1 {border-bottom: solid 2px;}

.front h1 {
	color: #c36;
	margin: .25em 0;
	}
	
.front h1 .greenfont {color: #9C6;}
		
/* page containers (boxes) */
	
.front	{
	padding: .5em 2em .5em .5em;
	}
	
.bluepage	{
	padding: 2em;
	margin: 1em;
	color: #339;
	background-color: #69c;
	border: solid #339 2px;
	}
.greenpage	{
	padding: 2em;
	color: #363;
	background-color: #9c6;
	border: 2px solid #390;
	}		
.goldpage	{
	padding: 2em;
	margin: 1em;
	color: #600;
	background-color: #ECDA82;
	border: solid #963 2px;
	}
.parchmentpage	{
	padding: 2em;
	margin: 1em;
	color: #600;
	background-color: #ffe;
	border: solid #963 2px;
	}
.pinkpage	{
	padding: 2em;
	margin: 1em;
	color: #c36;
	background-color: #f9c;
	border: solid #c36 2px;
	}
.whitepage	{
	padding: 2em;
	margin: 1em;
	color: #666;
	background-color: #FFF;
	border: solid #c36 2px;
	}	
	
.whitepage .nav {
}	

/* pull quotes */

.pullQuoteBlue { 
   font-family: "Hoefler Text", Palatino, Georgia, Times, serif;   
   font-size: 16px; 
   line-height: 1.75em; 
   font-weight: normal;
   text-align: left; 
   margin: 3em; 
   padding: 1em; 
   color: #339;  
   background-color: #69c; 
   border: medium #339 solid; 
   width: 35%; 
   float: right; 
   clear: right;
   }

ul.contact {
	list-style: none;
	display: block;
}

ul.contact li {
	margin-bottom: .25em;
}

/* Anchors: yellow links. default goes pink on hover w/yellow backgrounds. visited varies by page background */

/* turn off underscore for nav */

.nav a { 
	text-decoration: none;
	}

/* odefault link for nav */
	
a:link	{
	color:	#ff6;
	background-color: transparent;
	}
a:visited	{
	color:	#ff6;
	background-color:  transparent;
	}
a:hover {
	color:	#c36;
	background-color: #ff9;
	}
a:active {
	color:	#c36;
	background-color: #ff9;
	}

/* on bluepages: go blue on hover w/yellow backgrounds; visited goes to default blue font color */

.bluepage a:visited	{
	color:	#339;
	background-color:  transparent;
	}
.bluepage a:hover {
	color:	#339;
	background-color: #ff9;
	}	
.bluepage a:active {
	color:	#339;
	background-color: #ff9;
	}	

/* on goldpages: green, go parchment on hover w/brown backgrounds; visited goes brown */

.goldpage a:link	{
	color:	#390;
	background-color: transparent;
	}
	
.goldpage a:visited	{
	color:	#600;
	background-color: transparent;
	}
.goldpage a:hover {
	color:	#ffe;
	background-color: #963;
	}	
.goldpage a:active {
	color:	#ffe;
	background-color: #963;
	}

/* on parchmentpages: go blue on hover w/yellow backgrounds; visited goes to default blue font color */

.parchmentpage a:link	{
	color:	#f90;
	background-color: transparent;
	}
.parchmentpage a:visited	{
	color:	#600;
	background-color: transparent;
	}
.parchmentpage a:hover {
	color:	#ffe;
	background-color: #963;
	}	
.parchmentpage a:active {
	color:	#ffe;
	background-color: #963;
	}
		
/* Anchors for images: pink, with yellow on hover */

a.reverse:link	{
	color:	#c36;
	background-color: transparent;
	}
a.reverse:visited	{
	color:	#c36;
	background-color:  transparent;
	}
a.reverse:active {
	color:	#fe0;
	background-color: #ff9;
	}
a.reverse:hover {
	color:	#fe0;
	background-color: #ff9;
	}
	
/* in designs section: pink, with yellow on hover */

h1 a {
	text-decoration: none;
	padding: .25em;
}
.whitepage a:link	{
	color:	#C36;
	background-color: transparent;
	}
.whitepage a:visited	{
	color:	#F9C;
	background-color:  transparent;
	}
.whitepage h1 a:visited	{
	color:	#C36;
	}
.whitepage a:active,
.whitepage a:hover,
.whitepage h1 a:active,
.whitepage h1 a:hover {
	color:	#FFF;
	background-color: #9C6;
	}