/* 
Theme Name: Free Tibet 2008 TV
Theme URI: http://freetibet2008.tv
Description: Video companion site to http://freetibet2008.org
Version: 0.1

License: GNU General Public License (GPL) version 3


Colors:

Header Tab: 		#565253
Show Tab:			#29710B
Featured Tab:		#000
Today Tab:			#C0090B
Community Tab:		#0834AF
SubmitVideo Tab: 	#535152

*/


/* Adding a new id, #singlefeatured, to make the featured section expandable on single display pages  - pnts 08.13.2008 */



/* =Global
------------------------------------------------------------------*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, pre, blockquote, address, .more-link, ul, ol,
#header, #shows, #featured, #today, #showepisodes, #community, #submitvideo, .featured_video p, .more, #singlefeatured {
	margin:0;
	padding:0;
	}

a, a:link, a:visited {
	outline: none;
	text-decoration: none;
	color:yellow;
	}

blockquote:before, blockquote:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

ul, ol {
	list-style-type: none;
}



/* =Typography
------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif ;
}

body {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	line-height: 1.2em;
}

#mainnav {
	text-transform: uppercase;
	font-size: 1.1em;
}

#mainnav .watchlive {
	text-transform: none;
}


#mission {
	font-size: .65em;
}

#topnav {
	font-size: .85em;
}

.showtitle {
	font-size: .85em;
	font-variant: small-caps;
}

#showepisodes li.showtitle {
}

#today li.showtitle {
}

.showdescription, .episode {
	font-size: .70em;
	overflow:hidden;
}

.episode {
	font-weight: bold;
}

.featured_side p, .meta{
	font-size: .75em;
}

#showepisodes ul {
	font-size: .9em;
}

.featured_title {
	font-size: 1.4em;
}

.more-link {
	font-weight: bold;
}

#today .more-link {
	font-size: .8em;
}

#archives, #comments {
	font-size: .9em;
}

/* =Layout
------------------------------------------------------------------*/

#wrapper {
	width: 70em;
	margin: 0 auto;
}

.tab {
	width: 48px;
	float: left;
	clear: both;
	display: inline;
}

#header, #header .tab {
	height: 105px;
}

#shows, #shows .tab {
	height: 310px;
}

#showview {
	height: 75px;
	padding:3px;
}

#showview .tab 
{
	height:75px;
}

#featured, #featured .tab {
	height: 495px;
}

#singlefeatured, #singlefeatured .tab {
	height: 100%;
}

#today .tab {
	height: 400px;
}

#showepisodes .tab {
	height:400px;
}

#community, #community .tab {
	height: 320px;
}

#submitvideo, #submitvideo .tab {
	height: 240px;
}

#archives, #archive .tab {
	height: 100%;
}

h1 {
	margin: 0 0 0 3em;
}

ul#topnav {
	height: 2em;
	line-height: 2em;
	padding-right: 1.5em;
}

#topnav li a {
	float: right;
	line-height: 2em;
	padding: 0 .7em;
	display: inline;
}

ul#mainnav {
	clear: right;
	height: 2.5em;
	line-height: 2.5em;
	margin-top: -2.5em;
}

#mainnav li a {
	float: right;
	line-height: 2.5em;
	padding: 0 1em;
	display: inline;
}

ul#topshownav {
	clear: right;
	float: right; 
	height: 1.5em;
	line-height: 1.5em;
	width: 52em;
	font-size: .8em;
	}

ul#topshownav li a {
	float: left;
	line-height: 1.5em;
	padding: 0 .5em;
	display: inline;
	color: #000;
	}

#mission {
	padding: 1.5em;
	width: 50em;
	float: right;
	margin: -4em 2em 1.5em 2em;
	line-height: 1.6em;
	display: inline;
}

#shows ul, #today ul, #showepisodes ul {
	float: left;
	margin: .5em .5em;
	width: 11.8em;
	line-height: 1.1em;
	
	
}

#shows ul {
	height: 16em;
}


#showepisodes ul, #today ul {
	height: 20em;
}

#shows li, #today li, #showepisodes li {
	margin: 0 1em 0 1.3em;
}

#shows .showtitle, #today .showtitle, #showepisodes .showtitle {
	padding: .5em 0;
}

#showepisodes ul.post-meta, #today ul.post-meta {
	float: left;
	margin: 0;
	height: 100%;
	display: inline;
}

