@charset "UTF-8";
/*<--------- Home Page-------*/


body{
	font-family: "Courier New", Courier, monospace;
	margin:0;
	padding:0;
}

#space {
	height: 20px;
	width: 935px;
}

#maincontent {
	background-color: #FFF;
	background-image: url(web%20assets/background.png);
	height: 630px;
	width: 935px;
	background-repeat: no-repeat;
	margin-bottom: -15px;
}


#container {
	font-size:12px;
	height: 1675px;
	width: 935px;
	background-color: #FFF;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

#header
{
	height: 90px;
}

#leftheader {
	background-color: #FFF;
	background-image: url(web%20assets/header.gif);
	height: 50px;
	width: 385px;
	background-repeat: no-repeat;
	margin-top: 40px;
	margin-left: 40px;
	float: left;
}

#lookedleftheader {
	background-color: #FFF;
	
	height: 50px;
	width: 385px;
	background-repeat: no-repeat;
	margin-top: 40px;
	margin-left: 40px;
	float: left;
}

#rightheader {
	background-color: #FFF;
	background-image: url(web%20assets/subheader.gif);
	float: left;
	height: 25px;
	width: 320px;
	background-repeat: no-repeat;
	margin-top: 65px;
	margin-left: 100px;
}

#lookedrightheader {
	background-color: #FFF;
	
	float: left;
	height: 25px;
	width: 320px;
	background-repeat: no-repeat;
	margin-top: 65px;
	margin-left: 100px;
}

#navigation {
	float: left;
	height: 520px;
	width: 273px;
	margin-left: 16px;
}


#handnavhome{
	display:none;
}


#ceph{
	background-color: #FFF;
	background-image: url(web%20assets/ceph.gif);
	float: left;
	height: 500px;
	width: 575px;
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left: 23px;
}
#homebutton {
	background-color: #FFF;

	background-repeat: no-repeat;
	height: 35px;
	width: 250px;
	margin-left: 23px;
	margin-top: 30px;
}

#whobutton {
	background-color: #FFF;
	
	background-repeat: no-repeat;
	width: 250px;
	height: 35px;
	margin-top: 15px;
	margin-left: 23px;
}

#inkbutton{
	
	background-repeat: no-repeat;
	height: 35px;
	width: 250px;
	margin-top: 15px;
	margin-left: 23px;
}

#photobutton {
	height: 35px;
	width: 250px;
	margin-top: 10px;
	margin-left: 23px;
	background-repeat: no-repeat;
}

#contactbutton {
	background-repeat: no-repeat;
	height: 35px;
	width: 250px;
	margin-left: 23px;
	margin-top: 15px;
}

#questionbutton {
	background-repeat: no-repeat;
	height: 35px;
	width: 250px;
	margin-left: 23px;
	margin-top: 10px;
}



#copyright p {
	text-align: center;
	font-size:11px;
	
}
#copyright a:link, #copyright a:visited{
	text-decoration:none;
	color: #000;	
}

#copyright a:hover{
	text-decoration:none;
	color:#999;
}


/*
<-----this is for the Who & How page-----*/

#tidbit {
	float: left;
	height: 40px;
	width: 300px;
	padding-left: 52px;
}

#rightcontent {
	height: 520px;
	width: 623px;
	float: left;
}

#written {
	
	float: left;
	height: 475px;
	width: 300px;
	padding-left: 50px;
	padding-top: 40px;
}

#diver {
	float: left;
	height: 473px;
	width: 200px;
	background-image: url(web%20assets/diver.gif);
	background-repeat: no-repeat;
	margin-top: 5px;
	margin-left: 60px;
}

/*<----------this is for the In Ink and Otherwise--------*/


#handnavink{
	display:none;
}

#journals ul li{
	list-style-type: circle;
	
}

#journals ul li a{
    text-decoration:none;
	
}

#journals a:link, #journals a:visited{
	color:#666;	
}

#journals a:hover{
	color:#CCC;	
}

#inknavigation {
    float: left;
	height: 650px;
	width: 273px;
	margin-left: 16px;
}

