/* GLOBAL */
html{font-size: 100%;}
body{color:#666666; font-size: 62.5%; font-family:Georgia, "Times New Roman", Times, serif;}
	a{color: #929292; text-decoration: underline;}
		a:hover{color: #209edf;text-decoration: underline;}
		a:active{color: #209edf;text-decoration: underline;}
	
	/* HIDE TEXT ON */
	.rss{font: 0px Arial; line-height: 0; text-indent: -9999px; outline: 0;}


/* LAYOUT */
#pageWrap{width: 940px; margin: 35px auto 0 auto;}
#left{float: left; width: 220px; margin-left: 18px; margin-right: 40px;}
	#left #menu{margin-top: 60px;}
	#left h1{display: inline; font-size: 24px; color: #000000; font-weight: normal;}
	#left h2{display: inline; font-size: 24px; color: #929292; font-weight: normal;}
	#left h3{border-top: 1px solid #dedede; font-size: 20px; color: #878787; margin-top: 10px; padding: 10px 0;}

#right{float: left; width: 653px;}

#footer{clear: both; background: url(../images/imageSubHeading.png) 0 110% repeat-x; text-align: center; margin-top: 30px;}
	#footer div{display: inline; background: #fff; padding: 0 15px;}
		#footer h4, #footer h5{display: inline; font-weight: normal;}
		#footer img{display: inline; margin-bottom:-10px; padding: 0px 7px 0px 7px;}
.bodyGalleryPage #footer , .bodyHomePage #footer {background: url(../images/imageSubHeading.png) 0 143px repeat-x!important; padding-top: 130px!important;}

/* INDIVIDUAL WORK PAGE */
#imageArea{float: left; background: url(../images/gradient.jpg) 0 0 repeat-x; border: 1px solid #dddddd; width: 645px; margin-bottom: 10px;}
	#individualImage{position: relative; background: url(../images/individualImage.png) repeat-x; text-align: center; padding: 20px;}		
		#individualImage img{display: inline; z-index: 1;}
		#imagePrevNext{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;}
			#hoverPrev, #hoverNext{position: absolute; display: block; font: 0px Arial; text-indent: -9999px; outline: 0; line-height: 0; z-index: 11; width: 49%; height: 100%}
				#hoverPrev{top: 0; left: 0;}
					#hoverPrev:hover{background: #fff url(../images/hoverPrev.png) 0 50% no-repeat; cursor: pointer; filter:alpha(opacity=20); -moz-opacity:.20; opacity:.20;}
						#hoverPrev:hover .watermark{left: 40px;}
				#hoverNext{top: 0; right: 0;}
					#hoverNext:hover{background: #fff url(../images/hoverNext.png) 100% 50% no-repeat; cursor: pointer; filter:alpha(opacity=20); -moz-opacity:.20; opacity:.20;}
						#hoverNext:hover .watermark{right: 40px;}\
			a:hover .watermark{position: absolute; bottom: 30px; background: url(../images/watermark.png) no-repeat; width: 77px; height: 49px;}

	#individualImageInfo{margin: 0 28px;}
	#individualImageInfo.portrait{margin: 0 122px;}
		#individualImageInfo h3{background: url(../images/imageSubHeading.png) 0 80% repeat-x; font-size: 1.2em; color: #616161; text-align: center; font-weight: normal;}
			#individualImageInfo span{background: #fff; font-weight: bold; padding: 0 15px;}
		#individualImageInfo h4{font-size: 1em; text-align: center; font-weight: normal; margin: 0.4em 0 2em 0;}


/* SCRAPBOOK */
.rss{position: absolute; right: 0; bottom: 10px; background: url(../images/rss.png) no-repeat; width: 34px; height: 11px;}
	.rss:hover{background-position: 0 -11px;}
.bodyBlogEntry #BlogContent h2{background: transparent; font-size: 1.4em; padding: 0;}

/* GALLERY PAGE */
#thumbnailGallery{width: 665px;}
	#thumbnailGallery li{float: left; border: 1px solid #e8e8e8; width: 78px; height: 78px; margin: 0 11px 9px 0; padding: 2px;}
		#thumbnailGallery li:hover{border: 1px solid #787878;}
		#thumbnailGallery li a{display: block;}
#navigation{clear: both;padding-top:10px; width:645px;height:38px;}
	#navigation a{color: #209edf; font-size: 1.1em; text-decoration:none; display: block;}
		#navigation img{float:left; display: block;}
	#prevNext a{float: left;}
	#thumbs{float: left;}
		#thumbs a{border: 1px solid #e8e8e8; padding: 2px; margin-right: 6px;}
			#thumbs a:hover, #thumbs a.current{border-color: #787878;}
	#galleryLink{float: right;}
		.galleryLink{background: url(../images/gallery.gif) 100% 0 no-repeat; line-height: 19px; text-align: right; width: 120px; height: 19px; padding-right: 30px;}
			.galleryLink:hover{background-position: 100% -19px;}


/* BIOGRAPHY PAGE */
#bodybiography #mainHTMLcontent p{background: url(../images/bullet2.gif) 0 3px no-repeat; color: #444; padding: 0 0 0.3em 11px;}


/* LINKS PAGE */
#bodylinks #mainHTMLcontent p{font-size: 0.77em; color: #777;}
	#bodylinks #mainHTMLcontent p a{font-size: 1.2em;}


/* CONTACT PAGE */
