#media {
}


#media .recent.audio ul.medialist li .image {
	background-repeat: no-repeat;
	background-position: center center;
	border: none;
}

#media #center h1 {
	text-align: center;
}

#center div img {
	float: left;
	margin: 0px 10px 10px 0px;
}

#media #center h2 {
	/* clear: both; */
	border-bottom: 1px dotted #ccc;
}

#media #center h2 .seeall {
	float: right;
	font-size: 12px;
	text-transform: none;
}

/* media menu */
#media #center ul#mediatypes {
	padding: 0px;
}
#media #center ul#mediatypes li {
	display: block;
	float: left;
	width: 211px;
	margin: 1px 4px;
	padding: 0px;
	
	text-align: center;
}
#media #center ul#mediatypes li a {
	margin: 0px;
	display: block;
	width: 211px;
	padding: 0px;
	height: 100px;
	background-position: center top;
	
}
#media #center ul#mediatypes li a:hover {
	background-image: url(../images/structure/white-overlay.png);
	background-position: left bottom;
	background-repeat: repeat-x;
}


/* recent boxes */
#media div.recent {
	margin-bottom: 40px;
	margin-top: 40px;
}


#media div.recent {
	padding: 0px;
	width: 211px;
	margin: 4px;
	float: left;
}

/*
#media #center li {
	display: block;
	float: left;
	margin: 10px;
	padding: 5px;
	background: #ccc;
}
*/


#media #center.features a {
	text-decoration: none;
}


/* media list */
/* should be total of 659px wide */

#media #center ul.medialist li {
	width: 211px;
	padding: 0px;
	float: left;
	display: block;
	margin: 5px 4px;
}
#media #center .recent ul.medialist li {
	margin-left: 0px;
	margin-right: 0px;
}

#media ul.medialist li a {
	display: block;
	width: 201px;
	height:201px; /*################## ADDED FOR IE7 SUPPORT*/
	padding: 5px;
	background-color: #efefef;
	text-decoration: none;
}
#media ul.medialist li a:hover {
	background-color: #333;
	color: #fff;
	
	cursor:pointer;  /*################## ADDED FOR IE7 SUPPORT*/
}

#media ul.medialist li a h1 {
	font-size: 16px;
	line-height: 20px;
	padding: 0px 0px 4px 0px;
	margin: 2px 0px;
	height: 16px;
	width:auto;
	overflow: hidden;
	text-transform: none;
	color: #333;
}
#media ul.medialist li a:hover h1 {
	width: 201px;
	height: auto;
	overflow: visible;
	background-color: #333;
	position: absolute;
	color: #fff;
	margin-top:0px; /*################## ADDED FOR IE7 SUPPORT*/
}
#media ul.medialist li a .image {
	background-position: center center;
	height: 150px;
	border: 1px solid #fff;
}
#media ul.medialist li a:hover .image { /*################## NOT SUPPORTED IN IE*/
	margin-top: 24px; /* maintain position when h1 goes absolute */
	border: 1px solid #666;
}

#media ul.medialist li a .date {
	display: block;
	color: #666;
}
#media ul.medialist li a .comment_count {
	display: block;
	float: right;
	color: #666;
}


/* video */
#videoplayer {
	position: relative;
	background-color: #333;
	width: 659px;
	height: 480px;
	padding: 0px;
}

#videoplayer a.play {
	display: block;
	width: 58px;
	height: 58px;
	position: absolute;
	left: 0px;
	right: 0px;
	margin: 0px auto;
	top: 200px;
	
	text-indent: -9999px;
	
	background-image: url(../images/icons/play-large.png);
	background-repeat: no-repeat;
}

/* audio page */
#media #center ul.discs li {
	width: 199px;
	float: left;
	margin: 5px;
	padding: 5px;
	background-color: #222;
	text-align: center;
}

#media #center ul.discs li a {
	display:block;
	margin: 0px;
	padding: 5px;
	width: 189px;
	text-decoration: none;
	
	background-image: url(../images/backgrounds/radial_bg.jpg);
	background-position: center center;
}
#media #center ul.discs li a:hover {
	background-color: #222;
	background-image: none;
}
#media #center ul.discs li img {
	display:block;
	margin: 0px auto;
}
#media #center ul.discs li a .album {
	display: block;
	font-size: 14px;
	color: #CCC;
}
#media #center ul.discs li a .artist {
	font-size: 11px;
	color: #999;
}



/* disc */
#media #center .disc h1 {
}
#media #center .disc h2 {
	text-align: center;
}
#media #center .disc img {
	border: 4px solid #ccc;
	margin-right: 15px;
	margin-bottom: 0px;
}
#media #center .disc #player {
	width: 280px;
	margin-right: 15px;
	float: left;
	clear: left;
	padding: 0px;
}
#media #center .disc ul.songs {
	width: 272px;
	float: left;
	clear: left;
	margin-right: 15px;
	padding: 3px 4px;
	background-color: #efefef;
}
#media #center .disc ul.songs li {
	position: relative;
	display: block;
	float: none;
	margin: 1px 0px;
	/* padding: 0px; */
	padding: 5px;
	padding-left: 26px;
}
#media #center .disc ul.songs li a {
	display: block;
	padding: 5px;
	text-decoration: none;
}
#media #center .disc ul.songs li a:hover {
	background-color: #666;
	color: #fff;
}

#media #center .disc ul.songs li .player {
	position: absolute;
	top: 3px;
	left: 0px;
}
#media #center .disc ul.songs li .player a.play {
	display: block;
	width: 22px;
	height: 22px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	background-image: url(../images/buttons/playBtn_sm.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}
