/* Handy font size definitions 

font-size: .625em;   16px x .625  = 10px 
font-size: .6875em;  16px x .6875 = 11px 
font-size: .75em;    16px x .75   = 12px 
font-size: .8125em;  16px x .8125 = 13px 
font-size: .875em;   16px x .875  = 14px
font-size: .9375em;  16px x .9375 = 15px
font-size: 1.0625em; 16px x 1.0625= 17px

*/


/*************** Styles that define the Media Center ****************/

/* Updated these styles after adding padding to main wrapper */



#media-detail a.btn-photo-play, 
#media-detail a.btn-photo-play:visited {
  background: url(../img/buttons/btn-mc-controls1.png) no-repeat 0px -38px; 
  display: block;
  height: 38px;
  width: 38px;
  text-indent: -9000px; 
  float: right;
  margin: 74px /*35px*/ 15px 0 0;
}

#media-detail a.btn-photo-play:hover {
   background: url(../img/buttons/btn-mc-controls1.png) no-repeat -37px -38px; 
}

#media-detail a.btn-photo-pause, 
#media-detail a.btn-photo-pause:visited {
  background: url(../img/buttons/btn-mc-controls1.png) no-repeat 0px 0px; 
  display: block;  
  height: 38px;
  width: 38px;
  text-indent: -9000px; 
  float: right;
  margin: 74px /*35px*/ 15px 0 0;
}

#media-detail a.btn-photo-pause:hover {
   background: url(../img/buttons/btn-mc-controls1.png) no-repeat -38px 0px; 
}

#media-detail .arrow-big-next a, #media-detail .arrow-big-prev a{
 	width: /*100px; */ 80px;
	display: block; 
	text-indent: -9000px;  
  height: 65px;
}

#media-detail .arrow-big-next a, #media-detail .arrow-big-next a:visited{
  background: url(../img/buttons/arrow-mc-next-sprite.gif) 14px 0px no-repeat; 
  float: right;
  margin: 150px 0 0 0;
}

#media-detail .arrow-big-next a:hover, #media-detail .arrow-big-next a:active {
  background: url(../img/buttons/arrow-mc-next-sprite.gif) 14px -65px no-repeat; 
  float: right;
}

#media-detail .arrow-big-prev a, #media-detail .arrow-big-prev a:visited {
  background: url(../img/buttons/arrow-mc-prev-sprite.gif) /*17*/0px 0px no-repeat; 
	float: left;
  margin: 261px 0 0 0;
}

#media-detail .arrow-big-prev a:hover, 
#media-detail .arrow-big-prev a:active {
  background: url(../img/buttons/arrow-mc-prev-sprite) /*17*/0px -65px no-repeat; 
	float: left;
}

#photo-gallery-viewer {
}

#media-detail h1 {
  color: #FFF;
  font-size: 1.25em;  
  margin: -5px 0 10px 0;
  /*width: 500px;*/
  padding: 0;
}

#video-info h1 {margin-top: -3px;}


#show-gallery-info, #hide-gallery-info {
  float: right;
  width: 150px;
  text-align: right;
  font-size: .75em;  /*16px x .75   = 12px  */
  margin: 10px 0 0 0;
}

#show-gallery-info a, #hide-gallery-info a {
   color: #CCC;
   padding-right: 13px;
}

#show-gallery-info a.show-info-bar, #show-gallery-info a {
  background: url(../img/arrow-show.gif) right no-repeat; 
}

#show-gallery-info a.hide-info-bar {
  background: url(../img/arrow-hide.gif) right no-repeat; 
}

.photo-gallery-detail .photo {
}

#mainphoto {
	width: 776px;
	height: 436px;
	display: block;
}
.photo-gallery-detail #caption-wrapper {
	margin-top: 10px;
  border-bottom: 1px solid #737373;
  width: 776px;
  position: static;
}

#media-detail .caption {
	
  color: #CCC;
  line-height: 1.3em;
  }

#media-detail .caption p, #media-embed-detail .caption p {
  margin: 0;
  padding: 0;
  line-height: 1.3em;
   font-size: 12px;  /*16px x .75   = 12px  */
  
}

#media-detail .caption p.more, #media-embed-detail .caption p.more {
  margin: 15px 0;
}

