/*
Theme Name: The Digital Shoebox
Theme URI: http://www.corvalis.net/photos
Description: The Digital Shoebox v3.1
Version: 3.1
Author: Lou
Author URI: http://www.corvalis.net/
*/

/*div {
	border: 1px solid #f00;    // This is a debug feature.
	C5D3D6 365D7F
}*/


body {
	background-color: #000000;
	color: #fff;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

/* IMAGES */
img {
	border: 0;
}
img.icon16 {
	/* for 16x16 silk icons */
	vertical-align: middle;
}

/* LINKS */
a, a:visited, a:hover, a:active {
	color: #E4E6CA;
	text-decoration: none;
}

/* TITLE GRAPHIC */
#title {
	width: 700px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}
#title span {
	display: none;
}
#titleImage {
	width: 700px;
	border: 0;
}

/* CONTENT CONTAINER */
#container {
	width: 1024px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}
.container-padding {
	padding: 0 15px 0 15px;
}
hr {
	height: 1px;
	color: #E4E6CA;
	background-color: #E4E6CA;
	border: 0;
	padding: 0;
	margin: 0;
}


/* HEADERS */
/* h2 used as front page headers */
/* h3 used as photo titles */
/* h4 used as album titles on front page */
h2 {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	border-bottom: #aaa 1px solid;
	margin-top: 30px;
	margin-bottom: 10px;
	color: #aaa;
	text-transform: uppercase;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #aaa;
	text-transform: uppercase;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	margin-top: 0;
	margin-bottom: 3px;
	color: #000;
	text-transform: uppercase;
}
h4 a, h4 a:visited, h4 a:hover, h4 a:active {
	border: 0px;
	color: #000;
}

/* FOOTER */
#footer {
	clear: both;
	border-top: #000 1px solid;
	width: 700px;
	margin: 30px auto 20px auto;
	padding: 15px;
	color: #999;
	font-size: 9px;
	text-align: left;
	text-transform: uppercase;
}

/* MISC */
.m1 {
	clear: both;
	text-align: left;
	padding-top: 15px;
	padding-left: 5px;
	font-size: 14px;
	text-transform: uppercase;
}
	


/* FALBUM */
/* FAlbum Stylesheet
   =================
   
   This is a sample stylesheet that can be used with FAblum, and is provided so that
   the default page looks half decent under the default Wordpress 1.5 theme - Kubrick
   
   This stylesheet will most probably break in other WP styles, so you can't rely 
   entirely on this stylesheet. Use it as guidance. Ultimately, style issues are not
   the fault of FAlbum.
   
   This stylesheet is commented so you know what each section does, and can customise
   it accordingly, or pull out just the sections you want.
   
   === CUSTOMIZED FOR DIGITAL SHOEBOX ===
*/

.falbum {
	padding: 0;
	margin: 0;
	margin-bottom: 30px;
	clear: both;
	text-align: center;
	/* border: #f00 1px solid; */
}
.falbum img {
	border: 0;
}
.falbum-recent {
	text-align: center;
	padding-top: 20px;
}

/* used for set descriptions */
.falbum-album {
	clear: both;
}
.falbum-album-description {
	float: left;
	width: 550px;
	height: 73px;
	background-color: #fff;
	color: #000;
	font-size: 12px;
	text-align: left;
	margin: 6px;
	padding: 5px;
	font-family: Tahoma, sans-serif;
}
/* .falbum-album-description a, .falbum-album-description a:visited, .falbum-album-description a:hover, .falbum-album-description a:active {
	color: #000;
	border-bottom: #000 1px dotted;
}
.falbum-album-description a:hover, .falbum-album-description a:active {
	border-bottom: #000 1px solid;
} */
.falbum-album-meta {
	font-size: 10px;
	color: #666;
	text-transform: uppercase;
	margin-top: 5px;
}

/* headers */
.falbum-title {
	text-align: left;
}


/* FALBUM THUMBNAIL */
.falbum-tn-border-s {
	float: left;
	width: 95px;
	height: 95px;
}
.falbum-tn-border-t {
	float: left;
	width: 120px;
	height: 125px;
}
.falbum-tn-border-m {
	float: left;
	width: 260px;
	height: 260px;
}
.falbum-thumbnail {
	float: left;
	/* drop shadow style
	background: url('shadow.gif') no-repeat bottom right;
	margin: 5px 0px 0px 6px;
 	padding: 0px 0px 0px 0px;
 	*/
	/* background-color: #fff;
	border: 1px solid #a9a9a9;
	padding: 4px;
	*/
	margin: 6px;
}
.falbum-thumbnail img {
	/* drop shadow style
	background-color: #fff;
	border: 1px solid #a9a9a9;
	display: block;
	margin: -5px 5px 5px -5px;
	padding: 4px;
	position: relative;
	*/
	background-color: #fff;
	padding: 4px;
}
.falbum-thumbnail img:hover, .falbum-photo img:hover {
	background-color: #E4E6CA;
}

/* PHOTO VIEW */
.falbum-photo-block {
	text-align: left;
	margin: 0 auto;
}
.falbum-photo {
	/* background: url('shadow.gif') no-repeat bottom right; */
	width: auto;
}
.falbum-photo img {
	background-color: #fff;
	padding: 10px;
	/*
	background-color: #fff;
	border: 1px solid #a9a9a9;
	display: block;
	margin: -5px 5px 5px -5px;
	padding: 4px;
	position: relative;
	*/
}

