/* CSS Document */
/* By Erin Riesland, 2007  */
/* Mauritania W. Africa */
	




/*----general formatting------*/	
	
	img {
	border:none;
	margin:none;
	}
	
	
	/* lists */
	ul {
	list-style:none;
	margin:none;
	padding:none;
	}
	li {
	list-style:none;
	margin:none;
	padding:none;
	}
	
	/* links */
	a:link {
	color: #630;
	background-color: none;
	text-decoration:none;
		}
	a:visited {
	color: #630 ;
	background-color: none;
	text-decoration: none;
			}
	a:hover {
	color: #630;
	text-decoration:underline;
			}
	a:active {
	color: none;
	text-decoration: none;
	background-color: none;
	} 	
	a href span {
	height: 50px;
	width:50px;
	display:block;
	}
	
	
	/* headlines */
	h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	margin:0em;
	padding:0em;
	text-decoration:none;
	font-weight:100;
	text-transform:uppercase;
	}
	h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1em;
	margin:1.8em 0 0 0;
	padding-top:1.5em;
	}
	h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height:1em;
	display:inline;
	margin:.8em 0 1em 0;
	text-transform:uppercase;
	color:#630;
	padding:0px;
	}
	h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.5em;
	line-height:.8em;
	display:block;
	text-transform:uppercase;
	color:#630;
	}
	h5 {
	font-size:.8em;
	color:#630;
	font-weight:normal;
	line-height:1em;
	margin:-1em 0em 1em 1em;
	}
	
	
	/* forms */
	select {
	font-size:10px;
	color:#630;
	}
	form {
	border: none;
	}
	.formstyle {
	border: 1px solid #666666;
	}
	buttons {
	background-color:red;
	}

/*----------------------------*/





/* div layout and order, font rules and special rules */
	
