
.clear {
	/* .clear is used to push elements down past floated elements */
	clear: both;
}
#wrapper {
	/* #wrapper contains the entire contents of the page */ 
	margin: 0;
	padding: 0;
	background: #000;
}
#header {
	/* #header contains the gallery name and the search box */
	margin: 0 auto 0;
	text-align: left;
	width: 930px;
}
p.sub-subnav {
	/* one can edit header.php, within the commented <p></p> tags, to add a few words below the breadcrumbs, in which case this controls that text */
	clear: both;
	margin: 8px 25px;
	text-align: center;
	font-size: 1.2em;
}
#gallery-name {
	/* #gallery-name controls the name of the gallery */
	float: left;
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	color: #fff;
	font: 3em Georgia, "Times New Roman", Times, serif;
}
#search-container {
	/* #search-container contains the search box and the search button */
	float: right;
	white-space: nowrap;
	margin: 16px 0 0 0;
	height: 30px;
}
#search-container input {
	/* #search-container input is the search input box */
	float: left;
	width: 190px;
	margin: 3px 0 0 0;
	padding: 1px;
	border: 2px solid #ECDBA8;
	color: #404040;
	background: #eee;
	font: 1.2em "Lucida Grande", Verdana, Arial, sans-serif;
}
#search-container input.submit {
	/* #search-container input.submit is the search button */
	width: 79px;
	height: 26px;
	cursor: pointer;
	color: #fff;
	background: #000 url(../../images/plogger/theme/images/srch_btn_2.gif) no-repeat;
	margin: 0 0 0 8px;
	padding: 0 0 4px 0;
	border: none;
	font: bold 1.0em "Lucida Grande", Verdana, Arial, sans-serif;
	text-transform: uppercase;
}
#search-container input.submit:hover {
	/* #search-container input.submit:hover is the search button hover behavior */
	color: #ECDBA8;
}
#subnav_top {
	/* #subnav_top is above the breadcrumb navigation */
	background: #121212 url(../../images/plogger/theme/images/subnav_top.jpg) no-repeat center top;
	height: 1px;
	display: block;
	clear: both;
}
#subnav_bottom {
	/* #subnav_bottom is below the breadcrumb navigation */
	background: #121212 url(../../images/plogger/theme/images/subnav_bottom.jpg) no-repeat center top;
	height: 1px;
	display: block;
}
#breadcrumbs {
	/* #breadcrumbs contains the breadcrumbs nav */
	height: 37px;
	width: 980px;
	background: #121212 url(../../images/plogger/theme/images/subnav_bg.gif) repeat-x center top;
	color: #fff;
}
#breadcrumb_links {
	/* #breadcrumb_links controls the breadcrumbs text */
	margin: 0 auto 0;
	padding: 9px 0 0;
	width: 930px;
	text-align: left;
	font-size: 14px;
}
#breadcrumb_links a {
	/* #breadcrumb_links a controls the link behavior of the breadcrumbs text */
	color: #fff;
	text-decoration: none;
}
#breadcrumb_links a:hover {
	/* #breadcrumb_links a:hover, #slideshow a:hover a controls hover behavior of the breadcrumbs links */
	color: #ECDBA8;
	text-decoration: none;
}
#slideshow {
	/* #slideshow contains the 'View as Slideshow' link */
	text-align: center;
	margin: 0 0 0 25px;
}
#slideshow a {
	/* #slideshow a controls the text of the 'View as Slideshow' link */
	float: left;
	display: block;
	margin: 0 -168px 0 0; /* negative right margin equal to width fixes centering issue in IE7 */
	padding: 6px 0 0;
	color: #fff;
	width: 168px;
	height: 26px;
	font: bold 1.0em "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	background: #000 url(../../images/plogger/theme/images/dnld_btn_1.gif) no-repeat;
}
#slideshow a:hover {
	/* #slideshow a:hover controls the hover behavior of the 'View as Slideshow' link */
	color: #ECDBA8;
	text-decoration: none;
}
#no-pictures-msg {
	/* #no-pictures-msg controls the "no collections", "no albums", and "no picture" messages displayed when a visitor goes to a page without collections, albums, or a picture */
	margin: 0 0 200px;
	padding: 80px 0;
	font-size: 1.4em;
	text-align: center;
}
.checkbox {
	/* .checkbox controls the appearance of the checkbox on all pages */
	clear: both;
	margin: 4px auto 0;
	padding: 0;
}

					/* Begin collection and album page styles */

