/* Page Structure
---------------------------------------------------------*/
body {
	background: url(images/stripebg.gif);
	margin: 10px 0px 0px 50px;
	padding: 0px;
	color: #333;
	font-family: verdana, arial, courier-new, sans-serif;
	font-size: 11px;
	}

.banner {
	width: 689px;
	height: 248px;
	border-color: white;
	border-style: solid;
	border-width: 2px;
	}

div.main {
	background-color: white;
	border-width: 2px;
	border-style: solid;
	border-color: white;
	margin: 25px 35px 0px 0px;
	width: 689px;
	padding: 0px;
	color: #333;
	font-family: verdana, arial, courier-new, sans-serif;
	font-size: 11px;
	}

a:link {color: #993333; text-decoration: none;}
a:visited {color: #993333; text-decoration: none;}
a:hover {color: #993333; border-bottom: 1px dotted #000;}

.footer {
	color: white;
	margin-top: 13px;
	margin-bottom: 15px;
	width: 674px;
	text-align: center;
	}

.footer span {
	color: #993333;
	}

/* Resume 
---------------------------------------------------------*/
table {
	margin: 7px;
	}

td {
	font-size: 11px;
	padding:9px;
	vertical-align: top;
	}

h2 {
	font-variant: small-caps;
	font-family: times new roman, serif;
	font-size:18px;
	font-weight: 600;
	letter-spacing: 6px;
	margin-top: 0px;
	}

.category {
	width: 160;
	}

.details {
	background-color: #f1f1f1;
	}

.header {
	font-family: times new roman, serif;
	font-size: 1.5em;
	font-variant: small-caps;
	font-weight: 600;
	line-height: 1.2em;
	}

.header2 {
	font-family: times new roman, serif;
	font-size: 1.5em;
	font-variant: small-caps;
	font-weight: 600;
	}

.info {
	float: right;
	text-align: right;
	}

.title {
	font-variant: small-caps;
	font-size: 14px;
	font-weight: 500;
	}

ul {
	list-style-type: circle;
	}

#print {
	margin-left: 10px; 
	margin-top: 470px;
	margin-bottom:0px;
	}

* html #print {
	margin-top: 560px;
	m/argin-top: 470px;
	}

/* Portfolio-specific
---------------------------------------------------------*/
.portfolio-menu {
	text-align: right;
	font-size:14px;
	font-variant: small-caps;
	font-weight: 500;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 20px;
	}

.category img {
	margin-bottom: 10px;
	vertical-align: top;
	}


/* Portfolio: Fine Arts Gallery 
(Modified from cssplay.co.uk gallery demo)
---------------------------------------------------------*/

#container {
	position:relative; 
	width:660px;
	height:700px; 
	background:white; 
	border:1px;
	margin:10px auto;
	left: 7px;
	right: 7px;
	}

/*--Box with undertext--*/
#container i {
	font-weight:normal; 
	color: #bebebe;
	width:640px; 
	text-align:center; 
	position:absolute; 
	bottom:250px; 
	left:0; 
	line-height:1.7em; 
	z-index:1;
	}

/*--Thumbs--*/
a.gallery, a.gallery:visited {
	display:inline; 
	color:#333; 
	text-decoration:none; 
	border:1px solid #ebebeb; 
	width:61px; 
	height:61px; 
	float:left; 
	margin:5px 5px; 
	position:relative; 
	cursor:default;
	}

a.slidea {background:url(portfolio/finearts/thumbs/catharsis.jpg);}
a.slideb {background:url(portfolio/finearts/thumbs/monsters.jpg);}
a.slidec {background:url(portfolio/finearts/thumbs/blinded.jpg);}
a.slided {background:url(portfolio/finearts/thumbs/final.jpg);}
a.slidee {background:url(portfolio/finearts/thumbs/drapery.jpg);}
a.slidef {background:url(portfolio/finearts/thumbs/highlights.jpg);}
a.slideg {background:url(portfolio/finearts/thumbs/charcoal.jpg);}
a.slideh {background:url(portfolio/finearts/thumbs/silence.jpg);}
a.slidei {background:url(portfolio/finearts/thumbs/usflag.jpg);}
a.slidej {background:url(portfolio/finearts/thumbs/anne.jpg);}
a.slidek {background:url(portfolio/finearts/thumbs/nani.jpg);}
a.slidel {background:url(portfolio/finearts/thumbs/belldandy.jpg);}
a.slidem {background:url(portfolio/finearts/thumbs/skyscrape.jpg);}
a.sliden {background:url(portfolio/finearts/thumbs/dragonmug.jpg);}
a.slideo {background:url(portfolio/finearts/thumbs/weezerbox.jpg);}

/*-- Hover --*/
a.gallery span {
	visibility:hidden; 
	display:block; 
	position:absolute; 
	width:640px; 
	height:500px;
	color:#333; 
	background:#fff; 
	text-align:center; 
	border:5px solid #fff; 	color: #333;
	cursor:default;
	}

ins.title {
	font-variant: small-caps;
	font-family: times new roman, serif;
	font-size:18px;
	font-weight: 600;
	letter-spacing: .1em;
	line-height: 1.4em;
	text-decoration: none;
	}

a.slidea span {margin-left: auto; margin-right: auto; top:168px;}
a.slideb span {left:-73px; top:168px;}
a.slidec span {left:-146px; top:168px;}
a.slided span {left:-219px; top:168px;}
a.slidee span {left:-292px; top:168px;}
a.slidef span {left:-365px; top:168px;}
a.slideg span {left:-438px; top:168px;}
a.slideh span {left:-511px; top:168px;}
a.slidei span {left:-584px; top:168px;}
a.slidej span {margin-left: auto; margin-right: auto; top:95px;}
a.slidek span {left:-73px; top:95px;}
a.slidel span {left:-146px; top:95px;}
a.slidem span {left:-219px; top:95px;}
a.sliden span {left:-292px; top:95px;}
a.slideo span {left:-365px; top:95px;}

a.gallery:hover {
	white-space:normal; 
	border:1px solid #ebebeb; 
	z-index:100;
		}

a.gallery:hover span {
	visibility:visible; 
	z-index:100;
	}

a.gallery:hover span img {
	margin:10px; 
	border:1px solid #ebebeb;
	position:relative; 
	z-index:100;
	padding: 8px;
	}

a.gallery:active, a.gallery:focus {
	border:1px solid #ebebeb; 
	z-index:10;
	outline: none;
	}

a.gallery:active span, a.gallery:focus span {
	visibility:visible; 
	z-index:10;
	}

a.gallery:active span img, a.gallery:focus span img {
	border:1px solid #ebebeb;
	padding: 8px;
	position:relative; 
	margin:10px; 
	z-index:10;
	}

/* Portfolio: Photos
---------------------------------------------------------*/

.photos {
	width: 675px;
	margin-top:25px;
	margin-bottom: 40px;
	}

.photos img {
	margin: 15px 8px;
	border: 0px;
	}

.photos a:hover {border-bottom: 0px;}
.photos a:active, .photos a:focus {outline: none;}


/* Content
---------------------------------------------------------*/

#content {
	margin: 20px;
	}

#content p {
	margin-top: 15px;
	}

#content img.centered {
	border:0px;
	display: block;
	margin-left: auto;
	margin-right: auto; 
	margin-top: 35px;
	}