/*
Theme Name: LiFT Studios Broadcasts 2009 pnts remix
Theme URI: http://www.liftstudios.ca
Description: multimedia is now.
Version: 1.0
Author: Lift Studios
Author URI: http://www.liftstudios.ca
*/


/* css file, table of contents:  
- Browser Resets : removes problematic inconsistencies in default browser display
- Structural Elements : allows for advanced display options such as layering of html and flash content, sliding content and TOC panels, etc.
- Design Elements
	- Global Typography
	- Table of Contents (TOC) Elements
	- Content Elements
	- Listing styles
	- Comment form
- View Mode Styles : changes aspects of the design such as color of highlights and position of content window.
*/


/* ========== Browser Resets ========== */
/* reset browser-specific css defaults */

a:focus {
	outline: none;
}

*, * img {
	border: none;
	padding: 0;
	margin: 0;
}

ul, li { list-style-position:outside; list-style:none; margin:0; padding:0; }

#controlsEmbed, #controlsEmbed:focus { outline:none; } /* removes outline on player controls in firefox */

/* png fix */

#tocFullWidthDisplay, #tocOpenClose a, #logo a, #headerPanel #postNav, #pageOpenClose a { behavior: url(/liftstudios.ca/_pngfix/iepngfix.htc) }


/* ========== Structural Elements ========== */
/* these rules allow layering of html and flash */

html {
	overflow: hidden;
	overflow-x: hidden;
	height:99.9%;
	font-size:14px;
	line-height:24px;
}

body { height:99.9%; }

#flashContent {
	width: 100%;
	height: 99.9%;
	overflow:hidden;
	z-index:0;
}

.ff2 #flashContent { width:98.5%; }

#html_layer {
	height:100%;
	z-index:100;
	position:absolute;
	top:0; left:0;
	width: 100%;
	height: 100%;
	overflow-x:hidden;
	overflow-y:auto;
}

/* this rule creates a sliding panel for the content area */
#pageSlider {
	position: absolute;
	width: 100%;
	bottom: 0;
	height:210px;
	left:0;
	overflow:hidden;
	background: transparent url(images/bg_gradient.png) repeat-x 0 150px;
}

* html #pageSlider { /*style for IE*/
	background: transparent url(images/bg_ie.jpg) repeat-x 0 210px;
}

/* this rule makes the content area scrollable */
#pageScroller {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	overflow: -moz-scrollbars-vertical;
	position: relative;
	top: -135px;
	padding: 30px 0 0 0;
	display: none; /* defaults to hidden, unless view mode is set to show page content */
}

/* rules for the Table Of Contents area */
#tocSlider {
	z-index:2000;
	position: absolute;
	width: 100%;
	margin: 0 auto;
	top:-480px;
	left:0;
}

#tocFullWidthDisplay {
	background: url(images/transparent_black_80.png);
	width: 100%;
	}




/* ========== Design elements ========== */

body { background-color: black; }
.pageWidth {
	width: 960px;
	padding: 0 16px;
	margin: 0 auto;
}

/* ========== Global Typography ========== */

body {
	font-family:Arial, Verdana, sans-serif;
	color:#fff;
	}

h1, h2, h3, h4, h5, h6 { /*font-family: georgia, serif; font-style:italic; width:450px; */ font-weight:normal; margin:15px 0 15px 0; }

/* ========== TOC Elements ========== */

#tocSlider * {
	font-family:Arial, Verdana, sans-serif;
	font-size:12px;
	line-height:20px;
}

#tocPanel {
	text-align: center;
	color: #FFF;
	font: 10px/13px  Arial, Helvetica, sans-serif;
	overflow:hidden;
	padding:30px 0 30px 20px;
	height:420px;
}

#tocPanel .column {
	text-align: left;
	float:left;
	width: 220px;
	padding: 0 20px 0 0;
}

#tocPanel .column p {
	text-align: left;
	padding-bottom: 20px;
}

#tocPanel h2.columnHead {
	color: #FFF;
	font: 15px/20px  Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-bottom: 20px;
	margin:0;
}

