/* Body and general styles */



body {

	font-family: verdana;

}



form {

	display: inline;

}



h1 {

	font-size: 1.4em;

}



h2 {

	font-size: 1.2em;

}



h3 {

	font-size: 1.1em;

}



img {

	border: 0;

	display: inline;

}



input, select, textarea {

	font-family: verdana, arial, sans-serif;

	font-size: 13px;

	color: #444;

}



.submit {

	background-color: #79B613;

	border: none;

	color: #fff;

	font-family: verdana, arial, sans-serif;

	font-size: 85%;

	font-weight: normal;

	padding: 3px 5px;

	cursor: pointer;

	width: auto;

	-moz-border-radius: 5px;

	-khtml-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	-moz-box-sizing: content-box;

	-webkit-box-sizing: content-box;

	-khtml-box-sizing: content-box;

	box-sizing: content-box;

}



.uploading {

	background-color: #fff;

	border: 1px solid #79B613;

	color: #79B613;

	cursor: default;

}



table {

	border: 0;

	padding: 0;

}



/* Page Structure */



#plog-container {
	margin: 0;

	width: 680px;

	float: left;


}



#plog-wrapper {

	margin: 0;

}



#inner-wrapper {

	/* padding: 10px;*/

	width: 100%;

}



/* Header Structure/Elements */



#header-table {

	width: 100%;

}



#gallery-name h1 {

	padding: 0;

	margin: 0;

}



/* Menu Structure/Elements */



#breadcrumbs {

	margin: 0;

	padding: 2px;

	border-top: 1px solid #cdcdcd;

	border-bottom: 1px solid #cdcdcd;

}



#breadcrumb-table {

	width: 100%;

}



#breadcrumb-links {

	margin: 2px; 

}



a.print {

	background-image: url("images/printer.gif");

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 20px;

}



/* Content Structure/Elements */



#thumbnail-container { /* this is the div that contains all the thumbnails in collection/album view */

	margin: 0 20px 0 20px;

}



#overlay { /* this is the blue box that shows the total comments when hovering on a thumbnail in album view */

	position: absolute; 

	visibility: hidden; 

	background-color: #38c;

	font-family: verdana, arial, sans-serif;

	font-weight: bold;

	font-size: 13px;

	padding: 4px;

	text-align: center;

	width: 18px;

	color: #fff;

}



ul.slides { /* this is the overall thumbnail container in collection/album view */

	margin: 0;

	padding: 0;

	list-style: none;


}



.slides li { /* this is the individual thumbnail container in collection/album view */

	display: block;
	float: left;
	height: 120px;
	margin: 5px 10px 0 0; /* 2nd number controls the distance between thumbnails */
	padding: 0;

}



.tag { /* this controls the text under a thumbnail in collection/album view with caption/download checkbox */

	text-align: center;

	white-space: normal;

}



.meta-header { /* this controls the text under a thumbnail in collection view with total albums or pictures */

	font-size: 85%;

	padding: 0;

	margin: 0;

	color: #8b0000;

	text-align: center;

}



#caption-date-table, #prev-next-table { /* containers for the caption, date and prev/next links above the large image in picture view */

	width: 600px;

	margin: auto;

}



h1, #picture-caption, .date { /* this controls the caption and date above the large image in picture view */

	color: #79B613;

	text-align: center;

	font-size: 35px;

	font-family: verdana;

	margin: 0;

	margin: 0 0 15px 0;

	font-weight: bold;

/*	font-size: 1.0em;

	font-weight: normal;

	line-height: 1.4;

	background-repeat: no-repeat;

	text-transform: uppercase;

	letter-spacing: 2px;

	margin-left: 4px;

	padding-bottom: 2px;*/

}



#prev-link-container {

	width: 50%; 

	text-align: left;

}



#next-link-container {

	width: 50%; 

	text-align: right;

}



#prev-button, #next-button {



}



