/*  TAGS ////////////////*/

body {
	height:100%; width:100%; 
	position:absolute; top:0; left:0; 
	background-image: url(../images/bg-tile.jpg); 
	background-repeat: repeat;	
	}

p {padding-top: 14px;
	color: #3d3934;
	font: 9.5pt/14pt "Times New Roman", Times, serif;	
}

p a {color: #015542;
	font: inherit;
	font-weight: bold;
	text-decoration: none;	
}

p a:hover {border-bottom: #015542 1px dotted;}



h1 {font-size:1px; color: #FFFBF2; text-indent:-1000px;
	width: 650px; height: 38px;
	position:relative; top: 62px; left:0; }

.about h1 { background-image: url("../images/h1-about.gif"); }
.contact h1 { background-image: url("../images/h1-contact.gif"); }	
.portfolio-print h1 { background-image: url("../images/h1-port-print.gif"); }	
.portfolio-naming h1 { background-image: url("../images/h1-port-naming.gif"); }	
.portfolio-web h1 { background-image: url("../images/h1-port-web.gif"); }	
.portfolio-radio h1 { background-image: url("../images/h1-port-radio.gif"); }	
.pw-poetry h1 { background-image: url("../images/h1-pw-poetry.gif"); }
.pw-photo h1 { background-image: url("../images/h1-pw-photo.gif"); }
.pw-photo-scenic h1 { background-image: url("../images/h1-photo-scenic.gif"); }
.pw-photo-richard h1 { background-image: url("../images/h1-photo-richard.gif"); }
.pw-photo-peeps h1 { background-image: url("../images/h1-photo-peeps.gif"); }


/*  DIVS ////////////////*/

#container {
	height:100%; width:100%; 
	position:absolute; top:0; left:0; 
	background-image: url(../images/bg-tile.jpg); 
	background-repeat: repeat;	
	text-align: center;	
	}

#pageContainer {
	height: 480px;
	width: 766px;
	margin: 100px auto;
	text-align:left;
	}
	
#cardBg {
	width: 766px;
	height: 460px;
	background-image: url(../images/card-bg.jpg); 
	background-repeat: repeat;	
	}

#cardContent {
	width: 736px;
	height: 436px;
	position: relative; top: 6px; left: 15px;}	

#contentBlock {
	width: 575px;
	height:275px;
	position: relative;
	left: 77px;
	top: 65px;}

.pw-poetry #contentBlock {overflow:auto;}

#hide {display:none;}

	
/*  NAV ////////////////*/
	
#navContainer {
	width: 766px;
	height: 20px;
	position: relative;
	}
	
#nav {
	width: 696px;
	height:20px;
	float: left;
	margin-left: 35px;
	}		
	
#nav li, #nav li a, #nav li a:hover {
	float: left;
	font-size:1px;
	color: #015542;}	
	
	
#navAbout {
	display:block;
	height: 20px;
	width: 110px;
	background-image: url("../images/nav-about.gif");
	}		
#navAbout a {
	display:block;
	height: 20px;
	width: 110px;
	background-image: url("../images/nav-about.gif");
	}	
#navAbout a:hover { background-position:  0 -20px; }	
#navAbout a:active { background-position:  0 -40px; }	
.about #navAbout a { background-position: 0 -20px; }
	
#navPort {
	display:block;
	height: 20px;
	width: 140px;
	background-image: url("../images/nav-port.gif");
	}			
#navPort a {
	display:block;
	height: 20px;
	width: 140px;
	background-image: url("../images/nav-port.gif");
	}	
#navPort a:hover { background-position:  0 -20px; }	
#navPort a:active { background-position:  0 -40px; }		
.portfolio-print #navPort a, .portfolio-naming #navPort a, .portfolio-web #navPort a, .portfolio-radio #navPort a { background-position: 0 -20px; }
	
#navPw {
	display:block;
	height: 20px;
	width: 181px;
	background-image: url("../images/nav-pw.gif");
	}		
#navPw a {
	display:block;
	height: 20px;
	width: 181px;
	background-image: url("../images/nav-pw.gif");
	}	
#navPw a:hover { background-position:  0 -20px; }	
#navPw a:active { background-position:  0 -40px; }	
.pw-poetry #navPw a, .pw-photo #navPw a { background-position: 0 -20px; }