#tocPanel .column.broadcasts p a.podlisting {
	color: #E7007A;
	text-decoration: none;
}

#tocPanel .columnHead a {
	text-decoration: none;
	height:19px;
	padding: 3px;
	color: #FFF;
	font: 15px/20px  Arial, Helvetica, sans-serif;
	display:block;
}

#tocPanel .functions {
	width:200px;
}

#tocPanel .functions a {
	color:#fff;
	text-decoration:none;
}

#tocPanel .functions a:hover {
	text-decoration:underline;
}

#tocPanel .functions h2 {
	font-size:12px;
	line-height:15px;
	color:#bbb;
	width:200px;
	padding: 0 0 5px 0;
	margin:0;
}

#tocPanel .functions h2.columnHead {
	padding-bottom:60px;
}
#tocPanel .functions h2.columnHead a {
	text-decoration:none;
}

#tocPanel .functions h2.search {
	width:180px;
	padding-left: 20px;
	background: transparent url(images/icon_search.gif) no-repeat left 2px;
}

#tocPanel .functions h2.join {
	width:180px;
	padding-left: 20px;
	margin-top:5px;
	background: transparent url(images/icon_join.gif) no-repeat left 2px;
}

#tocPanel .functions h2.contact {
	width:180px;
	padding-left: 20px;
	background: transparent url(images/icon_contact.gif) no-repeat left 2px;
}

#tocSlider #tocPanel .functions .function {
	width:200px;
	border-top:1px solid #555;
	padding: 10px 0 12px 0;
	font-size: 11px;
	line-height: 15px;
	color:#bbb;
}

#tocPanel .functions input {
	width:190px;
	padding:4px 5px 0;
	background: #444;
	height:16px;
	color:#fff;
	margin: 0 0 8px 0;
	line-height: 10px;
	font-size:10px;
}

#tocPanel .functions form.search  {
	overflow:hidden;
}

#tocPanel .functions form.search input.search {
	width:160px;
	padding:4px 5px 0;
	background: #444;
	height:16px;
	color:#fff;
	margin: 0 0 10px 0;
	line-height: 10px;
	font-size:10px;
	float:left;
}

#tocPanel .functions form.search input.submit_btn {
width: 30px;
height: 20px;
font-size:14px;
float:left;
background: #666 url(images/icon_search.gif) no-repeat center center;
outline: none;
border: 0;
text-indent:-2000px;
}

#tocPanel .functions form.search input.submit_btn:hover {
background: #333 url(images/icon_search.gif) no-repeat center center;
}

#tocPanel .functions form.join  {
	overflow:hidden;
	padding-bottom:1px;
}


#tocPanel .functions form.join label {
	font-size:10px;
	line-height:10px;
	display:block;
	height:14px;
	color:#bbb;
}


#tocPanel .functions form.join input.email {
	width:160px;
	padding:4px 5px 0;
	background: #444;
	height:16px;
	color:#fff;
	margin: 0 0 10px 0;
	line-height: 10px;
	font-size:10px;
	float:left;
}

#tocPanel .functions form.join input.submit_btn {
width: 30px;
height: 20px;
font-size:14px;
float:left;
background: #666 url(images/icon_join.gif) no-repeat center center;
outline: none;
border: 0;
text-indent:-2000px;
}

#tocPanel .functions form.join input.submit_btn:hover {
background: #333 url(images/icon_join.gif) no-repeat center center;
}



#tocPanel ul {
	padding: 0 0 15px 0;
	margin: 0;
	list-style: none inside url();
	border-top: 1px solid #555;
}

#tocPanel li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #555;
}

#tocPanel p {
	color: #bbb;
	margin: 0;
	padding: 0 0 20px 0;
}

#tocPanel li a {
	text-decoration: none;
	height:19px;
	padding: 3px;
	color: #FFF;
	display:block;
	overflow: hidden;
	text-transform: uppercase;
}

#tocPanel .column li a:hover {
	color: #FFF;
	background: #111;
}