#media-detail .divide, #media-embed-detail .divide {
  background: #999;
  height: 1px;
  font-size: 0em;
  line-height: 0em;
}

#media-detail .caption .download, #media-embed-detail .caption .download {
  margin: 15px 0;
  background: url(../img/icons/icon-download-dark.gif) left no-repeat;
  padding: 0 0 0 15px;
   font-size: .75em;  /*16px x .75   = 12px  */
}


#media-detail .caption a {
  color: #CCC;
  text-decoration: underline;
}

#media-detail .caption a:hover {
  color: #666;
  text-decoration: none;
}

.photo-gallery-detail .num-of{
  color: #999;
  width: 60px;
  float: right;
  text-align: right;
  font-size: .75em;  /*16px x .75   = 12px  */
  /*margin: -5px 0 0 0;*/
  margin: 0;
}

#gallery-detail-info {
  background: url(../img/backgrounds/bg-photo-overlay.png); 
  color: #FFF;
   
}
#photo-viewer-list {
	height: 71px;
  background: url(../img/bg-photo-list.jpg) top no-repeat;
}

#photo-viewer-list ul {
  margin: 0;
  padding: 0;
  padding: 15px 0;
}

#photo-viewer-list li{
  list-style-type: none;
  float: left;
  margin-right: 24px;
}

#photo-viewer-list img {
  border: 2px solid #242424;
}

#photo-viewer-list li.active img {
  border: 2px solid #141414;
}
/*
#photo-viewer-list li.last {
  margin-right: -2px;
}*/

#photo-pagin ul {
  margin: 0; 
  padding:0;
}

#photo-pagin li{
  list-style-type: none;
  margin: 0 5px;
  float: left;
}

#media-browse-header{
  background: url(../img/bg-mc-browse.jpg) top no-repeat;
  padding: 0 10px;
  border-bottom: 1px solid #8a8a8a;
}

#media-browse-header .text {
  color: #FFF;
  font-family: Arial, Helvetical, sans-serif;
  font-size: .8125em; /* 16px x .8125 = 13px */
  float: left;
  padding: 10px 0 0 0;
}

a#mediabrowser-category-selection {
  text-indent: -9000px;
  display: block;
  background: url(../img/buttons/btn-categories.gif) no-repeat 0 2px;
  height: 31px;
  width: 113px;
  margin: 3px 10px 0 10px;
}


ul#categories-dropdown li:hover a#mediabrowser-category-selection {
  background:url(../img/buttons/btn-categories.gif) 0px -28px no-repeat; 
}

div#categories {
  float: left;
  padding: 0;
  margin: 0;
}

div#categories ul#media-categories {
  margin-left: -10px;
}


/******** Category DropDown *********/

ul#categories-dropdown, ul#categories-dropdown ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul#categories-dropdown li ul {
	width: 345px; 
	padding-bottom: 20px;
	padding-top: 15px;
}

ul#categories-dropdown li ul li {
  display: inline;
}

ul#categories-dropdown li ul li a {
  display: block;
  float: left;
  min-height: 30px;
  margin:  5px 0 0 25px;
  padding: 0;
  width: 140px;  
  color: #0f4f89;
  font: bold 12px arial;
  text-decoration: none; 
}

ul#categories-dropdown li ul li a:hover, ul#categories-dropdown li ul li a:active {
	text-decoration: underline;
}
ul#categories-dropdown li div.mb-dd-outer {
	position: absolute;
  z-index: 500;	
	width: 370px; /** 345 + 25 (due to negative margin) **/
	left: -999em;
	background: url(../img/backgrounds/bg-category-drop-left-edge.png) no-repeat left bottom;
	padding: 0 0 0 0;
	margin: 0 0 0 -25px;
}

ul#categories-dropdown li div.mb-dd-inner {
  background: url(../img/backgrounds/bg-category-drop-right-edge.png) no-repeat right bottom;
  margin: 0 0 0 19px;
  padding: 0;
}  


ul#categories-dropdown li:hover div.mb-dd-outer,
ul#categories-dropdown li.hover div.mb-dd-outer {
  left: auto;
}

/******** End Category DropDown *********/

