/*body { background-color: transparent; font-size: 12px; font-family: Helvetica, Arial, sans-serif; line-height: 150%; height: 100%; margin: 0 0 1px 0; z-index: 0;}*/
html { height: 100%;}
body { 
	background-color: transparent; 
	margin: 0px; 
	padding: 0px; 
	height: 100%; 
	border-top: 1px transparent solid; 
	margin-top: -1px; 
	z-index: 0; 
	position: relative; 
	font-size: 12px; 
	font-family: Helvetica, Arial, sans-serif; 
	line-height: 150%;
	
}

img { border:0; }


div, li, div.clear { margin: 0; padding: 0 }
p, ul, h1, h2 { margin: 30px 0 10px 0; padding: 0; }


a { color: #FF3300; text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { 
	font-weight: normal; 
	line-height: 100%; 
}

h2 { font-weight: normal; }

h1.title { float: right; display: inline; margin: 0 0 10px 0; font-size: 24px; background: #FFF;  }
h1.title a { color: #000; text-decoration: none; display: block; border: 1px solid #FFF; padding: 5px 8px; }
h1.title a:hover { color: #F30; border: 1px solid #F30; }

h1 span.grey { color: #FFF; }

div.clear { clear: both; height: 0; line-height: 0; font-size: 0; margin: 0 0 10px 0; }
div.right { text-align: right; }

#background img { 
	position: fixed;
	left: 0;
	top: 0;
	height: 100%; 
	width: 100%; 
	z-index: -1; 
	color: white; 
	opacity: .1; 
	filter: alpha(opacity=10);
}

#home #background img { 
	opacity: 1; 
	filter: alpha(opacity=100); 
}

.photoEntry { display: block; float: left; width: 100px; height: 125px; padding: 10px; margin: 0 10px 10px 0; background: #EEE; border: 1px solid #CCC; }
.photoEntry h2 { font-size: 11px; font-weight: normal; margin: 0; line-height: 100% }
.photoEntry img { border: 1px solid #CCC; }
.photoEntry a:hover img { border: 1px solid #F30; }


#commentLink { 
	background: #FFF; 
	border: 1px dotted #F30; 
	padding: 2px 5px;
	position: fixed;
	bottom: 10px;
	left: 10px;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	line-height: 125%;
}

#pageContainer { 
	width: 750px; 
	padding: 20px 0 0 0; 
	margin: 0 auto; 
	z-index: 0; 
	
}

.nextPrev a.next {
	float: right;
}

.copyright { color: #999; }


ul#globalNav { clear: both; margin: 0 0 10px 0; height: 24px; text-align: center; }
#globalNav li { float: left; /*width: 180px;*/ text-align: center; list-style-type: none;  margin: 0 5px 5px 0; }
#globalNav li.last { margin-right: 0; }
#globalNav a { text-decoration: none; display: block; padding: 2px 5px 2px 5px; background: #FFF; color: #999; border: 1px solid #EEE; }
#globalNav a:hover { background: #FFF; color: #F30; border-color: #F30 }

#imgContainer { line-height: 100%; margin: 0 0 10px 0; }
#imgContainer img { border: 1px solid #CCC; margin: 0 0 10px 0; padding: 0; vertical-align: bottom; }

#commentsBox {
	right: 0;
	bottom: 0;
	position: absolute;
	display: none;
		}

#home #comments { 
	background: #FFF;
	font-family: Verdana, Arial, sans-serif; 
	font-size: 10px; 
	overflow: auto;
	width: 325px;
	height: 500px;		
	border-left: 1px dotted #F30; 
	border-top: 1px dotted #F30; 
	padding: 10px;
	background: #FFF;
}

#commentPreview {
	border: 1px solid #EFEFEF;
	background: #FFFFEE;
	padding: 10px;
}

#commentPreview h3 {
	margin: 0 0 15px 0;
}

#comments {
	padding: 15px 0;
}

#comments h2 {
	margin: 0 0 15px 0;
}

#comments p {
	margin: 0 0 10px 0;
}

#comments label {
	display: block;
	font-size: 10px;
	color: #999;
	
}

.comments-footer {
	color: #666;
	font-size: 10px;
}

.workPiece { clear: both; margin: 0 0 20px 0; }
.workPiece img { vertical-align: middle; margin: 0 10px 0 0; border: 1px solid #CCC}
.workPiece a { margin: 40px 0 0 0; font-size: 14px; }
.workPiece a img { border: 1px solid #CCC; }
.workPiece a:hover img { border: 1px solid #F30; }

#footer { color: #666; margin: 0 0 50px 0; padding: 0 0 50px 0; }