@charset "utf-8";

* {margin:0; padding:0;}

body {

	background-color:#111111;
	color: #EEEEEE;

	

}

body, input, textarea { font-family: Candara, "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;

font-size: 15px;}

table { border-collapse: collapse; border: none; }
a {

	color:#66CCFF;

	text-decoration: none;

	outline: none;
}

a:visited {

	text-decoration: none;

}

a:hover {

	color: #FFFFFF;

	text-decoration: none;

}

a:active {

	text-decoration: none;

}

#header {

	font-family: Candara, "Myriad Pro", Tahoma, Georgia, "Times New Roman", Times, serif;

	font-size: 18px;

	background-color: #333333;

	padding: 10px 10px 10px 40px;

}

#subheader {

	background-color: #222222;

	padding: 0 20px 0 40px;}

#subheader #flashlink {

	float: right;

	

}

#subheader #menu {

	float: left; position: relative; behavior:url("javascript/csshover.htc"); 

	margin: -8px 0 0 -8px; padding: 8px 8px 0 8px; z-index: 1;

}

#subheader #menu img.openMenu {margin: 8px 0 0 0;  }
#subheader #menu:hover { background: #333333; }
#subheader #menu #hiddenmenu {
	position: absolute;

	z-index: 2;

	background-color: #333333;

	-moz-border-radius: 0 0 5px 5px;

	margin: 0 0 0 -8px;

	padding: 20px 20px 20px 25px;

	visibility: hidden;
	

}
#subheader #menu:hover #hiddenmenu { visibility: visible;  }#subheader .crumbs {

	float: left; 

}

#subheader .crumbs a, #flashlink a{

	padding: 8px 10px; line-height: 30px;

}

#subheader .crumbs a.active{

}

#subheader .crumbs a:hover{

	background-color: #333333;

}

#content {

	padding: 10px 20px 10px 20px;
}

#content #folders {

}

#content #folders a{

	margin: 0px 0px 0px 0px;

	padding: 4px 12px 12px 12px;

	 display: block; float: left; line-height: 1px;

	text-align: center;	position: relative;

}

#content #folders a:hover{

	background-color:#333333;

}

#content #folders .textblock{

	font-size: 12px;

	padding: 10px 0 0 0;

	position:relative;

	bottom: 5px;

}

#content #folders img{

	border: none;

}

#thumbnails {

	clear: both;

}

#thumbnails a{

 display: block; float: left; line-height: 1px;

text-align: center;	position: relative; 

}

#thumbnails a span { border: solid 1px #AAAAAA; padding: 1px;

					background: center center no-repeat; 

					position: absolute; top: 8px; left: 8px; 

}

#thumbnails img{

	

	margin: 9px;

}

#thumbnails a:hover {

	background-color:#333333;

}

#thumbnails a:hover img{

	padding: 11px;

/*	margin: 0px;

*/	border: none;

}

#thumbnails a:hover span { border-color: #333; }

#image{

clear: both;

margin: 10px auto;

	/*margin: 0 auto;*/

}

#image #myimage{

	border: solid 1px #777777;

	padding: 1px;

	float: left;

}

#image #imagetext{

	width: 200px;

	margin: 10px 10px 10px 15px;

	float: left;

	font-size: 12px;

}

#image #imagetext .title, h1{

	font-weight: normal;

	font-size: 22px;

	margin: 0px 0px 3px 0px;

}

#image #imagetext .description{

	font-weight: normal;

	font-size: 13px;

	margin: 0px 0px 10px 0px;

}

#image #imagetext .filename{

}

#image #imagetext .date{

}

#navigation{

	float: right;

	font-size: 18px;

}
#navigation a {

	margin: 0px 1px 0px 0px;

	background-color: #222222;

	font-size: 24px;

	padding: 0px 15px 4px 15px;

}

#navigation a:hover {

	background-color: #333333;

}
.clrFlt { clear: both; height: 1px; line-height: 1px; font-size: 1px;}

#imageView {padding: 20px auto; text-align: center; }

.imageAttributes, .imageProperties {  margin: auto auto 10px auto;  }

.imageAttributes { color: #666; }

.imageProperties { color: #999; }

.naviCount { padding: 0 5px; }

.exifData { }

.exif_heading {display: none;}

#contactForm input, 

#contactForm textarea { width: 300px; padding: 2px;} 

#contactForm div { margin: 0 0 10px 0; position: relative;}

#contactForm label {  padding: 0 0 0 120px;   }

#contactForm label span { display: block; width: 100px; position: absolute; left:0; top: 0;}