#media-browse-header #search-field {
  border:1px solid #D4D4D4;
  color:#999999;
  float:left;
  font-size:0.75em;
  margin:6px 0 0 10px;
  padding:3px 7px;
  width: 220px;
}


#media-browse-header #search-button {
  float: left;
}

#media-browse-header #search-button a {
  float: left;
  width: 23px;
  height: 23px;  
  background: url(../img/buttons/btn-search-sm.gif) no-repeat;
  text-indent: -9000px;
  display: block;
  margin: 6px 4px;
}

#media-browse-header #search-button a:hover {
  background: url(../img/buttons/btn-search-sm.gif) no-repeat 0 -23px;
}
#media-browse-header #search-button a:active {
  background: url(../img/buttons/btn-search-sm.gif) no-repeat 0 -46px;
}

#media-browse-header #media-show-all a {
	background: url(../img/buttons/btn-show-all.gif) no-repeat 0 0;
	text-indent: -9000px;
  display: block;
  float: left;
  width: 80px;
  height: 23px;
  margin: 6px 4px;
}
#media-browse-header #media-show-all a:hover {
  background: url(../img/buttons/btn-show-all.gif) no-repeat 0 -23px;
}
#media-browse-header #media-show-all a:active {
  background: url(../img/buttons/btn-show-all.gif) no-repeat 0 -46px;
}
#share-rss li {
  list-style-type: none;
  display: inline;
  margin: 0 0 0 10px;
}

#share-rss ul {
  margin: 0; 
  padding: 0; 
  text-align: right;
  padding: 7px 0 ;
}

#share-rss a {
  color: #FFF;
  font-size: .8125em; /* 16px x .8125 = 13px */
  padding-left: 17px;
}

#share-rss #share {
  background: url(../img/icon-share.gif) no-repeat 1px 3px;
  padding-left: 2px;
}

#share-rss #rss {
  background: url(../img/icon-rss.gif) no-repeat 1px 3px;
  padding-left: 2px;
}

#browse-video-list-wrapper,
#media-browse-box {
  background: url(../img/backgrounds/bg-browse-mc.gif) repeat-x;
}

#media-browse-subhdr {
  border-bottom: 1px solid #d9d9d9;
  padding: 8px 0 8px 10px;
  color: #999;
  font-size: .8125em; /* 16px x .8125 = 13px */
}

#you-are-viewing {
  margin: 2px 0 0 0;
}

#media-browse-subhdr span.category {
  color: #333;
}

#media-sort-by {
  display: table;
  text-align: right;
}

#media-sort-by ul {
  margin: 0;
  padding: 0;
}

#media-sort-by li {
  float: left;
  margin: 0 2px 0 2px;
  list-style-type: none;
  padding: 0;
}

#media-sort-by li a{
  display: block;
  height: 21px;
  width: 88px;
  text-align: center;
  padding: 3px 0 4px 0;
}

#media-sort-by li.text {
  margin: 3px 9px 0 0 ;
}


#media-sort-by li.active a {
 background: url(../img/backgrounds/bg-sort-active.gif) no-repeat 0 -1px;
 color: #666;
}

#browse-photo-list, 
#browse-video-list,
#browse-podacst-list {
  border-bottom: 1px solid #e6e6e6;
  padding: 15px 0 17px 0;
}

#browse-photo-list ul, #browse-video-list ul{
  padding: 0;
  display: inline;
}

#browse-photo-list li, 
#browse-video-list li {
  float:left;
  font-family:Georgia,"Times New Roman",Times,serif;
  font-size:12px;
  list-style-type:none;
  margin:0 3px 0 4px;
  padding:0;
  letter-spacing: normal;
}

#browse-video-list .duration {
  font-family: Arial, Helvetical, sans-serif;
  margin: 5px 0 0 0;
  font-weight: bold;
  font-size: 10px;
}

#browse-photo-list.photos li.item a {
  height: 150px;
}

#browse-photo-list li.item a {
  display: block;
  width: 160px;
  height: 120px;
  padding: 10px;
  color: #333;
  text-decoration: none;
  cursor: pointer;
}

#browse-photo-list li.item a:hover 
{
background: #e6e6e6;
}



