* { margin: 0; padding: 0; }
html { height: 100%; margin: 0; padding:0; color: #ccc; }
body { height: 100%;  margin: 0; padding: 0; background: #2a2a2a url( ../images/pg_back.png ) repeat-x; }
body { background: #2a2a2a; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }

fieldset {  padding: 0px; margin: 0px; border: none; }

a img { border: none; }

a { color: #eee; text-decoration: none;}
a:hover { text-decoration: underline; }
a:visisted { color: #aaa; }

h1, h2, h3, h4, h5, h6 { }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: white; }

/******************************************************************************
*	Layout 
*******************************************************************************/
#header { border-bottom: 1px solid #E6E6DF; margin: 0 0 20px; padding: 5px; background: black; }
#header h2 { font-weight: normal; font-size: 11pt; margin: 0px 10px 5px 10px; padding-right: 150px; text-align: left; }

#wrapper { margin: 0px auto -30px; min-height: 100%; height: auto !important; height: 100%; }
#padbox { margin: 0px 100px -30px; min-width: 900px; }
#padbox-fixed { margin: 0px auto; width: 900px; }

.thumbnails { }
.thumbnails .thumbnail { float: left; width: 210px; margin: 5px; height: 250px; border: 1px solid #555; padding: 5px; text-align: center; position: relative; }
.thumbnails .thumbnail .image { margin: 5px auto; }
.thumbnails .thumbnail h2 { font-size: 11pt; font-weight: normal; }
.thumbnails .thumbnail .imagedata { color: #aaa; font-size: 10pt; position: absolute; bottom: 2px; width: 100%; }


#leftcol { float: left; width: 600px; text-align: center; }
#rightcol { float: left; width: 250px; margin-left: 25px;  }
#rightcol div { margin: 15px 0; padding-bottom: 15px; line-height: 1.3em; border-bottom: 1px dotted #555; }
#rightcol #desc { font-size: 12pt; margin-top: 0;}
#rightcol #rights-notice { font-size: 8pt; color: #aaa;}

.small { font-size: 8pt; }

#imagenav { text-align: right; }

#search { float: right; }
#searchextrashow { background: black; position: absolute; list-style: none; z-index: 99;  padding: 10px; }

fieldset.tags { border: 1px dotted #555; padding: 10px; }
fieldset.tags ul { list-style: none; }

#footer, #push { height: 30px; clear: both; }
#footer { font-size: 85%; color: #294550; text-align: center; clear: both; color: gray; }


img.not_visible { opacity: 0.6;}



/* Navigation
-------------------------------*/
.albumnav { }
.pagelist ul { list-style: none; }
.pagelist ul li { float: left; padding: 5px 10px; }




/* Admin Toolbox
------------------------------ */
#admin h3 { font-size: 12px; text-align: center; }
#admin, #admin_data { position: fixed; right: 0px; bottom: 0px; width: 100px; border: 1px solid #444; background: #222; z-index: 2; padding: 5px; }
#admin_data { padding-top: 2px;  z-index: 1; line-height: 1.6em; font-size: 12px;  }
#admin h3 { font-weight: normal; color: #aaa; margin:0; padding:0; }
#admin h3:hover { color: #86a1b6; }


/* Image Frame
---------------------------- */
.imageFrame{/*margin: 0px auto 10px auto;*/ border-collapse: collapse; margin-bottom:5px;}
.ftl { background: url(../images/frame-tl.png) no-repeat top left; width: 115px;min-width:115px; height: 80px; }
.ftc { background: url(../images/frame-tc.png) repeat-x top white; height: 80px; }
.ftr { background: url(../images/frame-tr.png) no-repeat top right; width: 115px;min-width:115px;height: 80px;}
.fsl { background: url(../images/frame-cl.png) repeat-y left; width: 115px; }
.fsc { background: white;}
.fsr { background: url(../images/frame-cr.png) repeat-y right; width: 115px; }
.fbl { background: url(../images/frame-bl.png) no-repeat bottom left; width: 115px; height: 185px; }
.fbc { background: url(../images/frame-bc.png) repeat-x bottom; height: 185px; vertical-align: top; }
.fbr { background: url(../images/frame-br.png) no-repeat bottom right; width: 115px; height: 185px; }

.fbc .title { margin-top:45px; letter-spacing: 0.4em; font-family: arial, sans-serif; line-height: 1em;}

.fbc .sig { background: url(../images/signature.png) no-repeat; width:79px; height: 28px; float:right; }






.red { color: red; font-weight: bold; }
.clear { clear: both; }
.alignleft { float: left; }
.alingright { float: right; }