#media #center .disc ul.songs li .player a.play:hover {
	background-color: #000;
}


/* Post Nav
------------------------------------------------------------------------------ Post Nav
*/
.post-nav li {
	margin: 3px 0px;
	clear: both;
}
.post-nav li a {
	display:block;
	padding: 3px 5px;
	

	
	text-decoration: none;
}
.post-nav li a:hover {
	background-color: #ccc;
	background-image: url(../images/structure/white-overlay.png);
	background-position: left bottom;
	background-repeat: repeat-x;
	color: #333;
}
.post-nav li .date {
	display:block;
	color: #7EA9B4;
	font-size: 11px;
	line-height: 14px;
}
.post-nav li .description {
	display:block;
	color: #666;
	font-size: 11px;
	line-height: 14px;
}
.post-nav li img {
	float: right;
	margin-left: 8px;
}


/* Artist Select
------------------------------------------------------------------------------ Artist Select
*/
#Custom_select_artist {
	display: block;
	width: 150px;
	margin: 5px auto;
}


/* post-paginate
------------------------------------------------------------------------------ post-paginate
*/
.post-paginate {
	margin: 10px 0px;
}
.post-paginate .button {
	float: left;
	width: 110px;
}
.post-paginate a {
	display: block;
	text-decoration: none;
	line-height: 14px;
	padding: 4px;
	margin: 4px 0px;
	text-align: center;
	width: 102px;
	height: 80px;
	overflow-y: hidden;
	background-position: center center;
	text-indent: -9999px;
}
.post-paginate a:hover {
	text-decoration: none;
	background-position: 0px 88px;
	background-repeat: no-repeat;
	background-color: #CCC;
	text-indent: 0px;
	border: 3px solid #333;
	width: 96px;
	height: 74px;
}
.post-paginate h3 {
	text-align: center;
	font-style: italic;
	color: #999;
	font-size: 11px;
	line-height: 11px;
	margin: 0px;
	padding: 0px;
}
.post-paginate a:hover h3 {
	color: #666;
}


.photos .post-paginate a {
	background-repeat: no-repeat;
}
.photos .post-paginate a:hover {
	text-indent: -9999px;
	background-position: center center;
	border: none;
	width: 102px;
	height: 80px;
}

/* Share Area
------------------------------------------------------------------------------ Share Area
*/
#right .content .share {
	background-color: #404040;
	padding: 5px;
}
#media #main .content #right .content .share h2 {
	font-size: 14px;
	font-style: italic;
	color: #fff;
	margin-bottom: 5px;
}
#right .content .share h3 {
	font-size: 12px;
	color: #999;
	margin: 0px;
	padding: 0px;
}

.share a.tab {
	text-decoration: none;
	color: #666;
	padding: 3px;
	margin: 0px 1px 0px 0px;
}

/* Share content padding */
.share a.tab,
#embedcode,
#emailform {
	padding: 5px;
}

/* Share content background Color */
#embedcode,
#emailform,
.share a.tab.selected {
	background-color: #CCC;
}

#embedcode {
	display: block;
	padding: 5px 3px;
	margin: 0px;
	border: none;
	width: 205px;
	overflow: hidden;
	outline: none;
}
#emailform {
	display: none;
	margin: 0px;
}
#emailform p {
	background-color: none;
	padding: 0px;
	margin: 0px;
}
#emailform fieldset {
	background-color: transparent;
	padding: 0px;
	margin: 0px;
}
#emailform label {
	background-color: none;
	padding: 0px;
	margin: 0px;
}
#emailform input,
#emailform textarea {
	padding: 5px;
	border: none;
	width: 191px;
	background-color: #efefef;
}
#emailform button {
	background-color: #efefef;
	padding: 5px;
	width: auto;
	margin: 2px 0px;
	float: left;
}
#emailform .alert {
	display: block;
	float: left;
	padding: 5px;
	font-size: 11px;
	margin-left: 5px;
}


/* Video Post nav
------------------------------------------------------------------------------ Video Post nav
*/
#media.video .post-nav li img {
	display: none;
}
#media.video .post-nav li .date {
	display: none;
}
#media.video .post-nav li a {
	padding: 0px;
}
#media.video .post-nav li a:hover {
	background-color: transparent;
}
#media.video .post-nav li a:hover .image {
	border-color: #000;
}
#media.video .post-nav li .image {
	display: block;
	border: 3px solid #666;
	height: 100px;
	background-position: center center;
	margin: 0px;
}
#media.video .post-nav li .comment_count {
	float: right;
	color: #999;
}



/* Photo Viewing
------------------------------------------------------------------------------ Photo Viewing
*/

#photo_large {
	display: block;
	width: 659px;
	padding: 10px 0px;
	background-color: #efefef;
	text-align: center;
}
#center div#photo_large img {
	margin: 0px auto;
	float: none;
}

.photos #right h2 {
	text-align: left;
	border-bottom: 1px dotted #ccc;
}

ul.thumbnails li {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
}
ul.thumbnails li a {
	position: relative;
	display: block;
	width: 70px;
	height: 70px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #fff;
	text-decoration: none;
}
ul.thumbnails li a:hover {
	border: 1px solid #333;
	text-decoration: none;
}

ul.thumbnails li a .comment_count {
	position: absolute;
	right: 2px;
	bottom: 2px;
	padding: 0px;
	padding-top: 3px;
	text-align: center;
	font-size: 10px;
	line-height: 10px;
	color: #fff;
	width: 20px;
	height: 16px;
	background-image: url(../images/icons/comment-bubble-large-dark.png);
	background-position: center center;
}