#tocPanel .column.about li a:hover {
	color: #111;
	background: #8EC22B;
}

#tocPanel .column.about .columnHead a {
	color: #8EC22B;
}


#tocPanel .column.work li a:hover {
	color: #111;
	background: #1a9bdb;
}

#tocPanel .column.work .columnHead a {
	color: #1a9bdb;
}


#tocPanel .column.broadcasts li a:hover {
	color: #111;
	background: #e7007a;
}

#tocPanel .column.broadcasts .columnHead a {
	color: #e7007a;
}

#tocPanel p.more {
	width:220px;
	text-align:right;
}

#tocPanel p.more a {
	font-weight: normal;
	text-decoration: none;
	padding: 3px;
	color: #fff;
	display:block;
}

#tocPanel p.more a:hover {
	text-decoration: underline;
}


#tocOpenClose {
	text-align: right;
	height:30px;
	overflow:hidden;
}

#tocOpenClose a {
	display: block;
	float:right;
	width:219px;
	text-align:right;
	height:19px;
	background: transparent url(images/transparent_black_70.png);
	color: #FFF;
	font-size: 10px;
	line-height:19px;
	padding:5px 10px;
	text-decoration: none;
	text-transform: uppercase;
	margin-left:1px;
}



/* ========== Content Elements ========== */

#flashContent div { margin: 0pt auto; padding-top: 90px; font-size: 45px; line-height: 60px; text-transform: uppercase; width: 720px; padding-left: 240px; color:#ccc;
	position:relative;
	z-index:1000;
}
#flashContent div a { color:#fff; }

#logo { display:block; width:120px; padding:0 60px; background: transparent; height:240px; float:left; }
#logo a { display:block; width:120px; height:240px; background: transparent url(images/logo.png) no-repeat left center; text-indent:-2000px; }
#logo a:hover { text-decoration:none; border:none; }

#headerPanel {
	overflow:hidden;
	padding-top:90px;
	padding-bottom:15px;
}

#headerPanel #postTitle { float:left; width:720px; margin:45px 0 0 0; background:#191717; height:45px; overflow:hidden; }
#headerPanel #postTitle h1 {
	font-weight:bold;
	font-style:normal;
	font-family:"arial narrow", arial, sans; font-size:20px;
	text-transform:uppercase;
	line-height:12px;
	padding:16px 0 0 20px;
	margin:0;
	width: 700px;
	letter-spacing:-0.5px;
	}
#headerPanel #postTitle h1 .postCategory {
	padding-left:10px;
	color: #fff;
	font-size:10px;
/*
	line-height:15px;
*/
	letter-spacing:0;
	}
#headerPanel #postNav { 
	display: block;
	float:left;
	width:445px;
	text-align:left;
	height:19px;
	background: transparent url(images/transparent_black_70.png);
	color: #fff;
	font-size:10px;
	line-height:15px;
	padding:7px 15px 3px 20px;
	text-transform:uppercase;
	margin:1px 0 0 0;
	}
#headerPanel #postNav .postNavLinks { font-weight:normal; padding:0; width:144px; text-align:right; float:right; margin:0 }	
#headerPanel #postNav .postNavLinks a { /*margin-left:12px;*/ }
#headerPanel #postNav a, #headerPanel .postCategory a { color:#fff; text-decoration:none; padding: 0 1px; }
#headerPanel #postNav a:hover, #headerPanel .postCategory a:hover { color:#8EC22B; background:#fff; text-decoration:none; }
#headerPanel .postDetails {  }

#pageOpenClose a {
	display: block;
	float:right;
	width:219px;
	text-align:right;
	height:19px;
	background: transparent url(images/transparent_black_70.png);
	color: #FFF;
	font-size: 10px;
	line-height:19px;
	padding:5px 10px;
	text-decoration: none;
	text-transform: uppercase;
	margin:1px 0 0 0;
}

#pagePanel {
	overflow:hidden;
	padding:0 0 60px 15px;
}
#contentArea {
	color:#42423e;
	width:450px;
	padding: 0 0 0 240px;
	float: left;}
