/* CINELA GALLERY CSS */
/*---------- bubble tooltip -----------*/
a.ttt{ text-decoration: none; position: relative; z-index: 24; }

a.ttt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.ttt:hover{ background: ; z-index: 25; }

a.ttt:hover span.tooltip{ padding: 18px 0 0 70px; width: 200px; display: block; text-align: left; position: absolute; top: 0px; left: 0; filter: alpha(opacity:90); khtmlopacity: 0.90; mozopacity: 0.90; opacity: 0.90; }

a.ttt:hover span.top{ padding: 30px 8px 0; display: block; background: url(images/bubble.gif) no-repeat top; }

a.ttt:hover span.middle{ padding: 0 8px; display: block; /* different middle bg for stretch */ background: url(images/bubble_filler.gif) repeat bottom; }

a.ttt:hover span.bottom{ padding: 3px 8px 10px; display: block; color: #548912; background: url(images/bubble.gif) no-repeat bottom; }

/*---------- bubble tooltip -----------*/
#photos_thumbs tr, #photos_thumbs td { vertical-align: middle; }

#photo img{ padding: 5px 5px 5px 5px; border: 1px solid #663333; background: White; text-align: center; }

#photodescription { width: 170px; float: right; margin-top: 5px; padding-top: 5px; padding-bottom: 5px; display: table; overflow: hidden; vertical-align: middle; top: -50%; }

#photoname { font-weight: bold; font-variant: small-caps; }

img.middle { text-align: center; vertical-align: middle; }

.th_title { margin-top: 5px; margin-bottom: 5px; width: 150px; height: 55px; }

.th_name { margin-top: 10px; margin-bottom: 5px; font: 12px Arial,Helvetica,sans-serif; height: 45px; }

.th_name a{ font-variant: small-caps; line-height: 2em; }

.th_description { margin-top: 10px; margin-bottom: 5px; padding: 10px; text-align: center; height: 65px; }

.navigation { text-align: right; }

.phototext { margin-left: 20px; margin-top: 10px; margin-bottom: 10px; color: #663333; font: normal 10px "MS Sans Serif", Geneva, sans-serif; text-align: center; }

.centerblock { margin: 5px auto; display: table; text-align: center; }