/*
 * style-index.css
 */

/*** Image display ***/

#topcontent{
margin:0 auto;
padding:30px 0 0 0;
}

#title{
margin:0 auto;
position:relative;
}

#texttitle{
letter-spacing:-1px;
font:bold 1.4em Arial;
margin:0;
padding:0;
}

#inlinedate{
padding-left:8px;
font-weight:normal;
color:#2e2e2e;
}

#texttitle a{
color:white;
text-decoration:none;
}

#texttitle a:hover{
color:#ddd;
}

#titlebits{
position:absolute;
right:0;
bottom:0.2em;
font:0.7em Verdana;
}

#titlebits a{
color: white;
text-decoration: none;
}

#titlebits a:hover{
color:#ccc;
}

#titlebits li{
padding-left:10px;
}

#imageholder{
border-top:2px solid #fff;
margin:0;
padding:0;
position:relative;
overflow:hidden;
top:0;
left:0;
}

#mainimage{
display:block;
/*
border-style: solid;
border-color: white;
border-width: 11px;
*/
}

.overlay{
visibility:hidden;
position:absolute;
z-index:3;
}

.nooverlay{
visibility:hidden;
position:relative;
z-index:3;
}

#panel_comment{
background:black;
border:2px solid #fff;
padding:5px;
font:0.8em Verdana;
}

#panel_comment a{
color:#888;
text-decoration:none;
}

#panel_comment a:hover{
text-decoration:underline;
}

#panel_exif{
right: 0px;
top: 0px;
background-color:#aaa;
width:350px;
border:2px solid #fff;
border-top:none;
color:black;
font:0.8em Verdana;
}

#panel_exif ul{
margin:0;
padding:0;
}

#panel_exif li{
padding: 3px;
display:block;
padding-left: 120px;
clear:left;
}

#panel_exif li label{
margin-left: -130px;
width:120px;
float:left;
text-align:right;
padding-right:10px;
color:#666;
text-transform:lowercase;
}

#panel_notes{
bottom: 0px;
left: 0px;
right: 0px;
z-index: 6px;
background:black;
border:2px solid #fff;
padding:5px;
font:0.8em Verdana;
}

#panel_notes a{
color:#888;
text-decoration:none;
}

#panel_notes a:hover {
text-decoration: underline;
}

#panel_overlay{
left: 0px;
top: 0px;
z-index: 100px;
background:white url(../images/loading.gif) no-repeat center center;
display:none;
}

#overlaynav{
position:absolute;
left:0;
top:0;
z-index:5;
width:100%;
height:100%;
background:transparent url(images/1px.gif);
}

#overNextLink,
#overPrevLink {
position:absolute;
display:block;
width:50%;
height:100%;
outline:none;
top:0;
}

#overNextLink{right:0;}
#overPrevLink{left:0}

#overNextLink:hover{
background:transparent url(images/nextlabel.gif) no-repeat 100% 30%;
}

#overPrevLink:hover{
background:transparent url(images/prevlabel.gif) no-repeat 0% 30%;
}