#browse-video-list li.item {
  display: block;
  height: 168px;
  padding: 0 0 10px 0;
  /*padding: 10px;*/  
}

#browse-video-list li.item a {
  display: block;
  width: 205px;
  color: #333;
  padding: 10px 10px 5px;
  text-decoration: none;
  cursor: pointer;
}

#browse-video-list li.item a:hover 
{
background: #e6e6e6;
}

#browse-photo-list li.item a:hover, #browse-video-list li.item a:hover {
  /*background: #f6f6f6;*/
}

#browse-photo-list li.active a, #browse-video-list li.active a {
   background: url(../img/backgrounds/bg-photo-list-active.gif) ;
}

#browse-photo-list li.active a:hover, #browse-video-list li.active a {
   background: url(../img/backgrounds/bg-photo-list-active.gif) ;
}


/*********** jcarousel *************/

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
    height: 71px;
}

.jcarousel-clip {
	  width: 780px;
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 76px;
    height: 41px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
    text-indent: -9000px;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
    text-indent: -9000px;
}


/*********** paging navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin-left:328px;
	width:200px;
}

div.navi a {
	float:left;
	margin:3px 3px 0 3px;	
	display:block;
	font-size:1px;
  text-indent: -9000em;		
}

/* items inside navigator */
div.navi a.dot {
	width:8px;
	height:8px;
	background:url(../img/scrollable/navigator.png) 0 -16px no-repeat;
}

/* mouseover state */
div.navi a.dot:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 0;     
} 	


div.navi a.prev {
  background: url(../img/arrow-pg-prev.gif) no-repeat;
  height: 9px;
  width: 5px;
}

div.navi a.next {
  background: url(../img/arrow-pg-next.gif) no-repeat;
  height: 9px;
  width: 5px;
}


/******************* Podcasts ****************************/


.podcast #media-detail {
  background: #282828 url(../img/backgrounds/bkg-podcast.png) 0 0 repeat-x;
  height: 213px; /** padding: 2 x 20px **/
}

.podcast-detail {
  height: 253px;
}

img#podcast-detail-image {
  float: left;
}

div#podcast-title-desc {
  float: left;
  margin-left: 25px;
  margin-right: 51px;
  width: 280px;
}

div#media-detail div#podcast-title-desc h1 {  
  font-weight: normal;
  display: block;
  float: none;
}

div.podcast-detail p {  
  display: block;
  color: #ccc;
  margin: 18px 0 0 0;
}

div#podcast-subscribe {
  display: block;
  float: left;
  width: 280px;
}

div#podcast-subscribe span {
  display: block;
  font-size: .75em; /** 16px x .75 = 12px **/
  color: #ccc;
}

div#podcast-subscribe span.caption-title {
  color: #bc7f42; 
  font-size: .6875em;
  letter-spacing: .03em; 
  font-style: italic;
  margin-bottom: 10px;
}

div#podcast-subscribe div#subscribe-buttons {
  margin-top: 10px;
  padding-bottom: 25px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}

div#podcast-subscribe a#link-rss {
  display: block;
  float: left;
  width: 85px;
  height: 23px;
  background: url(../img/buttons/btn-podcast-rss.png);
}

div#podcast-subscribe a#link-itunes {
  display: block;
  float: left;
  width: 85px;
  height: 23px;
  margin-right: 24px;
  background: url(../img/buttons/btn-podcast-itunes.png);
}

div#podcast-subscribe input#copy-paste-rss {
  border: 0;
  background-color: black;
  margin-top: 15px;
  color: #999999;
  font-size: 12px;
  font-weight: normal;
  padding: 3px;
  width: 280px;  
}

#browse-podcast-list .item-list ul {
  padding: 0;
}

#browse-podcast-list {
  padding: 10px 0 0 15px;
}

#browse-podcast-list li {
  display: block;
  float: left;
  width: 450px;
  margin-left: 10px;
  margin-bottom: 48px;
}

#browse-podcast-list li img {
  float: left;
}

#browse-podcast-list li .podcast-text {
  float: left;
  margin-left: 12px;
}

#browse-podcast-list li .podcast-text h2 {
  margin: 0 0 9px 0; 
  padding: 0;
  font-size: .875em; /** 16px x .875 = 14px **/
}