#thumbnail-container {
	/* #thumbnail-container contains the entire list of all collections or the entire list of all albums, as appropriate */
	margin: 0 auto 0;
	width: 980px;
	/* background: #000 url(images/spot_bg.jpg) no-repeat center bottom; */
}
ul.albums {
	/* ul.slides controls the unordered list of the thumbnails of images within an album */
	margin: 10px 0 30px;
	padding: 0;
}
ul.albums li {
	/* ul.slides li controls each list item within the unordered list of the thumbnails of images within an album */
	float: left;
/*	margin: 0 0 0 13px; (do not specify a margin if you're using the thumbnail centering function in album.php) */
	height: 222px;
	padding: 10px 0 0;
	display: inline;
	text-align: center;
}
ul.albums li img {
	/* ul.slides li img controls the thumbnail image itself */
	border: 1px solid #404040;
	background: #202020;
	padding: 3px;
}
ul.albums li a.collection-image-link {
	/* ul.slides li a controls the thumbnail image link behavior */
/*	display: block; /* display:block required to make anchor tag's border surround img in Firefox */
}
ul.albums li img:hover {
	/* ul.slides li img:hover controls the thumbnail image hover behavior */
	background: #404040;
	border: 1px solid #d1c399;
}
.photos {
	/* .photos controls the thumbnail picture on the collection(s) and album pages */
	vertical-align: bottom; /* firefox hack to remove the gap below images surrounded by an anchor (the space under the image is apparently called the line descent) */
}
.album h2 {
	/* .collection h2 controls the collection or album title */
	margin: 8px auto 8px;
	padding: 0;
	font-size: 1.4em;
	max-height: 2.5em;
	overflow: hidden;
}
.album h2 a {
	/* .collection h2 controls the link behavior of the collection or album title */
	color: #ffffff;
}
.album h2 a:hover {
	/* .collection h2:hover controls the hover behavior of the collection or album title */
	color: #ECDBA8;
}
.album p.album-meta {
	/* .meta-header controls the "Contains X Albums" or "Contains X Pictures" text */
	margin: 0 auto 0;
	padding: 0;
	color: #eeeeee;
}
.album p.description {
	/* .album p.description controls the description of the image, as it is displayed under the thumbnail on the collections and albums pages */
	/* width is set inline in collections.php and collection.php and equal to the width of the thumbnail image */
	margin: 6px auto 0;
	padding: 0 6px;
	line-height: 1.2em;
	font-weight: bold;
	height: 2.5em;
	overflow: hidden;
}

					/* Begin album page styles */

ul.slides {
	/* ul.slides controls the unordered list of the thumbnails of images within an album */
	margin: 10px 0 30px;
	padding: 0;
}
ul.slides li {
	/* ul.slides li controls each list item within the unordered list of the thumbnails of images within an album */
	float: left;
/*	margin: 0 0 0 13px; (do not specify a margin if you're using the thumbnail centering function in album.php) */
	padding: 10px;
	display: inline;
	text-align: center;
}
ul.slides li img {
	/* ul.slides li img controls the thumbnail image itself */
	border: 1px solid #404040;
	background: #202020;
	padding: 3px;
}
ul.slides li a {
	/* ul.slides li a controls the thumbnail image link behavior */
	display: block; /* display:block required to make anchor tag's border surround img in Firefox */
}
ul.slides li img:hover {
	/* ul.slides li img:hover controls the thumbnail image hover behavior */
	background: #404040;
	border: 1px solid #d1c399;
}
.thumbnail p {
	/* .thumbnail p controls the title of the image, as it is displayed under the thumbnail on the album page */
	/* width is set inline in album.php and equal to the width of the thumbnail image */
	margin: 4px 0 0 0;
	padding: 0 6px;
	line-height: 1.2em;
	font-weight: bold;
	height: 2.5em;
	overflow: hidden;
}

					/* Begin "picture" page styles */

