body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	text-align: center;
	padding-top: 250px;
	margin: 0;
}
div, p { text-align: left; }
form, p { margin: 0; padding: 0; }
a:link, a:visited, a:hover { color: #0066FF; }

#photo-details a.disabled { color: #666; text-decoration: none; border-bottom: 1px solid #ccc; }
#photo-details a.disabled:hover { color: #666; text-decoration: none; border-bottom: 1px solid #ccc; }

#searchbox {
	position: absolute; height: 47px; top: 18px; left: 113px; width: 277px;
	background-image: url(images/textbox-short.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: none;
}
#searchbox p { margin: 9px 0 0 10px; }
#searchbox #stormq { border: 1px solid #fff; background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; width: 255px;}

#safari #searchbox  { background: #fff; top: 16px; left: 103px}
#safari #searchbox #stormq { border: 1px solid #999; padding: 9px; width: 270px;}

img.button { padding: 5px; cursor: pointer;  }

#history-button {  border: 1px solid #fff; }
#tray-button {  border: 1px solid #fff;  }

#tray-button #num-in-tray { text-align: center; width: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999; margin-bottom: 5px}
#tray-button #num-in-tray a:link, #tray-button #num-in-tray a:visited { color: #999; text-decoration: none; }
#tray-button #num-in-tray a:hover { color: #333; }

#history-button.active {  border: 1px solid #ccc;  }
#tray-button.active {  border: 1px solid #ccc;  }


#clickstream, #tray {
	overflow-x:hidden;
	position: absolute;
	width: 66px;
	height: 525px; 
	top: 113px;
	left: 42px; 
}


#tray { background: url(images/tray-fade.jpg) repeat-y left top;}
#clickstream img, #tray img { width: 45px; height: 45px; background:white; cursor: pointer;  }

#clickstream img { border: 2px solid #fff; }
#tray img { border: 2px solid #FFFF99;  color: #FFFF99; }
#clickstream.overflow, #tray.overflow { overflow-y:scroll; }

.flickr-link { margin-top: 15px; font-size: 14px; text-align: center }
.small-screen #preview, #preview { text-align: center; position: absolute;  width: 340px;  height: 700px; left: 480px; top:141px }
.large-screen  #preview  { text-align: center; position: absolute;  width: 500px;  height: 700px; left: 550px; top:141px }
.medium-screen  #preview  { text-align: center; position: absolute;  width: 500px;  height: 700px; left: 480px; top:141px }

#fullsize-image {border: 1px solid #ccc; }

#license-explain { color: #999; }
#license-explain a:link, #license-explain a:visited { color: #999; text-decoration: none; }
#license-explain a:hover { color: #06f; text-decoration: underline; }

#photo-loading { font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 15px; color: #666; font-size: 11px}

#photo-actions p {
	margin-bottom: 2px;
}

#photo-details a:hover { 
	/* flickr-esque: color: #FFFFFF; background-color: #0066FF; text-decoration: none; */
	color: #0000CC; 
}

#what-is a:link,
#what-is a:visited { color: #858585;  text-decoration: none;}

#what-is a:hover {  text-decoration: underline; color: #333; }

#fstorm-explained p { font-size: 14px; line-height: 140%; text-align: center }
#fstorm-explained .contact { margin: 20px 0; font-size: 11px; }
#fstorm-explained .contact  a:link, #fstorm-explained .contact  a:visited { color: #0066CC; }
#fstorm-explained .contact  a:hover { color: #0099FF }

#xpert-image, #xpert-image p{ text-align: center }



.dimmed { opacity:0.25; filter: alpha(opacity=25); }
.disabled img.button { cursor: default;  filter:alpha(opacity=30); opacity:.3; }