#slideshow #caption {
position:absolute;

}

/* 
Changes to Adapt to IE 6.0
By: Simeon Bourim
Description: In Arrow Styling (.coda-nav-left a, .coda-nav-right a ) Width was changed from 47px to 30px


Theme Name: Queer Comrades
Theme URI: http://www.linggg.com/
Description: Design in collaboration with the folks of Queer Comrades. Development by Ling Fu (http://www.linggg.com) in Sept 2009 for Queer Comrades, China.
Version: 1.0
Author: Ling Fu
Author URI: http://www.linggg.com/

TABLE OF CONTENTS 
------------------
1.0 > CSS Reset 
2.0 > Global Styles
3.0 > Header
4.0 > Nav
5.0 > Slideshow
6.0 > Footer
7.0 > Home 
	7.1 > Events 
	7.2 > Episodes
	7.3 > Latest News
	7.4 > Blog
8.0 > Subpage
9.0 > Video
10.0 > About 
*/




/*----------------- 1.0 CSS RESET ------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent }body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*----------------- 2.0 GLOBAL STYLES ------------------*/
body {background: url(img/bg.jpg) fixed top left repeat-x #434343; line-height: 18px;}
p {padding-bottom: 22px;}
.wrap {margin:0px auto; width: 970px; height: auto;}
.clear {clear:both;}
a {color: #000; text-decoration: none;}
a:hover {color: #FF0066;}
.left {float: left;}
.right {float: right;}
.cleartop {clear: top;}

.post-listing {border: 1px solid #ccc; padding: 20px; margin: 20px; height: 85px; overflow: hidden;}
.post-listing .pl-img {position: relative; left: 0px; top: 0px;}
.post-listing .pl-excerpt {position: relative; left: 100px; top: -88px; width: 500px;}
/*----------------- 3.0 HEADER ------------------*/
#header {position: relative; height: 135px; background: url(img/header-right.png) 30px bottom no-repeat; border-bottom: 5px solid #000;}
#logo {position: relative; top: 55px; border: 0; float: right;}

/*----------------- 4.0 NAV ------------------*/
#nav {height: 50px; background: #fff;}
#nav ul {padding-top: 10px; padding-left: 18px;}
#nav ul li {display: inline; margin: 15px;}

/*----------------- 5.0 SLIDESHOW ------------------*/
#slideshow {height: 450px; background: #000;}
#slideshow #leftarrow {position: absolute; margin-top: 200px; margin-left: 15px;}
#slideshow #rightarrow {position: absolute; margin-top: 200px; margin-left: 930px;}
#coda {position: relative; top: 25px; left: 58px; width: 850px; height: 400px; background: #fff;}

/*----------------- 6.0 FOOTER ------------------*/
#footer {position: relative; height: 30px; background: url(img/title-header-bg.png) repeat-x top left; margin-bottom: 20px;}
#footer img {position: absolute; left: 20px; top: 8px;}
#footer span#footer-content {position: relative; top:5px; left: 45px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff;}
#footer span#footer-content a {color: #fff;}
#footer span#footer-content a:hover {color: #FF0066;}

/*----------------- 7.0 HOME  ------------------*/
#home #middle {position:relative; height: 670px;}
#home .col-title {position: relative; left: 20px; top: 18px;}
#home .col-header {position: relative; top: 20px; width: auto; height: 52px; background: url(img/title-header-bg.png) repeat-x top left;}
#home .col-content {background: #fff; height:inherit; margin-top: 20px; padding: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000;}
#home .col-content-events {background: #fff; width: 319px; margin-left:-15px; margin-top:-15px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000;}

#home #leftcol {float: left; width: 320px;} /* wrap for left column */
	#home #leftcol-top {height: 320px; margin-bottom: 20px;} 
	#home #leftcol-bottom {margin-top: 105px; height: 125px;} /* episodes */
  #home #middlecol {float: left; margin-left: 25px; width: 335px;}
/*#home #middlecol {float: left; margin-left: 25px; width: 340px;} /* wrap for the middle column */
	#home #middlecol-icons {height: 40px; margin-top: 20px;} /* icons */
		#home #middlecol-icons img {margin-right: 20px;}
	#home #middlecol-content {height: 490px;} /* latest news */
	#home #rightcol{float:right; width: 255px; height: 550px;}
/*#home #rightcol{float:right; width: 260px; height: 550px;} /* blog */


.h-post-listing {padding: 15px 0px; height: 82px; overflow: hidden; border-bottom: 1px solid #ccc;}
.h-post-listing .h-pl-img {position: relative; left: 0px; top: 0px;}
.h-post-listing .h-pl-excerpt {position: relative; left: 90px; top: -85px; width: 120px;}

/*----------------- 8.0 SUBPAGE  ------------------*/
#sub #headerpic {width: 970px; height: 200px; overflow: hidden; border-bottom: 5px solid #000; background: url(img/title-header-bg.png);}
#sub #subpage-title {width: 100%; height: 52px; background: url(img/title-header-bg.png) repeat-x top left;}
	/*#sub #subpage-title img {border: 0; position: relative; top: 20px; left: 20px;}*/
		#sub #subpage-title a {color: #fff;}
		#sub #subpage-title a:hover {color: #FF0066;}
	#sub #subpage-title #title-text {position: relative; top: 18px; margin: 20px; text-transform: uppercase; font-family:Arial, Helvetica, sans-serif; font-size: 18px; color: #fff;}
	
#sub #sub-content {position: relative; margin: 20px 0px; height: inherit; background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; min-height: 400px;}
	#sub #sub-content-left {position: absolute; width: 220px; padding-top: 20px; margin-top: 20px;}

		#sub #sub-content-left ul li, li.cat-item {border-bottom: 1px solid #ccc; padding: 12px 0px 12px 20px; list-style-type: none;}
		
	#sub #sub-content-right {position: relative; left: 227px; top: 10px; width: 700px; padding: 20px; min-height: 500px;}
	#sub #sub-content #full {width:930px; margin-left: 20px; padding: 20px 0px;}
	
	
	
	
	#sub .vid-title {margin-top: 20px; width: 100%; height: 52px; background: url(img/title-header-bg.png) repeat-x top left;}
	#sub .vid-title img {border: 0; position: relative; top: 20px; left: 20px;}
	#sub .vid-title-text {position: relative; top: 18px; margin: 20px; text-transform: uppercase; font-family:Arial, Helvetica, sans-serif; font-size: 18px; color: #fff;}
#sub .vid-content {width: auto; min-height: 200px; background: #fff; margin-bottom: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; padding: 20px;}

#sub .vid-content ul{display: inline-block;}
#sub .vid-content ul li{display: inline-block; width: 150px; height: 150px; text-align: center;}
#sub .vid-content ul li span {font-size: 9px; font-family: Arial, Helvetica, sans-serif;}
	
/*----------------- 9.0 VIDEO  ------------------*/
#vid .vid-title {margin-top: 20px; width: 100%; height: 52px; background: url(img/title-header-bg.png) repeat-x top left;}
	#vid .vid-title img {border: 0; position: relative; top: 20px; left: 20px;}
	#vid .vid-title-text {position: relative; top: 18px; margin: 20px; text-transform: uppercase; font-family:Arial, Helvetica, sans-serif; font-size: 18px; color: #fff;}
#vid .vid-content {width: auto; min-height: 200px; background: #fff; margin-bottom: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; padding: 20px;}

#vid .vid-content ul{display: inline-block;}
#vid .vid-content ul li{display: inline-block; width: 150px; height: 150px; text-align: center;}
#vid .vid-content ul li span {font-size: 9px; font-family: Arial, Helvetica, sans-serif;}

/*----------------- 10.0 ABOUT ------------------*/
img.imgleft {float:left; clear:left; padding-right: 18px; padding-bottom: 18px;}


/* CODA */

	.coda-slider-wrapper {}
	.coda-slider { background: transparent; }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 855px; } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 855px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { margin-top: 200px; text-align: center; color: #fff; padding: 5px; /*width: 47px;*/ width: 30px; font-size: 70px; }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 200px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }