/* JANET JACKSON */
/* Section Stylesheet: Photos
----------------------------------------------------------------------------- */


/* STRUCTURAL CONTAINERS
----------------------------------------------------------------------------- */


	body {

	background: #fff;

	}

	#layout {

	background: url(../images/layout/bg-layout-photos.png) 0 122px no-repeat;

	}

	#page {

	min-height: 400px;

	}
	
	#content {
	
	position: static;
	
	}
	
		
/* PHOTO VIEWER
----------------------------------------------------------------------------- */


	ul.photos li {

	position: absolute;
	overflow: hidden;

	}

	ul.photos a {

	display: block;
	text-align: center;

	}

	ul.photos img {

	color: #fff;

	}

	ul.photos a.comments {

	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -5000px;
	background-repeat: no-repeat;

	}

	ul.photos .hover a.comments {

	background-position: bottom left;

	}
		

/* Previous */


	ul.photos li.prev {

	width: 93px;
	height: 144px;
	top: 246px;
	left: 77px;
	z-index: 200;

	}

	ul.photos li.prev img {

	height: 144px;
	margin-left: -60px;

	}

	ul.photos li.prev img.portrait {

	margin-left: 0;

	}

	ul.photos li.prev a.comments {

	background-image: url(../images/section-photos/mask-photo-prev.png);

	}
		
		
/* Next */


	ul.photos li.next {

	width: 69px;
	height: 138px;
	left: 911px;
	top: 418px;

	}

	ul.photos li.next img {

	height: 138px;
	margin-left: -75px;

	}

	ul.photos li.next img.portrait {

	margin-left: 0;

	}

	ul.photos li.next a.comments {

	background-image: url(../images/section-photos/mask-photo-next.png);

	}

		
/* Enlarged */


	ul.photos li.current {

	top: 145px;
	left: 231px;
	width: 656px;
	height: 528px;
	overflow: visible;

	}

	ul.photos li.current a {

	width: 100%;
	height: 100%;
	overflow: hidden;
	cursor: default;

	}

	ul.photos li.current img {

	width: 656px;
	height: auto;
	display: none;
	margin-left: 0;

	}

	ul.photos li.current img.portrait {

	width: auto;
	height: 575px;

	}

	ul.photos li.current strong {

	position: absolute;
	top: 515px;
	left: 22px;
	display: block;
	text-transform: uppercase;
	z-index: 2;
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	color: #000;
	letter-spacing: 3px;
	width: 335px;
	visibility: hidden;

	}

	ul.photos li.current a.comments {

	background-image: url(../images/section-photos/mask-photo.png);

	}


/* Hide */		
		
		
	.thumbnails h3,
	ul.photos strong,
	ul.photos a.comments span,
	.thumbnails ul.paging,
	.thumbnails ul.pages,
	#page_number {

	display: none;

	}


/* TAGS
----------------------------------------------------------------------------- */


	#tags {

	position: absolute;
	top: 578px;
	left: 64px;

	}

	#tags h3 {

	font: normal 12px/12px "Myriad Pro", Verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 5px;
	color: #d03f0a;
	padding-right: 15px;
	background: url(../images/section-photos/arrow-down.gif) right center no-repeat;

	}

	#tags li {

	padding: 2px 0;

	}
		
		
/* JANET AND MICHAEL SECTION
----------------------------------------------------------------------------- */


	body.janet_and_michael {

	background: #222 url(../images/layout/bg-body-janetmichael.jpg) repeat-x;

	}

	body.janet_and_michael #layout {

	background: url(../images/layout/bg-layout-janetmichael.jpg) 0 104px no-repeat;

	}

	body.janet_and_michael div#page {

	min-height: 200px !important;

	}


/* Header */


	body.janet_and_michael #header h1 {

	display: block;

	}

	body.janet_and_michael #header h1 a {

	display: block;
	width: 196px;
	height: 96px;
	left: 0;
	top: 0;
	background: url(../images/skin-janetjackson/header/h1-logo-janetmichael.jpg);

	}

	body.janet_and_michael #header_flash {

	display: none;

	}


/* Footer */


	body.janet_and_michael div#footer a.sparkart {

	background: url(../images/footer/a-sparkart-janetmichael.png) !important;

	}


/* Previous */


	body.janet_and_michael ul.photos li.prev {

	width: 81px;
	height: 107px;
	top: 200px;
	left: 88px;

	}

	body.janet_and_michael ul.photos li.prev img {

	height: 107px;
	margin-left: 0;

	}

	body.janet_and_michael ul.photos li.prev img.portrait {

	margin-left: 0;

	}

	body.janet_and_michael ul.photos li.prev a.comments {

	background-image: url(../images/section-photos/mask-prev-janetmichael.png);

	}


/* Next */


	body.janet_and_michael ul.photos li.next {

	width: 70px;
	height: 98px;
	left: 636px;
	top: 405px;

	}

	body.janet_and_michael ul.photos li.next img {

	height: 98px;
	margin-left: -45px;

	}

	body.janet_and_michael ul.photos li.next img.portrait {

	margin-left: 0;

	}

	body.janet_and_michael ul.photos li.next a.comments {

	background-image: url(../images/section-photos/mask-next-janetmichael.png);

	}


/* Enlarged */


	body.janet_and_michael ul.photos li.current {

	top: 156px;
	left: 212px;
	width: 405px;
	height: 301px;
	overflow: visible;

	}

	body.janet_and_michael ul.photos li.current img {

	width: 405px;
	height: auto;
			
	}

	body.janet_and_michael ul.photos li.current img.portrait {

	height: 301px;
	width: auto;
			
	}

	body.janet_and_michael ul.photos li.current strong {

	top: 342px;
	color: #fff;

	}

	body.janet_and_michael ul.photos li.current a.comments {

	background-image: url(../images/section-photos/mask-photo-janetmichael.png);

	}