/*  
Theme Name: These People 08
Theme URI: http://www.thesepeoplecomedy.com/
Description: These People
Version: 2
Author: Joel Sunman
Author URI: http://damofknowledge.com/
*/


/* Main CSS */

html {
	background:url(http://www.thesepeoplecomedy.com/images/g_html_bg.png);
}

body {
	margin:0;
	padding:0 0 20px 0;
	color:#eeeeee;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
}



#container_h {
	text-align:center;
}

#header {
	width:982px;
	height:59px;
	text-align:left;
	margin:0 auto;
	padding:15px 0 0 18px;
}

/* nav */
#container_n {
	background:url(http://www.thesepeoplecomedy.com/images/g_navigation_bg.png) repeat-x;
	text-align:center;
}

#navigation {
	width:990px;
	height:34px;
	text-align:left;
	margin:0 auto;
	padding:0 0 0 10px;
	position:relative;
}

/* Drop Nav */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav li { /* all list items */
	float: left;
	padding: 0;
	margin: 0;
}

#container_c {
	background:#261e16 url(http://www.thesepeoplecomedy.com/images/g_container_bg.png) repeat-x;
}

#container {
	text-align:left;
	margin:0 auto;
	width:990px;
	min-height:400px;
	padding:0 0 0 10px;
	background:url(http://www.thesepeoplecomedy.com/images/g_sidebar_bg.gif) repeat-y;
}

#container_news {
	text-align:left;
	margin:0 auto;
	width:990px;
	min-height:400px;
	padding:0 0 0 10px;
	background:none;
}

#main {
	float:left;
	width:400px;
	padding:26px 0 10px 0;
	margin-right:8px;
}

#main_large {
	float:left;
	width:600px;
	padding:26px 0 10px 0;
	margin-right:8px;
}

#sidebar {

}

#sidebar_common {
	width:398px;
	padding:30px 6px 10px 6px;
	float:left;
	background:url(http://www.thesepeoplecomedy.com/images/g_sidebar_common_bg.png) no-repeat;
	min-height:406px;
	margin-right:12px;
}

#sidebar_small {
	width:198px;
	padding:30px 6px 10px 6px;
	float:left;
	min-height:406px;
	margin-right:12px;
}

#ads {
	width:160px;
	float:left;
	padding:30px 0px 10px 0px;
}

#container_f {
	text-align:center;
	background:url(http://www.thesepeoplecomedy.com/images/g_navigation_bg.png) repeat-x;
}

#footer {
	color:#FFFFFF;
	height:34px;
	width:990px;
	margin:0 auto;
	text-align:left;
	line-height:34px;
	padding:0 0 0 10px;
}


/* home page */
#video {
	width:400px;
	height:320px;
	display:block;
	position:relative;
	padding:0px;
	margin:14px 0px 0px -1px;
	/*background-color:#FF0000;*/
}
#videoDate {
	font-size:10px;
	float:left;
}
#videoTags {
	font-size:10px;
	padding:0px 36px 0px 36px;
}
#videoDescription {
	clear:both;
	padding:0px 36px 0px 36px;
}
#videoMore  {
	text-align:right;
	font-size:10px;
}
#videoAddComment  {
	text-align:center;
}
#commentForm {
	display:none;
	width:392px;
}
#comment {
	margin:0 0 0 10px;
	padding:0 0 0 10px;
}
#comment li {
	line-height:13px;
	margin-bottom:11px;
}
.adminComment {
	color:#f16b15;
}
.commentDate {
	font-size:9px;
	color:#eeeeee;
}
.videoListings, .videoListingsSmall {
	list-style:none;
	margin:0;
	padding:0;
}
.videoListings li {
	float:left;
	margin:0 10px 30px 20px;
}
.videoListingsSmall li {
	float:left;
	margin:0 20px 20px 20px;
}
.videoListings li#div_tim {
	margin:0 10px 30px 84px;
}
.videoListingsSmall li.shift3small {
	margin:0 20px 20px 70px;
}
.videoListings li a, .videoListingsSmall li a {
	outline:none;
}
.videoListings li a img, .videoListingsSmall li a img {
	border:4px double #6A655F;
	outline:none;
}
.videoListingsSmall li a img {
	cursor:default;
}
.videoListings li a:hover img {
	border:4px solid #f27322;
}
.videoListings li.on a img {
	border:4px solid #FFFFFF;
	outline:none;
}

#guestbook {
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	color:#f27322;
}
#guestbook li {
	line-height:13px;
	margin-bottom:22px;
}

