
/*

Centering Technique from:

http://perishablepress.com/press/2007/09/25/absolute-horizontal-and-vertical-centering-via-css/

*/

html, body {
	height: 100%;         /* required */
	font-family: "Helvetica"
}
body {
	text-align: center;   /* horizontal centering hack for IE */
	padding: 0;           /* required to "hide" distance div */
	margin: 0;            /* required to "hide" distance div */
}
div#distance { 
	margin-bottom: -300px; /* half of content height */
	width: 1px;           /* required to "hide" distance div */
	height: 50%;          /* required */
	float: left;          /* required */

}
div#content {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	height: 600px;         /* required - desired height */
	margin: 0 auto;       /* required */
	clear: left;          /* required */
}



/* Fixing some display annoyances */

a { 
	outline: none;
	}

img {
	border:0;
	}



/* Basic Page Geometry */


#rightCol {
	margin-left: 175px;
	height: 560px;
}

#leftCol {
	float: left;
	width: 175px;
	height: 560px;
	background-image: url(/images/skin/gradient.jpg);
}

#logo {
	font-family: "Copperplate Gothic Bold"; 
	color: #F47C00;
	font-size: 24px;
	text-align: right;
	margin-bottom: 24px;
	margin-top: 4px;
}



/* Navigation */


#navlist
{
	text-align: right;
	letter-spacing: 0px;
	margin-right: 10px;
}

#navlist ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 15px;
	padding-bottom: 10px;
	}

#navlist ul li {
	padding-bottom: 10px;
}

#navlist ul ul {
	padding-top: 10px;
	font-size: 15px;
	}

#navlist li a {
	display: block;
	padding: 0px;
	}

#navlist li li a {
	display: block;
	padding: 0px;
	}

#navlist a:link,
#navlist a:visited {
	text-decoration: none;
	}


#navlist li a:link,
#navlist li a:visited {
	color: #000;
	}

#navlist li li a:link,
#navlist li li a:visited {
	color: #444;
	}
	
div#navlist li a:active {
	color: #F47C00;
	text-decoration: none;
	}

div#navlist a:hover {
	text-decoration: underline;
	}



div#navlist-a-hover {
	text-decoration: underline;
	}


div#navlist a.uberlink:link, 
div#navlist a.uberlink:visited {
	color: #F47C00;
	}

/* caption */

#caption {
	font-size: 14px;
	padding-left: 20px;
}


/* counter */


table#counter {
	margin-left: 175px;
}

td.counterCounter, td.counterTotal {
	width: 20px;
	font-size: 14px;
}

table#counter td {
	height: 20px;
}

#counter a {
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	color: #000;
}

td.counterCounter {
	text-align: right;
}

td.counterTotal {
	text-align: left;
}


/* gallery styles */

#bigshot {
	float:left;
}

.featured {
	margin-left: 460px;
	}
	
.gallery-selection {
	margin-bottom:6px;
}

#gallery {
	height: 600px;
	width: 840px;
	}

#gallery #bio, #gallery #contact {
	margin-left: 40px;
	padding-left: 20px;
	padding-right: 20px;
	width: 500px;
	height: 559px;
	background-color: #F47C00;
}

#gallery #bio p,  #gallery #contact p {
	line-height: 22px;
	font-style: italic;
	font-size: 14px;
}

#gallery #bio #p {
	padding-top: 20px;
}

#gallery #contact a.url { visibility: hidden; }

#gallery #contact table {
	margin: 20px;
	}
	
#gallery #contact td {
	padding-left: 4px;
	}

#gallery.unexpected {
	margin-left: 40px;
	padding-top: 1px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 40px;
	width: 500px;
	height: 559px;
	line-height: 22px;
	font-style: italic;
	font-size: 14px;
	background-color: #F47C00;
}


