/* .............................. */
/* Basic */
/* .............................. */

body { 
background-color:#dcdcdc; 
font-size:10px; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
letter-spacing:0.5px; 
color:#666; 
background: #fff;
padding: 0;  
margin:0 0 20px; 
text-align:center; 
}

html, body {
     min-height:100.1%;
	}

/* .............................. */
/* Links */
/* .............................. */

a { 
color:#000000; 
text-decoration:none; 
margin: 0; 
padding: 0; 
}

a:hover { 
color: #8298a8; 
text-decoration:none; 
}

/* .............................. */
/* Headings */
/* .............................. */

h1 {
    float:left;
	clear:left;
	font-weight:bold;
	font-size:14px;
	color:#666;
	margin:0 0 0 5px;
	padding:0;
	}
	
h1 a {
    text-decoration:none;
	color:#666;
	}

h1 a:hover {
    text-decoration:none;
	}
	
.phototitle { 
color: #666; 
font-size: 14px; 
font-weight: bold; 
margin: 0; 
padding: 0; 
}

.title { 
float: left; 
margin:0; 
padding:15px; 
font-size: 16px;
font-weight: bold;
font-style: normal;
}

.selectgallery { 
font-size: 10px; 
margin: 0; 
padding: 0; 
float: right; 
}

h3 {
	font-weight:bold;
	font-size:11px;
	letter-spacing:1px;
	color:#666;
	text-align:center;
	}

/* .............................. */
/* Navigation and menu */
/* .............................. */

.menu {
    float:right;
	clear:right;
	text-align:right;
	font-size:9px;
	}
	
.menu a {
	padding:7px;
	padding-left:10px;
	padding-right:10px;
	}
/* .............................. */
/* Content */
/* .............................. */

#mainphoto { 
background-color: white; 
background-image: url(../images/image_loading_jsphoto.gif); 
background-repeat: no-repeat; 
background-position: center; 
height: auto; 
width: 800px; 
margin: 0 auto; 
padding:15px; 
border-width: 0; 
}

#mainphoto a { 
border-width: 0; 
}

#photo { 
background: #f5f5f5; 
padding: 0px; 
}

#photofader { }

/* .............................. */
/* Image Navigation */
/* .............................. */

#navigation { 
text-align: left; 
width: 830px; 
padding:0; 
margin: 0px auto 0 auto;
}

#navigation:after { 
content: "."; 
display: block; 
height: 0; 
font-size:0; 
clear: both; 
visibility:hidden; 
}

#headerlogo { 
width: 243px;
float: left; 
margin: 0;
padding: 70px 16px 0 15px;
}

#top-menu { 
text-align: center; 
letter-spacing: -0.5px; 
width: 540px; 
float: right; 
margin: 0; 
padding: 95px 0 0 0; 
}

#top-menu img {
border: 0;
}

#top-menu ul { 
margin: 0; 
padding: 0; 
list-style-type: none; 
}

#top-menu li { 
float: left; 
margin: 0;
display: inline; 
}

#top-menu li a {
color: #8298a8; 
text-decoration: none; 
margin: 3px 15px 3px 15px; 
padding: 0;
display: block; 
}

li#end a { 
color: #8298a8; 
text-decoration: none; 
margin: 0; 
padding: 3px 15px; 
border-width: 0; 
display: block; 
}

li#end a:hover { 
color: #38537e; 
margin: 0; 
}

#image-navigate { 
font-size: 10px; 
background-color: #fff; 
text-align: left; 
width: 800px; 
margin: 0 auto 0; 
padding: 0 15px; 
}

#image-navigate:after { 
font-size: 0; 
visibility: hidden; 
display: block; 
height: 0; 
clear: both; 
content: "."; 
}

#image-previous { 
font-weight: bold; 
background-color: white; 
text-align: left; 
float: left; 
margin: 0; 
padding: 0; 
}

#image-previous ul { 
margin: 0; 
padding: 0; 
}

#image-previous li { 
margin: 0; 
padding: 0; 
list-style-type: none; 
}

#image-previous li a { 
color: #acacac; 
background-image: url(../images/previous_js.gif); 
background-repeat: no-repeat; 
background-position: left 1px; 
text-decoration: none; 
width: 63px;
height: auto; 
margin: 0; 
padding: 0 0 0 15px; 
display: block; 
}

#image-next { 
font-weight: bold; 
background-color: white; 
text-align: right; 
float: right; 
margin: 0; 
padding: 0; 
}

#image-next ul { 
margin: 0; 
padding: 0; 
}

#image-next li { 
margin: 0; 
padding: 0; 
list-style-type: none; 
}

#image-next li a { 
color: #acacac; 
background-image: url(../images/next_js.gif); 
background-repeat: no-repeat; 
background-position: right 1px; 
text-decoration: none; 
height: auto; 
margin: 0; 
width: 41px;
padding: 0 15px 0 0; 
display: block; 
}
	
#thumbrow { 
width:auto; 
margin: 4px auto; 
padding: 0; 
}

#thumbrow .thumbnails { 
margin: 4px; 
padding: 7px; 
}