.message {
	color:#EEEEEE;
}

#ads ul {
	margin:0 0 0 10px;
	padding:0 0 0 10px;
}
#ads ul li {
	font-size:9px;
	line-height:11px;
	margin-bottom:11px;
}

/* ads */
.ad {
	display:block;
	margin-bottom:14px;
	width:160px;
	height:58px;
	overflow:hidden;
}

.ad span {
	position:absolute;
	left:-999em;
}

.podcast {
	background:url(http://www.thesepeoplecomedy.com/images/b_ad_podcast.png);
	background-position:0px 0px;
}

.pins {
	background:url(http://www.thesepeoplecomedy.com/images/b_ad_pins.png);
	background-position:0px 0px;
}

.dvd {
	background:url(http://www.thesepeoplecomedy.com/images/b_ad_dvd.png);
	background-position:0px 0px;
}

.rss {
	background:url(http://www.thesepeoplecomedy.com/images/b_ad_rss.png);
	background-position:0px 0px;
}

.tshirts {
	background:url(http://www.thesepeoplecomedy.com/images/b_ad_tshirts.png);
	background-position:0px 0px;
}

.ad:hover {
	background-position:0px -58px;
}

#twitter_top {
	background:url(http://www.thesepeoplecomedy.com/images/b_ad_twitter_mid.png) repeat-y;
	margin-bottom:14px;
}
#twitter_bot {
	background:url(http://www.thesepeoplecomedy.com/images/b_ad_twitter_bot.png) no-repeat bottom left;
	padding-bottom:5px;
}
#tweets {
	background:url(http://www.thesepeoplecomedy.com/images/b_ad_twitter_top.png) no-repeat top left;
	padding:38px 15px 0 15px;
	position:relative;
}
#tweets a.twitter {
	position:absolute;
	top:0px;
	left:0px;
	width:160px;
	height:38px;
	text-decoration:none;
}
#tweets a.twitter span {
	visibility:hidden;
}
#tweets ul {
	list-style:none;
	margin:0;
	padding:0;
}



/* sketches */
.pageNav {
	clear:both;
	padding:0 30px 0 20px;
	position:relative;
}

.pageNum { 
	text-align:center;
	width:100%;
	display:block;
	font-size:9px;
}

/* forms */
input, textarea {
	color:#261e16;
	border:1px solid #7b7874;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}	

.searchBox {
	width:165px;
	margin-right:3px;
}

.searchSubmit {
	color:#FFFFFF;
	font-weight:bold;
	background-color:#f27322;
	cursor:pointer;
}

.searchSubmit:hover {
	background-color:#FFFFFF;
	color:#f27322;
	cursor:pointer;
}


/* contact form */
#contactform {
	padding:15px 5px 5px 5px;
}

#contactform input, #contactform textarea {
	width:318px;
	background-color:#EEEEEE;
	display:block;
	margin-bottom:5px;
}

#buttonform input, #buttonform textarea {
	width:200px;
	background-color:#EEEEEE;
	display:block;
	margin-bottom:5px;
}

#contactFields {
	width:318px;
	margin:0 auto;
}

#contactform input.searchSubmit, #buttonform input.searchSubmit  {
	color:#FFFFFF;
	font-weight:bold;
	background-color:#f27322;
	cursor:pointer;
	width:auto;
	display:inline;
	margin-left:5px;
	margin-top:5px;
}

#contactform input.searchSubmit:hover, #buttonform input.searchSubmit:hover {
	background-color:#FFFFFF;
	color:#f27322;
	cursor:pointer;
	width:auto;
}

/* text */

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	color:#FFFFFF;
}

#header h1 {
	
}

#header h1 a:link, #header h1 a:visited, #header h1 a:active, #header h1 a:hover { 
	display:block;
	height:45px;
	width:335px;
	text-decoration:none;
	background:url(http://www.thesepeoplecomedy.com/images/l_thesepeople.png) no-repeat;
	overflow:hidden;
}

#header h1 a:link span, #header h1 a:visited span, #header h1 a:active span, #header h1 a:hover span {
	position:relative;
	left:-999em;
}


h2 {
	font-size:18px;
	font-weight:bold;
	margin-bottom:16px;
}

h3 {
	font-size:12px;
	font-weight:bold;
}

#ads h3 {
	display:block;
	margin-bottom:15px;
	height:12px;
}
	
h4 {
	
}