a.nav-link-img-prev {

	background-image: url("images/rewind.gif");

	background-repeat: no-repeat;

	background-position: left 1px;

	padding-left: 20px;

	width: 40px;

}



a.nav-link-img-next {

	background-image: url("images/fforward.gif");

	background-repeat: no-repeat;

	background-position: right 1px;

	padding-right: 20px;

	width: 40px;

}



#picture-holder {

	text-align: center;

}



#picture-holder img{

	border: 1px solid #6BA00C;

	background-color: #ededed;

	margin: 4px;

	padding: 10px;

	-moz-border-radius: 5px;

	-khtml-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

}



#picture-holder #description {

	width: 625px;

	margin: 15px auto;

}



.photos {

	padding: 5px;

	margin: 3px;

	border: 1px solid #000;

	-moz-border-radius: 5px;

	-khtml-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

}



/*.photos-large {

	border: 1px solid #789;

	background-color: #efefef;

	padding: 10px;

	margin: 4px;

	-moz-border-radius: 5px;

	-khtml-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

}*/



.thumbnail img {

	padding: 5px;

	text-align: center;

	margin: 3px;

	background-color: #efefef;

	border: 1px solid #6BA00C;

	-moz-border-radius: 5px;

	-khtml-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

}



.thumbnail a:hover img {

	margin: 3px;

	background-color: #ededed;

	border: 1px solid #ED6200;

}



#error-404, #no-pictures-msg {

	margin: 50px 75px;

	text-align: justify;

}



/* Form Structure/Elements */



#jump-menu {

	text-align: right;

}



#download-selected {

	float: right;

	text-align: right;

}



#search-box {

	text-align: right;

}



#jump-search-container {

	text-align: right; 

	vertical-align: middle;

}



#sortby-container {

	text-align: right; 

	white-space: nowrap;

}



.align-right {

	text-align: right;

}



.nomargin {

	margin: 0;

}



/* Footer Structure/Elements */



#pagination {

	padding: 2px;

	margin: 0;

	clear: both;

	border-top: 1px solid #cdcdcd;

	border-bottom: 1px solid #cdcdcd;

	line-height: 2.5em;

}



#pagination-table {

	width: 100%;

}



/*.page-link {

	padding-right: 3px;

	padding-left: 3px;

	text-decoration: none;

}*/



span.page-link, a.page-link, a.pagPrev, a.pagNext {

	border: 1px solid #79B613;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	padding: 1px 5px;

	margin: 0 3px;

	color: #79B613;

	text-decoration: none;

}



.page-link:hover, .page-link a:hover, a.pagPrev:hover, a.pagNext:hover {

	color: #78653C;

	border: 1px solid #78653C;

	background-color: #f9f9f9;

}



.page-link a:focus {

	outline: none;

	-moz-outline: none;

}



/*a.pagPrev, a.pagNext {

	color: #bbb;

	text-decoration: none;

	margin: 0 2px;

}



a.pagPrev:hover, a.pagNext:hover {

	color: #777;

	text-decoration: none;

}*/



span.page-link-current {

	border: 1px solid #79B613;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	padding: 1px 5px;

	margin: 0 3px;

	background-color: #79B613;

	color: #fff;

}



#rss-tag-container {

	text-align: right; 

	white-space: nowrap;

}



#rss-image {

	margin: 0;

	padding: 0;

	display: inline

}



#stats {

	font-size: 85%;

	text-align: center;

	padding: 8px 5px 0 5px;

	margin: 0;

}



#link-back {

	font-size: 85%;

	text-align: center;

	padding: 8px 5px 5px 5px;

	margin: 0;

}



/* Comment Structure/Elements */



#comment-container {

	width: 90%;

	margin: auto;

}



.comment-heading h2 {

	font-size: 1.2em;

}



.comment-heading h3 {

	font-size: 1.1em;

}



.comments p {

	padding: 0;

	margin: 0;

	padding-bottom: 15px;

}



