/**************************************************************/
/* Begin Template CSS: ****************************************/
/**************************************************************/
body {
	margin: 0;
	font-family:  Verdana, "Trebuchet MS", sans-serif;
	font-size: small;
	background-color: #fff;
	text-align: center; /* IE5/Win workaround for content center (thanks bluerobot.com) */
}
/* ---[ commonalities ]------------------------------- */
a {text-decoration:none;}
ul,li,form {padding: 0; margin: 0;}
h1 {
	border-bottom:2px solid;
	border-color:#F1F4F5;
	color:#3E4244;
	font-size: 1.25em;
	margin-top: 10px;
	margin-bottom: 1px;
}
h2 {
	font-size: 1.25em;
	color: #0069D1;
	margin: 1em .5em;
}
h3 {
	margin-left: 1em;
}
small { color:#3E4244; }
img {border: 0;}
.clear {clear: both;}
.menu-list {width: 100%;}
.menu-list li {
	display: block;
	font-size: 1em;
	list-style-type: none;
}
.center {margin-left: auto; margin-right: auto; text-align: center;}
.hand {cursor: pointer;}
/* ---[ header area ]------------------------------- */
#wrap {
	min-width: 728px;
	margin: 0 auto;
	text-align: left; /* move to correct format now after IE5/Win niceities */
}
#header {
	padding: .5em 1%;
	background-color: #18508b;
	background-image: url(/images/blend-blue-dark.jpg);
	background-repeat: repeat-x;
	border-bottom: 1px solid #000;
	height: 40px;
}
#logo {
	float: left;
	display: inline;
	width: 524px;
	height: 49px;
	background-image: url(/images/logo.png);
}
#fflogo {
	float: right;
	width: 185px;
	height: 40px;
	position: relative;
	background-image: url(/images/fflogo.png);
}
#leaderboard {
	text-align: center;
	background-image: url(/images/blend-grey-light.jpg);
	padding: .5em;
	background-repeat: repeat-x;
}

/* ---[ main content ]------------------------------- */
#main {
	padding: 0 1%;
}
#content {
	float: right;
	width: 88%;
	margin-left: 1%;
	background-color: #fff;
}
	#content a {
		color: #003973;
	}
#content li {
	margin-left: 3em;
}
.content-header {
	color: #80BCFF;
	background-color: #eee;
	background-image: url(/images/blend-grey.jpg);
	background-repeat: repeat-x;
	padding: .75em 0;
	margin: 0;
	width: 100%;
	border: 1px solid #ccc;
}
	.content-header h1 {
		color: #003973;
		margin: 0 .5em;
		padding: 0;
		font-size: 1.5em;
		font-weight: normal;
		display: inline;
	}
/* ---[ sidebar ]------------------------------- */
#sidebar {
	float: left;
	width: 11%;
	background-color: #fff;
}
.section-header {
	background-color: #ccc;
	background-image: url(/images/blend-grey-dark.jpg);
	background-repeat: repeat-x;
	padding: .5em .5em;
	margin: 0;
	font-size: .75em;
	clear: both;
	border: 1px solid #ccc;
	color: #404040;
}
	.section-header h3 {
		font-size: 1.5em;
		padding: 0;
		margin: 0 .5em 0 0;
		font-weight: normal;
		display: inline;
	}
.section-menu {
	background-color: #737980;
	background-image: url(/images/blend-bluegrey.jpg);
	background-repeat: repeat-x;
	margin-bottom: 1em;
	font-size: .9em;
}
.section-menu a {
	color: #fff;
	padding: .6em .6em;
	display: block;
	height: 1%; /* Thank you IE. You are a stunning piece of coding. */
	border: 1px solid #737980;
}
	.section-menu a:hover {
		background-color: #8D9299;
	}
/* ---[ footer ]-------------------------------- */
#footer {
	padding: 1em;
	font-size: 10px;
	color: #404040;
	background-color: #fff;
	background-image: url(/images/footer_grad.jpg);
	background-repeat: repeat-x;
	border-top: 1px solid #9b9b9b;
	/* height: 1%; /* Boring IE div float clear hack. */
}
	#footer p {
		line-height: 2em;
	}
	#footer a {color: #000;}
	#footer a:hover {color: #003973;}
	#footer img {vertical-align: middle;}
/**************************************************************************/
/*Embedded / Code CSS  (non-template)  ****************************************/
/**************************************************************************/
#home .home,
#upload_photos .upload_photos,
#import_folder .import_folder,
#import_zip_file .import_zip_file,
#import_url .import_url,
#gallery .gallery,
#albums .albums,
#rename_album .rename_album,
#download .download,
#tag_these .tag_these,
#delete_these .delete_these,
#edit_metadata .edit_metadata,
#make_album .make_album {
background-color:#8D9299;
}

#loading {
display:none;
text-align:center;
width: 485px;
height: 206px;
margin-left: 300px;
margin-top:-400px;
position:absolute;
z-index:25;
background-image: url(/images/loading.png);
}

#saved {
color:red;
display:inline;
}

.delete {
cursor:pointer;
left:255px;
position:absolute;
top:60px;
}
.snip2 {
cursor:pointer;
left:235px;
position:absolute;
top:59px;
}
.snip {
cursor:pointer;
left:215px;
position:absolute;
top:59px;
}
.facebook {
cursor:pointer;
left:195px;
position:absolute;
top:59px;
}
.view {
cursor:pointer;
left:175px;
position:absolute;
top:59px;
}

.deleteAlbum {
cursor:pointer;
left:106px;
position:absolute;
top:139px;
}

.downloadAlbum {
cursor:pointer;
left:84px;
position:absolute;
top:137px;
}

.galleryItem {
background:#F4F4F4;
border:dotted 2px #8888b8;
float:left;
height:150px;
margin:3px;
overflow:hidden;
padding:3px;
position:relative;
text-align:left;
width:116px;
}

.galleryItemLarge {
background:#F4F4F4;
border:dashed 1px #C7C7C7;
float:left;
height:75px;
margin:3px;
overflow:hidden;
padding:3px;
text-align:left;
width:375px;
}

.galleryItemLarge a img {
float:left;
margin-bottom:100%;
margin-right:5px;
position:absolute;
}

.galleryItemLarge div {
margin-left:105px;
}

.galleryItemLarge div form small {
color:#000;
}

.galleryItemLarge div form small input {
margin:-14px 0 0;
}

.galleryItemLarge input {
background:#F4F4F4;
border:none;
color:#3E4244;
font-size:9px;
padding:0;
width:215px;
font-family:verdana, arial, sans-serif;
}

.highlight {
background:#FF0;
}

.image {
border:solid 2px #FFF;
}

.left {
float:left;
padding:0 8px 0 0;
}

.metadata {
background-color:#fff;
border:solid 1px #000;
font-weight:700;
left:15px;
line-height:1.2em;
padding:5px;
position:absolute;
text-align:left;
top:-65px;
}

.postProcess {  /* Post processing thumbnail container */
	width: 130px;
	height: 75px;
	float: left;
}

.right {
float:right;
padding:0 0 0 8px;
}

.viewAlbum {
cursor:pointer;
left:64px;
position:absolute;
top:137px;
}

body input,body textarea,body select {
background:#ECECEC;
border:1px solid #B0B0B0;
color:#3E4244;
font-size:17px;
padding:2px;
}