#contentArea p, #contentArea ol, #contentArea ul { width:450px; padding-bottom:15px; }

#pagePanel #contentArea.welcome, #contentArea.welcome p {
	width: 710px;
	font-size: 18px;
	line-height: 30px;
}

#contentArea.welcome a { text-decoration:none; }

#contentArea h1 { letter-spacing:-0.75px; padding:0; color:#333; }
#contentArea h2 { margin:0 0 10px 0; font-size:20px; line-height:20px; color:#312c29; text-transform:uppercase; letter-spacing:-0.75px; }
#contentArea h3, #contentArea h4 { text-transform:uppercase; font-size:14px; line-height:18px; letter-spacing:-0.75px; padding: 0 2px 1px 2px; background:#191717; color:#fff; display:inline; }
#contentArea h4 { font-size:19px; line-height:20px; }
#contentArea h5 { font-weight:bold; font-style:italic; font-size:12px; line-height:16px; margin:0 0 6px 0; padding:0; }
#contentArea h6 { font-style:italic; font-size:12px; line-height:16px; margin:0; padding:0; }

#contentArea a { color:#191717; text-decoration:underline; padding:0 1px; font-weight:bold; }
#contentArea a:hover { color:#000; background:#fff; text-decoration:none; }
#contentArea a:visited { color: #666; text-decoration: none; }
#contentArea img { width:450px; padding-bottom:15px; } /* temporary style to keep images in posts sized properly */
#contentArea .podPress_content img.podPress_imgicon, #contentArea img.wp-smiley { width: auto; padding-bottom: 0;}
#contentArea table.podPress_previewImage td.podPress_previewImage img{ width: auto;} 
#contentArea span.searchterm { background: #FFF; color:#000; }
.four-oh-four#contentArea form, .four-oh-four#contentArea img, .four-oh-four#contentArea p {  }
.four-oh-four#contentArea input, #contentArea .no-results input { font-size:15px; text-transform:uppercase; padding:2.5px; }

#sidebar { width:239px; float:right; }
#sidebar .module { padding-bottom:15px; font-size:10px; line-height:14px; text-transform: uppercase; }
#sidebar .module h2 {
	font-family: helvetica, arial, sans-serif;
	font-style: normal;
	width:232px;
	padding:15px 0 3px 7px;
	margin: 0 0 1px 0;
	font-size:11px;
	line-height:14px;
	height:11px;
	background: transparent url(images/transparent_black_70.png);
}
#sidebar .module#search_module {
	width:232px;
	padding:10px 0 3px 7px;
	margin-bottom:16px;
	font-size:11px;
	line-height:14px;
	height:16px;
	background: transparent url(images/transparent_black_40.png);
}
#sidebar .module#contact_module h2, #sidebar .module#subscribe_module h2 { background: transparent url(images/transparent_black_40.png); }
#sidebar .module#search_module label {
	display:block;
	float:left;
	padding-top:3px;
	width:70px;
}
#sidebar .module#search_module input {
	display:inline; width:133px; height:12px; margin-top:1px; padding-top:2px; font-size:11px; line-height:11px; background:#a7a5a3; color:#fff; position:relative;
	float:left;
}
#sidebar .module#search_module input.submit_btn {
width: 22px;
height: 14px;
font-size:14px;
float:left;
background: transparent url(images/icon_search_black.gif) no-repeat center right;
outline: none;
border: 0;
text-indent:-2000px;
}

#sidebar .module#archives_module {
	width:232px;
	padding:10px 0 3px 7px;
	margin-top:16px;
	margin-bottom:16px;
	font-size:11px;
	line-height:14px;
	height:16px;
	background: transparent url(images/transparent_black_40.png);
}
#sidebar .module#archives_module label {
	display:block;
	float:left;
	padding-top:3px;
	width:70px;
}
#sidebar .module#archives_module select {
	display:inline; width:158px; height:18px; margin-top:-3px; padding-top:2px; font-size:11px; line-height:11px; background:#a7a5a3; color:#fff; position:relative; 
}

