/*********************************************************************
 * drakestyles.css main persistent stylesheet for franklindrake.com.
 *********************************************************************/

/*
 * UNIVERSAL DECLARATIONS...........................................
 */
 
body {
	margin-top: 10px;
	margin-bottom: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

p {
    margin-left: 80px;
	margin-right: 80px;
	}

h1 {
	font-size: 30px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    height: 38px;
	margin: 0px;
	padding: 2px 2px 2px 4px;
}
	 
h2 {
    font-size: 30px;
	font-family: Arial, Helvetica, sans-serif;
    text-align: left;
	margin: 0px;
    padding: 0px 0px 0px 4px;
    height: 38px;
	}
	
h3 {
    font-size: 18px;
    margin-left: 80px;
	margin-right: 80px;
	}
	
h4 {
    font-weight: bold;
	text-align: center;
	font-size: 16px;
	padding: 4px;
	margin: 0px;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	}
	
img {
    margin: 12px;
	}

a {
	text-decoration: underline;
	}

/*********************************************************************
 * ....UNIQUE ID DECLARATIONS...........................................
 *********************************************************************/

/*
 * ....GRAY BAR AT TOP OF EVERY PAGE....................................
 */

#header {
	padding: 4px 4px 8px 4px;
	min-width: 850px;
	}

.sitename {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	letter-spacing: .1em;
	text-align: left;
	}
	
/*
 * ...UPPER RIGHT LINKS ON EVERY PAGE.................................
 */
	
#navigation {
	font-size: 10px;
	letter-spacing: .1em;
	text-align: right;
	padding: 6px 6px 2px 14px;
	}
	
#navigation a {
	text-decoration: none;
	padding: 3px 6px 3px 6px;
	}
	
/*
 * ...COLORSCHEME SWITCHER.................................
 */
	
#switcher {
    min-width: 790px;
	padding: 2px 12px 4px 4px;
	font-weight: normal;
	font-size: 10px;
	text-align: left;
	}
	
/*
 * ...INTERNAL NAVIGATION FOR MULTI-PAGE SECTIONS (EG BIO, ARCHIVE).........
 */
	
#innernav {
    font-size: 12px;
	margin: 24px 80px 44px 10px;
	text-align: right;
	}
	
#innernav a {
    padding: 2px 4px 2px 4px;
    margin-right: 14px;
	text-decoration: none;
	}

#gallerymenu {
    text-align: center;
	font-size: 9px;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 150%;
	}
	
#gallerymenu a {
    text-decoration: none;
	}
	
#gallerymenu a:hover {
    text-decoration: underline;
	}
	
#gallerynav {
    padding: 3px 14px 5px 14px;
	text-align: left;
	font-size: 10px;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	}
	
#picturenav {
    padding: 8px 14px 0px 14px;
	text-align: center;
	font-size: 10px;
	}
	
#picturenav a {
    padding: 2px 20px 2px 20px;
	text-decoration: none;
	border: 1px solid gray;
	background-color: #000000;
	color: #00CC33;
	}
	
#picturenav a:hover {
	border: 1px solid white;
	background-color: #383838;
	color: #00CC33;
	}

/*
 * ....FOOTER, THANKS, CREDITS ETC....................................
 */

#footer {
	padding:  4px 4px 8px 4px;
	margin-top: 18px;
	min-width: 790px;
	font-size: 10px;
	text-align: center;
	line-height: 120%;
	}
	
#footer a {
    text-decoration: none;
	}
	
#footer a:hover  {
    text-decoration: underline;
	}
	 
#creditcomment {
    width: 92%
    padding: 5px 20px 5px 12px;
    margin: 0px 0px 30px 0px;
    }
	
/*********************************************************************
 * ......SITEWIDE TEXT CLASSES.............................................
 *********************************************************************/
 
 .description {
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    margin-left: 150px;
    margin-right: 150px;
    text-indent: 10px;
    padding: 6px;
	text-align: left;
    }

/*********************************************************************
 * ....SPECIAL FORMATTING FOR SPECIFIC PAGES...............................
 *********************************************************************/
 
/*
 * ....SPECIAL FORMATTING FOR TIMELINE/CHRONOLOGY..........................
 */

#timeline {
	font-size: 12px;
	}

#timeline p {
    text-align: left;
	text-indent: -40px;
	margin: 2px 200px 4px 180px;
	}
	
#timeline p.year {
    text-indent: 0px;
    font-size: 14px;
	margin: 6px 400px 4px 120px;
	letter-spacing: .2em;
	}
	
#timeline p.other {
    margin: 6px 200px 4px 120px;
	text-indent: 0px;
	}
	
#timeline h4 {
    margin: 16px 100px 12px 120px;
    text-align: left;
	font-size: 18px;
	letter-spacing: .2em;
	padding: 4px;
	clear: both;
	}
	
#timeline a {
	text-decoration: none;
	}
	
#timeline a:hover {
    text-decoration: underline;
	}
	
#timeline img {
    float: right;
	clear: both;
	margin: 10px 100px 10px 10px;
	}

/*********************************************************************
 * ........GALLERY-SPECIFIC FORMATTING...............................
 *********************************************************************/

/*
 * ....NAVIGATION WITHIN COLLECTIONS (NEXT PREVIOUS ETC).............
 */


td#gallerynav {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    
td#gallerynav a {
	text-decoration: none;
	padding: 3px 6px 3px 6px;
	text-transform: uppercase;
	}
	
/*
 * ....FORMATTING FOR THUMBNAIL IMAGES.............................
 */

#thumbnails {
    width: 92%;
    min-width: 720px;
    padding: 15px;
    }
    
#thumbnails a {
    text-decoration: none;
    }

#thumbnails a:hover {
    text-decoration: none;
    }
    
 #thumbnails a:active {
    text-decoration: underline;
    }
	
#index td {
    font-size: 12px;
	text-align: center;
	vertical-align: bottom;
	}