/* CSS Stylesheet */
/* created by Frank H. O'Donnell at  */
/* www.saltwellstudios.com */
/* 11 feb 2010 */
/* This document validates as CSS level 2.1 */
/* filename:newstyleT.css */
/* dot is for p,h1, Class */
/* # is for Div ID and is UNIQUE each page */
/*  rgb(255,153,255) 16 color names: aqua,black,blue,fuschia,gray,green,lime,maroon,navy,olive,purple,red,silver,teal,white,yellow */
/* all text (not p, is set by BODY command to lucida handwriting */

	h1 { font-size:24pt; }
	h1,h2,h3,h4,h5,h6 {text-align:center; } 
 	
 	body { font-family:"lucida handwriting"; color: #ffc0cb; background: #58110B; } /* pink text BROWN background */
 	
	p { font-family: "Times New Roman", serif ; font-size:14pt; text-align:center; margin-top:3pt; margin-right:5%; margin-bottom:3pt; margin-left:5%; }
 	.bio { margin-left: 14%; width: 68%; font-size:12pt; text-align: left; }
	.contact { clear: both; text-align: center; padding: 2px; }
 	
 	li.none {list-style-type: none} 
  	li.menu {font-size:12pt;} 	/* text size in menu's */
  	/* links page format */
	li.mmenu {font-size:12pt; line-height: 160%;}
	
	/* one col link list */
	ul#navlink { margin-left: 30%; }
	
	/* two items at bottom */
	ul#navigation {list-style-type: none; margin: 0; padding: .5em 0; }
  	ul#navigation li a {display: block; padding: 0.2em 1em;width: 5em;}
  	ul#navigation .left {float: left;}
	ul#navigation .right {float: right;}
	
	/* three items at bottom */
	ul#navlist {list-style-type: none; margin: 0; padding: 0; float: left; width:100%;}
  	ul#navlist li {display: inline; }
  	ul#navlist li a {float: left; width: 9%;padding: 1% 12%;text-decoration: none;}
 
	#top{padding: .5em;border-bottom: 1px;}
	#content{margin-top: 1%; margin-left: 33%; width:62%;}
   #container{text-align: center; width: 95%;margin: 1px ;line-height: 100%;}
	
/*  leftnav index page layout, position of text and right hand margin for location of image  */
  	#leftnav{float:left;margin-left:7%;width: 30%;}
  	
  	/*  centres the thumbnail page layout #centrenav{text-align: center;margin-left:10%;width: 98%;}  */
	#centrenav{text-align: center;}
  	
 	/*  page layout     */
  	.lnav{float:left;margin-left:5%;width: 25%;}
  	.rnav{float:right;margin-right:5%;width: 38%;}
  	  
	.footer{ font-size:6pt; color: #ffc0cb; text-align: center;}
 		
  	:link { color: #ffc0cb; }  /* pink for unvisited links */
  	:visited { color: rgb(153, 0, 153); } /* purple for visited links */
  	a:active { color: rgb(255, 0, 102); } /* red noticeable when link is clicked */
  	a:hover { color: yellow; } /* go to yellow when mouse is over link */
	a {text-decoration: none; } /* no underline for links */
	a img {border: none; } /* no blue border for pics */
	
   /* indiv large picture borders, margins and padding layout marg=top, right, bottom, left. */
	.largepic {position: relative; border: 50px solid #999;margin: 0 0 1% 27%;padding: 1%; }
   /* error center   .narrowpic {border: none; position: center; } */
  
	/*  leftnav wide picture page layout  */
  	.leftpicnav{float:left; margin-left:auto;width: 45%;}
	/*  leftnav extra wide picture page layout  */
	.leftxpicnav{float:left;border: 25px solid #999;margin: 5px 5px 0 0;padding: 6px;margin-left:1%;width: 95%;}
		/*  each indiv thumbnail picture - borders,margins and padding layout marg=top, right, bottom, left.  */
	.thumbnail {border: 25px solid #999;margin: 5px 5px 0 0;padding: 4px;}