#sidebar .module ul {
	width:239px;
}
#sidebar .module ul li {
	height:14px;
	margin-bottom:1px;
	overflow: hidden;
}

#sidebar .module ul#recentcomments li {
	height: auto;
	color: #000;
	text-transform: none;
}

#sidebar .module ul li.podcast.podsub {
	background: #E7007A;  
}

#sidebar .module ul li#podcast.podsub a {
	background: none;
}

#sidebar .module ul li.text, #sidebar .module ul li a, #sidebar .module p, #sidebar .module ul#recentcomments li {
	display:block;
	color:#333;
	text-decoration:none;
	width:232px;
	padding-left: 7px;
	background: transparent url(images/transparent_black_20.png);
}

#sidebar .module ul#recentcomments li:hover {
	color: #333;
}

#sidebar .module ul#recentcomments li a {
	background: none;
	padding: 0;
	font-weight: bold;
	text-transform: uppercase;
}

#sidebar .module ul#recentcomments li a.excerpt {
	font-weight: normal;
	text-transform: none;
}

#sidebar .module#recent_broadcasts ul li a:hover	 {
	background: #E7007A;
	color: #FFF;
}

#sidebar .module#recent_broadcasts li {
	height: 14px;
	overflow: hidden;
}

#sidebar .module ul li a:hover {
	background:#999;
}

#sidebar .module#tags { margin-bottom:15px; }
/*#sidebar .module#tags ul li { background: transparent url(images/transparent_grey_80.png); }
#sidebar .module#tags ul li a { background: transparent url(images/bg_taglist.gif) repeat-y 0 0; }
#sidebar .module#tags ul li a:hover { background-image: url(images/bg_taglist-o.gif); background-color:#999; }  background tricks to show percentages on tags */



/* ========== Listing styles ========== */


ul#postList { padding:0; }
ul#postList li { height:60px; width:450px; margin-bottom:15px; }
ul#postList li .thumbnail { height:60px; width:60px; float:left; padding:0 1px 0 0; margin:0; background: transparent url(images/bg_thumbnail.gif) no-repeat top left; }
ul#postList li .post_info { background: transparent url(images/transparent_grey_50.png); height:60px; width:389px; float:left; display:block; }
ul#postList li .post_title { font-size:20px; line-height:20px; height:20px; letter-spacing:-1.5px; text-transform:uppercase; padding: 20px 0 0 10px; float:left; width:379px; display:block; overflow:hidden; }
ul#postList li .post_details { font-size:12px; line-height:15px; padding: 0 0 0 10px; font-weight:normal; display:block; text-transform: uppercase;}
ul#postList li a { text-decoration:none; }
ul#postList li a:hover { color:#fff; background:transparent; }
ul#postList li a:hover .post_info { background: #191717; }
ul#postList li.category-about a:hover .post_info  { background:#8EC22B; }
ul#postList li.category-work a:hover .post_info { background:#1a9bdb; }
ul#postList li.category-broadcasts a:hover .post_info { background:#e7007a; }

#contentArea .pagination { color:#FFFFFF;
font-size:10px;
line-height:15px;
text-align:right;
text-transform:uppercase;
}
#contentArea .pagination a { text-decoration:none; }

body.category-about #contentArea ul#postList li a,
body.category-work #contentArea ul#postList li a,
body.category-broadcasts #contentArea ul#postList li a { color:#292929; } /* these styles keep the lists from taking on the colors imposed by the view modes below */
body.category-about #contentArea ul#postList li:hover a,
body.category-work #contentArea ul#postList li:hover a,
body.category-broadcasts #contentArea ul#postList li:hover a  { color:#fff; }

/* ========== Comment form ========== */