#thumbrow a img.thumbnails { 
background-color: #e5e5e5; 
}

#thumbrow a:hover img.thumbnails { 
background-color: #f9f9f9; 
}

.current-thumbnail { 
background-color: white; 
margin:4px; 
padding: 7px; 
border-width: 0; 
}

/**** Image Info ****/

#image-info { 
padding:15px; 
text-align:left; 
width:770px; 
margin:0 auto 0; 
background-color: #eee; 
border: solid 15px #fff; 
}

#image-info p { 
margin: 0; padding: 3px 0 0; 
}

#image-notes {
	width:70%;
	vertical-align:top;
}
	
#image-exif {
    padding-top:10px;
    text-align:right;
	width:25%;
	vertical-align:top;
}

.categories { 
font-size: 9px; 
float:right; 
clear:right; 
margin-top: 4px; 
padding:0; 
}	

/**** Browse Page ****/

#browse_page { 
clear: both;
text-align: left; 
margin: 0 auto 10px; 
padding: 0; 
width: 800px; 
}

#browse_header {
background: url(../images/page_title_bg.gif) top left no-repeat; 
width: 800px;
height: 49px;
text-align: left; 
margin: 18px 0 0 0;
padding: 0;
}

#browse_content { 
background-color: #f1f1f1; 
margin: 0 auto; 
padding: 15px 14px; 
}

#browse_content .thumbnails { 
margin: 4px; 
padding: 8px; 
}

#browse_content a img.thumbnails { 
background-color: white; 
}

#browse_content a:hover img.thumbnails { 
background-color: #e5e5e5; 
}

/**** Contact Page ****/

#contact_page { 
clear: both;
padding:0; 
text-align:left; 
width: 800px; 
margin: 0 auto 10px; 
}

#contact_page a {
font-weight:bold;
}

#contact_header {
background: url(../images/page_title_bg.gif); 
width: 800px;
height: 49px;
text-align: left; 
margin: 18px 0 0 0;
padding: 0;
}

#pagecontent { 
margin: 0 auto; 
padding: 15px; 
}

#aboutcontentwrap { 
float: left;
background: #eee;
width: 800px; 
margin: 0 0 10px 0; 
padding :0px ; 
}

#aboutcontent { 
float: left;
background: #eee;
width: 700px; 
margin: 0px; 
padding :15px ; 
}

#aboutcontent p { 
font-family: Verdana, Geneva, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 11px;
letter-spacing: normal;
line-height: 15px;
text-transform: none;
text-decoration: none;
text-align: left;
}

#aboutcontent h3 { 
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
text-align: left;
}

#abouttext { 
width: 600px;
float: left; 
margin: 0; 
padding: 0; 
}

.imgfloat_left {
float: left;
margin: 0 15px 10px 0;
padding: 0;
height: 118px;
}

.horzwhiteline { 
background-color: white; 
height: 7px; 
margin: 0;
padding: 0;
clear: both; 
}

.column{
	width:48%;
	text-align:left;
	vertical-align:top;
	padding:5px;
	}
.thumbnails { border-width: 0; }

/**** Contact Form ****/

/* Form styles */
div.form-container { margin: 0px; padding: 5px; border: #EEE 1px solid; clear: both;}

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 120px; font-size: 90%; color: #333; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 100px; display: block; float: left; text-align: left; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 130px; }

div.form-container input.buttons {
	background: none no-repeat top left;
	border: none;
	cursor: pointer;
	display: block;
	float: left;
	height: 27px;
	overflow: hidden;
	padding: 0;
	margin: 0 8px 0 0;
	text-indent: -9999px;
	width: auto;
	font-size: 0;
	line-height: 27px;
}

div.form-container input.sendform { 
	background-image: url(../images/send_button.gif); 
	width: 100px; 
}

div.form-container input.clearform { 
	background-image: url(../images/clear_button.gif); 
	width: 101px; 
}

#abouttext p.success {
	font-size: 13px;
	font-weight: bold;
    color: #F00;
}


/**** Footer ****/

#footer { 
clear: both;
color: #666; 
font-size: 9px; 
font-family: Arial, verdana, sans-serif; 
text-align:center; 
margin-bottom:20px; 
}


/**** 404 Page ****/

#fourcontent {
width: 600px;
float: left; 
margin: 0; 
padding: 0; 
}

#fourcontent a, a:visited {
		color: #C30;
		text-decoration: underline;
}

#fourcontent a:hover {
		color: #666;
}

/* TAG SUPPORT */
.tags01
{
	font-size: 10px !important;
}

.tags02
{
	font-size: 12px !important;
}

.tags03
{
	font-size: 14px !important;
}

.tags04
{
	font-size: 16px !important;
}

.tags05
{
	font-size: 18px !important;
}

.tags06
{
	font-size: 20px !important;
}

.tags07
{
	font-size: 22px !important;
}

.tags08
{
	font-size: 24px !important;
}

.tags09
{
	font-size: 26px !important;
}

.tags10
{
	font-size: 28px !important;
}