/* Basic easyFlickr stylesheet */
body {
font-size: 100.01%;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #000;
background-color: #bbc;
padding: 0; margin: 0;
}
body#photoset {
margin-bottom: 15em; /* to leave room for Details display */
}
div#mainmenu {padding: 0; margin: 2.5em 0.5em 0 0.5em;}
div#footer {
	width:100%; float: left; clear: both; border-top: 1px solid #666; 
	font-size: 0.8em; color: #666;margin-top: 4em; padding: 6px;
	}
div#footer a {text-decoration: none;}

/* ========================================= */
ul.sets {list-style-type: none; margin: 0 0; padding: 0 0;}

ul.sets li {
float:left;
position:relative; 
}

ul.sets li a {
display: block;
width: 150px;
height: 124px;
padding: 8px 8px 12px 8px;
margin: 8px;
overflow: hidden;
font-size: 0.8em; 
text-align:center;
border: 1px solid #444220;
background: #FFFF99;
text-decoration: none;
color: #663300;
/* =========== shadow ========== */
-moz-box-shadow: 3px 3px 8px #333; 
-webkit-box-shadow: 3px 3px 8px #333; 
box-shadow: 3px 3px 8px #333; 
/* For IE 8 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#333333')"; 
/* For IE 5.5 - 7 */ 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#333333'); 
}

ul.sets li a:link {
}
ul.sets li a:visited {
}
ul.sets li a:hover {
	background: #FFFDD0;
}
ul.sets li a:active {
	background: #FFFFFF;
}

ul.sets img {border: 1px solid black; padding: 0; margin: 0 0 4px 0;}

ul.sets li a span.sets_pictitle { font-weight: bold; }
ul.sets li a span.sets_piccount { font-weight: normal; }



/* ================================= */

/* #mainphotodiv img {border: 1px solid black; margin: 2px 2px 0 0;} */
img#mainphoto {border: double black;}
#photos img {border: 1px solid black; margin: 2px 2px 0 0;}

a:hover {background-color: transparent;} /* needed to make IE pay attention to later :hover commands */

a.photoLink:focus {outline: none;}

a.videoLink { /* any styling goes here */ }

a.hasNotes {position: relative; text-decoration: none;}
a.hasNotes span {display: none;}
/* If you specify the :focus, the desired order of precedence is
:link
:visited
:focus
:hover
:active
*/
/*a.hasNotes:focus {outline:none;}*/
a.hasNotes:hover {z-index: 9999;}
a.hasNotes:hover span {
  position: absolute;
  top: 10px;
  left: 10px;
  display: block;
  background: #dde;
  border: 1px solid black;
  color: black;
  padding: 4px;
  width: 160px;
  z-index: 9999;
}

.splitcontentleft{float:left;}
.splitcontentright{float:left; width: auto;}
.splitcontentleftImg{float:left; width: 510px; vertical-align: top;}
.splitcontentrightImg{float:left; width: auto; margin-right: 80px;}

.photosetTable {width: auto; margin-left: 550px; margin-top: 80px;}
.photosetTable td {vertical-align: top;}
/*
.slideshowLayoutTable {width: 950px; padding: 0 10px; border: 1px solid yellow;}
.slideshowBigPicCell {width: 510px;}
*/

div#slideshowBigPic {position: absolute; top: 40px; left: 20px;}

/*.slideshowTable {width: auto; margin-left: 600px; margin-top: 20px;}*/
.slideshowTable {position: absolute; left: 550px; top: 40px; width: 400px; border: none; margin: 0; padding: 0}
.slideshowTable td {vertical-align: top;}

p#photoTools {font-size: 0.8em;}
p.dirs {font-size: 0.8em; font-weight: normal; padding: 1px 3px; border: 1px solid black; background-color: #DEF; width: 500px;}
p.links {font-size: 0.8em; font-weight: normal; padding: 1px 3px; border: none; background-color: transparent; text-align:right; width: 500px;}

p.links a {padding: 0 0.5em; border: none; border-right: 2px solid black;}
p.links a.last {border-right: none;}

.setTitle, .appTitle {font-size: 1.0em; font-weight: bold; /*width: 500px;*/}
p.normalHeading {font-size: 0.9em; font-weight: bold;color: black;}
span.subHeading {font-size: 0.8em; font-weight: normal; color: #666;}
span.subHeading a {color: #446;}
p.advisory {clear:both; float: left; width: 90%; margin: 8px 5%;}
.poweredby {color: #666;}

div#ss_controls {position: relative;width: 400px; border: none; /*background-color: none;*/}
div#ss_controls a.runner {margin-right: 0; border: none;}
div#ss_controls a.runner img {border: none; margin: 0; padding:0;}
div#ss_controls_panel {position: relative; background-color: #CCC; border: 1px solid black;
	width: 398px; height: 50px;padding: 4px 0 4px 10px;}
div#ss_controls_panel .spacedover {margin-left: 12px;}
div#ss_thumbs {height: 54px; width: 404px; background-color: black; padding: 4px; white-space:nowrap;}

img.ss_thumb   {border: 2px solid black;padding: 0; margin: 0;}
img.ss_current {border: 2px solid yellow;}

div#pageHeader {
	width:100%; 
	background-color: #446; 
	color: #FFF; 
	margin: 0; 
	padding: 2px 0 0 0;
	border-bottom: 1px solid black; 
	height: 1.5em;
	z-index: 9999;
}
div#pageHeader {
	/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; left: 0px; top: 0px;
}
body > div#pageHeader {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}

div#pageHeader span.appTitle { float: left; font-size: 1em; font-weight: bold; margin: 2px 0 0 1em; }
div#pageHeader span.links    {float: right; font-size: 0.8em; font-weight: normal; margin: 2px 1em 0 0;}
div#pageHeader span.credits {font-size: 0.8em; font-weight: normal; color: #CCC; margin-left: 2em; margin-top: -2px;}
div#pageHeader a, div#pageHeader a:link, div#pageHeader a:visited  { color: #0FF; text-decoration: none; }
div#pageHeader span.nav a:hover {color: #FFF; background-color: transparent;}
div#pageHeader span.appTitle a, 
div#pageHeader span.appTitle a:link, 
div#pageHeader span.appTitle a.visited  { color: #FFF; text-decoration: none; }
div#pageHeader span.appTitle a:hover {color: #FFFF99; background-color: transparent;}

div#footer span.poweredby a {/* NO CHANGE */}
div#footer span.poweredby a:hover {/* NO CHANGE */}

.ef_logo {
	font-weight: bold;
	background-color: #FFF;
	padding: 0 2px 1px 2px;
	border: 2px solid #080;
	margin: 4px 0;
	}
span.ef_logo span.easy  {color: #080;}
span.ef_logo span.flick {color: #22F;}
span.ef_logo span.r     {color: #C0C;}

a#ss_start_stop {position: absolute; top: 0; left: 0;}
a#ss_first {position: absolute; top: 20px; left: 0;}

#fixme {
	/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; left: 20px; top: 30px;
}
body > div#fixme {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}

.details_phototitle{border-top: 1px solid black; font-size: 70%;margin-bottom: 0;}

.fpidesc {
	border: 1px solid #666; 
	background-color: tan;
	margin: 1px 2px;
	padding: 2px;
}

/* style='border: none; background: clear; color: black; margin: 0.5em; width: 480px; padding: 0.2 em;' */
#mainphotoText {
	border: none;
	background: none;
	color: black;
	margin: 0.5em;
	width: 480px;
	padding: 0.2em;
	height: 5em;
}

#mobileLabel {
	display: none;
}