/*Credits and Copyright
-----------------------------------------------
Concrescence Design Inc.
Photoblog Extension
author:    Craig Hermanson/Concrescence Design Inc.
version:   2008-05-28 AdvancedOrtho.ca
copyright: All design elements including graphics, layout 
and code copyright Concrescence Design Inc. 2008
----------------------------------------------- */

/*  Gallery Elements
----------------------------------------------- */

.frame {
  padding: 1px;
  }
h3.frame {
  margin: -12px;
  }
div.spacer {
  clear: both;
  }
div.float {
  float: left;
  height: 135px;
  width: 102px;
  padding: 5px;
  font: 9px/11px Verdana, Helvetica, Arial, sans-serif;
  color: #999;
  overflow: hidden;
 }
div.float a {border:none;}

div.float p {
  font: 9px/11px Verdana, Helvetica, Arial, sans-serif;
  color: #999;
  width: 100px;
  }
p.caption {
  font: 9px/11px Verdana, Helvetica, Arial, sans-serif;
  color: #000000;
  }
#gallerycontent h2 {
	font-size: 1.1em;
	line-height: 1.6em;
	font-weight: normal;
	color: #000;
	margin: 0;
	}
.captioninline {
  color: #006699;	
  text-transform: capitalize;
  }
div.searchresults {
border-top: 1px #A7D4FF solid;
border-bottom: 1px #A7D4FF solid;
padding: 3px;
margin: 3px 0 8px 0;
font: 11px/16px Verdana, Helvetica, Arial, sans-serif; 
color:#002447;
}
div.searchresults a,
div.searchresults a:visited,
div.searchresults a:active {
color: #009900;
text-decoration:none;
border-bottom: none;
}

div.searchleft {
  float: left;
  }
div.searchright {
	float: right;
	font-size: 10px;
	color: #b31b1b;
  }

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

.photoAlignLeft {
border:1px #b31b1b 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: #333;
}
.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;
}
div.gallery-photo{
float: left;
max-height: 190px;
width: 80%;
padding: 5px 10px 0 10px;
font: 11px/12px Verdana, Helvetica, Arial, sans-serif;
overflow: hidden;
}
.photo-wrap {
padding:1px;
width:auto;
margin-bottom:3px;
}
.photo-align-right {
width:auto;
padding-top:5px;
float:right;
margin: 0 0 10px 10px;
}
.photo-align-left {
width:auto;
padding-top:5px;
float:left;
margin: 0 10px 10px 0;
}
.photo-align-no {
margin-bottom:10px;
}
.photo-box {
border:1px #b31b1b solid;
margin-bottom:5px;
font: 9px/11px Verdana, Helvetica, Arial, sans-serif;
}
.photo-box-img {
float:left;
top: 0px;
left: 0px;
padding:1px;
 }
.photo-box-text,
#rightcol p.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 {
	border: 2px solid wheat;
	margin: 0 0 6px 0;
}
div.photo-block-small {
	border: 2px solid wheat;
	margin: 0;
	padding: 0;
	width: 106px;
}
div.photo-header {
position:relative;
left: 3px;
top: 5px;
z-index: 2;
margin-bottom: -20px;
}
div.photo-zoom {
z-index: 3;
width:15px;
height:15px;
position:relative;
bottom:30px;
left:6px;
margin-bottom: -20px;
}
img.photo {
	background-color: wheat;
	border: 1px solid #FFFFFF;
}
#photoZoomDetails {
padding: 3px; 
border:1px #b31b1b solid;
margin-bottom:25px;
} 
div.caption {
	font: 9px/12px Verdana, Helvetica, Arial, sans-serif;
	clear:both;
	float:left;
	text-align: left;
	color: #333333;
}
div.photo-thumb {
margin: 0 0 2px 0;
padding-bottom:0;
float:left;
}
div.cap-credit {
text-align: left;
font-style: italic;
margin-top: 3px;
}