/*

UMBRELLA
Show Stylesheet
Version 0.0.0

Notes: This stylesheet needs to be divided into two stylesheets (structure/theme)
	Additionally, I should try to rebuild the HTML structure using U.Modules

*/

/*

this container spans the height of the show so that the current tab is visible as you scroll
it's important that the color of the current tab is offset from the rest of the layout in some way

*/
#show {
	background:url("../themes/resistance/img/show_episode_bg.png") repeat-y 48px 0;
	margin:0 0 8px 0;
}

/*
customize column widths
*/
#episode-list.span-2 {
	width:48px;  /* -24px */
}

#episode.span-22 {
	width:896px; /* +24px */
}

#episode {
}

#episode div.post {
	clear:both;
	padding-bottom:8px;
}

/*
customize column widths
*/
#episode div.post .span-14 {
	width:576px;
	height:auto;
}

/* episode structure */

#episode div.post {
}

#episode div.post div.post-tlc div.post-tlc-content {
	padding:24px;
}

#episode div.post div.post-tlc div.post-tlc-content h2 {
	float:left;
	width:360px;
}

#episode div.post div.post-tlc div.post-tlc-content.teaser h2 {
	float:none;
	width:auto;
}

#episode div.post div.post-tlc div.post-tlc-content div.user {
	float:right;
	width:160px;
}

#episode div.post div.post-tlc div.post-tlc-content div.post-tlc-desc {
	clear:both;
	padding:18px 0 0 0;
}

#episode div.post div.post-tlc div.post-tlc-content div.ugc-wrapper {
	float:left;
	width:360px;
	padding:9px 0 18px 0;
}

#episode div.post div.post-tlc div.post-tlc-content div.post-tlc-music-credit {
	float:right;
	width:160px;
	padding:0 0 18px 0;
}

#episode div.post div.post-tlc div.post-tlc-content div.post-tlc-music-credit dl {
	margin:0;
	padding:0;
}

#episode div.post div.post-tlc div.post-tlc-content div.post-tlc-music-credit dl dt,
#episode div.post div.post-tlc div.post-tlc-content div.post-tlc-music-credit dl dd {
	margin:0;
	padding:0;
}

#episode div.post div.post-tlc div.post-tlc-content div.post-tlc-music-credit dl dd {
	padding:0 0 0 8px;
}

#episode div.post div.post-tlc div.post-tlc-content div.post-tlc-units {
	clear:both;
}

#episode div.post div.post-tlc div.post-tlc-content div.post-tlc-units ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

#episode div.post div.post-tlc div.post-tlc-content div.post-tlc-units ul li {
	padding:0;
	margin:0;
}

#episode div.post div.post-tlc div.post-tlc-content h3,
#episode div.post div.post-tlc div.post-tlc-content h2,
#episode div.post div.post-tlc div.post-tlc-content p {
	cursor:default;
}

#episode div.post div.post-tlc div.post-tlc-content h3 small,
#episode div.post div.post-tlc div.post-tlc-content h2 small {
	font-size:.625em;
	cursor:default;
}

#episode div.post div.post-tlc div.post-tlc-content div.meta.synopsis {
	margin:1.5em .5em;
}

#episode div.post div.post-discussion {
	margin:0 0 8px 0;
}

#episode div.post div.post-discussion div.jump {
	padding:0 0 0 24px;
}

#episode div.post div.post-discussion div.jump a {
	display:block;
	width:32px;
	height:16px;
	background:url("../themes/resistance/img/show_post_arrow.png") no-repeat top left;
}

#episode div.post div.post-discussion.feature div.jump a {
	background:url("../themes/resistance/img/show_episode_post_arrow.png") no-repeat top left;
}

#episode div.post div.post-discussion div.jump a span {
	display:none;
}

#episode div.post div.post-discussion div.discussion-jump {
	background-color:#000;
	margin:18px 16px;
	padding:16px;
	height:20px;
	cursor:default;
	overflow:hidden;
}

#episode div.post div.post-discussion div.discussion-jump div.discussion-jump-main {
	float:left;
}

#episode div.post div.post-discussion div.discussion-jump div.discussion-jump-detail {
	padding-top:2px;
	float:right;
}

#episode div.post div.post-discussion div.discussion-jump a {
}

#episode div.post div.post-discussion div.discussion-jump div.discussion-jump-main a {
	color:#fff;
	text-decoration:none;
}

#episode div.post div.post-discussion div.discussion-jump div.discussion-jump-main a span {
	text-decoration:underline;
}

#episode div.post div.post-discussion div.discussion-jump div.discussion-jump-detail,
#episode div.post div.post-discussion div.discussion-jump div.discussion-jump-detail a {
	color:#eee;
}

#episode div.post div.post-discussion div.discussion-jump div.discussion-jump-detail a {
	text-decoration:underline;
}

#episode div.post div.post-discussion div.discussion-jump div.discussion-jump-detail a span.follow {
	display:block;
}

#episode div.post div.post-discussion h3.post-list-heading {
	border-bottom:2px solid #999;
	margin:18px 16px;
	padding:0 0 8px 0;
}

