/* ---- LAYOUT ---- */
body {
	width: 100%;
	margin: 0; padding: 0; border-width: 0;
	font-family: "Trebuchet MS", "Franklin Gothic Book", "Century Gothic", "Tw Cen MT", Tahoma, Verdana, Sans-Serif;}

						/* HEADING */

#headcontain {
	position: relative; top: 0; z-index: 1;
	margin-bottom: 35px; padding: 0; 
	height: 150px;
	text-align: left; }
#headingbackup { position: absolute; top: 28px; left: 28px; }

h1 {
	padding: 0; margin: 0;
	font-size: 385%; font-weight: bold; }

						/* MAIN (RIGHT) */

#right {
	margin: 0 0 5em 14em;
	vertical-align: top;
}
#main {
	margin: 0; padding: 0;
	position: relative;
	border-width: 0;
}
#indexframe { margin: 0; }

						/* PAGE NAVIGATION */

#pathnav {
	position: fixed; right: 15px; z-index: 2;
	float: right;
	margin: 15px 15px 0 0; padding: 1em;
}
.folderNavigation { z-index: 3; }
#navbottom { float: left; }
.photoPosition { font-size: 80%; float: right; }
						/* INDEX PAGE STUFF */

.gallerythumb, .thumb { padding: 0; margin: 0; }

#sidebarcontain, .gallerythumblinkcontain, .thumblinkcontain {
	float: left; padding: .5em;
}
#footercontain {
	margin: 1em; padding: .5em;
}
#footer {
	padding: 1em 8em; margin: 0;
	font-size: 85%; text-align: center;
}
/* this is to fix the right border of framecontain */
#boxcontain { margin: 0 1em 0 0; }
#framefix { float: left; }
#framecontain, #introcontain { float: none; padding: .5em;}
.gallerythumblinkcontain, .thumblinkcontain {
	margin: 0 1em 1em 0; margin-left: 0;
}
.gallerythumblink, .thumblink, #frame, #intro {
	margin: 0; padding: 1em;
	text-align: center;
}
.gallerythumblink a { line-height: 1.3em; }
.folderData {line-height: 1.5em; }
.folderDescription { margin-top: .5em; }
.MiniThumbBoxContain-portrait {
	float: right;
	position: relative;
}
.MiniThumbBoxContain-landscape, .MiniThumbBoxContain-portrait {
	width: 750px;
	margin: 1em 0 0 0;
	padding: .5em;
	float: left;
}
.MiniThumbBox {
	margin: 0; padding: 1em 1em 2em 1em;
}
.MiniThumbBoxContain-landscape .MiniThumbBox { }
.MiniThumbdiv { margin: 0; }

.navigation {
	position: relative; z-index: 2;
	float: left;
}
.navpageselect {
	border: 1px solid #888;
}
.folderNavigation {
	position: relative; 
	display: inline;
	font-size: 80%;
}
#navtop { font-size: 80%; }
#commentslink { font-size: smaller; text-align: left; display: block; }

						/* SLIDE PAGE STUFF */

#frame, #intro { float: none; }

#slideimage { float: left; clear: right; margin-bottom: 1em; }

.minithumb {
	margin: 10px; padding: 0;
}
.minithumbCurrent {
	margin: 10px; padding: 0;
}
.folderDescription, .thumbDescription { 
	font-size: 80%; }
.photoName, .galleryname { 
	text-align: left;
	}
#photoData { position: relative; }
.photoComments {  
	position: relative;
	text-align: center; 
}
.slideframebuttons { float: right; text-align: right; }
#photoData { 
	position: relative;
	font-size: 80%; 
	text-align: left;
	margin: 2em;
	}
.photoData b { /* This is the bolding used for the fields in the EXIF data. To remove bolding use font-weight:normal here */ 
	font-weight: bold;
}
.photoData i { /* This is not used for italics, but to provide the | separator character inside the photoData clase */
	font-weight: bold; 
	font-style: normal;
}
#photoData-show {
	font-size: 80%;
	display: block;
	text-align: left;
	}
#photoData-hide {
	font-size: 80%;
	display: none;
	text-align: left;	
	}
.bottompagenav { margin-top: -5em; }

						/* SIDEBAR (LEFT) */

#left {
	position: absolute; left: 1em; top: 185px;
	padding: 0;
	vertical-align: top; }
#sidebar {
	width: 9.5em;
	margin: 0; padding: 0; }
.sideleft, #keyboardshortcuts { text-align: left; }
.sidecent { text-align: center; }
.sideleft, .sidecent, #keyboardshortcuts { padding: .5em .8em 1em .8em; font-size: 85%; }
#counter { display: none; }

						/* HEADINGS */

h2 {
	font-size: 200%; font-weight: normal; text-align: center; font-variant: small-caps;
	display: inline;
}
h3 {
	margin: .5em 0; padding: 0;
	font-size: 150%; font-weight: normal; font-variant: small-caps; }
h4 {
	margin: 0 0 .5em 0;
	font-size: 130%; font-weight: normal; text-align: center; }
h5 {
	margin: 0; padding: .1em .5em .2em .5em; line-height: 1.4em;
	font-size: 100%; font-weight: normal; font-variant: small-caps; }

						/* LISTS */

#left ul { margin:0; padding:0; list-style-type: none; }
#left li { margin:0; padding:0; border:0; }
#left li a { margin: 0 -.8em; padding: 0 .8em; display: block; }

.purchasing { font-size: 80%; display:block; text-align: right; line-height: 2em; }
form { margin: 0; padding: 0; text-align: right; }
input { margin: 0; font-size: 70%; }