.feedburnerFeedBlock ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.feedburnerFeedBlock ul li {
	position:relative;
}

.headline {
	font-size:12px;
	font-weight:bold;
	width:340px;
	position:absolute;
	left:60px;
	top:6px;
	line-height:12px;
}

.date {
	width:42px;
	height:40px;
	overflow:hidden;
	background:url(http://www.thesepeoplecomedy.com/images/g_date_bg.png) no-repeat;
	position:absolute;
	top:-6px;
	left:-1px;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	padding:0px 4px 4px 4px;
	line-height:20px;
}

.feedburnerFeedBlock div {
	padding-top:54px;
}

#creditfooter {
	display:none;
}

.small {
	font-size:10px;
}

.underline {
	text-decoration:underline;
}

/* Links */


a:link, a:visited, a:active, a:hover {
	color:#f16b15;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {

}

a:link img, a:visited img, a:active img, a:hover img {
	border:none;
	outline:none;
}

a.sketches:link, a.sketches:visited, a.sketches:active, a.sketches:hover {
	display:block;
	background:url(http://www.thesepeoplecomedy.com/images/b_sketches.png) no-repeat 0px 0px;
	width:103px;
	height:34px;
	text-decoration:none;
}


a.about:link, a.about:visited, a.about:active, a.about:hover {
	display:block;
	background:url(http://www.thesepeoplecomedy.com/images/b_about.png) no-repeat 0px 0px;
	width:82px;
	height:34px;
	text-decoration:none;
}


a.news:link, a.news:visited, a.news:active, a.news:hover {
	display:block;
	background:url(http://www.thesepeoplecomedy.com/images/b_news.png) no-repeat 0px 0px;
	width:77px;
	height:34px;
	text-decoration:none;
}


a.contact:link, a.contact:visited, a.contact:active, a.contact:hover {
	display:block;
	background:url(http://www.thesepeoplecomedy.com/images/b_contact.png) no-repeat 0px 0px;
	width:95px;
	height:34px;
	text-decoration:none;
}

a.sketches:hover, a.about:hover, a.news:hover, a.contact:hover, .on { 
	background-position: 0px -34px;
}

a.sketches:link span, a.sketches:visited span, a.sketches:active span, a.sketches:hover span,
a.about:link span, a.about:visited span, a.about:active span, a.about:hover span,
a.news:link span, a.news:visited span, a.news:active span, a.news:hover span,
a.contact:link span, a.contact:visited span, a.contact:active span, a.contact:hover span { 
	visibility:hidden;
}

a.on:link, a.on:visited, a.on:active, a.on:hover { 
	background-position: 0px -34px;
}


a.tooltip {
	position:relative;
	float:right;
	margin-top:10px;
	margin-left:5px;
}

span.tooltip {
	font-size:9px;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	background-color: #807d79;
	position:absolute;
	top:-23px;
	left:-60px;
	height:17px;
	line-height:17px;
	width:74px;
	text-align:center;
	color:#EEEEEE;
	display:none;
}

a:hover .tooltip {
	display:block;
}

/* search suggest */
.suggest_link {
        background-color: #807d79;
		color:#EEEEEE;
        padding: 2px 6px 2px 6px;
    }
 
    .suggest_link_over {
        background-color: #f27322;
        padding: 2px 6px 2px 6px;
		cursor:pointer;
    }
 
    #search_suggest {
        position: absolute; 
        background-color: #807d79;
        text-align: left; 
        border: 1px solid #FFFFFF; 
		display:none;
		top:36px;           
    } 
	
/* Positioning */

.centertext { 
	text-align:center;
	width:100%;
	display:block;
}

.floatleft { float:left; }

.floatright { float:right; }

.clearboth { clear:both; }

#sidebar_small #sidebar ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#sidebar_small #sidebar h2 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:10px;
}

#sidebar_small #sidebar ul li ul {
	list-style:circle;
	margin-left:10px;
	padding-left:10px;
}

.metadata {
	margin-top:5px;
	padding-top:5px;
	font-weight:normal;
	font-size:10px;
	line-height:20px;
}

.metadata a {
	text-transform:capitalize;
}	

.imgborder {
	margin-top:10px;
	border:1px solid #EEEEEE;
}

.dvdform {
	float:right;
	text-align:center;
	width:150px;
	margin:0 0 10px 10px;
}

.dvdform input {
	border:none;
}

.dvdform img {
	border:none;
}

.dvdform img.imgborder {
	margin-top:0px;
	border:1px solid #EEEEEE;
}