#episode div.post div.post-discussion h3.post-list-heading small {
	font-size:.675em;
}

/* episode type */

/* episode theme */

#episode div.post div.post-tlc div.post-tlc-content div.user a:link,
#episode div.post div.post-tlc div.post-tlc-content div.user a:visited {
	text-decoration:none;
	color:#333;
	background-color:#fff;
}

#episode div.post div.post-tlc div.post-tlc-content div.user a:hover,
#episode div.post div.post-tlc div.post-tlc-content div.user a:active {
	color:#000;
	background-color:#ccc;
}

#episode div.post div.post-tlc h3,
#episode div.post div.post-tlc h2,
#episode div.post div.post-tlc p,
#episode div.post div.post-tlc dl,
#episode div.post div.post-tlc {
	color:#eee;
}

#episode div.post div.post-tlc div.post-tlc-content h3 small,
#episode div.post div.post-tlc div.post-tlc-content h2 small {
	color:#ccc;
}

#episode div.post div.post-tlc a:link,
#episode div.post div.post-tlc a:visited {
	color:#fff;
	text-decoration:underline;
}

#episode div.post div.post-tlc div.post-tlc-content a:hover,
#episode div.post div.post-tlc div.post-tlc-content a:active {
	color:#ccc;
}

#episode div.post div.post-tlc.featured div.post-tlc-content div.post-tlc-music-credit dl dd {
	border-left:1px solid #333;
}

#episode div.post div.post-tlc div.post-tlc-content div.post-tlc-music-credit dl dd {
	border-left:1px solid #787878;
}

#episode div.post div.post-tlc div.post-tlc-content div.post-tlc-music-credit dl dd.alt {
	color:#999;
}

#episode div.post div.post-tlc div.post-tlc-content div.post-tlc-music-credit dl dd.alt a:link,
#episode div.post div.post-tlc div.post-tlc-content div.post-tlc-music-credit dl dd.alt a:visited {
	color:#999;
}

#episode div.post div.post-tlc.featured div.post-tlc-content div.post-tlc-music-credit dl dt img {
	border:2px solid #333;
}

#episode div.post div.post-tlc div.post-tlc-content div.post-tlc-music-credit dl dt img {
	border:2px solid #787878;
}

#episode div.post div.post-tlc {
	background:url("../themes/resistance/img/show_post_bg.png") repeat-y;
}

#episode div.post div.post-tlc.feature,
#episode div.post div.post-tlc.teaser {
	background:url("../themes/resistance/img/show_episode_post_bg.png") repeat-y;
}

#episode div.post div.post-tlc div.post-tlc-content {
	background:url("../themes/resistance/img/show_episode_post_corner_top.png") no-repeat top left;
}

#episode div.post div.post-tlc.feature div.post-tlc-content {
	/*background:none;*/
}

#episode div.post div.post-tlc.teaser div.post-tlc-content {
	background:url("../themes/resistance/img/show_episode_post_corner_bottom.png") no-repeat bottom left;
}

#episode div.post div.post-discussion {
	background:#bbb url("../themes/resistance/img/show_episode_post_corner_bottom.png") no-repeat bottom left;
}

#episode div.post div.post-featured {
	
}

/* black void */
#episode div.post div.post-tlc div.post-tlc-sub {
	
}

#episode div.post div.post-tlc div.post-tlc-sub div.advertisement {
	padding:6px;
}

#episode div.post div.post-tlc div.post-tlc-sub ul.promos {
	list-style-type:none;
	margin:0;
	padding:0;
}

#episode div.post div.post-tlc div.post-tlc-sub ul.promos li {
	padding:1em 24px 1em 24px;
	margin:0;
}

#episode div.post div.post-tlc div.post-tlc-sub ul.promos li h3,
#episode div.post div.post-tlc div.post-tlc-sub ul.promos li p {
	margin:0;
}

#episode div.post div.post-tlc div.post-tlc-sub ul.promos li a {
	color:#00828d;
	text-decoration:none;
}

#episode div.post div.post-tlc div.post-tlc-sub ul.promos li a:hover {
	text-decoration:underline;
}

#episode div.post div.post-tlc div.post-tlc-sub div.addthis {
	border-top:1px solid #222;
	padding:1em 24px 1em 24px;
}


/* tab override */

#episode div.post div.post-tlc div.post-tlc-content ul.tabs {
	border-top:2px solid #666;
	border-bottom:none;
	margin:0 0 1.5em 0;
}

#episode div.post div.post-tlc div.post-tlc-content ul.tabs li {
	border:2px solid #666;
	border-top:none;
	background-color:#000;
}

#episode div.post div.post-tlc div.post-tlc-content ul.tabs li a {
	color:#999;
}

#episode div.post div.post-tlc div.post-tlc-content ul.tabs li a:hover {
	color:#ccc;
}

#episode div.post div.post-tlc div.post-tlc-content ul.tabs li.current {
	background-color:#666;
}

#episode div.post div.post-tlc div.post-tlc-content ul.tabs li.current a {
	color:#eee;
}

#episode div.post div.post-tlc div.post-tlc-content ul.tabs li.current a:hover {
	color:#eee;
}