body {
border:none;
margin-left:0px;
margin-top:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
}
		
	#bodyborder {
	}
		
	/* header container (runs along the top) and contents */

		#headerContainer {
		width: 964px;
		height: 75px;
		margin-top: 30px;
		}
		
			#title {
			width:200px;
			float:left;
			height:50px;
			margin:0px;
			padding:0px;
			
			}
		
	
			/* navigation icons, top right */
				
			#nav {
			height:75px;
			width:358px;
			float:right;
			margin:0px;
			padding:0px;
			line-height:0px;
			}
			#nav ul {
			margin:0px;
			padding:0px;
			line-height:0px;
			position:absolute;
			}
			#nav li {
			display:inline;
			padding:0px 20px 0px 20px;
			}
			
			/* rules for rollover nav Images contained in nav*/

			/*read*/			
				.readRollover a { 
				background-color: none;
				}
				.readRollover a:hover img{ 
				background-color: #9c3;
				}		
				.readRollover a:active { 
				background-color: none;
				}
				.readSelected a img{
				background-color: #9c3;
				}
			/*see*/	
				.seeRollover a {
				background-color: none;
				}
				.seeRollover a:hover img{ 
				background-color: #ff6699;
				}
				.seeRollover a:active { 
				background-color: none;
				}
				.seeSelected a img{
				background-color: #ff6699;
				}		
			/*follow*/	
				.followRollover  a {
				background-color: none;
				}	
				.followRollover a:hover img{ 
				background-color: #99ccff;
				}
				.followRollover a:active { 
				background-color: #99ccff;
				}
				.followSelected a img {
				background-color:#99ccff;
				}
	
			/* formatting for icon descriptions, below each icon */
			#navText {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: .7em;
			font-variant: small-caps;
			display: block;
			width: 360px;
			height: 15px;
			background:none;
			border: none;
			position:absolute;
			top:-16px;
			overflow:hidden;
			}

			#navFol {
			float:left;
			width: 123px;
			}
			#navSee {
			float:left;
			width: 105px;
			}
			#navSee a {
			text-decoration:none;
			}
			#navRead {
			float:left;
			width: 130px;
			}
			#navRead a {
			text-decoration:none;
			}
			

	

	/* main container and its contents */
	
		#mainContainer {
		width: 964px;
		float:left;
		}
			
			#blog { 
			width:600px;
			float:left;
			}
			
			
			/*a container for the list of blog archives (left) */
				#archives { 
				float:left;
				color:#9c3;
				padding:0px 0px 0px 0px;
				}
			/*archives links*/
				#archives a:link {
				text-transform:uppercase;
				text-decoration:none;
				}
				#archives a:visited {
				text-transform:uppercase;
				text-decoration:none;
				}
				#archives a:hover {
				text-decoration:underline;
				text-transform:uppercase;
				}
				#archives a:active {
				text-decoration:none;
				}	

				/* located within archives container*/
					#posts {
					float:left;
					background:none;
					padding:0px 0px 0px 0px;
					}
					#posts_archives {
					float:left;
					width: 140px;
					}
						#posts h2, #archives h2 {
						font-size:1.6em;
						font-family: Garamond, Georgia, "Times New Roman", Times, serif;
						letter-spacing:.02em;
						margin: 10px 0px 3px 0px;
						}
						#content ul {
						margin-left:0px;
						padding:0px 0px 5px 10px;
						}
						#content li {
						line-height:1.2em;
						font-size:10px;
						padding:0px 3px 7px 0px;
						}
					
					.pagetitle {
					text-transform:uppercase;
					font-size:.7em;
					color:#66330;
					}
					
					.post {
					margin-bottom:3em;
					margin-top:1em;
					}
					
					.post_title {
					font-family: Garamond, Georgia, "Times New Roman", Times, serif;
					font-size:1.7em;
					line-height:1em;
					}
					/* post_title link*/
					.post_title a {
					text-decoration:none
					}	
			/* blog container and content, located within the "blog" div */
			#content {
			}
				#text {
				float:right;
				margin:10px 10px 0px 0px;
				}
				#text h1 {
				color:#663300;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:1.1em;
				margin:-1em 0em 1.5em 0em;
				padding:-.5em 0em 0em 0em;
				text-decoration:none;
				font-weight:100;
				}
				#text h2 {
				color:#663300;
				font-weight:100;
				text-transform:uppercase;
				}
					#textBox {
					float:left;
					width:350px;
					min-height:700px;
					border-top:solid 1px #630;
					border-right:solid 1px #630;
					border-left:solid 1px #630;
					background: white;
					font-family: Geneva, Arial, Helvetica, sans-serif;
					color:#333333;
					font-size: .7em;
					line-height:1.4em;
					letter-spacing:.02em;
					padding: 30px 45px 0px 40px;
					}
					#textBox ul {
					padding:1.4em;
					margin-left:1.3em;
					margin-right:1.3em;
					}
					#textBox li{
					font-size: 1em;
					line-height: 1em;
					padding-bottom: 1.2em;
					list-style:disc;
					}
					/* textbox links*/
					#textBox a:link {
					text-decoration:underline;
					}
					#textBox a:visited {
					text-decoration:underline;
					}
					#textBox a.post_title {
					text-decoration:noneh;
					}	
					#textBox a:link.post_title {
					text-decoration:none;
					}
					#textBox a:visited.post_title {
					text-decoration:none;
					}
					#textBox a:hover.post_title {
					text-decoration:none;
					}
					#textBox a:active.post_title {
					text-decoration:none;
					}
						
					/* php generated dates and tags*/
					.post_content {
					}
					
						.post_date {
						font-size: .7em;
						text-transform:uppercase;
						color:#663300;
						}
						
						.post_footer {
						font-size: .7em;
						text-transform:uppercase;
						margin:0px;
						position:relative;
						}
	
					/*links formatting*/
					
						#posts a:link {
						text-transform:uppercase;
						}
						
						#posts a:visited {
						text-transform:uppercase;
						}
						
						#posts a:hover {
						text-decoration:underline;
						text-transform:uppercase;
						}
						
						#posts a:active {
						}
						

	
		/* right container, a collection of photos and misc. information yet to be decided */
			#rightContent {
			width: 350px;
			float: left;
			background:#630;
			height: auto;
			position: relative;
			padding:0px;
			margin: 10px 0px 0px 0px ;
			text-align:center;
			}
			
			/* media content and navigation */
				
				#photos {
				width:350px;
				height:263px;
				float: left;
				}
				
				#controller {
				width: 350px;
				padding:3px 0px 0px 0px;
				height:12px;
				background:#630;
				float:right;
				position:relative;
				font-size:.5em;
				text-transform:uppercase;
				display:inline;
				}
					/*controller links */
					#controller a:link {
					color: white;
					text-decoration:none;
					}
					#controller a:visited {
					color: white;
					text-decoration:none;
					}
					#controller a:hover span{
					color: white;
					text-decoration:underline;
					border:none;
					}
					#conPrevious {
					width:65px;
					position:relative;
					display:inline;
					float:left;
					}
					#conTitle {
					min-width:220px;
					position:relative;
					display:inline;
					float:left;
					text-align:center;
					vertical-align:middle:
					}	
					#conNext {
					width:65px;
					position:relative;
					display:inline;
					float:right;
					}
				/*thumbnail home*/	
				#photoMenu {
				width:350px;
				float:right;
				font-size:.7em;
				text-transform:uppercase;
				text-align:left;
				}
				#photoMenu a:hover {
				text-decoration:none;
				}
					#conTitle {
					color:#FFFFFF;
					}
					#categorySelection {
					margin-top: 5px;
					margin-left: 10px;
					float: left;
					}
					#categorySelection form {
					display:inline;
					}
					#pmThumbnails li {
					float:left;
					width:60px;
					padding:5px;
					}
					#pmThumbnails {
					margin: 40px 0px 0px 0px;
					padding:0px 5px 5px 5px;
					}
					.thumbBox {
					height:80px;
					}
				
					.thumbCaption {
					font-size:.7em;
					}
						
					#photoMenu img {
					width: 60px;
					height: 60px;
					}
					#photoMenu img.selected {
					background: #663300;
					padding: 2px;
					}
					#photoMenu img.unselected {
					margin: 2px;
					}
				
				#rtSpacer {
				width:350px;
				height:auto;
				background:#663300;
				float:right;
				}
				
			
		/* footer container and its contents */	
		
			#footerContainer {
			float:left;
			display:block;
			margin:0px;
			background:white;
			height:100%;
			}
			/* links at footer */		
				#navLinks {
				width:964px;
				height:2em;
				border-top:thin dashed #663300;
				border-bottom:thin dashed #663300;
				position:relative;
				float:left;
				display:inline;
				text-align:center;
				font-size:.7em;
				padding-top:.5em;
				}
				
				#navLinks a:link {
				}
				
				#navLinks a:visited {
				}
				
				#navLinks a:hover {
				}
			/* media box */
				#media {
				font-size:.7em;
				}