#navBlog  {
	display:block;
	height: 20px;
	width: 102px;
	background-image: url("../images/nav-blog.gif");
	}		
#navBlog a {
	display:block;
	height: 20px;
	width: 102px;
	background-image: url("../images/nav-blog.gif");
	}	
#navBlog a:hover { background-position:  0 -20px; }	
#navBlog a:active { background-position:  0 -40px; }	
.blog #navBlog a { background-position: 0 -20px; }

#navContact {
	display:block;
	height: 20px;
	width: 139px;
	background-image: url("../images/nav-contact.gif");
	}	
#navContact a {
	display:block;
	height: 20px;
	width: 139px;
	background-image: url("../images/nav-contact.gif");
	}	
#navContact a:hover { background-position:  0 -20px; }	
#navContact a:active { background-position:  0 -40px; }	
.contact #navContact a { background-position: 0 -20px; }


#navHome {
	display:block;
	height: 20px;
	width: 20px;
	background-image: url("../images/nav-home.gif");
	}	
#navHome a {
	display:block;
	height: 20px;
	width: 20px;
	background-image: url("../images/nav-home.gif");
	}	
#navHome a:hover { background-position:  0 -20px; }	
#navHome a:active { background-position:  0 -40px; }	
.home #navHome a { background-position: 0 -40px; }
	
	
	
/* // PORTFOLIO SUBNAV //////// */
	
#port-subnav {
	width: 564px;
	height: 30px;
	position: relative;
	top: 75px; left: 77px;
	}
		
#port-subnav li, #port-subnav li a, #port-subnav a:hover {
	float: left;
	font-size:1px;
	color: #FFFBF2;}		

#subnavPrint {
	display:block;
	height: 30px;
	width: 119px;
	background-image: url("../images/port-subnav_01.gif");
	}		
#subnavPrint a {
	display:block;
	height: 30px;
	width: 119px;
	background-image: url("../images/port-subnav_01.gif");
	}	
#subnavPrint a:hover { background-position:  0 -30px; }	
#subnavPrint a:active { background-position:  0 -30px; }	
.portfolio-print #subnavPrint a { background-position: 0 -30px; }
	
#subnavNaming {
	display:block;
	height: 30px;
	width: 188px;
	background-image: url("../images/port-subnav_02.gif");
	}			
#subnavNaming a {
	display:block;
	height: 30px;
	width: 188px;
	background-image: url("../images/port-subnav_02.gif");
	}	
#subnavNaming a:hover { background-position:  0 -30px; }	
#subnavNaming a:active { background-position:  0 -30px; }	
.portfolio-naming #subnavNaming a { background-position: 0 -30px; }

#subnavWeb {
	display:block;
	height: 30px;
	width: 188px;
	background-image: url("../images/port-subnav_03.gif");
	}		
#subnavWeb a {
	display:block;
	height: 30px;
	width: 188px;
	background-image: url("../images/port-subnav_03.gif");
	}	
#subnavWeb a:hover { background-position:  0 -30px; }	
#subnavWeb a:active { background-position:  0 -30px; }	
.portfolio-web #subnavWeb a { background-position: 0 -30px; }

#subnavRadio {
	display:block;
	height: 30px;
	width: 69px;
	background-image: url("../images/port-subnav_04.gif");
	}			
#subnavRadio a {
	display:block;
	height: 30px;
	width: 69px;
	background-image: url("../images/port-subnav_04.gif");
	}	
#subnavRadio a:hover { background-position:  0 -30px; }	
#subnavRadio a:active { background-position:  0 -30px; }	
.portfolio-radio #subnavRadio a { background-position: 0 -30px; }
	
	
	
/* // PERSONAL WORK SUBNAV //////// */
	
#pw-subnav {
	width: 564px;
	height: 30px;
	position: relative;
	top: 75px; left: 77px;
	}
		
#pw-subnav li, #pw-subnav li a, #pw-subnav a:hover {
	float: left;
	font-size:1px;
	color: #FFFBF2;}		

#subnavPoetry {
	display:block;
	height: 30px;
	width: 119px;
	background-image: url("../images/pw-subnav_01.gif");
	}		
#subnavPoetry a {
	display:block;
	height: 30px;
	width: 119px;
	background-image: url("../images/pw-subnav_01.gif");
	}	
