@import url('/images/wheel/buttons.css');

div#photo-container {
    background-color:#eee;
}

div#controls {
height :2.1em;
*height :1.9em;
}

div#controls div.left {
    float:left;
}
div#controls div.left span{
    float:left; margin-top:.2em;
	*margin-top:.15em;
}

div#controls div.right {
    float:right;
}

div#controls-bottom {
    height :22px;
}

div#controls-bottom div.left {
    float:left;
}

div#controls-bottom div.right {
    float:right;
}

div#thumbnail-gallery {
background:none repeat scroll 0 0 #eee;
border-top:1px solid #ccc;
margin-top:-.1em;
padding-top:5px;
}

div#thumbnails {
    clear:both;
    padding:5px 0px 10px 0px;
    text-align:center;

}

div#thumbnails img {
    border:2px solid #fff;
    outline:1px solid #ccc;
}

div#thumbnails img.current {
    outline:2px solid gold;
}

div#canvas { 
    position:relative; /* needed for FF3.0, keeps overlay links within canvas */
    clear:both;
}

div#canvas div.primary {
    background-color:#eee;
    text-align:center;
}
div#primary table {
    height:100%;
}

/* prev/next navigation overlays */

a.nav-overlay {
    position:absolute;
    width:90px;
    height:100%;
    display:block;
    background-color:#fff;
    opacity: 0;
    filter:alpha(opacity = 0);
    background-repeat:no-repeat;
}

a.nav-overlay span {
   display:none;
}

a.nav-overlay:hover {
    background-color:transparent;
    opacity: 1;
    filter:none;
}

a.overlay-prev {
    left:0px;
}
a.overlay-next {
    right:0px;
}

/* photo meta sections */

div#meta  {
	border-top:1px dotted #aaa;
	margin:5px 0;
	padding:0  10px 10px;
    height:100%;
}

div#meta .row {
clear:both;
}


div#photo-date {
float:left;
font-size:10px;
padding:4px 12px 0 0;
}

div#photo-credit {
border-left:1px dotted #aaa;
float:right;
font-size:10px;
padding:4px 0 0;
text-align:right;
width:75%;
}

div#photo-links {
	float:left;
	margin:10px 0 0;
	width:50%;
}

div#photo-caption {
	background-color: #F5F5F5;
	border:1px solid #E1E1E1;
	border-right:none;
	float:right;
	width:47%;
	-moz-border-radius: 5px 0 0 5px;
	-moz-background-clip:padding !important;
	-webkit-border-radius: 5px 0 0 5px;
	-webkit-background-clip:padding !important;
    margin:10px -10px 0 0;
    padding:8px 10px;

}

div#meta br {display:inline;}

#button_show_thumbnails.hidden,
#button_hide_thumbnails.hidden {
    display:none;
}

div.media_group {
    margin:0px 0px 10px 10px;
}

#header h1 a {
    color:#000;
    text-decoration:none;
}
#header h1 a:hover {
    color:#039;
    text-decoration:underline;
}

/* blah = IE-only rule */

#header h1 span {
    font-weight:normal;
    font-size:0.8em;
}