@charset "UTF-8";
/* CSS Document */

/*- Reset CSS */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}
body {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 75%;
	text-align: center;
	color:#333;
	background-color:#efefef;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* tables still need cellspacing="0" */
table {
	border-collapse: collapse;
	border-spacing: 0;
}






/* structure and overall styles */
body.album {
}
body.album1 {
	min-width:1000px;
	background: #efefef url(img/thumbnav_Bg.gif) repeat-y left top;
}

body.album1 div#bgholder {
	background: url(img/thumbnav_Bg.gif) repeat-y right top;
}

img {
	border: none
}

body.album #wrapper {
	width: 766px;/* added 6px for ie6 */
	margin: 0px auto;
	text-align: left;
	padding-left:6px;/* added to compensate for ie6 workaround */
}
body.album2 #wrapper {
	width: 918px; /* added 6px for ie6 */
}
body.image  #wrapper {
	width:984px;
	margin: 0px auto;
	text-align:center;
}

#images .imagethumb img {
	margin:6px;
	float:left;
	width:140px;
	height:105px;
}
#images .imagethumb img, .albumnav .albumthumb img {
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;}
#images .imagethumb img:hover, .albumnav .albumthumb img:hover {
filter:alpha(opacity=100);
-moz-opacity:1.00;
opacity:1.00;}



.alignright {
	text-align:right;
}

div#footer {
	padding:48px 0 32px 0;
}
body.image div#footer {
	/* text-align:center; */
}
body.album div#footer {
	margin-left:6px;
}
div#imgFooter {
	height:18px;
	margin:0 12px 12px 6px;
	xxxxwidth:766px;
}

div#imgFooter .alignright {
float:right; margin-top:-16px;
}

#imgIMG img {
	margin: 0;
	padding: 12px;
	border: 1px solid #999;
	background:#fff;
}

div.pagelist {
	text-align:center;
	margin-top:24px;
}
ul.pagelist {
	list-style:none;
}
ul.pagelist li {
	display:inline;
}
ul.pagelist .disabledlink {
	visibility:hidden;
}
ul.pagelist .current a {
	font-weight:bold;
	color:inherit;
	cursor:default;
	text-decoration:none;
}
div.disabled_nav {
	display:none;
}

a#prevNav , a#nextNav  {
	padding:2px 6px 2px 6px;
	background-color:#ccc;
	text-decoration:none;
	color:#fff;
	margin-bottom:12px; /* if  wide img, more space below buttons */
}
a#prevNav:hover, a#nextNav:hover {
	background-color:#398566;
}

#prevNav {
	font-size: 12px;
	font-weight:bold;
	float:left;
	margin-left:60px;
}
#nextNav {
	font-size: 12px;
	font-weight:bold;
	float:right;
	margin-right:60px;
}

/* typography */

a {
	color:#585EC0;
	text-decoration:none;
}
a:hover {
	color:#398566;
	text-decoration:underline;

}

#gallerytitle {
	margin: 32px 6px 32px 6px;
}
body.image #gallerytitle {
	margin: 36px 0 32px 0;
}

#mainTitle {
	font-family:Georgia, serif;
	font-size: 32px;
	line-height: 100%;
	font-weight:normal;
	color: #444455;
	padding: 0;
	margin: 0;
}
h3#mainTitle {
	font-size: 20px;
}
h3#mainTitle a, h2#mainTitle a {
	color:inherit;
	text-decoration:none;
}
#gallerytitle .subHd {
	margin-top: 6px;
	font-size:14px;
}
#gallerytitle .subHd em {
	font-size:12px;
}


.zp_uneditable_album_desc, .zp_editable_album_desc, .zp_editable_image_desc, .zp_uneditable_image_desc {
	display:block;
	width:560px;
	margin-bottom:9px;
	line-height:150%;
}
.zp_uneditable_album_desc, .zp_editable_album_desc {
	font-size:14px;
	margin:10px 0 0 6px;
}
.zp_editable_image_desc, .zp_uneditable_image_desc {
	font-size:12px;
	margin:32px 0 0 0;
}


/* comments */

#comments {
	margin-top:80px;
}
body.album #comments {
	margin-left:6px;
}

.commentcount em {
	font-weight:normal;
	font-style:normal;
}
.commentauthor {
	font-weight:bold;
}
.commentdate {
	font-size:11px;
	line-height:140%;
	font-style:italic;
}

textarea.jeip-editfield {
	width:600px;
	height:300px;
	font-family:Arial, sans-serif;
	font-size:14px;
	line-height:175%;
}

input.jeip-editfield {
	width:300px;
	font-family:Georgia, serif;
	font-size:18px;
}
body.image textarea.jeip-editfield {
	height:120px;
}

#comments .commentcount {
padding-top:6px;
border-top:solid 1px #999;
padding-bottom:6px;
border-bottom:solid 1px #999;
}
#comments .comment {
margin-top:12px;
padding-bottom:12px;
border-bottom:solid 1px #999;
font-size:12px;
line-height:150%;
}
#comments .commentmeta {
	float:left;
	width:120px;
}
#comments .commentmeta .commentauthor{
	display:block;
}