#journals {
	width: 230px;
	margin-left: 43px;
}

#inkmaincontent {
	background-image: url(web%20assets/inkbackground.png);
	height: 1300px;
	width: 935px;
	background-repeat: no-repeat;
	height: 1575px;
}

#published {
	margin-top: 30px;
}

#published p {
	text-align: center;
}

#published a:link, #published a:visited{
	color: #999;	
}

#published a {
	text-decoration:none;
	color:#999;
	font-weight: bold;
	font-size: 14px;
}

#published a:hover{
	color: #CCC;	
}

#poemtidbit {
	float: left;
	height: 50px;
	width: 175px;
	margin-left: 30px;
	padding-left: 100px;
}

#mosquitorightcontent {
	font-size:12px;
	height: 1300px;
	width: 300px;
	float: left;
	padding-top: 50px;
	margin-left: 15px;
}

#mosquitorightcontent a{
	text-decoration:none;
	font-size:14px;
}

#mosquitorightcontent a:link, #mosquitorightcontent a:visited{
	color: #999;	
}

#mosquitorightcontent a:hover{
	color:#CCC;	
}
		
#bottle {
	background-image: url(web%20assets/bottle.gif);
	background-repeat: no-repeat;
	width: 310px;
	float: left;
	height: 400px;
	margin-top: 40px;
}


/*<-------------Mosquito Page----------*/


#mosquitopoem {
	height: 1250px;
	width: 240px;
	float: left;
	font-size: 100%;
	margin-left: 350px;
	margin-bottom: 50px;
	margin-top: 30px;
}

/*<-------Nicaragua, Naturally page------*/
#nicaraguapoem{
	float: left;
	width: 335px;
	margin-left: 275px;
	height: 350px;
	margin-bottom: 15px;
	margin-top: 30px;
}
#backbutton {
	float: left;
	width: 100%;
	text-align: center;
	height: 33px;
	margin-bottom: -5px;
}
#mosquitocontent {
	height: 1475px;
	width: 925px;
}

#nicaraguarightcontent {
	float: left;
	height: 525px;
	width: 935px;
}

/*
<------------Sketches of summer---------*/
#sketchespoemleft {
	height: 1175px;
	width: 475px;
	float: left;
	margin-left: 80px;
	font-size:11px;
	margin-bottom: 50px;
	margin-top: 30px;
}

#sketchespoemright {
	height: 1175px;
	width: 335px;
	float: left;
	font-size:11px;
	margin-bottom: 50px;
	margin-top: 30px;
}

/*<-------Meteor Page--------*/
#meteorpoem {
	margin-top: 30px;
	height: 275px;
	width: 500px;
	margin-left: 225px;
	margin-bottom: 50px;
}
/*<-------What Blues? Page--------*/
#bluespoem {
	height: 515px;
	width: 400px;
	margin-left: 300px;
	margin-top: 50px;
	margin-bottom: 50px;
}

/*<-------The Polaroid Utopia Page--------*/
#polaroidpoem {
	margin-top: 30px;
	margin-bottom: 50px;
	margin-left: 365px;
	height: 322px;
	width: 300px;
}
/*<-------The Soot Page--------*/
#sootpoem {
	margin-top: 30px;
	height: 600px;
	width: 550px;
	margin-bottom: 50px;
	margin-left: 225px;
	float: left;
}

/*<-------The House of the Hissing Radiators Page--------*/
#radiatorspoem {
	margin-top: 50px;
	height: 505px;
	width: 575px;
	margin-left: 200px;
	margin-bottom: 50px;
}

/*<-------The Following should not be questioned Page--------*/
#questionedpoem {
	margin-top: 30px;
	height: 650px;
	width: 525px;
	margin-left: 250px;
	margin-bottom: 50px;
	float: left;
}

/*<-----The Premium Game of Logomachy Page----*/
#logomachypoem {
	margin-top: 30px;
	height: 575px;
	width: 500px;
	margin-left: 275px;
	margin-bottom: 50px;
}

