/* photo.css */

.rawzoom {max-width:100%;height:auto; }
.scaledzoom  {}

#page {
  width:100%;
  border:0;
  margin:0;
}
body {
  /* background:#000; */
  margin:0 ;
  padding:0 ;
  }

#photoNav {
 float:left;
 width:100%;
 height:20px;
 overflow:hidden;
}
.photoNavItem{
  float:right;
  margin-left:10px;
  
}

#photoView {
  margin: 0;
  padding: 0;
  text-align: center;
  width:100%;
  height:100%;
 float:left;
}
#photoFullView {
  margin: 0;
  padding: 0;
  text-align: center;
  width:100%;
  height:100%;
  display:none; 
 float:left;
}
#photoFullViewTitle {
  margin: 0;
  padding: 0;
  text-align: center;
}
#photoFullViewCache {
  margin: 0;
  padding: 0;
  text-align: center;
  width:100%;
  height:100%;
  display:none; 
}

#photoGridView{
  margin: 0;
  padding: 0;
  width:100%;
  height:100%;
  display:none;
 float:left;
   
}
#photoGridViewPhotos{
  margin: 0;
  padding: 0;
  width:100%;
  height:100%;
  text-align: center;
  overflow:auto;
  /* display:none;  */
}
.photoGridImageblob{

  width:200px;
  margin: 10px;
  padding: 0;
  float:left;
  text-align:center;
  overflow:hidden;
 
}
.photoGridImage{
  height:200px;
  width:200px;
  margin: 0;
  padding: 0;
  background-repeat: no-repeat;
  background-position: bottom center

}
.photoGridImage div{
    text-align: center;
    width:100%;
  overflow:hidden;
}

.photoGridImage div img{ 
 margin-left:auto;
 margin-right:auto;

}
.photoGridCaption{
  margin: 0;
  padding: 0;
  text-align: center;
  overflow:hidden;
  width:100%;
  height:32px;
}


#photoRollView{
  margin: 0;
  padding: 0;
  width:100%;
  height:100%;
  display:none;
  text-align: center;
 float:left;
   
}
#photoRollViewPhotos{
  /* margin: 0; */
  padding: 0;
  width:640px;
     margin-left: auto;
     margin-right: auto;
  height:100%;
  text-align: center;
  overflow:auto;
  /* display:none;  */
}

.photoRollImageblob{

  width:640px;
  margin: 10px;
  padding: 0;
  float:left;
  clear:left;
  text-align:center;
  overflow:hidden;
 
}
.photoRollImage{
   height:auto;/* 640px; */
  width:640px;
  margin: 0;
  padding: 0;
  background-repeat: no-repeat;
  background-position: bottom center

}
.photoRollImage div{
    text-align: center;
    width:100%;
  overflow:hidden;
}

.photoRollImage div img{ 
 margin-left:auto;
 margin-right:auto;

}
.photoRollCaption{
  margin: 0;
  padding: 0;
  text-align: center;
  overflow:hidden;
  width:100%;
  /* height:32px; */
}



#photoScaled {
height:100px;
overflow:hidden;
}

#photoScaledLandscape {
width:100px;
overflow:hidden;
}

/* the main frame table */
#photoPageFrame {
  /* position:absolute;left:1px;top:1px; */
  margin: 0;
  padding: 0;
  text-align: center;
  width:100%;
  height:100%;
 
}
 #photoPageFrameHeader {
  margin: 0;
  padding: 0;
  height:20px;
  overflow:hidden;
}
#photoPageFrameContent {
  height:100%;
  margin: 0;
  padding: 0;
  overflow:hidden;

}
#photoPageFramePhoto {
  height:100%;
  width:70%;
  margin: 0;
  padding: 0;
  vertical-align: top;
  overflow:hidden;

}
#photoPageFrameThumbs {
  height:100%;
  width:30%;
  margin: 0;
  padding: 0;
  vertical-align: top;
  overflow: scroll;
}
#photoPageFrameThumbsScroller{
  height:10px;
  /* width:100%; */
  margin: 0;
  padding: 0;
  vertical-align: top;
  overflow: auto;
}
#photoPageFrameFooter {
  height:1px;
  margin: 0;
  padding: 0;
  vertical-align: top;
}

/* the inner table */
#photoDisplayFrame{
  height:100%;
  width:100%;
}
#photoDisplayFrameHeader{
  height:30px;
  margin: 0;
  padding: 0;
  vertical-align: top;
  overflow:hidden;

}
#photoDisplayFrameContent{
  height:100px;
  margin: 0;
  padding: 0;
  overflow:hidden;

}
#photoDisplayFrameFooter{
  height:35px;
  margin: 0;
  padding: 0;
  vertical-align: top;
  overflow:hidden;

}
#photoSizer{
/* height:100px; */
  margin: 0;
  /* padding-right: 20px; */

}

#photo  {width:400px;text-align:center;border:1px solid white;}
.photofull {width:400px;border:1px solid black;}
#thumb  {text-align:left;border:1px solid white;}