#comments .commentbody {
	margin-left:140px;
	margin-left:140px;
}

#comments .imgcommentform {
margin-top:18px;
}
#comments .imgcommentform input#name, #comments .imgcommentform input#email, #comments .imgcommentform input#website {
	width:300px;
}
#comments .imgcommentform textarea {
	width:480px;
	height:100px;
}
#comments .imgcommentform table td {
	padding:3px 9px 3px 0;
}

#comments .imgcommentform h3 {
	color:#666;
}
#comments .imgcommentform input.btn {
	margin-top:9px;
}


/* overrides for single image page */
body.image #comments, body.image #footer, body.image #image_data {
	margin:0 auto;
	width:560px;
	text-align:left;
}

body.image #comments {
	margin-top:80px;
}

body.image #fullsize_download_link {
	margin-top:6px;
}
body.image #fullsize_download_link a {
	color:#999;
}
body.image #fullsize_download_link a:hover {
	color:#398566;
}
body.image #fullsize_download_link em {
	float:right;
	font-style:normal;
}
body.image #image_data {
}
a.albumLink span:hover, h2#mainTitle a:hover{
	color:#398566;
	border-bottom:dashed #398566 1px ;
	text-decoration:none;
}



/* sidebar */

.albumnav {
	width:110px;
	background-color:#C9E6CD;
	padding:24px 0 12px 0;
	font-size:12px;
}
#albumnav1 {
	float:left;
}
#albumnav2 {
	float:right;
}
.albumnav .albumthumb {
	margin-top:12px;
}
.albumnav .albumthumb img {
	width:90px;
	height:60px;
}
.albumnav .more {
	margin:32px 9px 0 9px;
	border-top:solid 1px #999;
	padding-top:1px;
}
#slideshowlink_0 {
	clear:both;
	margin-left:6px;
	display: block;
}


/* index/archive pages */

body.index #wrapper {
	margin:0 auto;
	width:780px;
	padding-bottom:18px;
	padding-right:60px;
}
body.archive #wrapper {
	padding-left:12px;
}
body.index {
	text-align:left;
}

body.index #gallerytitle {
	margin-left: 60px;
}
body.archive #gallerytitle {
	margin-left: 12px;
}



#about {
	width:420px;
	float:left;
	font-size:13px;
	line-height:160%;
	padding-bottom:18px;
}
#about #intro {
	margin:12px 0 0 60px;
}
#about #intro p {
	margin-bottom:12px;
}
#albumCol {
	width:320px;
	float:right;
	padding-bottom:18px;
}
body.index #archive  {

}

body.index .album {
	margin:9px 0 9px 0;
	padding:0 0 9px 0;
	border-bottom: solid 2px #036;
	width:320px;
}
body.index #archive .album {
	width:360px;
	float:left;
	margin:12px 12px 0 12px;
}
body.index .album .albumthumb {
	float:left;
	margin-right:9px;
}
body.index .album .albumthumb img {
	/* width:160px;
	height:112px; */
	width:140px;
	height:105px;
}
body.index .album .albumtitle {
}
body.index .album .albumdesc {
}

body.index #albumCol .collapsed {
	margin-top:9px;
	padding:0;
}
body.index #archive .collapsed {
	margin-top:0;
	padding:0;
}

body.index .latest {
	margin:0;
	padding:9px;
	border-bottom: none;
	width:400px;
	background-color: #312E49;
	color:#ccc;
	/* background-color:#CAD8D9; */
}

body.index .latest a {
	color:#6CC;
}
body.index .latest a:hover {
	color:#FFFF99;
}

body.index .latest h3.secHd {
	width:142px;
	border-bottom:solid 1px #ccc;
	margin-bottom:6px;
}
body.index .album .albumthumb {
	float:right;
	margin:0 0 0 9px;
}
body.index .latest .albumthumb img {
	width:auto;
	max-width:240px;
	height:auto;
	max-height:270px;
	border:solid 3px #eee;
}
#about span.more {
	font-style:italic;
	margin:-20px 3px 0 0;
	text-align:right;
	display:block;
	
	/* uncomment to move */
	text-align:left;
	margin-top:0;
}




.zp_uneditable_album_date {
	font-style:italic;
	font-size:11px;
}
/* admin */
#admin, #admin_data {
	position: fixed;
	right: 0;
	top: 0;
	background: #7F9796;
	width: 120px;
	font:12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#admin, #admin_data ul {
	text-align:center;
	margin: 0;
	padding:2px;
}

#admin_data {
	top: 15px;
	padding:2px;
}
#admin_data a, #admin a {
	color:#CCC;
	text-decoration:none;
}
#admin_data a:hover {
	text-decoration:underline;
}

#admin h3 {
	font: 100% "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
}


.errorMsg {
	margin:30px;
}
.errorMsg p {
	margin-top:9px;
}