#showepisodes ul.post-meta li, #today ul.post-meta li {
	margin: 0;
	padding: 0;
}

#featured, #singlefeatured {
	clear: both;
}

.featured_video {
	float: left;
	margin: 2.5em 0 2.5em 2em;
	display: inline;
}

#singlefeatured .featured_video {
	margin-left: 6em;
}

.featured_side {
	width: 21em;
	float: right;
	margin: 2.5em 1em 0 0;
	display: inline;
}

.showicon {
	padding-top: .5em;
}

#today, #showepisodes, #community, #archives {
	clear: both;
}

a.more-link {
	float: right;
	margin: .5em 1.9em 0 0;
	display: inline;
}


.content {
	padding: 1em 0 0 5em;
}

.content .showbox
{
	
}
 
ul.episode {
	float: left;
	width: 11em;
	height: 23em;
	padding: .5em .5em .5em 1em;
	border-bottom: 1px solid #000;
	margin: 1em 1em 2em 0;
	display: inline;
}

ul#days {
	margin-left: 1em;
}

ul#days li  {
	float: left;
	width: 9em;
	padding: 1em 1em 1em 1.5em;
	border-right: 1px solid #666;
	display: inline;
}

h2.submitvideo {
	background: url(./images/submiticon.gif) right no-repeat;
	padding-bottom: .2em;
	margin-right: 1.5em;	
}

h2.live {
	background: url(./images/television.gif) left no-repeat;
	padding: 1em 0 .5em 2.5em;
}




/* =Comments
------------------------------------------------------------------*/

#comments {
	clear: both;
}

.commentdisplay {
	padding: 1em 2em;
	margin: 0 0 0 47px;
	border-left: 1px solid #4F4F4F;
}

.commentmeta {
	margin-top: 2em;
	padding-top: 1em;
	border-top: 1px dotted #222;
}

.avatar {
	float: left;
	padding: 1em 1em 1em 0;
	display: inline;
}

#respond {
	margin-top: 2em;
	clear: both;
}

.author, .commentext, .moderation {
	font-size: .85em;
	color: #8F8F8F;
}

.moderation {
	color: #E00000;
}

.commentext {
	margin-top: 1em;
}

/* =Prettify - Colors and Backgrounds
------------------------------------------------------------------*/
body {
	background: #333;
	color: #fff;
}

#wrapper {
	border-right: 1px solid #222;
	border-left: 1px solid #222;
	border-bottom: 1px solid #222;
}

#header {
	background: url(./images/headerbg.jpg) no-repeat #7B7778;
	border-bottom: 1px solid #444;
}

.tv {
	color: #EECD0C;
}

h1 .companion {
	font-size: .4em;
}

#shows {
	background: url(./images/showsbg.jpg) no-repeat #2CA410;
	border-bottom: 1px solid #000;
}

#showview {
//	background: #2CA410;
	border:0px;
}

#featured {
	background: url(./images/featuredbg.jpg) no-repeat #232323;
	border-bottom: 1px solid #000;
}

#singlefeatured {
	background: #101010;
}

#today {
	background: url(./images/todaymainbg.jpg) no-repeat #DD0302;
	border-bottom: 1px solid #333;
	color: #000;
}

#showepisodes {
	background: url(./images/submitbg.jpg) no-repeat #6B6766;
	border-bottom: 1px solid #333;
	color: #aaa;
}

#community {
	background: url(./images/communitybg.jpg) no-repeat #043BDC;
	border-bottom: 1px solid #333;
}

#submitvideo {
	background: url(./images/submitbg.jpg) no-repeat #6B6766;
}

#archives {
	background: #555;
}

#header .tab {
	background: #565253;
}

#shows .tab {
	background: url(./images/showtab.gif) center no-repeat #29710B;
} 


#showview .tab {
//		background: #29710B;
	border:0px;
}

#featured .tab  {
	background: url(./images/featuredtab.gif) center no-repeat #000;
}


#today .tab {
	background: url(./images/todaytab.gif) center no-repeat #C0090B;
}

#showepisodes .tab {
	background: url(./images/episodestab.gif) center no-repeat #666;
}

#community .tab {
	background: url(./images/communitytab.gif) center no-repeat #0834AF;
}

#submitvideo .tab {
	background: url(./images/submitvideotab.gif) center no-repeat #535152;
}