/*<---------Sea Page-------------*/

#seapoem {
	width: 490px;
	height: 525px;
	margin-left: 250px;
	float: left;
	margin-bottom: 50px;
	margin-top: 30px;
}

/*<----------Linoleum Page---------*/
#linoleumpoem {
	width: 800px;
	height: 150px;
	margin-left: 75px;
	margin-bottom: 50px;
	margin-top: 30px;
}

/*<----------Roswell Page-----------*/
#roswellpoem{
	height: 700px;
	width: 300px;
	float: left;
	font-size: 100%;
	margin-left: 375px;
	margin-bottom: 75px;
	margin-top: 30px;

/*<-----------Landscape Page----------*/
}#landscapepoem {
	float: left;
	height: 280px;
	width: 485px;
	margin-left: 250px;
	margin-bottom: 50px;
	margin-top: 30px;
}

/*<------------Picked Page------------*/
#pickedpoem{
	float:left;
	height: 550px;
	width: 475px;
	margin-left: 250px;
	margin-bottom:50px;
	margin-top: 50px;
}



/*<-----The Photography page----*/

#photorightcontent {
	float: left;
	height: 520px;
	width: 645px;
}
#kentile {
	height: 70px;
	width: 105.6px;
	margin-top: 20px;
	margin-left:40px;
	margin-right:20px;
	margin-bottom:20px;
	float: left;
	
}
#fence {
	height: 70px;
	width: 105.6px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
#citylights{
	height: 70px;
	width: 46.4px;
	float: left;
	margin-top:20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}
#trolley{
	height: 70px;
	width: 105.6px;
	margin-top:20px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}

#houseandwires{
	height: 70px;
	width: 105.6px;
	margin-top:20px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	}
	
#firescape{
	height: 70px;
	width: 46.4px;
	margin-top:20px;
	margin-right: 20px;
	margin-left:65px;
	margin-bottom: 20px;
	float: left;
	
}

#elevator{
	height: 70px;
	width: 46.4px;
	margin-top:20px;
	margin-right: 20px;
	
	margin-bottom: 20px;
	float: left;	
}
#houseandshadows{
	height: 70px;
	width: 46.4px;
	margin-top:20px;
	margin-right: 20px;

	margin-bottom: 20px;
	float: left;	
}

#roadclosed{
	height: 70px;
	width: 105.6px;
	margin-top:20px;
	margin-right: 20px;
	
	margin-bottom: 20px;
	float: left;	
}

#seagull{
    height: 70px;
	width: 105.6px;
	margin-top:20px;
	margin-right: 20px;
	
	margin-bottom: 20px;
	float: left;	
}

#boardwalk{
	height: 70px;
	width: 46.4px;
	margin-top:20px;
	margin-right: 20px;

	margin-bottom: 20px;
	float: left;	
}

#sanddune{
	height: 70px;
	width: 105.6px;
	margin-top:20px;
	margin-right: 20px;
	margin-left:40px;
	margin-bottom: 20px;
	float: left;	
}

#twintelescopes{
	height: 70px;
	width: 105.6px;
	margin-top:20px;
	margin-right: 20px;

	margin-bottom: 20px;
	float: left;		
}

#dinoandcross{
	height: 70px;
	width: 46.4px;
	margin-top:20px;
	margin-right: 20px;

	margin-bottom: 20px;
	float: left;		
}

#bronto{
	height: 70px;
	width: 105.6px;
	margin-top:20px;
	margin-right: 20px;
	
	margin-bottom: 20px;
	float: left;		
}

#rex{
	height: 70px;
	width: 105.6px;
	margin-top:20px;
	margin-right: 20px;
	
	margin-bottom: 20px;
	float: left;
}

#photocontent{
	width: 625px;
	height: 520px;
	padding-left: 0px;
}
#phototidbit {
	float: left;
	height: 50px;
	width: 200px;
	margin-left: 20px;
}

/*<------lightbox-----*/

#lightbox{	
position: absolute;	
left: 0; 
width: 100%; 
z-index: 100; 
text-align: center; 
line-height: 0;
}

