/****************************************
 * Global
 ****************************************/
html, body {
    background: url(img/bg.png) repeat;
    background-position: center;  
    color: #aaa;
    font-size: 12px;
    font-family: "gill sans", "verdana", "sans-serif";
}

a:link, a:active, a:visited {
    color: #888;
    text-decoration: none;
}

a img {
   color: #fff;
   border: 0px;
}

a:hover {
   color: #fff;
   margin-top: 0;
}


hr {
   width: 507px;
   height: 27px;
   background: url(img/hr.png) no-repeat;
   background-position: center;  
   border:0px;
   padding:40px;
}

h2 {
   color: #777;
}

h3 {
   width: 550px; 
   text-align: justify; 
   font: 130% 'lucida sans unicode', 'lucida grande', 'verdana', 'trebuchet ms', 'sans-serif'; 
   color: #888;
}
/*
.table td {

   font: 130% 'lucida sans unicode', 'lucida grande', 'verdana', 'trebuchet ms', 'sans-serif'; 
   color: #888;
   text-align: center;
}
*/

p {
   margin-left: 10px;
   text-align: justify;

}

a.tags {
  font: 85% 'lucida sans unicode', 'lucida grande', 'verdana', 'trebuchet ms', 'sans-serif';
}



/****************************************
 * Header
 ****************************************/

.menu {

 border: 0px solid;
 margin-left: 550px;
 padding-top: 28px;
 text-align: left;
 height: 50px;
}


/****************************************
 * Photo page
 ****************************************/

.photo {
  max-width: 833px;
  max-height: 800px;
}


#maintable {
  background-image: url(img/main2.jpg);
  background-repeat:no-repeat;
  background-position: center;
  border: 0px solid;
  width: 959px;
  height: 1109px;
  margin-left: auto;
  margin-right: auto;
}


#page_meta {

 /* margin-top: 50px;*/
  border:0px solid;
}

#page {
  margin-top: 31px;
  border:0px solid;
  height:837px;
}

#page p {
  width:500px;
}

#mainimg {
  width:830px;
  height:800px;
  display: table-cell;
  vertical-align: middle;
}

#loadimg {
  margin:415px;

}


/****************************************
 * Thumbnails
 ****************************************/
.thumbnail {

   width: 75px;
   height: 75px;
   
}

#thumbnail_container {
   width: 780px;
   padding: 10px;
   text-align: center;
}


.cont2 {
   width: 550px; 
   text-align: left; 
 padding-left: 40px;

}


.thumbnail_span {

   float: left;
   vertical-align: middle;

   background-image: url(img/tn_bg.png); 
   background-position: center;  
   background-repeat:no-repeat;
    
   width: 111px;
   height: 111px;
}
  


/****************************************
 * Comments
 ****************************************/
#info_comments {
   position: absolute;
   z-index: 2;
    font-size: 11px;
    padding: 10px;
   background: #1e1e1e;
   overflow: auto;
   width: 850px;
   height: 800px;
   margin: 35px;
   text-align: left;
   visibility: hidden;
   opacity: 0;   
}

#info_comments h2 {
   color: #9FD4FF;
   font-weight: normal;
   font-size: 1.5em;
}

#comment_wrapper {
   width: 340px;
   padding: 5px;
}
 
#comment_title {
   font-size: 1.5em;
   border-bottom: 1px solid;
   text-transform: lowercase;
}

#comment_description {
   padding-top: 10px;
   padding-bottom: 10px;
}

#comment_thumb {
   background: #fff;
   padding: 1px;
   float: right;
   margin-top: 30px;
   margin-left: 10px;
}

.comment_author {
   padding-top: 10px;
   font-weight: bold;
}

.comment_date {
}

.comment_content {
   margin-left: 2px;
   padding-left: 2px;
}

.comment {
}


#comments img {
    max-width: 10px;
    max-height: 10px;

}


/****************************************
 * Tool tips
 ****************************************/
 .tool-tip {
    color: #fff;
    max-width: 250px;
    z-index: 13000;
}
 
.tool-title {
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    color: #9FD4FF;
    padding: 8px 8px 4px;
   background: #1e1e1e;
   opacity: .95;
}
 
.tool-text {
    font-size: 11px;
    padding: 4px 8px 8px;
   background: #1e1e1e;
   opacity: .85;
}

/*********************************/

 
#flash_content {
    text-align: center;

}