/* Media Section
--------------------------------------------------------------------------- */
	
	
	@import url("widget-pagination.css");	
	

/* Widget-Photo Thumbnails
----------------------------------------------------------------------------- */


	#page-photos #content {
	
	float: left;
	width: 909px;
	height: 490px;
	background: url(../images/page-photos/bg-photos.gif) no-repeat left top;
	position: relative;
		
	}
	
	#page-photos div.thumbnails ul.photos li strong, #page-photos div.thumbnails ul.photos li a.comments, #page-photos ul.pages  {
	
	display: none;
	
	}
	
	#page-photos div.thumbnails {
	
	float: left;
	width: 845px;
	padding-left: 32px;
	
	}
	
	#page-photos div.thumbnails h3 {
	
	display: none;	
	
	}
	
	#page-photos div.thumbnails ul.photos {
	
	float: left;
	
	}
	
	#page-photos div.thumbnails ul.photos li {
	
	display: block;
	float: left;
	width: 198px;
	height: 198px;
	list-style: none;
	margin: 0 9px 9px 0;
	background: url(../images/page-photos/bg-thumbnail.jpg) left bottom no-repeat;
	
	}
	
	#page-photos div.thumbnails ul.photos li a {
	
	display: block;
	float: left;
	width: 162px;
	height: 162px;
	overflow: hidden;
	margin: 18px 0 0 18px;
	background: none;
	
	}
	
	#page-photos div.thumbnails ul.photos li a img {
	
	height: 162px;
	width: auto;
	
	}
	
	#page-photos div.thumbnails ul.photos li a img.portrait {
	
	height: auto;
	width: 162px;
	
	}
	
	
/* Widget-Tag Photos
----------------------------------------------------------------------------- */


	div.widget-tag {
	
	clear: left;
	float: right;
	padding: 6px 30px 0 0;
	
	}
	
	div.widget-tag h3 {
	
	display: none;
	
	}
		
	div.widget-tag ul {
	
	float: right;
	clear: both;
	width: 400px;
	background: url(../images/section-photos/bg-photo-tabs.gif) top left no-repeat;
	
	}
	
	div.widget-tag ul li {
	
	float: right;	
	padding: 0 0 0 10px;
	
	}
	
	div.widget-tag ul li a {
	
	display: block;
	float: left;
	font: bold 13px/ 16px Verdana, sans-serif;
	text-transform: uppercase;
	color: #fff;
	padding: 0 7px;
	background: #890000;
	
	}
	
	div.widget-tag ul li a:hover {
	
	text-decoration: none;
	color: #fff;
	background: #000;	
	
	}
	
	div.widget-tag ul li a.strong {
	
	display: block;
	float: left;
	text-decoration: none;
	color: #fff;
	background: #ff0000;
	
	}
	
	
/* div enlarged photos
--------------------------------------------------------------------------- */

	
	#viewer {
	
	position: fixed;
	top: 1%;
	z-index: 20;
	width: 940px;
	height: auto;
	
	}		
	
	#enlarged {	
		
	width: 652px;
	background-color: #890000;
	padding: 15px 10px 15px 10px;
	margin: 0 auto;
			
	} 
	
	#enlarged.portrait {
	
	width: 342px;
		
	} 
	
	#enlarged img {
	
	display: block;
	margin: 0 auto;
	width: 640px;
	
	}
	
	#enlarged.portrait img {
	
	display: block;
	width: 330px;
	
	}
	
	#enlarged h4 {
	
	padding: 10px 0;
	width: 640px;	
	color: #fff;
	margin: 0 auto;
	text-align: center;
	font: normal 11px/14px Verdana, sans-serif;
	
	}
	
	#enlarged.portrait h4 {

	width: 330px;	
	
	}
	
	#enlarged a {
	
	display: block;
	margin: 0 auto;
	background: url(../images/actions/a-close.gif) no-repeat scroll left top;
	display: block;
	width: 68px;
	height: 30px;
	text-indent: -5000px;

	}
	
	#enlarged a:hover {
	
	background-position: bottom left;
	
	}
		
	#enlarged {
	
	display: none;
	
	}		
	
	
/* Video Player
--------------------------------------------------------------------------- */


	#page-video	#video h3, #page-video #clips h3, #page-video #video div.details img, #page-video #video div.details var, #page-video a.comments {
	
	display: none !important;
	
	}	
	
	#video div.flash div, #video div.flash a.again, #video div.flash a.prompt {
	
	display: block;
	width: 420px;
	height: 315px;
	background: #000;
	
	}
	
	#page-video #video {
	
	float: left;
	position: relative;
	background: url(../images/page-video/bg-video.gif) top left no-repeat;
	width: 451px;
	height: 424px;
	margin: 48px 0 0 93px;
	
	}
	
	#page-video #video div.flash {
	
	position: absolute;
	top: 14px;
	left: 15px;
	
	}
	
	/* Controls */
	
	
	#page-video #video div.details {
	
	width: 305px;
	height: 40px;
	position: absolute;
	top: 365px;
	left: 130px;
	text-align: center;
	z-index: 20;
		
	}
	
	#page-video #video div.details p {
	
	width: 349px;
	height: 30px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../images/page-video/transparent.gif) top left;	
	z-index: 20;
	margin: 0;
	line-height: 0;
			
	}
	
	#page-video #video div.details a {
	
	color: #000 !important;
	background: none;
	height: 40px;
	
	}	
	
/* 	#page-video #video ul.controls {
	
	width: 437px;
	height: 62px;
	overflow: hidden;
	position: relative;
	margin: 357px 0 0 9px;
	background: url(../images/page-video/bg-controls.gif) top left;	
	
	} */
	
	#page-video #video ul.controls li {
	
	width: auto;
	text-indent: -5000px;
	
	}	
	
	
	/* Clips */	
	
	
	#page-video #clips { 
	
	clear: none;
	float: left;
	width: 314px;
	overflow: hidden;
	padding: 112px 0 0 57px;
	
	}	
	
	#page-video #clips ul.clips {
	
	clear: none;
	width: 314px;
	
	}
	
	#page-video #clips ul.clips li {
	
	display: block;
	float: left;
	width: 130px;
	height: 100px;
	padding: 0 22px 22px 0;
	position: relative;
	
	}	
	
	#page-video #clips ul.clips li img {
	
	display: block;
	width: 130px;
	height: 100px;
	
	}	
	
	#page-video #clips ul.clips li div ul.actions {
	
	display: none;
	
	}
	
	#page-video #clips ul.clips li div {
	
	position: absolute;
	left: 0;
	top: 0;
	width: 130px;
	height: 100px;
	text-indent: -5000px;
	z-index: 10;
	color: #fff !important;
	
	}
	
	#page-video #clips ul.clips li div a {
	
	display: block;
	width: 130px;
	height: 100px;
	background: url(../images/page-video/transparent.gif) top left;
	text-indent: -5000px !important;
	font: normal 10px/ 12px Verdana, sans-serif;
			
	}
	
	#page-video #clips ul.clips li div a:hover {
	
	display: block;
	background: url(../images/page-video/clip-hover.png) top left;	
	width: 118px;
	height: 90px;
	text-align: center;
	text-indent: 0 !important;
	padding: 10px 6px 0 6px;
	color: #fff !important;
		
	}