#thumbcomment  {height:75px;width:75px;overflow:hidden;text-align:right;border:1px solid white;}
.thumb {padding:4px;border:1px solid black;height:75px;width:75px;}


.thumbcomment {padding:4px;border:1px solid black;}
.thumbSquare {padding:4px;border:1px solid black;height:75px;width:75px;overflow:hidden;}

/*album post*/

.postImage {
  padding:4px;
  margin:6px;
  float:left;
}
.albumFirstImage {
  float:left;
  width:200px;

}
.albumFirstImage img {
  width:200px;
}
.albumThumbGroup {
  float:right;
  width:250px;
}

.albumThumbs {
 /*padding:4px;*/
 margin:2px;
 /*black;*/
 height:66px;
 width:66px;
 overflow:hidden;
 float:left;
}
.albumThumbsLarge{
 /*padding:4px;*/
 margin:2px;
 /*black;*/
 height:200px;
 width:250px;
 overflow:hidden;
 float:left;
}
.albumThumbsLargeImage{
 width:240px;
}


/*photo display page*/
.photoContainer { 
  height:504px; 
  width:604px; 
 /*text-align:left;*/
}
.photoLarge {
  height:500px; 
 width:500px;
 
 /*border:1px solid black;*/ 
 margin:0 auto;
 margin-top:10px;
 text-align:center; 
 float:left;
 display: table-cell;
    vertical-align: middle;
}
.photoVerticalThumb {
  height:500px;
  width:100px;
 /* border:1px solid black;*/
  float:left;
}


.imagescaled {
/*  float:center; */
  padding:4px;
  border:1px solid #222;
  margin:0 8px 3px 0;
  }

.thumb2 {float:right;padding:4px;border:1px solid black;}

div.float {
 /* float: center; */
  width: 190px;
  padding: 0px;
  border:1px dotted #444;
  }

div.float p {
   text-align: center;
   margin:0px;
   }

div.picturecontainer {
  width:130px;
  }

div.spacer {
  clear: both;
   }


.box {
  border-style: dashed;
  border-width: 1px;
  border-color: #C0C0C0;
  /*background-color: #FFFFCC;*/
  padding: 5px;


}

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

                     PHOTOS

************************************************/
img.photo
{
  padding: 10px; 
  border: 2px darkgray solid;
}
div.caption
{
  border:solid 1px grey;
  color: darkgray;
  font-size: 95%;
}
div.caption-marker
{
  float: left; 
  margin-right: 0.2em;
  text-align: left;
}
div.caption-text
{
width:200px;
 /* float: left;
  clear: right;
  text-align: left;*/
}
div.copyright
{
  text-align: right;
  float: right;
  color: darkgray;
  font-family: "Franklin Gothic Book", Verdana;
}
.captionthumb
{  width:75px;}
.captionpost
{  width:200px;}
.captionscaled
{  width:450px;}
.captionraw
{  }



li.inline {
  display: inline;
  padding-left: 3px;
  padding-right: 7px;
  border-right: 1px dotted #066;
  }

li.last {
  display: inline;
  padding-left: 3px;
  padding-right: 3px;
  border-right: 0px;
  } 

.forum-title {
  margin:0px;
  border-bottom:1px dotted #444;
  padding:0px;
  font-size:140%;
  line-height:1.4em;
  color:black;
  text-decoration:none;
  }
.forum-response {
  margin:0px;
  border-bottom:1px dotted #444;
  padding-bottom:5px;
  text-align:right;
  text-decoration:none;
  }
.forum-right {
  margin:0px;
  padding-bottom:1px;
  text-align:right;
  text-decoration:none;
  }
.forum-responsetop {
  margin:0px;
  border-top:1px dotted #444;
  padding-bottom:5px;
  text-align:right;
  text-decoration:none;
  }
.forum-mast{
  margin:2px;
  padding:2px;
border-bottom: 1px solid #999999;
  font-size:120%;
  text-align:left;
  text-decoration:none;
  }
.forum-newmessage {
  margin:0px;
  padding:0px;
  text-align:right;
  text-decoration:none;
  }

.forum-nextpost {
  margin:0px;
  padding:0px;
  text-align:left;
  text-decoration:none;
  }



.forumpost{font: "Trebuchet MS", Arial, sans-serif 12px;}
.forumpost-date{font-size: 11px;}
.postSpacer {clear:both; padding-top: 1.00em;}

#blog-titlesm {margin:5px 5px 0;padding:20px 20px .25em;border:1px solid #222;border-width:1px 1px 0;font-size:100%;line-height:1.2em;color:#BBBB00; /* puzap title color*/text-transform:uppercase;letter-spacing:.2em;}
#post-titlesm {margin:5px 5px 0;padding:20px 20px .25em;border:1px solid #222;border-width:1px 1px 0;font-size:100%;line-height:1.2em;color:#BBBB00; /* puzap title color*/text-transform:uppercase;letter-spacing:.2em;}

.bottomBorder {border-bottom: 1px solid ;}
.leftBorder {border-left: 1px solid ;}