/* CARRIE UNDERWOOD */
/* Section Stylesheet: Photos
----------------------------------------------------------------------------------- */


	@import url("widget-comment.css");
	@import url("widget-media.css");
	@import url("widget-photo.css");
	@import url("widget-tag.css");


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


	body.section-media #main {
	
		width: 875px;
		margin-bottom: 25px;
		position: relative;
		
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		
		}
				
	body.section-media #main .pane {
	
		width: 845px;
		background: #333;

		-moz-border-radius-topleft: 0;
		-moz-border-radius-topright: 0;
		-moz-border-radius-bottomleft: 10px;
		-moz-border-radius-bottomright: 10px;
		-webkit-border-top-left-radius: 0;
		-webkit-border-top-right-radius: 0;
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		
		}
		
	
	/* Page: Photo */
	
		
	#page-photo #container {
	
		width: 845px;
		padding: 62px 15px 15px;
		background: #000;
		margin-bottom: 25px;
		float: left;
	
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;

		}
		
	
	/* Page: Thumbnails */
	
		
	#page-thumbnails #photos h3 {
	
		display: none;
		
		}

	#page-thumbnails #main {
	
		background: #000;
		
		}
		
	#page-thumbnails #main a.back {
	
		height: auto;
		position: absolute;
		top: 15px;
		right: 15px;
		
		}
		
	
	/* Page: Videos */
	
		
	#page-videos #main,
	#page-video #main {
	
		width: 875px;
		
		}
		
		
/* WIDGET: PHOTO - FILTER
--------------------------------------------------------------------------- */


	div.widget-photo.filter {
		
		float: left;
		width: 556px;
		padding: 15px 20px 20px 20px;
		background: #736341;
		
		}
		
	div.widget-photo.filter div.group {
		
		float: left;
		padding: 0 20px 0 0;
		
		}
		
	div.widget-photo.filter h4 {
		
		margin: 0 0 10px 0;
		color: #959595;
		
		}
		
	div.widget-photo.filter ul li {
		
		padding: 0 0 3px 0;
		
		}
		

/* WIDGET: PHOTO - BROWSE (Gallery)
--------------------------------------------------------------------------- */

		
	#photos ul.actions li {
		
		padding: 20px 0 0 0;
		margin: 0 0 0 10px;
		
		}


/* WIDGET: PHOTO - BROWSE (Thumbnails)
--------------------------------------------------------------------------- */


	#page-thumbnails ul.tabs {
	
		padding-left: 200px;
		width: 674px;
		
		}
	
	#page-thumbnails #photos {
		
		float: left;
		padding: 15px;
		width: 845px;
		margin: 0 !important;
		
		}
		

/* WIDGET: PHOTO - BROWSE (Related Photos)
--------------------------------------------------------------------------- */


	#related-photos {

		width: 256px;		
		float: right;
		clear: none !important;
		background: #000;

		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		
		}
		
	#related-photos h3 {
	
		font-size: 20px;
		text-transform: uppercase;
		text-align: center;
		color: #b79b63;
		background-color: #000;
		padding: 13px 0;
		margin: 0;
		border-bottom: 1px solid #333;
		
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-bottomleft: 0;
		-moz-border-radius-bottomright: 0;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-left-radius: 0;
		-webkit-border-bottom-right-radius: 0;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		
		}
	
	#related-photos ul.photos {
	
		width: 236px;
		padding: 10px;
		
		}
	
	#related-photos ul.photos li {
	
		height: 58px;
		margin: 0 1px 1px 0;
		overflow: hidden;
		position: relative;
		width: 77px;
	
		}
		
	#related-photos strong {
	
		display: none;
	
		}
		
	#related-photos ul.actions {
	
		padding: 10px;
		
		}


/* WIDGET: PHOTO DISPLAY
--------------------------------------------------------------------------- */


	#page-photo ul.tabs {
	
		padding-left: 260px;
		width: 615px;
		
		}
		
	#photo {
		
		float: left;
		width: 845px;
		background: #1b1b1b;
		position: relative;
		text-align: center;
	
		-moz-border-radius-topleft: 0;
		-moz-border-radius-topright: 0;
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
		-webkit-border-top-left-radius: 0;
		-webkit-border-top-right-radius: 0;
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;

		}
		
	#photo h3 {

		display: none;

		}

	#photo h4 {
	
		width: 100%;	
		font-size: 20px;
		line-height: 20px;
		text-transform: uppercase;
		display: block;
		background: #000;
		padding: 13px 0;
		margin: 0;
		position: absolute;
		top: -46px;
		left: 0;
	
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomleft: 0;
		-moz-border-radius-bottomright: 0;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-webkit-border-bottom-left-radius: 0;
		-webkit-border-bottom-right-radius: 0;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	
		}
		
	#photo img {
		
		max-width: 584px;
		text-align: center;
		
		}
		
	#photo dl {
		
		clear: both;
		float: left;
		width: 845px;
		background: #000;
		padding: 10px 0 0;
		margin: 0;
		text-align: left;
		
		}
		
	#photo dd {
	
		width: 400px;
	
		}
		
	#photo ul.actions a.next,
	#photo ul.actions a.back {
	
		display: block;
		width: 64px;
		height: 62px;
		position: absolute;
		text-indent: -5000px;
		top: 118px;
		z-index: 99;
		padding: 0;
		margin: 0;
		background: none;

		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
	
		}
	
	#photo ul.actions a.back:hover,
	#photo ul.actions a.next:hover {
	
		background-position: 0 -62px !important;
	
		}
	
	#photo ul.actions a.next {
	
		background: url(../images/featured/a-gallery-next.png) !important;
		right: 0;
	
		}
	
	#photo ul.actions a.back {
	
		background-image: url(../images/featured/a-gallery-prev.png) !important;
		left: 0;
	
		}
		
	#photo ul.actions a.favorite {
	
		position: absolute;
		bottom: 0;
		right: 0;
		height: auto;
		
		}
		
	#photo ul.actions a.flag {
	
		position: absolute;
		bottom: 0;
		right: 146px;
		height: auto;
		
		}
		
		
	/* Disney American Idol Experience */
	
	
	#photo #disney {
	
		text-align: center;
		margin-left: 125px;
		
		}
		
	#main a.other {
	
		position: absolute;
		top: 20px;
		right: 20px;
		z-index: 15;
		
		}

	#page-video #main a.other {
	
		position: absolute;
		top: 60px;
		left: 20px;
		z-index: 15;
		
		}