/* 
    Document   : galerie
    Created on : Jun 5, 2010, 1:16:32 PM
    Author     : jjanda
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

*{margin:0;padding:0;border:0;}
body{font-family:Arial,sans-serif;padding:10px;}
#gallery{position:relative;width:800px;height:600px;padding:1px;border:1px solid rgb(0,0,0);margin:0 auto; font-size:70%;}
#gallery span.gallery{display:block;height:600px;width:800px;text-align:center;line-height:600px;}
#gallery span.logo{top:2px;left:2px;position:absolute;}
#gallery span.close{top:20px;right:2px;position:absolute;}
#gallery span.next,
#gallery span.prev{display:block;bottom:300px;position:absolute;}
#gallery span.prevs{display:block;bottom:5px;position:absolute;}
#gallery span.close a,
#gallery span.prev a,
#gallery span.next a{font-weight:bold;color:rgb(255,255,255);padding:3px;background-color:#3B93CC;background-repeat:no-repeat; padding-top: 20px; padding-bottom: 20px;}
#gallery span.prev{left:2px;}
#gallery span.next{right:2px;}
#gallery span.close a,
#gallery span.prev a,
#gallery span.next a{
    /* background-image:url("/static/img/gallery-left.gif");background-position:4% 50%; padding-left:25px; */
    text-decoration: none;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 2em;
}
/* #gallery span.next a{background-image:url("/static/img/gallery-right.gif");background-position:96% 50%;padding-right:25px;} */
#gallery span a:hover{text-decoration:underline;}
#gallery span.logo,
#gallery span.close,
#gallery span.next,
#gallery span.prev{opacity:0.3;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);}
#header-banner{background:rgb(235,235,235);width:802px;height:100px;text-align:center; margin:0 auto; margin-bottom: 5px;}
#content-left h4.breadcrumbs{border:solid rgb(199,199,199);border-width:1px 0;padding:0.3em 1em;font-weight:normal;font-size:0.75em;color:rgb(204,0,0);margin-bottom:5px;}
#content-left h4.breadcrumbs a{color:rgb(204,0,0);}
#content-left h4.breadcrumbs a.active{font-weight:bold;}