/*#region Site -> Photo Gallery */
/*******************************
	Content
*/
div.photos div.slider
{
	padding: 20px;
	width: 608px;
}
div.photos div.slider div.image-container
{
	position:relative;
	height: 442px;
	line-height: 442px;
	text-align: center;
	z-index: 101px;	
	padding-right: 6px;
}
div.photos div.slider div.image-container img
{
	vertical-align: middle;
	max-width: 590px;
}
div.controls
{
    display: none;
	position:absolute;
	bottom:0px;
	left:0px;
	height:30px;
}
div.controls div.buttons
{
	position:relative;
	z-index:2;
	height: 30px;
	width: 608px;
	line-height: 20px;
}
div.controls div.buttons a.arrow
{
	display: block;
	float: left;
	width: 12px;
	height: 12px;
	margin: 10px 0 0 10px;
}
div.controls div.buttons span
{
	display:block;
	float:left;
	margin: 5px 0 0 10px;
}
div.controls div.buttons a.slideshow,
div.controls div.buttons a.stop
{
	display:block;
	float:right;
	margin: 5px 0 0 10px;
}
div.controls div.buttons a.fullscreen
{
	display:block;
	float:right;
	width:9px;
	height:10px;
	margin: 10px 10px 0 10px;
}
div.controls div.transparency
{
	clear:both;
	position:absolute;
	bottom:0px;
	z-index:1;
	width: 608px;
	height: 30px;
}
div.photos div.details
{
	float:right;
	width:290px;
	margin-top:10px;
	margin-right:20px;
}
div.photos div.details h2
{
	padding-top: 10px;
}
div.photos div.details p.description
{
	padding-top: 10px;
}
div.photos div.details p.tags
{
	margin-top: 10px;
	padding: 10px;
}
div.photos div.details p.source
{
	margin-top: 10px;
}
div.photos div.details a.article
{
	display: block;
	float: right;
	margin-top:10px;
}
div.photos div.features
{
	clear:both;
	margin-left:20px;
	width:615px;	
	height:22px;	
}
div.features div.button p
{
    margin: 3px 5px;
    float:left;
}
div.features div.button a
{
    float:left;
}
div.features div.button a.comments
{
    padding:0;
    width: 15px;
    height:15px;
}
div.features div.button:hover a.comments
{
    padding:0;
}
div.features div.button
{
    padding: 0 10px;
}
div.photos div.features div.separator
{
    float:left;
    width: 1px;
    height: 13px;
    padding:2px;
}

/*******************************
	Rating stars
*/
div.photos div.features ul.star-rating
{
	float:left;
	position: relative;
	width: 80px;
	height: 16px;
	overflow: hidden;
	margin: 0px;
	padding:0px;
}
div.photos div.features ul.star-rating li
{
	float: left;
	width: 16px;
	height: 16px;
	padding: 0px;
	margin: 0px;
}
div.photos div.features ul.star-rating li a
{
	display: block;
	position: absolute;
	z-index: 20;
	width: 16px;
	height: 16px;
	padding: 0px;
	overflow: hidden;
	line-height: 16px;		
}
div.photos div.features ul.star-rating li a:hover
{
	left: 0px;
	z-index: 2;
}
div.photos div.features ul.star-rating a.one-star
{
	left: 0px;
}

div.photos div.features ul.star-rating a.one-star:hover
{
	width: 16px;
}

div.photos div.features ul.star-rating a.two-stars
{
	left: 16px;
}

div.photos div.features ul.star-rating a.two-stars:hover
{
	width: 32px;
}

div.photos div.features ul.star-rating a.three-stars
{
	left: 32px;
}

div.photos div.features ul.star-rating a.three-stars:hover
{
	width: 48px;
}

div.photos div.features ul.star-rating a.four-stars
{
	left: 48px;
}	

div.photos div.features ul.star-rating a.four-stars:hover
{
	width: 64px;
}
div.photos div.features ul.star-rating a.five-stars
{
	left: 64px;
}	

div.photos div.features ul.star-rating a.five-stars:hover
{
	width: 80px;
}	
	
div.photos div.features ul.star-rating li.current-rating
{
	display: block;
	position: absolute;
	z-index: 1;
	height: 16px;
}
/*******************************
	Thumbnails
*/
div.photos div.thumbnails
{
	margin-top: 20px;
}
div.photos div.thumbnails div.thumbnails-menu
{
    height: 30px;
    width:630px;
    margin:0 0 0 20px;
}
div.photos div.thumbnails div.thumbnails-menu a
{
    display: block;
    height: 34px;
    line-height:34px;
}
div.photos div.thumbnails div.thumbnails-menu a.sort
{
    float: left;
	padding: 0 10px;
    font-size: 11px;
}
div.photos div.thumbnails div.thumbnails-menu a.sort.selected
{
	position: relative;
	top: 1px;	
    height: 29px;
    line-height:29px;
}
div.photos div.thumbnails-menu div.combo-box
{
    margin-top: 1px;
    margin-right: 0;
}
div.photos div.thumbnails div.area
{
	width:630px;
	padding:10px;
}
div.photos div.thumbnails div.area div.item-wrapper
{
	float:left;
	margin: 10px 10px 7px 10px;
	width:540px;
	height:240px;
}
div.photos div.thumbnails div.area div.item-wrapper a.item
{
	display:block;
	position:relative;
	float:left;
	width:76px;
	height:76px;
	margin-left:1px;
}
div.photos div.thumbnails div.area div.item-wrapper a.item img
{
	margin:8px;
	width:60px;
	height:60px;
}
div.photos div.thumbnails div.area a.arrow-previous
{
	display:block;
	float:left;
	width:19px;
	height:100px;
	margin-left:15px;	
}
div.photos div.thumbnails div.area a.arrow-next
{
	display:block;
	float:right;
	width:19px;
	height:90px;
	margin-top:130px;
	margin-right:15px;
}
div.photos div.thumbnails div.area span.pages
{
	clear:both;
	display:block;
	margin: 60px 250px 10px 250px;
}

/*******************************
	Related photos
*/	
div.photos div.related
{
	float:right;
	margin-top:31px;	
}	
div.photos div.related p
{	
	margin-left:20px;
}
div.photos div.related div.photos
{
	width:315px;
	margin-top:5px;
}
div.photos div.related div.photos a.item
{
	display: block;
	position: relative;
	padding: 10px 20px;
	height: 60px;
}
div.photos div.related div.photos a.item img
{
	float:left;
	width:60px;
	height:60px;
	padding-right:10px;
	vertical-align:text-top;
}
div.fullscreen
{
    display: none;
    z-index: 1000;
}
div.background
{
    position: fixed;
    z-index: 300;
}
div.image-fullscreen
{
	position:fixed;
	z-index: 310;	
	width: 960px;
	height: 688px;
}
div.image-fullscreen img
{
	display: block;
	position: relative;
}
div.image-fullscreen div.controls
{
   	position:absolute;
	top:10px;
	left:0px;
	height:30px;
	z-index: 350;
}
div.image-fullscreen div.controls a.fullscreen
{
    width: 20px; 
}
div.image-fullscreen div.controls span.divider
{
    float:right;
}
div.image-fullscreen > a.previous,
div.image-fullscreen > a.next
{
    position: fixed;
    z-index: 350;
    top: 150px;
    width: 63px;
    height: 30px;
    display: none;
}
/*#endregion*/