/* --------------------------------------------------------
project augustcc.com
author: Judith Hettlage
last updated: 2010.03.06
----------------------------------------------------- */

#debug, .debug { display: none; }

* { margin: 0; padding: 0;} 

html, body { height: 100%; }

html { font-size: 100%; /*Jon Tan*/ }

body { font-size: 0.75em; /*Jon Tan*/
				
	font-family: Times, serif;
		
	color: #888;
	
	text-transform: uppercase;
	
	letter-spacing: 0.085em;
	
	line-height: 1.8em;

	background-color: #fff;
	
	text-align: center;
		
	border: 0px solid fuchsia;

	overflow-y: scroll;
	
	font-weight: normal;
			 				
	}
		
ul { list-style-type: none; }

a { border: none; outline: none; }

IMG[alt] { color: #666;	font-size: 0.6em; border: 0; outline: none;	} 

h4, .navigation a { font-size: 11px; border: 0px dotted fuchsia; }

h1, h2, h3, h4 {  

	font-weight: normal;

	text-transform: uppercase;

	}
	
		
.note { display: block; margin-top: 1em; }
		
a, a img { outline: none; text-decoration: none; border: 0px; }

.breaker { clear: both; }

hr { clear:both; height: 1px;
	
	color:transparent; background-color:transparent;
	
	border-top: 0px; border-left: 0px; border-right: 0px;
	
	border-bottom: 1px dashed #888; 
		
	margin: 15px 0 5px 0;
	
	}
	
/* - - - - - - - Wrapper - - - - - - - - -*/

#main { width: 100%; height: 100%; 

	border: 0px solid aqua; 
	
	} 
	
#container {/*  min-height: 10em; */

	background-color: transparent;

	margin: 12em 0 0em 0px;
              
	}
	
/* - - - - - - - Header - - - - - - - - -*/

#header, #container, #imagecontainer {  

	margin: 0em auto; 
	
	width: 650px; 
	
	border: 0 px dotted blue; }

#header hr {width: 650px; margin: 0em auto;}

#header { position: fixed;	width: 100%; }

#logo { margin: 2.5em 0 0 0 ;
	
	border: 0px dotted fuchsia; 
	
	}

#dedication { margin: -0.5em 0 0.5em 0 ;}

/* - - - - - - - Navigation - - - - - - - - -*/

.navigation { margin: 0em auto;

	padding: 5px 0 0 0 ;

	width: 650px; 
	
	border: 0px dotted #eee; }
	

.navigation td { height: 1.5em; 

	vertical-align: bottom;

	border: 0px dotted #eee; 
	
	/* text-align: right; */
	
	}

.navigation a { color: #888; 
	
	padding: 0 0.5em; 
	
	/*margin-right: 2em;  */
		
	border: 0px dotted green; 
	
	}


.navigation a:hover, .selected { color: #000;  }

.selected a { color: #000;}

.navigation a:before { /* margin-left: 10px; */ content:"# "; color: rgba(255, 255, 255, 0); /* opacity: 0; */}

.navigation a:hover:before, .navigation .selected a:before { 

	content:"# "; color: #000; }

/* - - - - - - - Content - - - - - - - - -*/

#container { padding: 17em 0 0 0; border: 0px dotted aqua; }

#content {  border-top: 0px dashed #666; padding: 1em 0; text-transform: none;}

#imagecontainer img { margin: 0 0 1em 0;}

.description { font-size: 0.8em; height: 3em; border: 0px dotted green;  }

#content { font-size: 12px; color: #333; }
		
#content a { color: #888;}

#content a:hover { color: #000; }

#copywright { text-transform: none; margin: 2em 0; }

/* - - - - - - -  PageCount- - - - - - - - -*/


.pagecount { font-size: 0.9em; 

	border: 0px dotted fuchsia;

	z-index: 50; 
	
	}
	
.pagecount li.selected { font-weight: bold;}

.pagecount li.selected, .pagecount li a, .notactive { padding: 10px; }

.pagecount li {  display: inline; 

	border: 0px dotted aqua;
	
	background-color: #fff; 
	
	/* margin-bottom: 2px; */ 
	
	}

.pagecount li a { /* margin: 5px; */ color: #999;}

.pagecount li a:hover { color: #000;}

ul.pagecount { height: 3em; }	
	
.notactive { color: #ddd;}	

/* p, .copy { margin-bottom: 0.8em;} */

/* - - - - - - - debug - - - - - - - - -*/

#debug { position: fixed; 

	top: 1em; left: 1em; 
	
	font-size: 0.7em; color: #ccc;
	
	}

.debug { position: absolute; 

	text-align: left; 

	color: #bbb; 

	width: 15em;

	right: 0em; top: 1em; 

	border: 0px solid #ccc;
	
	}