/*********************************************************************
 * drakecolorsmono.css default colors for franklindrake.com.
    Black and White color scheme.
 *********************************************************************/

/*
 * UNIVERSAL DECLARATIONS...........................................
 */
 
body {
	background-color: #000000;
	color: #969696;
}

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

h1 {
	color: #FFF;
    border: 1px solid #999;
    background-color: #333;
    background-image: url(gallery/res/bannerback.gif);
    background-repeat: repeat-x;
}
	 
h2 {
	color: #FFF;
    border: 1px solid #999;
    background-color: #333;
    background-image: url(gallery/res/bannerback.gif);
    background-repeat: repeat-x;
	}
	
h3 {
    color: #ABABAB;
	}
	
h4 {
    color: #4A4A4A;
	background-color: #9D9D9D;
	}

a {
    color: #FFFFFF;
	}
	
a:hover {
    color: #FF0000;
	}
	
a:active {
    color: #FFFF00;
	}

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

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

#header {
    background-color: #B4B4B4;
	border: 1px solid white;
	}

.sitename {
    color: #FFFFFF;
	}
	
/*
 * ...UPPER RIGHT LINKS ON EVERY PAGE.................................
 */
#navigation {
    color: #808080;
	}
	
#navigation a {
    border: 1px solid #EAEAEA;
	background-color: #808080;
	color: #EAEAEA;
	}
	
#navigation a:hover {
    background-color: #EAEAEA;
	border-color: #808080;
	color: #808080;
	}
	
#navigation a:active {
    background-color: #B02222;
	}
	
/*
 * .....COLOR SCHEME SWITCHER.................................
 */
 
#switcher {
    border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	}
	
/*
 * ...INTERNAL NAVIGATION FOR MULTI-PAGE SECTIONS (EG BIO, ARCHIVE).........
 */
	
#innernav {
    color: #808080;
	}
	
#innernav a {	
    color: #CCCCCC;
	background-color: #484848;
	border: 1px solid #999999;
	}
	
#innernav a:hover {
    background-color:#999999;
	border: 1px solid #CCCCCC;
	color: #484848;
	}

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

#footer {
    background-color: #282828;
	border: 1px solid white;
	color: #EAEAEA;
	}
	
#footer a {
	color: #FF0000;
	}
    
#creditcomment {
    border: 1px solid #999;
    background-color: #333;
    background-image: url(bannerback.gif);
    background-repeat: repeat-x;
    }
	
/*********************************************************************
 * ......SITEWIDE TEXT CLASSES.............................................
 *********************************************************************/
 
 .description {
    color: #CECECE;
    background-color: #333333;
    border: 1px solid white;
	}
	
.description a {
    text-decoration: none;
	color: #FF2222;
	}
	
.description a:hover {
    text-decoration: underline;
	color: #DD0000;
	}

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

#timeline {
    color: #CFCFCF;
	}
	
#timeline p.year {
	color: #CC0000;
	}
	
#timeline h4 {
	background-color: #787878;
	color: #000000;
	border: 1px solid #CFCFCF;
	}
	
#timeline a {
    color: #FF0000;
	}

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

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


td#gallerynav {
    background-color: #000000;
    }
    
td#gallerynav a {
    border: 1px solid #EAEAEA;
	background-color: #808080;
	color: #EAEAEA;
	}
	
td#gallerynav a:hover {
    background-color: #EAEAEA;
	border-color: #808080;
	color: #808080;
	}
	
td#gallerynav a:active {
    background-color: #B02222;
	}
	
/*
 * ....FORMATTING FOR THUMBNAIL IMAGES.............................
 */

#thumbnails {
    color: #BFBFBF;
    }
    
#thumbnails a {
    color: #FFFFFF;
    }

#thumbnails a:hover {
    color: #FF0000;
    }
    
 #thumbnails a:active {
    color: #FFFF00;
    }