form#commentform input { padding:3px 0; }
form#commentform label { padding: 0 0 0 15px; }
form#commentform #comment { width:450px; }
#contentArea ol.commentlist img.avatar { width: auto; float: left; margin-right: 15px; padding: 2px; background: #EFEFEF; border: 1px solid #FFF;}
h3#comments { display: block; margin-top: 20px; text-transform: none;}
body #contentArea h3#comments a, body #contentArea #respond h3 a { color:#fff; }
#respond { margin-top: 30px; /* clear: both; */ }
cite, span.says, .comment-meta { font-size: 11px;}
cite, span.says { margin-top: -5px; }
.comment-meta { margin-top: -10px; }
#contentArea ol.commentlist p { margin-left: 50px; width: 400px; }
ol.commentlist li { border-bottom: 1px dotted #EFEFEF; padding: 15px 0 15px 0;}
.reply { font-size: 11px; text-align: right;}
ol.commentlist li ul.children li { border-bottom: 0; }
ol.commentlist li ul.children { margin-left: 60px;}


/* ========== View Mode Styles ========== */
/* the .open class, applied to the body tag, will set the default mode of the page to the content view */

body #pageSlider { height: 210px; }
body #pageOpen { display: block; }
body #pageClose { display: none; }
body #pageScroller { display: none; }

body.open #pageSlider { height: 100%; }
body.open #pageOpen { display: none; }
body.open #pageClose { display: block; }
body.open #pageScroller { display: block; }
body.category-text-view #pageSlider { height: 100%; }
body.category-text-view #pageOpen { display: none; }
body.category-text-view #pageClose { display: block; }
body.category-text-view #pageScroller { display: block; }
body.home #pageSlider { height: 67%; }
body.home #pageOpen { display: none; }
body.home #pageClose { display: block; }
body.home #pageScroller { display: block; }
body.category-peek-a-boo #pageSlider { height: 67%; }
body.category-peek-a-boo #pageOpen { display: none; }
body.category-peek-a-boo #pageClose { display: block; }
body.category-peek-a-boo #pageScroller { display: block; }

body #headerPanel #postTitle, body #contentArea h3, body #contentArea h4 { background:#191717; }
body #contentArea h5, body #contentArea h6 { color:#191717; }
body #contentArea a { color:#191717; }
body #headerPanel #postNav a:hover, body #headerPanel .postCategory a:hover { color:#191717; }

body.category-about #headerPanel #postTitle, body.category-about #contentArea h3, body.category-about #contentArea h4 { background:#8EC22B; }
body.category-about #contentArea h5, body.category-about #contentArea h6 { color:#8EC22B; }
body.category-about #contentArea a { color:#8EC22B; }
body.category-about #headerPanel #postNav a:hover, body.category-about #headerPanel .postCategory a:hover, body.category-about #contentArea h3 a:hover, body.category-about #contentArea h4 a:hover { color:#8EC22B; }

body.category-work #headerPanel #postTitle, body.category-work #contentArea h3, body.category-work #contentArea h4 { background:#1a9bdb; }
body.category-work #contentArea h5, body.category-work #contentArea h6 { color:#1a9bdb; }
body.category-work #contentArea a { color:#1a9bdb; }
body.category-work #headerPanel #postNav a:hover, body.category-work #headerPanel .postCategory a:hover, body.category-work #contentArea h3 a:hover, body.category-work #contentArea h4 a:hover { color:#1a9bdb; }

body.category-broadcasts #headerPanel #postTitle, body.category-broadcasts #contentArea h3, body.category-broadcasts #contentArea h4 { background:#e7007a; }
body.category-broadcasts #contentArea h5, body.category-broadcasts #contentArea h6 { color:#e7007a; }
body.category-broadcasts #contentArea a { color:#e7007a; }
body.category-broadcasts #headerPanel #postNav a:hover, body.category-broadcasts #headerPanel .postCategory a:hover, body.category-broadcasts #contentArea h3 a:hover, body.category-broadcasts #contentArea h4 a:hover { color:#e7007a; }

body #contentArea h3 a, body #contentArea h4 a { color:#fff; }

#contentArea .category-work h2 { font-size: 14px; text-transform: none; background: #FFF;}
#contentArea .category-work .storycontent h3, #contentArea .category-work .storycontent h3 a { background: none; display: block; text-decoration: none;}