#lightbox img{
	width: auto; 
	height: auto;
	}

#lightbox a img{ 
border: none;
}

#outerImageContainer{ 
position: relative; 
background-color: #fff;
width: 250px; 
height: 250px; 
margin: 0 auto; 
}

#imageContainer{ 
padding: 10px; 
}

#loading{ 
position: absolute; 
top: 40%; 
left: 0%; 
height: 25%;
width: 100%; 
text-align: center; 
line-height: 0;
}

#hoverNav{ 
position: absolute; 
top: 0; 
left: 0;
height: 100%; 
width: 100%; 
z-index: 10; 
}

#imageContainer>#hoverNav{ 
left: 0;
}

#hoverNav a{ 
outline: none;
}

#prevLink, #nextLink{ 
width: 49%; 
height: 100%;
background-image: url(data:image/gif;
base64,AAAA); /* Trick IE into showing hover */ 
display: block; 
}


#prevLink { 
left: 0; 
float: left;
}

#nextLink { right: 0; 
float: right;
}

#prevLink:hover, #prevLink:visited:hover { 
background: url(images/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
	background: url(images/nextlabel.gif) right 15% no-repeat;
	}

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; 
background-color: #fff; 
margin: 0 auto; 
line-height: 1.4em; 
overflow: auto; width: 100%	;
}

#imageData{	padding:0 10px; 
color: #666; 
}

#imageData #imageDetails{ width: 70%; 
float: left; 
text-align: left; 
}	

#imageData #caption{ 
font-weight: bold;	
}

#imageData #numberDisplay{ 
display: block; 
clear: left; padding-bottom: 1.0em;	
}			

#imageData #bottomNavClose{ 
width: 66px; 
float: right;  
padding-bottom: 0.7em; 
outline: none;
}	 	

#overlay{ position: absolute; 
top: 0; 
left: 0; 
z-index: 90; 
width: 100%; 
height: 500px; 
background-color: #000; 
}


/*<-----The Contact Page--*/

#contactarea {
	
	width:350px;
	height:425px;
	padding-left:15px;
	padding-right:10px;
	background-color: #FFF;
	font-weight: bold;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	margin-top: 35px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#handcontact{
	display:none;
}
	
#inputbox {
	border: 1px solid #000;
	background-color: #FFF;
	width: 265px;
	padding: 2px;
	font-weight: bold;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
}

#inputlabel {
	font-weight: bold;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	line-height:18px;
}

#textarea {
	border: 1px solid #000;
	background-color: #FFF;
	padding: 2px;
	font-weight: bold;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	width:330px;
	margin-top:10px;
	margin-bottom:5px;
}

#submitbutton {
	cursor:pointer;
	border: 1px solid #000;
	background-color: #FFF;
	font-family: "Courier New", Courier, monospace;
}

#contacttidbit{
	padding-left: 140px;
	margin-top: -20px;
}

/*<------??? page-----*/
#questionwritten a{
	text-decoration:none;
	color:#999;
		
}

#questioncontent{
	float: left;
	height: 520px;
	width: 625px;
}

#questionwritten{
	
	float: left;
	width: 270px;
	padding-left: 30px;
	margin-top: 50px;
	}

#ostrich {
	background-image: url(web%20assets/ostrich.gif);
	float: left;
	height: 500px;
	width: 325px;
	background-repeat: no-repeat;
	margin-top: 20px;
}

#mosquitorightcontent h2 {
	text-align: center;}
#contacttidbit h6 {
	text-align: left;
}

#seocontainer { width: 600px; margin: 0 auto; padding: 20px 0; text-align: center; font-size: 9px;}
  #seocontainer h1 {font:9px "Courier New", Courier, monospace; margin: 0; padding: 0; color:#000; font-weight: bold;}
   #seocontainer a { color: #666; text-decoration: none; font-weight:normal;}

img{
border:none;	
}

a{
	outline: 0 none;
	-moz-outline: 0 none;
	}

:focus {
  -moz-outline-style: none;
}