#big-picture-container {
	/* #big-picture-container contains the picture, the prev/next image buttons, the camera details and the thumbnail nav (if enabled) */
	/* background: #000 url(images/spot_bg.jpg) no-repeat center bottom; */
}
#big-picture {
	/* #big-picture contains the picture, the prev/next buttons, the camera details and the thumbnail nav (if enabled) */
	margin: 0 auto 0;
	width: 980px;
	padding: 10px 0 20px 0;
	background: #000;
}
.picture-title {
	/* .picture-title controls the picture title */
 	width: 60%;
	margin: 0 auto 6px;
	text-align: center;
	font-size: 1.3em;
	color: #ffffff;
}
.date {
	/* .date controls the picture date */
 	width: 60%;
	margin: 0 auto 0;
	text-align: center;
	font-size: 1.1em;
	color: #eeeeee;
	letter-spacing: 1px;
}
#nav-link-img-prev {
	/* #nav-link-img-prev controls the prev button */
	float: left;
	margin: 5px 0 0 25px;
	display: inline;
	width: 98px;
	height: 26px;
	background: url(../../images/plogger/theme/images/prev_btn_1.gif) no-repeat;
	padding: 2px 0 4px 0;
	border: none;
	font: bold 1.0em "Lucida Grande", Verdana, Arial, sans-serif;
	text-transform: uppercase;
}
#nav-link-img-prev-disabled {
	/* #nav-link-img-prev-disabled is a placeholder div when there is no prev button */
	float: left;
	margin: 5px 0 0 25px;
	width: 98px;
	height: 26px;
}
#nav-link-img-next {
	/* #nav-link-img-next controls the next button */
	float: right;
	margin: 5px 25px 0 19px; /* 19px left margin fixes picture description centering issue in IE7 by making total width = to that of prev button */
	display: inline;
	width: 79px;
	height: 26px;
	background: url(../../images/plogger/theme/images/srch_btn_2.gif) no-repeat;
	padding: 2px 0 4px 0;
	border: none;
	font: bold 1.0em "Lucida Grande", Verdana, Arial, sans-serif;
	text-transform: uppercase;
}
#nav-link-img-next-disabled {
	/* #nav-link-img-next-disabled is a placeholder div when there is no next button */
	float: right;
	margin: 5px 25px 0 19px; /* 19px left margin fixes picture description centering issue in IE7 by making total width = to that of prev button */
	width: 79px;
	height: 26px;
}
#nav-link-img-prev a {
	/* #nav-link-img-prev a controls the text of the prev button */
	color: #eeeeee;
	display: block;
	padding: 4px 0 8px 0;
}
#nav-link-img-next a {
	/* #nav-link-img-next a controls the text of the next button */
	color: #eeeeee;
	display: block;
	padding: 4px 0 8px 0;
}
#nav-link-img-prev a:hover, #nav-link-img-next a:hover {
	/* #nav-link-img-prev a:hover, #nav-link-img-next a:hover controls the common hover behavior of the prev/next buttons  */
	color: #d1c399;
}
#picture-holder {
	/* #picture-holder contains the picture */
	clear: both;
	margin: 10px 0 0 0;
}
.photos-large {
	/* .photos-large controls the picture itself */
	margin: 0 0 10px 0;
	padding: 3px;
	background: #000;
	border: 1px solid #404040;
}
#picture-holder a:hover {
	/* #picture-holder a:hover controls the hover behavior of the picture itself */
	white-space: normal;
}
#picture-description {
	/* #picture-description controls the picture's description */
 	width: 60%;
	margin: 0 auto 0;
	text-align: center;
	font-size: 1.1em;
}
#print {
	/* #print contains the 'Print Image' link */
	height: 36px;
	float: left;
}
#print a {
	/* #print a controls the 'Print Image' link */
	display: block;
	width: 98px;
	height: 26px;
	background: url(../../images/plogger/theme/images/prev_btn_1.gif) no-repeat;
	margin: 0 -98px 0 25px;
	padding: 6px 0 0;
	border: none;
	font: bold 1.0em "Lucida Grande", Verdana, Arial, sans-serif;
	text-transform: uppercase;
	text-align: center;
}
#print a:hover {
	/* #print a:hover controls the hover behavior of the 'Print Image' link */
	color: #ECDBA8;
}

					/* exif stuff is for the 'camera details' table */

