/*
/*	CSS2 Style Handcrafted by Daniel Toman, 2007.
/*


/* document-wide styles */
html, body { height: 100%; }

body {
	background-color: white; 
	font-family: "Hoefler Text", Palatino, Georgia, serif; 
	margin: 0px; 
	padding: 0px; 
	}

a.black { text-decoration: none; color: black; }
a.black:hover { border-bottom: 1px dashed #333; }

a.blank { text-decoration: none; color: black; }

.nostyle { display: none; } /* content visible only by css-illiterate clients */

.smallcaps { text-transform: lowercase; font-variant: small-caps; }
.italic { font-style: italic; }



/* the navbar div contains the right-side navigational menu */

#navbar {
	background-color: white;  		                                             
	float: right;
	position: absolute;
	left: 710px;
	width: 175px;
	padding: 50px 0px 5px 0px;
	margin: 0px 0px 0px 10px;
	}
	
#navbar ul{ list-style: none; margin: 0px; padding: 0px; }

li.menu { 
	background-image: none;
	background-color: white;
	text-transform: lowercase; 
	font-size: 24px;
	padding: 10px 5px 10px 40px;
	margin: 5px 0px;
	}
	
li.menu:hover { 
	background-image: url(images/flourish-trans.png);
	background-position: 0px 12px;
	background-repeat: no-repeat;
	}

li#current {
 	background-image: url(images/flourish-trans-fade.png);
	background-position: 0px 12px;
	background-repeat: no-repeat;
	}

a.menu { text-decoration: none; color: black; }
a.menu:hover { color: #444; }

a.submenu { text-decoration: none; color: black; }

li.submenu {
	font-size: 18px;
	padding: 8px 5px 5px 12px;
	}



/* the content div contains the body text of the page. */

#content {
	background-color: #eee;
	border: solid #ddd; 
	border-width: 0px 1px 0px 0px; 
	margin: 0px; 
	padding: 0px 0px 0px 0px;
	width: 700px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: small; 
	font-family: "News Gothic MT", sans-serif;
	}


#content h1 {  /* the page heading. */
	font-family: "Hoefler Text", Palatino, Georgia, serif;
	font-size: 28px; 
	font-weight: normal;
	text-align: right;
	margin: 0px 0px 20px 0px;
	padding: 15px 10px 7px 10px;
	border: solid #ccc;
	border-width: 0px 0px 1px 0px;
	color: #333;
	text-transform: lowercase; font-variant: small-caps;
	background: #f2f2f2;
	}

.fade { color: #aaa; padding-right: 15px; }

#content h2 { /* the section heading. */
	text-transform: lowercase; 
	font-variant: small-caps; 
	font-family: "News Gothic MT", sans-serif; 
	margin: 5px 100px 2px 10px;
	text-align: right; 
	}

#content h3 { margin: 10px 100px 5px 11px; text-align: center;}

#content h4 { margin: 2px; text-transform: lowercase; font-variant: small-caps; }

#content > p {
	margin: 5px;
	padding: 5px 100px 15px 100px;
	text-align: justify;
	}



/* the banner div sticks near the bottom of the page, with my name and epithet */

#banner {
	background-color: white;
	width: 701px;
	margin: 0px; 
	padding: 17px 0px;
	border: solid #ddd;
	border-width: 1px 0px;
	position: fixed;
	bottom: 30px;
	left: 0px;
	}


/* the fixedbanner div should mimic the banner div, except stay put at a fixed position on the mid-page */	
#fixedbanner { 
	background-color: white;
	width: 701px;
	margin: 0px; 
	padding: 17px 0px;
	border: solid #ddd;
	border-width: 1px 0px;
	position: absolute; 
	top: 450px; 
	left: 0px;
	}

#name { 
	margin: 0px;
	padding: 0px;
	font-size: 70px;
	text-align: right; 
	text-transform: lowercase; 
	}
	
#epithet { 
	margin: 0px;
	padding-bottom: 5px; 
	font-size: 24px; 
	font-style: italic; 
	text-align: right;
	text-transform: lowercase;
	line-height: 1px;
	position: relative;
	right: -5px;
	}


#contact { /* my address on the contact page. */
	padding: 40px 0px 0px 0px;
	}	
	
#vanityshot { /* the self-portrait image on the contact page. */
	float: left;
	margin: 10px 30px;
	padding: 3px;
	background-color: white;
	border: 1px solid #ddd;
	}
 

.twocolumn { /* 2-column layout on portfolio landing page */
	float: left;
	clear: none;
	margin: 5px;
	padding: 5px;
	text-align: right;
	width: 325px;
	}
 
.thumb-lg { /* large thumbnail images for the portfolio landing page. */
	margin: 0px 0px 10px 0px;
	padding: 3px;
	background-color: white;
	border: 1px solid #ddd;
	}

div.gallery { /* multi-thumbnail image strip for specific portfolios */
	padding: 0px 30px;
	margin: 5px; 
}

img.gallery { 
	padding: 1px;
	border: 1px solid #ddd;
}

div.multicolumn {
	margin: 0px;
	padding: 0px 3px;
	width: auto;
	text-align: right;
	float: left;
	}

p.caption {
	text-transform: lowercase;
	font-variant: small-caps;
	font-size: 18px;
	margin: 0px;
	padding: 0px;
	}