#shows ul, #showepisodes ul {
	background: url(./images/showbg.png) repeat;
}

#today ul, #mission {
	background: url(./images/todaybg.png) repeat;
}

#today ul.post-meta {
	background: none;
}

#comments {
	background: #3F3F3F;
	color: #7F7F7F;
}

.alt {
	background: #2F2F2F;
}

#showview h2 {
	//color: #29710B;
//	color:#999;
//	color:white;
}

/*blue*/
#shows ul.sfttv, .showview-sfttv, .showview-sfttv .tab {
	border: 1px solid #000;
	background: url(./images/sfttvbg.jpg) center no-repeat #0066FF;
}

#shows ul.sfttv li, #shows ul.sfttv a  {
	color: #000;
}

/*white*/
#shows ul.snowlion, .showview-snowlion, .showview-snowlion .tab {
	border: 1px solid #000;
	background: url(./images/snowlionbg.jpg) center no-repeat #FFF;
	color:#333;
}

.showview-snowlion h2
{
	color:#999;
}

#shows ul.snowlion li, #shows ul.snowlion a {
	color: #000;
}

/*red*/
#shows ul.treasurevase, .showview-treasurevase, .showview-treasurevase .tab {
	border: 1px solid #000;
	background: url(./images/treasurevasebg.jpg) center no-repeat #336600;
}

#shows ul.treasurevase a, #shows ul.treasurevase li {
	color: #000;
}

/*green*/
#shows ul.theyak, .showview-theyak, .showview-theyak .tab {
	border: 1px solid #000;
	background: url(./images/theyakbg.jpg) center no-repeat #DD0302;
}

#shows ul.theyak a, #shows ul.theyak li {
	color: #000;
}

/*yellow*/
#shows ul.windhorse, .showview-windhorse, .showview-windhorse .tab {
	border: 1px solid #000;
	background: url(./images/windhorsebg.jpg) center no-repeat #F0DF09;
	color:#a07906;
}

.showview-snowlion h2
{
	color:#c0ac08;
}

#shows ul.windhorse a, #shows ul.windhorse li {
	color: #000;
}

.featuredcomments {
	background: url(./images/comment.png) left top no-repeat;
	padding-left: 2em;
}

.more-link {
	background: url(./images/arrow_right.png) right center no-repeat;
	padding-right: 1.5em;
}

/* =Link Styles
------------------------------------------------------------------*/

h1 a, #mainnav a {
	color: #FFFE30;
}

h1 .companion a {
	color: #EECD0C;
}

#topnav a {
	color: #FFF;
}

#shows .showtitle a {
	color: #FFF;
}

#today .showtitle a, #showepisodes .showtitle a {
	color: #FFFE30;
	font-weight: normal;
}

.featured_side .featured_title a {
	color: #DDD;
	font-weight: normal;
	font-size: .95em;
	line-height: 1.2em;
}
  
.featured_side h2.submitvideo {
	padding-top: 1.5em;
}

.featured_side a {
	color: #B5B1B0;
}

#comments a {
	color: #DfDfDF;
	background: #2F2F2F;
}

.showmeta a {
	color: #2CA410;
}

ul#days a {
	color: #222;
}

a.more-link {
	color: #000;
	font-size: .9em;
}

#header .watchlive a {
	
}

a:hover, #archives a:hover, #comments a {
	color: #FFFE30;
}

#header a:hover {
	color: #333;
}

#showepisodes a:hover, #today a:hover, .featured_title a:hover {
	color: #4BBF17;
}

a img {
	border: 1px solid #FFFE30;
}

.linkbuttons a img {
	border: 0;
	padding-right: .3em;
}

.linkbuttons {
	padding-top: .5em;
	}

.brand {
	display: none;
	}

.linkbuttons a {
	color: #999;
	}

#headerplayer a {
	color: #DD0302;
	}

h2.yourvideo a {
	color: #C0090B;
	text-align: center;
}


/* =Extra divs make me mad but are sometimes necessary
------------------------------------------------------------------*/

.clear {
	clear: both;
}

/* Adding stuff down here so that PNTS can see it 
 -------------------------------------------- - - - - - **/

#community ul.comments li
{
margin:3px;
border-bottom:1px dotted #ccc;
padding:3px;
}

/* Adding some extra styling so there is room to add the requested buttons */

#community ul.comments {
	width: 59em;
	font-size: .7em;
	float: left;
}