.comments cite {

	color: #000;

	text-transform: uppercase;

	letter-spacing: 1px;

	font-size: 0.8em;

	background: url("images/comment.gif") no-repeat 0 3px;

	padding: 5px;

	padding-left: 23px;

	margin-top: 8px;

	height: 28px;

}



li.comment, li.comment-alt {

	border-top: 1px solid #cdcdcd;

	background-color: #ededed;

	margin: 0;

	padding: 15px;

	list-style: none inside;

}



li.comment-alt {

	background-color: #fff;

}



.comments-closed {

	text-align: left;

	margin-top: 25px;

}



/* Exif data container structure*/



#exif-toggle {

	width: 100%; 

	text-align: center;

	padding: 0;

	margin: 0;

}



#exif-data-container {

	width: 550px;

	margin: 10px auto;

	text-align: center;

	padding: 10px;

}



#exif-table {



}



#exif-data td.exif-label {

	text-align: right;

	padding-right: 10px;

	font-weight: bold;

	width: 50%;

}



#exif-data td.exif-info {

	text-align: left;

	padding-right: 10px;

	width: 50%;

}



#exif-data {

	margin: 10px auto;

	padding: 20px;

	text-align: left;

	width: 70%;

	border: 1px solid #ddd;

	-moz-border-radius: 5px;

	-khtml-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	background-color: #f7f7f7;

}



/* Slideshow Elements */



.large-thumb-toolbar {

	text-align: center;

	padding-top: 15px;

	padding-bottom: 5px;

	margin: auto;

}



/* Success/Error Messages */



.actions, .errors, .success {

	width: 500px;

	background-repeat: no-repeat;

	background-position: 5px 8px;

	margin-bottom: 15px;

	padding: 8px 8px 8px 28px;

	padding-left: 28px;

	-moz-border-radius: 5px;

	-khtml-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

}



.actions {

	background-image: url("images/alert.gif");

	border: 1px solid #bb0;

	background-color: #ffffe0;

}



.errors {

	background-image: url("images/x.gif");

	border: 1px solid maroon;

	background-color: #fcc;

	text-align: left;

}



.success {

	border: 1px solid #000;

	text-align: left;

}



.error {

	border: 1px solid maroon;

	background-color: #fcc;

}

li.error {

	text-align: left;

	border: 0px;

	padding-left: 28px;

}

.status li.error {

	color: red;

	background: transparent url("images/x.gif") no-repeat 5px 8px;

	padding: 8px 8px 8px 28px;

	list-style: none;

}

.hidden {

	display: none;

}

input, select, textarea {

  border: 1px solid #79B613;

}

/* 

	Fake file input button

*/

div.fileinputs {

	position: relative;

	overflow: hidden;

}

div.fakefile {

	position: absolute;

	top: 0px;

	left: 0px;

	z-index: 1;

}

div.fakefile #file-holder {

  margin-left: 5px;

}

input.file {

	position: relative;

	top: 0px;

	left: -138px;

	-moz-opacity:0 ;

	filter:alpha(opacity: 0);

	opacity: 0;

	z-index: 2;

	cursor: pointer;

}



/*

	ColorBox Core Style

	The following rules are the styles that are consistant between all ColorBox themes

*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}

#cboxOverlay{position:fixed; width:100%; height:100%;}

#cboxMiddleLeft, #cboxBottomLeft{clear:left;}

#cboxContent{position:relative; overflow:visible;}

#cboxLoadedContent{overflow:auto;}

#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}

#cboxTitle{margin:0;}

#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}



/* 

	ColorBox example user style

	These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 

	in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com

*/

#cboxOverlay{background:#fff;}



#colorbox{}

	#cboxContent{margin-top:32px;}

		#cboxLoadedContent{background:#000; padding:1px;}

			#cboxLoadingOverlay{background:#000;}

			#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}

			#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

			#cboxClose{display:none;height:0px;width:0px;}



			.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}



			.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}

			.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}

			.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}

			.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}