/* FALBUM NAVIGATION ELEMENTS */
/* photo navigation */
.falbum-nav {
	clear: both;	
	text-align: center;
	padding: 5px;
	margin: 8px 0;
	width: auto;
}
.falbum-nav a {
	text-decoration: none;
}

/* page numbers navigation */
.falbum-navigationBar, .falbum-slideshowlink {
	clear: both;
	padding-top:15px;
	padding-bottom:10px;
	text-align: left;
	text-transform: uppercase;
	font-size: 10px;
}

a.curPageLink , a.curPageLink:visited,a.curPageLink:link,
a.otherPageLink , a.otherPageLink:visited,a.otherPageLink:link
{
	padding: 2px 4px 2px 4px;
	font-size: 100%;
}

a.otherPageLink , a.otherPageLink:visited,a.otherPageLink:link
{
}

a.curPageLink , a.curPageLink:visited,a.curPageLink:link
{
	border: 2px double #E4E6CA;
	font-weight: bold;
	background-color: #333333;
}

a.otherPageLink:hover,a.curPageLink:hover
{
	text-decoration: underline;

}

/* ----------- Nice link button styles -------------*/
.disabledButtonLink {
	color: Gray;
	text-align: center;
	padding: 2px 15px 2px 15px;
	background-color: #E4E0D2;
}
a.buttonLink {
	padding: 2px 15px 2px 15px;
	border:	1px solid #D4D0C2;
	background-color: #fff;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	white-space: nowrap;
	color: black;
}
a.buttonLink:visited {
	color: black;
}
a.buttonLink:active {
	border:	1px solid #999;
	background-color: #E4E6CA;
	color: white;
}
a.buttonLink:hover {
	border:	1px solid #999;
	background-color: #E4E6CA;
	color: black;
}

/* FALBUM Meta Info */

.falbum-meta {
	background-color: #fff;
	text-align: left;
	padding: 10px;
	margin: 10px 0;
}
.falbum-meta a, .falbum-meta a:visited, .falbum-meta a:hover, .falbum-meta a:active {
	color: #000;
	border-bottom: #000 1px dotted;
}
.falbum-meta a:hover, .falbum-meta a:active {
	border-bottom: #000 1px solid;
}
.falbum-description {
	clear: both;
	padding: 0;
	margin-bottom: 20px;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	color: #000;
}
.falbum-date-taken {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	text-transform: uppercase;
}
.falbum-tags, .falbum-meta-flickr, .falbum-exif, .falbum-photoSizesBlock {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	text-transform: uppercase;
}
.falbum-meta-flickr, .falbum-exif, .falbum-photoSizesBlock {
	font-weight: bold;
	margin-top: 10px;
}

/* falbum exif table */
/* currently not used-- Greybox is calling the exif results as a separate page, so the simple fix is to use inline styles instead */
.falbum-exif table{
	border: 1px solid #a9a9a9;
	margin: 0 15px 0 0;
}
.falbum-exif td {
	margin: 5px 5px 5px 5px;
	padding: 1px 5px 1px 5px;
}
.falbum-exif .odd{
	background-color: #f0f0f0
}
.falbum-exif .even{
	background-color: #e0e0e0
}
 
a.annotation {
	position: absolute;
	border: 1px solid white;
	padding: 0;
	display: none;
}
 
a.annotation span {
	display: block;
	width: 100%;
	height: 100%;
	background: white;
	opacity: 0.2;
	-moz-opacity: 0.2;
	filter:alpha(opacity=20);
}
 
a.annotation:hover {
	border-color: yellow;
}



.falbum-cloud {
	//display: block;
	
	padding-top:15px; 
	padding-bottom:15px;
	padding-left:15px;
	padding-right:15px;
	
	line-height:auto;
	text-align:center;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.falbum-cloud a {
	text-decoration:none;
}

a.falbum-tag1 {
 font-size:10px;
}

a.falbum-tag2 {
 font-size:12px;
 font-weight:400px;
}

a.falbum-tag3 {
 font-size:16px;
 font-weight:500;
}

a.falbum-tag4 {
 font-size:20px;
 font-weight:600;
}

a.falbum-tag5 {
 font-size:22px;
 font-weight:700;
}

a.falbum-tag6 {
 font-size:28px;
 font-weight:800;
}

a.falbum-tag7 {
 font-size:30px;
 font-weight:900;
}

.falbum-random ul {
list-style: none;
margin: 0;
padding: 0;
white-space: nowrap; 
}

.falbum-random li {
display: inline;
}



/* Annotations */

.annotation-fontClass {font-family: 'Comic Sans MS'; font-size: 1.3em;}
.annotation-capfontClass {font-family: Arial, sans-serif; font-size: 1.3em; font-weight: bold; color: #ffffff;}
.annotation-capfontClass A {color: #ffffff; font-size: 1.3em;}
.annotation-fgClass {background-color: #FFFFCC;}
.annotation-bgClass {background-color: #FFFF66;}


a.falbum-photoSizes
{
	background-color: #E4E0D2;
	padding: 2px;
	margin: 1px 3px 1px 3px;
	color: black;
	border:	1px solid #D4D0C2;
	text-align: center;
}


a.falbum-photoSizes:hover 
{
	border:	1px solid #3169C6;
	background-color: #C6D3EF;
}


/* SIFR STYLE SHEET */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {
	visibility: hidden;
}
.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 20px;
}
.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}
.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}
.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}