#subnavPoetry a:hover { background-position:  0 -30px; }	
#subnavPoetry a:active { background-position:  0 -30px; }	
.pw-poetry #subnavPoetry a { background-position: 0 -30px; }

#subnavPhoto {
	display:block;
	height: 30px;
	width: 102px;
	background-image: url("../images/pw-subnav_02.gif");
	}	
#subnavPhoto a {
	display:block;
	height: 30px;
	width: 102px;
	background-image: url("../images/pw-subnav_02.gif");
	}	
#subnavPhoto a:hover { background-position:  0 -30px; }	
#subnavPhoto a:active { background-position:  0 -30px; }	
.pw-photo #subnavPhoto a { background-position: 0 -30px; }
		
		

/* // PORTFOLIO TABLES //////// */

.portfolio-print table, .portfolio-naming table, .portfolio-web table, .pw-photo table { border-collapse:collapse;
	margin-top: 20px;}

.portfolio-print table td {
	width: 114px;
	height:80px;
	border: #c1baad 2pt dotted;
	text-align:center;
	vertical-align:middle;
	}	
	

.portfolio-print table td a {
	display:block;
	}	
	
	
.portfolio-print table td img {
	padding-top: 5px;
	}	
		
.portfolio-print table td:hover {
	background-image: url("../images/port/td-bg.gif");
	}		
	
.portfolio-naming table td:hover, .portfolio-web table td:hover {background-image: url("../images/port/td-bg-xl.gif"); }		

.portfolio-naming table td, .portfolio-web table td  {
	width: 185px;
	height:80px;
	border: #c1baad 2pt dotted;
	text-align:center;
	vertical-align:middle;
	}
	
#contentBlock ul {
	margin-top: 10px;
	}
.btns { width: 100%; position: relative; bottom:0; right:0;}
.btn { float:right; padding:0 5px 5px 0;}

/* // = radio / */

.portfolio-radio table { border-collapse:collapse;
	margin-top: 20px;
	float:left;}

.portfolio-radio table td {
	border-collapse: collapse;
	width: 100px;
	height:40px;
	border: #c1baad 2pt dotted;
	text-align:left;
	vertical-align:middle;
	padding-left: 10px;
	}	

#radio {float:left;
	margin-top: 20px;
	margin-left:10px;
}


/* // PHOTO PAGE(S) ////////////////// */

.pw-photo table td {
	border: #c1baad 2pt dotted;
	text-align:center;
	vertical-align:middle;
	}	

.pw-photo .topRow {
	width: 188px;
	height:202px;
	border: #c1baad 2pt dotted;
	text-align:center;
	vertical-align:middle;
	}	

#back-btn {margin-top:6px;}


.pw-photo-scenic table, .pw-photo-richard table,.pw-photo-peeps table  { border-collapse:collapse;
	margin-top: 20px;}

.pw-photo-scenic table td, .pw-photo-richard table td, .pw-photo-peeps table td {
	width: 75px;
	height:75px;
	padding: 5px;
	border: #c1baad 2pt dotted;
	text-align:center;
	vertical-align:middle;
	}	

.pw-photo-scenic #contentBlock, .pw-photo-richard #contentBlock, .pw-photo-peeps #contentBlock {overflow:auto;}


/* // POETRY PAGE //////// */

 #poetry-contents li, #poetry-contents li a {
	color: #3d3934;
	font: bold 9pt/25pt "Times New Roman", Times, serif;
	text-decoration: none; 	
	letter-spacing: 1px;
	list-style-type: circle;
	margin-left:1.5em;
	text-indent: -1.5em;
}

 #poetry-contents li a:hover {
	color: #3d3934;
	font: inherit;
	text-decoration: none;
	border-bottom: #015542 1px dotted;
}


.pw-poetry h3 {
	font: bold 9pt/25pt "Times New Roman", Times, serif;
	letter-spacing: 1px;
	margin-bottom: -15px;
	margin-top: 15px;
	padding-top:10px;
	border-top: #015542 1px dotted;
	width: 50%;
}

.pw-poetry h4 {
	font: bold 9pt/25pt "Times New Roman", Times, serif;
	letter-spacing: 1px;
	margin-bottom: -15px;
	margin-top: -5px;
	padding-top:0;
	border: 0;
	width: 50%;
	}


.bullet  {padding: 25px 0 0 0; margin: 0;}