/*Credits and Copyright
-----------------------------------------------
Concrescence Design Inc.
Photo Gallery and Weblog Extension
author:    Craig Hermanson/Concrescence Design Inc.
version:   2006-02-02
copyright: Concrescence Design Inc. 2006
----------------------------------------------- */

/*  Global Elements
----------------------------------------------- */

.frame {
  border: 1px #336699 solid;
  padding: 5px;
  }
.searchframe {
  border: 1px #999 solid;
  border-top:none;
  padding: 5px;
  }
h3.frame {
  margin: -12px;
  }
div.spacer {
  clear: both;
  }
div.float {
  float: left;
  height: 170px;
  width: 130px;
  padding: 5px;
  }
div.float p {
  font: 9px/11px Verdana, Helvetica, Arial, sans-serif;
  color: #333333;
  width: 120px;
  }
p.caption {
  font: 9px/11px Verdana, Helvetica, Arial, sans-serif;
  color: #000000;
  }
.captioninline {
  font-weight:bold;
  color: #003399;
  text-transform: capitalize;
  }
div.searchresults {
  border-top: 1px #336699 solid;
  padding: 5px 0 10px 0;
  }
div.searchleft {
  float: left;
  }
div.searchright {
	float: right;
	font-size: 10px;
	color: #660033;
  }

/* Photo Containers */
.photoFrame {
border:1px #660033 solid;
margin-bottom: 5px;
}
.photoPrimary {
padding-bottom:5px;
font: 9px/11px Verdana, Helvetica, Arial, sans-serif;
}
.photoWrap {
border:1px #660033 solid;
padding:1px;
width:auto;
}


.photoAlignLeft {
border:1px #660033 solid;
margin:2px 5px 5px 0;
padding:1px;
width:auto;
float:left;
}


.photoCustom {
padding: 3px 2px;
font-size:10px;
width:100%;
background:#CCCCCC;
}



.photoTitle {
font-weight:bold;
color: #003399;
}
.photoDetails {
color: #333333;
}
.photoCredit {
font-style:italic;
text-align:right;
}


div.spacer {
clear: both;
}

/* div photo sets
-----------------*/
div.photo-primary {
margin-bottom: 15px;
width:296px;
}
div.photo-secondary {
padding-bottom:5px;
width:256px;
}
.photo-wrap {
padding:1px;
width:auto;
margin:10px 0;
}
.photo-box {
border:1px #660033 solid;
margin-bottom:5px;
background: transparent url(photo-box_bkgd.gif) repeat-y;
font: 9px/11px Verdana, Helvetica, Arial, sans-serif;
}
.photo-box-img {
float:left;
top: 0px;
left: 0px;
padding:1px;
 }
.photo-box-text {
margin:0;
padding: 0px 2px 0px 7px;  
height: inherit;
overflow: hidden;
}
.photo-box-text p {
margin:0;
padding-top:4px;
}

div.photo-block {
margin:0;
padding-bottom:0px;
}
div.photo-header {
position:relative;
left: 3px;
top: 5px;
z-index: +1;
margin-bottom: -20px;
}
div.photo-zoom {
z-index: +1;
margin-bottom: -15px;
width:15px;
height:15px;
position:relative;
bottom:24px;
left:5px;
}
img.photo {
padding: 1px; 
border:1px #660033 solid;
}

div.caption {
color: #333333;
font: 10px/12px Verdana, Helvetica, Arial, sans-serif;
clear:both;
float:left;
}
div.cap-text {
text-align: left;
padding: 5px 0 10px 0;
}
div.cap-credit {
text-align: right;
font-style: italic;
margin: 3px;
}

/* Form columns
----------------------------------------------- */
div.row {
  clear: both;
  padding-top: 6px;
  width: 550px;
  color: #660033;
  }
div.row span.columnA {
  float: left;
  width: 115px;
  text-align: right;
  }
div.row span.columnB {
  float: right;
  width: 425px;
  margin-left: 5px;
  text-align: left;
  }