#exif_toggle {
	margin: 20px 0 0;
	padding: 0;
}
#exif_toggle a {
	text-decoration: underline;
}
#exif-toggle-container {
}
#exif_table {
}
#exif_data {
	margin: 0 auto 0;
	text-align: left;
}
#exif_data td {
	padding: 0 20px;
}

					/* Begin thumbnail navigation styles */

#thumbnail-nav {
	/* #thumbnail-nav contains the thumbnail navigation list */
	margin: 20px 25px;
}	
#thumb-nav {
	/* #thumb-nav controls the unordered list that comprises the thumbnail navigation */
	list-style-type: none;
}
#thumb-nav li {
	/* #thumb-nav li controls each unordered list item that comprises the thumbnail navigation button */
	float: left;
	margin: 0 10px 0 0;
}
#thumb-nav li img {
	/* #thumb-nav li img controls the image within each unordered list item that comprises the thumbnail navigation button */
	border: 1px solid #404040;
	background: #000;
	padding: 3px;
	display: inline;
}
#thumb-nav li img:hover {
	/* #thumb-nav li img:hover controls the hover behavior of the image within each unordered list item that comprises the thumbnail navigation button, wheee! */
	background: #404040;
	border: 1px solid #d1c399;
}

					/* Begin comment styles */

#comment-section {
	/* #comment-section contains the comments, the "post a comment" input fields, and the submit button */
	margin: 10px auto 10px;
	width: 700px;
	text-align: left;
}
.comment-heading {
	/* .comment-heading controls the "Comments:" and "Post a comment:" headings */
	margin: 12px 0 6px;
	font-size: 1.4em;
}
#comment-section form p {
	/* #comment-section form p contains the "post a comment" input fields */
	margin: 6px 0;
}
.comment, .comment_alt {
	/* .comment, .comment_alt control those elements that all comments have in common */
	border-top: 1px solid #404040;
	margin: 0;
	padding: 15px;
	list-style: none inside;
}
.comment_alt {
	/* .comment_alt controls those elements that every other comment has in common, eg: a different colored background */
	background: #101010;
}
.comments p {
	/* .comments p controls paragraphs within each comment */
	margin: 0;
	font-size: 1.1em;
	line-height: 1.3em;
	padding: 0 0 15px;
}
.comments cite {
	/* .comments cite controls the "Comment by So-and-so - Posted on DATE" text */
	margin-top: 8px;
	padding: 5px 5px 5px 23px;
	color: #fff;
	background: url(../../images/plogger/theme/images/com-bubble.gif) no-repeat 0 5px ;
	font-size: 1.0em;
	text-transform: uppercase;
	letter-spacing: 1px;
	height: 28px;
}
.comments-closed {
	/* .comments-closed controls the "Comments closed." message if comments are disabled */
	color: #fff;
	text-align: center;
}
.comment-input-button input {
	/* .comment-input-button input controls the "Post Comment" submit button */
	padding: 2px 6px;
}
.errors {
	/* .errors controls the error message when there is a problem with a comment */
	margin: 0 0 15px 0;
	padding: 8px 8px 8px 30px;
	border: 1px solid #e3071f;
	font-size: 1.1em;
	color: #000;
	background: #f5a7ab url(../../images/plogger/theme/images/null.gif) no-repeat 5px 5px;
}

					/* Begin slideshow page styles */

.large-thumb-toolbar {
	/* .large-thumb-toolbar controls the "Stop", "Rewind", "Fast-forward", etc. buttons on the slideshow page */
	padding: 15px 0;
	text-align: center;
}
.large-thumb-toolbar a {
	/* .large-thumb-toolbar a controls the link behavior of the "Stop", "Rewind", "Fast-forward", etc. buttons on the slideshow page */
	padding: 0 4px;
}

					/* Begin Footer Section */