/*

episode foot

*/

#episode-foot {
	height:40px;
}

#episode-foot ul.promoted {
	list-style-type:none;
	margin:0 1em 1em 1em;
	padding:0;
}

#episode-foot ul.promoted li {
	float:left;
	margin:0 8px;
	padding:0;
}

#episode-foot ul.promoted li a {
	display:block;
	padding:4px 6px;
	color:#000;
	text-decoration:underline;
}

#episode-foot ul.promoted li a span {
	background-color:;
}

/*
	episode list menu
*/

#episode-list {
	padding:18px 0 18px 0;
}

#episode-list ul {
	list-style-type:none;
	margin:0;
}

#episode-list ul li {
	float:left;
	width:48px;
	margin:0 0 8px 0;
	color:#fff;
	text-align:center;
}

#episode-list ul li a {
	text-decoration:none;
	display:block;
	padding:4px 0;
}

#episode-list ul li a:link,
#episode-list ul li a:visited {
	color:#999;
	background-color:#333;
}

#episode-list ul li a:hover,
#episode-list ul li a:active {
	color:#fff;
	border-left:4px solid #00828d;
}

#episode-list ul li small {
	display:block;
}

#episode-list ul li span {
	display:block;
	font-size:1.5em;
}

/*
	current specific menu
*/
#episode-list ul li.current a {
	color:#fff;
	cursor:default;
}

#episode-list ul li.current a:link,
#episode-list ul li.current a:visited {
	background-color:#00828d;
}

#episode-list ul li.current a:link,
#episode-list ul li.current a:visited {
	background-color:#00828d;
	border-left:none;
}

/*
	recap specific menu
*/
#episode-list ul li.recap a {}

#episode-list ul li.recap span {
	font-size:1.2em;
}

/*
	finale specific menu
*/
#episode-list ul li.finale a {}

#episode-list ul li.finale span {}

/*

topic override

*/

#episode ul.post-list {
	margin:0 16px;
	padding:0;
	background-color:transparent;
	border-top:1px solid #999;
	border-bottom:1px solid #ddd;
}

#episode ul.post-list li {
	margin-bottom:0;
	margin-bottom:0;
	padding-bottom:0;
	border:0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #999;
	background-color:transparent;
}

#episode dt.post-head li.meta-num,
#episode dt.post-head li.meta-flag,
#episode dt.post-head li.meta-timestamp {
	border:0;
}

#episode ul.post-list li dl {
	border-right:1px dotted #777;
}

#episode ul.post-list li  .user a:link,
#episode ul.post-list li  .user a:visited {
	border-top:1px solid #ddd;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	border-left:1px solid #ddd;
}


#episode div.post div.post-discussion form.form {
	padding:0 16px 16px 16px;
}
#episode div.post div.post-discussion textarea.textarea-input {
	width:372px;
	height:120px;
}

#episode ul.post-list li dl dt.post-head ul li.meta-timestamp,
#episode ul.post-list li dl dt.post-head ul li.meta-num {
	color:#666;
}

/*

move this to a theme-specific stylesheet

*/

#shows-digest {
	margin:3em 0 0 60px;
	padding:0;
}

#shows-digest dt {
	margin:0;
	padding:0;
}

#shows-digest dd {
	margin:0;
	padding:0 0 0 1em;
}

#shows-digest #link-lonelygirl15 {
	background:url("../themes/resistance/img/link_lonelygirl15.gif") no-repeat top left;
	display:block;
	width:150px;
	height:90px;
	margin:1em;
	padding:0;
}

#shows-digest #link-katemodern {
	background:url("../themes/resistance/img/link_katemodern.gif") no-repeat top left;
	display:block;
	width:150px;
	height:90px;
	margin:1em;
	padding:0;
}

#shows-digest #link-lonelygirl15 a,
#shows-digest #link-katemodern a {
	display:block;
	width:150px;
	height:90px;
	cursor:pointer;
}

#shows-digest #link-lonelygirl15 a span,
#shows-digest #link-katemodern a span {
	display:none;
}

#shows-digest dt {
	font-size:1.2em;
	color:#ccc;
}

#shows-digest dd a {
	font-size:1.2em;
	color:#fff;
}

/* override youtube videos */

#episode div.post-tlc div.post-tlc-content div.video-player {
	padding:0 9px;
}

#episode div.post-tlc div.post-tlc-content div.youtube-video {
	padding:24px 4px;
	background-color:#3b3b3b;
	border:1px solid #787878;
}

#episode div.post-tlc.feature div.post-tlc-content div.youtube-video {
	padding:4px;
	background-color:#111;
	border:1px solid #333;
}

#episode div.post-tlc.feature div.post-tlc-content div.youtube-video object {
	width:500px;
	height:405px;
}

#episode div.flash-upgrade {
	color:#666;
}

#episode div.flash-upgrade p a:link,
#episode div.flash-upgrade p a:visited {
	color:#666;
	text-decoration:underline;
}


/*
div.response-form {
	display:none;
}

div.response-form.expanded {
	display:block;
}
*/