#browse-podcast-list li .podcast-text span {
  display: block;
  color: #333333;
  font-size: .75em;    /** 16px x .75   = 12px **/
  margin-bottom: 10px;
  width: 205px;    
}

#browse-podcast-list li .podcast-text a.podcast-video,
#browse-podcast-list li .podcast-text a.podcast-audio {
  display: block;
  margin-bottom: 10px;
  padding-left: 20px; 
  font-size: .75em;    /** 16px x .75   = 12px **/
  color: #333333;
  text-decoration: underline; 
}  

#browse-podcast-list li .podcast-text a:hover {
  text-decoration: none;
}  

#browse-podcast-list li .podcast-text a.podcast-video {
  background: url(../img/buttons/btn-podcast-video.png) no-repeat;
}

#browse-podcast-list li .podcast-text a.podcast-audio {
  background: url(../img/buttons/btn-podcast-audio.png) no-repeat;
}

/**************** End of Podcasts ************************/




/******************* Live Videos *********************/ 

.live-stream-page {
  min-height: 800px;
}

#live-video-wrapper {
  float:left;
  height:397px;
  width:640px;
}

#live-video-callout-wrapper {
   margin: 9px 0 0 0;
}

.live-video-callout {
  width: 220px;
 height: 52px;
 padding: 8px 10px 0 80px;   
}

.live-video-callout p {
  color: #fff;
  margin: 0 0 3px 0;
  line-height: normal;
  }
  
#live-video-callout-wrapper a {
  color: #fff; 
  text-decoration: underline;
}

#live-video-callout-wrapper a:hover {
  text-decoration: none;
}

#live-video-callout-facebook {
  background: url(../img/icons/icon-facebook-mc.gif) no-repeat;
  float: left;
}

#live-video-callout-other {
   background: url(../img/icons/icon-other-mc.gif) no-repeat;
   float: right;
}

#live-video-info {
  float: right;
  width:273px;
}


#live-video-info h1 {
   background: url(../img/backgrounds/bg-title-wh-live.png) no-repeat;
   text-indent: -9000px;
   width: 266px;
   height: 35px;
   margin: 10px 0 0 0;
   }           
  
#video-list-box {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  height: 410px;
  padding: 18px 0 0 0;
  overflow-y: auto;
  

}

#video-list-box .entry {
  margin: 0 0 25px 0;
}

#video-list-box .note {
  font-style: italic; 
  color: #c1935c;
  font-size: .6875em;  /*16px x .6875 = 11px */
  margin: 0 0 4px 0;
}   
              
#video-list-box .date {
  color: #999; 
  text-transform: uppercase;
  font-size: .625em;   /*16px x .625  = 10px */
  margin: 0 0 4px 0;
  }

#video-list-box h3 {
  color: #FFF;
  font-size: .9375em;  /*16px x .9375 = 15px*/
}
#video-list-box h3 a:visited,
#video-list-box h3 a:link{
  color: #FFF;
  font-family:Georgia,"Times New Roman",Times,serif;
  font-weight: normal;
}


#video-list-box p {color: #CCC;}

#video-list-box .audio-only {
  background: url(../img/icons/icon-audio-mc.gif) no-repeat;
  padding-left: 20px;
  color: #CCC;
  font-size: .625em;   /*16px x .625  = 10px */
  font-style:italic;
  margin: 0 0 4px 0;

}
#video-list-box a.share-embed-icon {
  background: url(../img/openshareicon-14x14.png) no-repeat;
  width:14px;
  height:14px;
  float:right;
  margin: 2px 10px 0 0 ;
  display:inline;
  cursor:pointer;
}
#video-list-box .share-embed {
  display:none;
}
#TB_ajaxContent label.share-embed{
  display:block;
  margin-top:20px;
}
#TB_ajaxContent textarea.share-embed{
  width :290px;
  height : 130px;
}

#photo-description {
  height: 65px; 
  font-size: 12px; }

#media-embed-detail #video-info { 
  text-align: center; 
  }

#media-embed-detail { 
  padding: 5px 0 5px 0; 
  margin: 20px 0;
  }
  
#content ul.entry-list #node-embed-image-detail p { font-size: .85em; text-align: center; }