#footer_holder {
	background: #121212 url(../../images/plogger/theme/images/subnav_top.jpg) no-repeat center top;
	padding: 1px 0 0 0;
	margin: 20px 0 0;
	width: 100%;
}
#footer {
	/* #footer contains the entire footer */
	background: #121212;
	margin: 0 auto 0;
	width: 920px;
	padding: 0 0 20px;
}
.pagination {
	/* #pagination contains the pagination */
	width: 50%;
	margin: 0 auto 0;
	padding: 0;
	text-align: center;
	font: bold 1.0em/2.8em "Lucida Grande", Verdana, Arial, sans-serif;
	min-height: 26px;
	color: #eeeeee;
}
span.page_link, span.pagetitle {
	/* span.page_link controls the non-link page numbers and a.pagelink controls the linked page numbers */
	text-decoration: none;
	padding: 0 4px;
}
span.page_link {
	display: inline;
	padding: 6px 7px 8px;
	background: url(../../images/plogger/theme/images/page_btn_1_disabled.gif) no-repeat;
	color: #bbbbbb;
}
.pagination a, a.page_link, a.pagNext, a.pagPrev {
	/* #pagination a controls the link behavior of the page numbers */
	display: inline;
	text-decoration: none;
	color: #eeeeee;
	background: url(../../images/plogger/theme/images/page_btn_1.gif) no-repeat;
	padding: 6px 12px 8px;
	border: none;
}
.pagination a:hover {
	/* #pagination a:hover controls the link hover behavior of the page numbers */
	text-decoration: none;
	color: #ECDBA8;
}
#download-selected {
	/* #download-selected contains the "Download Selected" button */
	margin: 0 25px 20px -170px; /* negative left margin equal to width fixes centering issue in IE7 */
	padding: 0;
	float: right;
	display: inline;
	text-align: right;
	width: 170px;
}
#download-selected input.submit {
	/* #download-selected input.submit controls the "Download Selected" button itself */
	margin: 0;
	padding: 0;
	width: 168px;
	height: 26px;
	float: right;
	display: inline;
	color: #fff;
	cursor: pointer;
	padding: 0px 0 4px 0;
	border: none;
	font: bold 1.0em "Lucida Grande", Verdana, Arial, sans-serif;
	text-transform: uppercase;
	background: #000 url(../../images/plogger/theme/images/dnld_btn_1.gif) no-repeat;
}
#download-selected input.submit:hover {
	/* #download-selected input.submit:hover is the "Download Selected" button hover behavior */
	color: #ECDBA8;
}
#navigation-container {
	/* #navigation-container contains the "Jump to..." navigation drop down menu */
	float: left;
	text-align: left;
	white-space: nowrap;
	margin: 14px 0;
}
#sort-control {
	/* #sort-control contains the "Sort by:" label and drop down menus */
	float: right;
	text-align: right;
	display: inline;
	width: 360px;
	margin: 14px 0;
}
option {
	/* option controls each item within the "Sort by:" drop down menus */
	padding: 0 4px;
}
#sort-control span, #sort-control div {
	/* #sort-control span contains the ["Sort by:" text and 'by which criteria' menu] and [ascending/descending menu] */
	float: left;
	margin: 0 0 0 8px;
	display: inline;
	font-size: 1.2em;
}
#change_sortby {
	/* #change_sortby controls the 'by which criteria' menu */
	margin-left: 5px;
}
#rss-tag-container {
	/* #rss-tag-container contains the rss image and link */
	float: right;
	margin: 16px 0 0 0;
	text-align: right;
}
#rss-image {
	/* #rss-image controls the rss image */
}
#link-back {
	/* #link-back controls the "Powered by Plogger" text */
	clear: both;
	font-size: 90%;
	text-align: center;
}
#link-back a {
	/* #link-back a controls the link behavior of the "Powered by Plogger" text */
	color: #363120;
}
.credit {
	/* .credit controls the "Design by ardamis.com" text */
	font-size: 90%;
	padding: 0 0 10px 0;
	text-align: center;
	color: #363120;
}
.credit a {
	/* .credit a controls the link behavior of the "Design by ardamis.com" text */
	color: #363120;
}
#link-back a:hover, .credit a:hover {
	/* #link-back a:hover, .credit a:hover controls the hover behavior of the "Powered by Plogger" and "Design by ardamis.com" link text */
	color: #695d38;
}

					/* Begin div clearing code */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear {clear:both;}