body					{ background: black; color: white; font-weight: bold; font-size: 0.8em; }

#shell					{ width: auto; text-align: center; }

/* Header title element. */
h1	         		    { width: 200px; height: 62px; margin: 18px auto 28px auto; }
h1 span					{ background: url(../images/photo_title.gif); }

/* MP3 links. */
#audio					{ width: 768px; margin: 20px auto 0; }
#audio div				{ float: left; text-align: center; }
#audio.column_1 div		{ width: 100%; }
#audio.column_2 div		{ width: 49%; }
#audio.column_3 div		{ width: 32%; }
#audio a.mp3			{ padding: 5px 28px 5px 0 !important;
						  color: white; text-decoration: none;
						  position: relative; }
#audio a.on				{ background: url(../images/mp3_stop.gif) no-repeat right center; }
#audio a.on:hover		{ background-image: url(../images/mp3_stop_ro.gif); }
div#audio em			{ width: 20px; height: 20px; left: auto; right: 0px; }
div#audio a.ymp-btn-page-play em
						{ background: url(../images/mp3_play.gif) no-repeat right center; }
div#audio a.ymp-btn-page-play:hover em
						{ background-image: url(../images/mp3_play_ro.gif); }
div#audio a.ymp-btn-page-pause em
						{ background: url(../images/mp3_stop.gif) no-repeat right center; }
div#audio a.ymp-btn-page-pause:hover em
						{ background-image: url(../images/mp3_stop_ro.gif); }
#audio a.mp3:hover		{ color: #66ccff; }

/* IR anchors. */
.inline-ir				{ }
.prev					{ background-image: url(../images/prev.gif); }
.next					{ background-image: url(../images/next.gif); }
.slideshow				{ background-image: url(../images/slideshow.gif); }
.stop					{ background-image: url(../images/stop.gif); }
.back					{ background-image: url(../images/back.gif); }
.prev:hover,
.next:hover,
.slideshow:hover,
.stop:hover,
.back:hover				{ background-position: 0px -14px; }
.photos					{ background-image: url(../images/photo_title.gif); }

/* Image thumbnails */
#thumbnails a			{ }
#thumbnails img			{ margin: 9px; }
#thumbnails a.anchor	{ vertical-align: top; }

#photo					{ float: left; width: 100%; }
#thumbnails				{ float: left; margin: 30px 0px 20px 0px; width: 100%; }

.nav					{ float: left; width: 100%; margin: 18px 0 24px; }
.nav p					{ float: left; width: 100%; text-align: center; margin-bottom: 0.5em; }
.nav .small, .nav .stbutton
						{ font-size: 0.8em; }
.nav a.disabled			{ visibility: hidden; }
.nav img				{ vertical-align: middle; margin: 0 5px; }

/*
 * ShareThis button.
 */
 
.stbutton				{ color: white; text-decoration: none; text-transform: uppercase; font-family: Arial, sans-serif; }
.stbutton:hover			{ text-decoration: underline; }

.mbf-item				{ display: none; }

