/*----------------------------------------------------------------- global elements -*/

body {
 font:normal 12px verdana, arial,sans-serif;
 color:#e8dbb1;
 background: url(/dotcomedy/media/bg_x.jpg) #4a1c02 repeat-y center;
 margin:0;
 padding:0;
 text-align:center;
 min-width: 971px;
}


/*------------------------------------------------------------------ ad -*/

.ad727x89 IMG {
 padding:0;
 margin:0;
 border-right: 1px solid #efe6bc;
 border-bottom: 1px solid #efe6bc;
 border-left: 1px solid #efe6bc;

}


.ad300x250 IMG {
 padding:0;
 margin:0;
}


/* ---[ top ]------------------------------- */


#bg_top {
	margin: 0;
	padding: 0;
	background-position: top center;
 	background-repeat: no-repeat;
 	margin:0 auto;
     	/* min-height: 1500px; */
}

.bg_top_short {
	background-image:url(/dotcomedy/media/bg_subpage_top_short_x.jpg);
}

.bg_top_medium {
	background:url(/dotcomedy/media/bg_subpage_top_medium_x.jpg);
}

.bg_top_long {
	background-image:url(/dotcomedy/media/bg_subpage_top_long_x.jpg);
}

.video #bg_top,
.video_blog #bg_top {
	background-image:url(/dotcomedy/media/bg_video_top_2_x.jpg);
}



.bg_episode_guide #bg_top {
	background-image:url(/dotcomedy/media/bg_episode_guide_x.jpg);
}

.totally_viral #bg_top {
	/*background-image:url(/dotcomedy/media/bg_subpage_top_short_x.jpg);*/
	background-image:url(/read-this-or-die/media/bg_read_this_or_die_top_y.jpg);
}

.homepage #bg_top {
	background-image:url(/dotcomedy/media/bg_home_v4_x.jpg);
}

#bg_middle {
	margin: 0;
	padding: 0;
 	background: url(/dotcomedy/media/bg_subpage_middle_x.jpg) repeat-y center;
 	margin:0 auto;
}

#bg_middle.homepage  {
	background-image: url(/dotcomedy/media/bg_homepage_middle_x.jpg);
}

.bg_episode_guide #bg_middle {
 	background-image: url(/dotcomedy/media/bg_episode_guide_middle_x.jpg);
}

#bg_bottom {
	margin: 0;
	padding: 0;
 	background:url(/dotcomedy/media/bg_subpage_bottom_x.jpg) no-repeat bottom center;
 	margin:0 auto;
}

.homepage #bg_bottom {
	background-image: url(/dotcomedy/media/bg_homepage_bottom_x2.jpg);
}

.bg_episode_guide #bg_bottom {
	background-image: url(/dotcomedy/media/bg_episode_guide_bottom_x.jpg);
}

#wrapper {
    margin: 0;
    padding: 0;
    width: 971px;
    text-align:center;
    margin:0 auto;
}


.nav {
	padding:0;
}

/*-------------------------------------------------------------------- page -*/


#content {
 width:971px;
 margin:0 auto;
 padding:0;
}

#col1 {
 float:left;
 width:633px;
 text-align:left;
 min-height:750px;
}

.homepage #col1 {
	width: 621px;
}

.video #col1 {
	width: 628px;
}

.epidsode_guide #col1 {
	width: 628px;
}

#col2 {
 	float:right;
	width: 320px;
 	text-align:left;
 	padding-top:16px;
}

.homepage #col2 {
	width: 312px;
}

.video #col2 {
	width: 320px;
}

.episode_guide #col2 {
	width: 320;
}

.clear {
	clear:both;
}

.clear {
    clear:both;
}


/*----------------------------------- column 1 -*/


#col1 .page_title {	
	margin-top: 1px;
	vertical_align: bottom;
}

.homepage #col1 .page_title {	
	margin-top: 0;
	vertical_align: top;
}

#col1 UL {
	list-style:none;
	padding:0;
	margin:0;
}

#col1 UL LI {
	list-style:none;
}

/* --------------- Black and Cream Layout ------------- */

div.cream_and_black div.cream_column {
	clear: left;
	float: left;
	width: 441px;
}

div.cream_and_black div.black_column {
	margin-left: 443px;
	width: 186px;
}

/* --------------- Black Content Areas ---------------- */
.black_content_middle {
	width: 633px;
	background: url(/dotcomedy/media/bg_black_wide_middle.jpg) repeat-y center;
	
}

div.cream_and_black .black_content_middle {
	background: url(/dotcomedy/media/bg_black_narrow_middle.gif) repeat-y center;
	width: 186px;
}

.totally_viral {
	margin-bottom: 10px;
}

.black_content_top {
	width: 633px;
	background: url(/read-this-or-die/media/bg_black_wide_top.jpg) no-repeat top center;
}
.black_content_top_alt {
	width: 633px;
	background: url(/read-this-or-die/media/bg_black_wide_top_alt.jpg) no-repeat top center;
}
.black_content_top_nav {
	width: 633px;
	background: url(/dotcomedy/media/bg_black_wide_top_nav.jpg) no-repeat top center;
}

.black_content_bottom {
	width: 633px;
	background: url(/dotcomedy/media/bg_black_wide_bottom.jpg) no-repeat bottom center;
}

.black_to_cream_bottom {
	width: 633px;
	background: url(/dotcomedy/media/bg_black_to_cream_bottom.jpg) no-repeat bottom center;
}

div.cream_and_black .black_content_bottom {
	background: url(/dotcomedy/media/bg_black_narrow_bottom.gif) no-repeat bottom center;
	padding-bottom: 10px;
	width: 186px;
}

.black_content_middle .title {
	padding-left: 42px;
	padding-top: 23px;
	padding-bottom: 5px;
}

/* --------------- Cream Content Areas ---------------- */
.cream_content_middle {
	width: 633px;
	background: url(/dotcomedy/media/bg_cream_wide_middle.gif) repeat-y center;
	margin-bottom: 10px;
	
}

.cream_content_top {
	width: 633px;
	background: url(/dotcomedy/media/bg_cream_wide_top.gif) no-repeat top center;
}

.cream_content_bottom {
	width: 633px;
	background: url(/dotcomedy/media/bg_cream_wide_bottom.gif) no-repeat bottom center;
}

.cream_content_middle .title {
	padding-left: 42px;
	padding-top: 23px;
	padding-bottom: 5px;
}

div.cream_column div.cream_content_middle {
	background: url(/dotcomedy/media/bg_cream_narrow_middle.gif) repeat-y right;
	width: 441px;
}

div.cream_column div.cream_content_top {
	background: url(/dotcomedy/media/bg_cream_narrow_top.gif) no-repeat top right;
	width: 441px;
}

div.cream_column div.cream_content_bottom {
	background: url(/dotcomedy/media/bg_cream_narrow_bottom.gif) no-repeat bottom right;
	width: 441px;
}

/* ------------- Blog Detail --------------- */
.blog_detail {

}

.blog_detail .left_column {
	clear: left;
	float: left;
	text-align: right;
	width: 126px;
}

.blog_detail li {
	margin-top: 1px;
}

.blog_detail .black_content_middle li {
	color: white;
}

.blog_detail .cream_content_middle li {
	color: black;
}

.blog_detail .black_content_middle ul li a, 
.blog_detail .cream_content_middle  ul li a {
	font-weight: normal;
	text-decoration: underline;
}

.blog_detail .black_content_middle ul li a:hover, 
.blog_detail .cream_content_middle  ul li a:hover {
	text-decoration: none;
}

.blog_detail .black_content_middle li a {
	color: white;
}

.blog_detail .cream_content_middle li a {
	color: black;
}

.blog_detail .main_column {
	margin-left: 147px;
	margin-right: 30px;
	padding-bottom: 50px;
	text-align: left;
}

.blog_detail li.blog_title {
	font-size: 15px;
	font-weight: bold;	
}

.blog_detail .black_content_middle li.tags, 
.blog_detail .black_content_middle li.via, 
.blog_detail .black_content_middle li.tags a, 
.blog_detail .black_content_middle li.via a,
.blog_detail .cream_content_middle li.tags, 
.blog_detail .cream_content_middle li.via, 
.blog_detail .cream_content_middle li.tags a, 
.blog_detail .cream_content_middle li.via a 
{
	font-weight: bold;
}

.blog_detail .black_content_middle li.posted_by, 
.blog_detail .black_content_middle li.file_under,
.blog_detail .black_content_middle li.tags .field, 
.blog_detail .black_content_middle li.via .field,
.blog_detail .black_content_middle a.read_more {
	color: #EFE6BC;
}

.blog_detail .black_content_middle li.links,
.blog_detail .cream_content_middle li.links {
	margin-top: 10px;
}

.blog_detail .black_content_middle li.links a,
.blog_detail .cream_content_middle li.links a {
	text-decoration: underline;
}

.blog_detail .black_content_middle li.links a:hover,
.blog_detail .cream_content_middle li.links a:hover {
	text-decoration: none;
}

.blog_detail ul li a.read_more {
	font-weight: bold;
	display: block;
}

.blog_detail li.content {
	margin-top: 8px;
	margin-bottom: 10px;
}

div.blog_paging {
	color: white;
	margin-left: 66px;
	margin-bottom: 50px;
}

div.blog_paging a.paginator {
	color: white;
	font-weight: normal;
	text-decoration: underline;
}

div.blog_paging a.paginator:hover {
	text-decoration: none;
}

/* ----------------------- End of Black Content Area --------------------------- */



.graphic {
        border: 5px solid #000000;
}

.number {
        vertical-align: top;
}

#one,
#one2,
#one3   {
	width: 633px;
	margin:0;
	padding:0;
}

#two , #three , #four, #five,
#two2 , #three2 , #four2, #five2,
#two3 , #three3 , #four3, #five3 {
	width: 633px;
	margin:0;
	padding:0;
}

#five, #five2, #five3 {
	margin-bottom: 20px;
}

dl {
	margin:0;
	padding: 6px 5px 12px 0px;

}

.one {
	margin:0;
	padding: 0px 5px 0px 0px;

}

dt {
	padding-right: 12px;
	float:left;
	display:block;
}

dd {
	margin:0;
	padding:0;
}

dd img {
	padding-right:15px;
}

.hline {
	height:10px;
	border-bottom: 1px solid #9d8853;
	width: 255px;
	float:right;
	margin-right: 15px;
}

.homepage .hline {
	margin-right: 0px;
	width: 255px;
}
/* -------------------------- [ today's top 5 navigation ] --------- */
#tt5.subpage {
	margin-left: 12px;
}

#tt5_title {
	vertical-align: bottom;
}

#tt5_container {
	position: relative;
	width: 301px;
	height: 24px;
	padding: 0;
	margin: 0px 0px 0px 10px;	
	}

#tt5_nav {
	margin: 0;
	padding: 0;
	height: 24px;
	list-style: none;
	display: inline;
	overflow: hidden;
	width: 301px;
	}

#tt5_nav li {
	margin: 0; 
	padding: 0;
    	list-style: none;
	display: inline;
	}

#tt5_nav a {
	float: left;
	padding: 24px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:24px; /* for IE5/Win only */
	}
	
#tt5_nav a:hover {
	background-position: 0 -24px;
	}

#tt5_nav a:active, #tt5_nav a.selected {
	background-position: 0 -24px;
	}


#justin a  {
	width: 70px;
	background: url(/dotcomedy/media/btn_t5_justin.gif) top left no-repeat;
	}

#toprated a  {
	width: 84px;
	background: url(/dotcomedy/media/btn_t5_toprated.gif) top left no-repeat;
	}

#mostwatched a  {
	width: 147px;
	background: url(/dotcomedy/media/btn_t5_mostwatched.gif) top left no-repeat;
	}

/* ------- Secondary Content (More Shows, Five Of A Kind, Featured Comics, etc. -------- */
#secondary_content {
	background: url(/dotcomedy/media/bg_secondary_content.gif) top left no-repeat transparent;
	height: 250px;
	margin-bottom: 20px;
	overflow: hidden;
	width: 628px;
}

#secondary_title_row {
	height: 22px;
	margin-bottom: 5px;
	margin-left: 39px;
	margin-top: 35px;
	width: 574px;
}

img.secondary_title {
	clear: left;
	float: left;
}

img.secondary_expand {
	clear: right;
	float: right;
	margin-top: 11px;
}

#secondary_content_text_row {
	color: white;
	font-size: 12px;
	margin-left: 39px;
	margin-bottom: 10px;
	width: 574px;
}

#secondary_content_area {
	height: 147px;
	margin-left: 39px;
	overflow: auto;
	scrollbar-3dlight-color: #FDD69F;
	scrollbar-arrow-color: #000000;
	scrollbar-base-color: #A14910;
	scrollbar-darkshadow-color: #3F3628;
	scrollbar-face-color: #D2AF7D;
	scrollbar-shadow-color: #7F6B50;
	scrollbar-track-color: #C25A15;
	width: 580px;
}

#secondary_content_area td{
	width: 130px;
}

#secondary_content_area div.initially_shown, #secondary_content_area div.initially_hidden {
	padding-right: 6px;
}

#secondary_content_area div.initially_shown {
	display:block;
}

#secondary_content_area div.initially_hidden {
	display:none;
}

#secondary_content_area img.main {
	border: 1px solid white;
}

#secondary_content_area span.title {
	color: white;
	display: block;
	margin-top: 2px;
	margin-bottom: 2px;
	text-transform: uppercase;
}

a img.btn_watchbox {
	background: url("/dotcomedy/media/btn_watchbox.gif") top;
	height: 11px;
	width: 47px;
}

a:hover img.btn_watchbox {
	background-position: bottom;
}

/* -------------------------- [ video player ] --------- */

#video {
    background: url(/dotcomedy/media/bg_video_area.gif) transparent no-repeat;
    background-position: 0px 4px;
    position: relative;
    padding: 20px 0px 0px 44px;
}

#video-col1 {
    width: 384px;
    margin-bottom: 20px;
}

#video #video-header {
    margin-bottom: 5px;
}

#video #show-logo {
    width: 135px;
    height: 65px;
    float: left;
}

#video #show-punchline {
    padding-top: 10px;
    width: 245px;
    font-size: 12px;
    line-height: 15px;
    font-style: italic;
    float: right;
    text-align: justify;
}

#video #show-nav {
    position: absolute;
    left: 452px;
    top: 38px;
}

#show-nav select {
    width: 165px;
    border: 1px solid #291b1f;
    color: #291b1f;
}

#video #video-rating {
    float: left;
    width: 169px;
    height: 37px;
    background: url(/dotcomedy/media/bg_video_rating.gif) no-repeat;
    padding: 6px 0px 0px 65px;
}

#video #video-rate-now {
    float: left;
    width: 169px;
    height: 37px;
    background: url(/dotcomedy/media/bg_video_rate.gif) no-repeat;
    padding: 6px 0px 0px 65px;
    position: relative;
}

#video #video-rate-now a img.rate_yes {
	background: url(/dotcomedy/media/rate_yes.gif) no-repeat top;
	position: absolute;
	top: 9px;
	left: 145px;
}

#video #video-rate-now a img.rate_no {
	background: url(/dotcomedy/media/rate_no.gif) no-repeat top;
	position: absolute;
	top: 9px;
	left: 167px;
}

#video #video-rate-now a:hover img.rate_yes,
#video #video-rate-now a:hover img.rate_no {
	background-position: bottom;
}

#video #video-send {
    float: right;
    width: 133px;
    height: 37px;
}

#video dl#video-stats {
    margin: 10px 0px;
    padding: 0px 0px;
    font-weight: bold;
}
#video dl#video-stats dd { color: white; }
#video dl#video-stats img { float: right; position: relative; top: -8px;}

#video label {
    display:block;
    width: 54px;
    float: left;
    font-weight: bold;
    padding-top: 3px;
}

#video input {
    margin-bottom: 5px;
    width: 208px;
    border: none;
    padding: 1px 2px;
}

#video #info {
    float: left;
    width: 241px;
}

#video #urls {
    width: 283px;
    float: right;
    margin: 0px 10px 0px 0px;
}

#video .tags {
    margin-top: 10px;
}

#video .tags a {
	color: #fff;
}

#video .tags a:hover {
	color:#d93f1c;
}


#video #urls {
}

#video #url-buttons {
    margin: 0px 0px 16px 87px;
    text-align: left;
    background: url(/dotcomedy/media/bg_video_urls.gif);
    width: 175px;
    height: 42px;
    padding: 12px 0px 0px 20px;
}

* html #video #url-buttons {}

a#buynow img { height: 33px; width: 80px; border-width: 0; margin: 0px; padding: 0px;}
a#visitsite img {height: 33px; width: 80px; border-width: 0; margin: 0px; padding: 0px;}



/* ------------ Episode guide -------------------- */

#episode_guide {
	margin-left: 46px;
	margin-bottom: 50px;
}

#episode_guide #title_area {
	clear: both;
	margin-top: 15px;
	
}

#title_area div.show_title {
	clear: left;
	float: left;
	width: 140px;
}

#title_area div.tagline {
	color: #FDD69F;
	float: left;
	font-style: italic;
	font-weight: bold;
	margin-top: 10px;
	width: 260px;
}

#title_area #show-nav {
	margin-left: 415px;
	padding-top: 20px;
}

#title_area #show-nav select {
	width: 145px;
}

#episode_guide #current_episode {
	padding-top: 1px;
	padding-right: 20px;
	color: white;
	clear: both;	
}

#episode_guide #current_episode div.inner {
	padding-top: 20px;
}

#episode_guide #current_episode img {
	clear: left;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#episode_guide div.all_of_em{
	clear: both;
	padding-top: 1px
	padding-bottom: 1px;
}

#episode_guide div.all_of_em img {
	margin-top: 20px;
	margin-bottom: 10px;
}

div.episode {
	clear: both;
}

div.episode a.image {
	border: 1px solid white;
	clear: left;
	float: left;
}

div.episode div.contents_column {
	clear: none;
	float: left;
	margin-left: 10px;
	width: 240px;
}

div.episode div.contents_column div.title {
	color: #F5EAC8;
	font-size: 15px;
	font-weight: bold;
}

div.episode div.contents_column div.description {
	color: #ffffff;
}


div.episode div.contents_column div.views {
	color: #ffffff;
	margin-top: 10px;
}

div.episode div.contents_column div.views span.views_title {
	color: #F5EAC8;
	font-weight: bold;
}

div.episode div.rating_column {
	clear: right;
	margin-left: 390px;
	width: 165px;
}

div.episode div.rating_column div.rating_title {
	color: #F5EAC8;
	font-weight: bold;
	margin-bottom: 3px;
}


div.episode div.rating_column div.rating_flash {
	margin-bottom: 10px;
}

a img.watch {
	background: url(/dotcomedy/media/btn_watch_episode.gif) top left no-repeat;
}

a:hover img.watch {
	background-position: 0px -22px;
}

div.episode_divider {
	background: url(/dotcomedy/media/episode_divider_horiz.gif) repeat-x left center;
	clear: both;
	height: 20px;
}

/* ------------ Video Blog ----------------------- */

.video_blog .black_content_top_nav {
	padding-top: 20px;
}

.video_blog #title_area {
	clear: both;
	margin-left: 46px;
}

.video_blog #two_col_black {
	clear: both;
	margin-left: 46px;
	position: relative;
}

.video_blog #two_col_black div.main_column_b {
	float: left;
	width: 362px;
}

.video_blog #two_col_black .right_column_b {
	margin-left: 400px;
}

.video_blog #two_col_black .right_column_b #related {
    	width: 151px;
    	height: 260px;
    	overflow: auto;
}

div.main_column_b {
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
	
}

div.cream_and_black div.main_column_b {
	padding-left: 46px;
}

.black_column .title {
	padding-left: 20px;
	padding-top: 0px;
}

.black_column .category_list {
	padding-bottom: 10px;
	margin-left: 22px;
}

.black_column div.category_list_wide a {
	color: #EFE6BC;
	display: block;
	font-weight: normal;
	margin-bottom: 10px;
	text-decoration: none;
}

.black_column div.category_list_wide a:hover {
	text-decoration: underline;
}

.black_column .divider {
	background: url(/dotcomedy/media/episode_divider_horiz.gif) repeat-x;
	height: 10px;
	margin-left: 15px;
	margin-right: 12px;
}

.video_blog div.dynamic_date {
	float: left;
	width: 80px;
}

.video_blog li.blog_title {
	margin-top: 15px;
}

.video_blog li.content {
	clear: both;
}

/* RELATED VIDS */
#video #related {
    position: absolute;
    left: 460px;
    top: 156px;
    width: 151px;
    height: 260px;
    overflow: auto;
}

#related ul, #related li, #related dl, #related dt, #related dd {
    margin: 0px;
    padding: 0px;
    list-style: none;
    float: none;
}

#related ul {
    width: 129px;
    overflow: hidden;
}

#related li {
    margin: 0px 0px 4px 0px;
    border: 1px solid #282828;
    background-color: #282828;
    padding: 2px 4px 4px 4px;
}

#related li:hover {
    border: 1px solid #fdd69f;
    background-color: #434343;
}


#related dt {
    width: auto;
    float: none;
}

#related h3 {
    font-size: 12px;
    line-height: 17px;
    color: white;
    font-weight: normal;
}



/* COMMENTS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#comments {
    color: #291b1f;
    margin: 10px 0px;
    margin-bottom: 50px;
}

ul#comment-list {
    background: url(/dotcomedy/media/bg_comments.gif) repeat-y;
}

ul#comment-list li {
    padding: 10px 54px 20px 56px;
    background: url(/dotcomedy/media/bg_comment_row.gif) no-repeat bottom;
}

ul#comment-list li.last-child {
    padding: 10px 54px 10px 56px;
    background: url(/dotcomedy/media/1px.gif) no-repeat;
}


ul#comment-list li .name {
    font-size: 14px;
    font-weight: bold;
}

ul#comment-list li .date {
    font-style: italic;
}


#comment-add {
    height: 190px;
    background: url(/dotcomedy/media/bg_add_comment.gif) no-repeat 0px 40px;
}

#comment-form {
    color: #000000;
    position: relative;
    padding: 5px 54px 10px 56px;
}

#comment-form form {
    margin: 0px;
    padding: 0px;
}

#comment-form textarea {
    width: 500px;
    height: 78px;
    border: 0px;
    padding: 9px;
}

button#add-comment {
    position: absolute;
    top: 109px;
    left: 476px;
    border: none;
    width: 116px;
    height: 39px;
}
#add-comment { float:right; }


#comment-paging {
    text-align: right;
    margin: 10px 46px 0px 0px;
}

#comment-paging li {
    display: inline;
    padding: 0px 2px;
    color: white;
}

#comment-paging li.selected {
    color: black;
    text-decoration: underline;
}

#comment-paging li a { font-weight: normal; color: white;}

li#next { padding-left: 10px;}
a#next img {height: 11px; width: 47px; border-width: 0;}


/* -------------------------- Footer ------------------- */

#footer-wrap {
    margin-bottom: 30px;
    padding-top: 3px;
}


#footer {
	padding:0px 0px 0px 65px;
	margin:0;
}

#footer td {
	padding:0;
	margin:0;
}


#footer img {
	margin:0;
	padding:0;
	padding-right:20px;
}
#footer a span {
	display: none;
}

#footer .copyright {
	margin:0;
	padding:0;
	padding-left:130px;
}

div.new_footer {
	clear: both;
	text-align: left;
	padding-bottom: 12px;
}

/*----------------------------------- column 2 -*/

#ad300x250 {
	margin-left: 12px;
}

#ad300x250 .hdr {
	line-height: 2px;
	padding-left:40px;
}

#col2 {
}


#col2 UL {
	list-style:none;
}

#col2 UL LI {
	list-style:none;
}

#col2 .featured_vidz  {
	padding:0;
	margin:0;
	color:#fff;
}


#col2 .featured_vidz dl {
	padding:60px 0px 40px 10px;
	margin:0;

}

/* ------------------ Editorial -------------------- */

#col2 div.editorial {
	background: url(/dotcomedy/media/bg_editorial.jpg) no-repeat top left;
	margin: 10px 0 10px 0;
}


#col2 div.editorial img.main {
	border: 1px solid white;
	clear: left;
	float: left;
	margin: 12px 15px 0px 12px;
}

#col2 div.editorial div.text {
	color: black;
	font-size:12px;	
	margin-left: 165px;
	padding-top: 12px;
}

#col2 div.editorial div.text a {
	color: black;
	text-decoration: none;
	font-weight: normal;
}

#col2 div.editorial div.text a:hover {
	text-decoration: underline;
}

#col2 div.editorial div.text .title {
	color: white;
	display: block;
	font-weight: bold;
}

#col2 div.editorial div.text .title a {
	color: white;
	font-weight: bold;
}

#col2 div.editorial div.text .title a:hover {
	color: black;
}

#col2 div.editorial div.text a.read {
	float: left;
	clear: left;
	margin-top: 5px;
}

a img.btn_readbox {
	background-image: url("/dotcomedy/media/btn_readbox.gif");
	background-position: top;
	height: 11px;
	width: 47px;
	margin-bottom: 20px;
}

a:hover img.btn_readbox {
	background-position: bottom;
}

/* --------------- Featured Blog ---------------- */

#col2 #featured_blog {
	background: #C15814 url(/dotcomedy/media/title_featured_blog.jpg) top left no-repeat;
	margin-top: 10px;
}

#col2 #featured_blog div.text {
	color: black;
	font-size: 11px;
	margin-left: 12px;
	padding-top: 65px;
}

#col2 #featured_blog div.text a {
	color: inherit;
	text-decoration: none;
}

#col2 #featured_blog div.text a:hover {
	text-decoration: underline;
}

#col2 #featured_blog .title a {
	color: black;
	display: block;
	font-size: 16px;
	font-weight: bold;
}

#col2 #featured_blog .date {
	color: white;
	display: block;
	font-size: 12px;
}

#col2 #featured_blog .date a {
	color: white;
}

#col2 #featured_blog .date a:hover {
	color: black;
}

#col2 #featured_blog .subtitle {
	color: white;
	display: block;
	font-size: 16px;
	font-weight: bold;
}

#col2 #featured_blog .subtitle a {
	font-weight: bold;
	color: white;
}

#col2 #featured_blog .subtitle a:hover {
	color: black;
}

#col2 #featured_blog .content a {
	color: black;
	font-size: 12px;
	font-weight: normal;
}

#col2 #featured_blog div.text a.read {
	float: left;
	clear: left;
	margin-top: 5px
}

/* --------------- Lists ---------------- */

#col2 div.list_top {
	background: url(/dotcomedy/media/bg_list_top.jpg) top left no-repeat;
}

#col2 div.list_top_with_this_day {
	background: url(/dotcomedy/media/title_this_day_in_history.gif) top left no-repeat;
	padding-top: 1px;
}

#col2 div.list_middle {
	background: url(/dotcomedy/media/bg_list_middle.jpg) left repeat-y;
}

#col2 div.list_bottom {
	background: url(/dotcomedy/media/bg_list_bottom.jpg) bottom left no-repeat;
	padding-bottom: 20px;
}


#list_title {
	vertical-align: bottom;
}

#listings_container {
	position: relative;
	background: url(/dotcomedy/media/bg_tv_and_movies.gif) left no-repeat;
	width: 301px;
	height: 23px;
	padding: 0;
	margin: 0px 0px 0px 10px;	
	}

#listings_nav {
	margin: 0;
	padding: 0;
	height: 23px;
	list-style: none;
	display: inline;
	overflow: hidden;
	width: 301px;
	}

#listings_nav li {
	margin: 0; 
	padding: 0;
    	list-style: none;
	display: inline;
	}
	
#movies a  {
	width: 70px;
	background: url(/dotcomedy/media/btn_movies.gif) no-repeat;
	}

#tv a  {
	width: 49px;
	background: url(/dotcomedy/media/btn_tv.gif) no-repeat;
	}

#listings_nav a {
	float: left;
	padding: 23px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:23px; /* for IE5/Win only */
	background-position: 0 0px;
	}
	
#listings_nav li a:hover {
	background-position: 0 -23px;
	}

#listings_nav li a:active {
	background-position: 0 -23px;
}

#listings_nav li.selected a {
	background-position: 0 -23px;
	}

/* --------------- Shows To Know ---------------- */


#stk_title {
	vertical-align: bottom;
}

#col2 div.list_bottom .dates {
	color: black;
	font-size: 11px;
	margin-left: 20px;
	padding-top: 5px;
	width: 270px;
}

#col2 div.list_bottom .date {
	font-weight: bold;
	text-transform: uppercase;
}

#col2 .dates .show {
	margin-bottom: 10px;
	font-size: 12px;
}

#col2 .dates .show .location {
	display: block;	
}

#col2 .dates .show .title {
	display: block;
	font-style: italic;
}

/* --------------- TVs and Movies ------------ */

#col2 #movies_content, #col2 #tv_content {
	color: black;
	font-size: 12px;
	margin-left: 20px;
	padding-top: 5px;
	width: 270px;
}

#col2 #movies_content td.time, #col2 #tv_content td.time {
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}

#col2 #movies_content td.show, #col2 #tv_content td.show {
	text-align: left;
	vertical-align: top;
}

/* --------------- Viral Vidz ---------------- */

#col2 .viral_vidz_title {
	padding:0px 0px 0px 12px;
	height: 51px;
}

#col2 .viral_vidz  {
	background: url(/dotcomedy/media/bg_viral_vidz.gif) no-repeat top left;
	color:#fff;
	height: 120px;
	margin-left: 10px;
}

#col2 .viral_vidz dl {
	padding:10px 0px 40px 20px;
	margin:0;

}

/* --------------- Blog Links ---------------- */

.blogbtn {
	padding-top:5px;
	margin:0;
}


#col2 .blogentry {
	width:245px;
	padding:2px 0px 10px 17px;
	color:#000;
	line-height:1.2em;
}

#col2 .blogentrylinks {
	background: url(/dotcomedy/media/bg_bloglinks.gif) no-repeat top left;
	width:264px;
	height:64px;
	height:1%;
	color:#000;
	margin-left: 12px;
}


#col2 .blogentrylinks p {
	padding-bottom:2px;
	color:#000;
}

#col2 .blogentrylinks ul {
	padding:12px 0px 25px 28px;
	margin: 0;
	list-style: none;
}

#col2 .blogentrylinks ul li {
	margin: 0;
	padding: 0;
	padding-bottom:5px;
	list-style: none;
}

/* --------------- Popular tags ---------------- */

#col2 .populartags {
	background: url(/dotcomedy/media/bg_populartags.gif) no-repeat top left;
	width:308px;
	height:126px;
	color:#fff;
	line-height:normal;
	font-size:11px;	
	margin-left: 12px;
}

#col2 .populartags ul {
	width:290px;
	margin: 0;
	padding:10px 0px 10px 4px;
	list-style: none;
}

#col2 .populartags ul li {
	margin: 0;
	padding: 0;
	padding-left: 20px;	
	list-style: none;
}

#col2 .populartags .hdr {
	padding-left: 20px;
	padding-bottom:5px;
}


#col2 .populartags a {
	color:#fff;
}

#col2 .populartags a:hover {
	color:#d93f1c;
}

/* --------- About Totally Viral ------------ */

#about_tv {
	min-height: 255px;
	margin-top: 90px;
	margin-left: 12px;
	margin-bottom: 25px;
	clear: both;
}

#about_tv .title {
	color: #EC9227;
	font-size: 14px;
	font-weight: bold;
}

#about_tv p {
	color: white;
	margin-bottom: 10px;
}

/* ------------- This Day In Comedy History --------- */
div.list_middle div.date {
	margin-left: 20px;
}

div.list_middle div.date div.title {

	color: black;
	font-weight: bold;
	font-size: 15px;
	margin-top: 65px;
	margin-bottom: 7px;
}

div.list_middle div.date ul {
	margin: 0px;
	padding-left: 0px;
	padding-right: 35px;
}

div.list_middle div.date ul li {
	color: black;
}

div.list_middle div.date ul li.image img {
	border: 1px solid black;
}

div.list_middle div.date ul li.year {
	font-weight: bold;
	margin-top: 7px;
}

div.list_middle div.date ul li.event {
	font-weight: normal;
	text-transform: none;
	margin-bottom: 14px;
}


/* ----------- Side Categories ------------- */
#side_categories {
	clear:both;
	padding-top: 25px;
}

#side_categories .title {
	clear:both;
	margin-left: 6px;
	margin-bottom: 2px;
}

#side_categories div.category_list {
	background-image: url(/dotcomedy/media/category_divider_horiz.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	margin-left: 6px;
	margin-right: 18px;
	margin-bottom: 8px;
}

#side_categories div.category_list_no_divider {
	/*background-image: url(/dotcomedy/media/category_divider_horiz.gif);
	background-position: bottom;
	background-repeat: repeat-x;*/
	margin-left: 6px;
	margin-right: 18px;
	margin-bottom: 8px;
}

#side_categories div.category_list_inner, 
#side_categories div.category_list_wide {
	padding-bottom: 14px;
}

#side_categories div.category_list_inner {
	background-image: url(/dotcomedy/media/category_divider.gif);
	background-position: 135px 0px;
	background-repeat: repeat-y;
	padding-bottom: 5px;
}

#side_categories div.left_column {
	width: 120px;
	/*border: 1px solid #000000;*/ /* Kerem added */
	padding-left: 10px;
	float: left;
}

#side_categories div.right_column {
	width: 120px;
	margin-left: 150px;
}

#side_categories div.category_list_wide {
	padding-left: 16px;
}

#side_categories a {
	color: black;
	font-weight: normal;
	vertical-align: top;
	line-height: 22px;
	text-decoration: none;
}

#side_categories a:hover {
	text-decoration: underline;
}

/* --------- FEATURED VIDS ------------ */

a.comics img.secondary_expand,
a.shows img.secondary_expand {
	width: 125px;
	height: 11px;
	background-position: top;
}

a.comics:hover img.secondary_expand,
a.shows:hover img.secondary_expand {
	background-position: bottom;
}

a.comics img.secondary_expand {
	background-image: url(/dotcomedy/media/btn_view_all_comics.gif);
}

a.shows img.secondary_expand {
	background-image: url(/dotcomedy/media/btn_view_all_shows.gif);
}

#featured-wrap {
    margin-top: 88px;
    margin-left: 10px;
    height: 387px;
    overflow: auto;
}

#featured {
    width: 284px;
    overflow: hidden;
}

#featured ul, #featured li, #featured dl, #featured dt, #featured dd {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#featured ul {
    width: 290px;
}

#featured li {
    float: left;
    width: 139px;
    margin: 0px 6px 10px 0px;
}

#featured dt img {
    border: 1px solid white;
}

/* ---[ links ]------------------------------- */




a:link, a:visited {
	color: #000;
	text-decoration: none;
	font-weight:bold;
	}
a:hover {
	color:#d93f1c;
	text-decoration: none;
	font-weight:bold;
	}

a.black:link, a.black:visited {
	color: #000;
	text-decoration: none;
	font-weight:normal;	
	}
a.black:hover {
	color:#000;
	font-weight:normal;	
	text-decoration: underline;
	}
	
a.white:link, a.white:visited {
	color: #fff;
	text-decoration: none;
	font-weight:bold;
	}
a.white:hover {
	color:#000;
	text-decoration: none;
	font-weight:bold;	
}



a#watch img {height: 26px; width: 63px; border-width: 0;}
a#watch img {background: url(/dotcomedy/media/btn_watch_off.gif) top left no-repeat;}
a#watch:hover img {background: url(/dotcomedy/media/btn_watch_over.gif) top left no-repeat;}
a#watch:active img {background: url(/dotcomedy/media/btn_watch_over.gif) top left no-repeat;}

a#watchbox img { height: 11px; width: 47px; border-width: 0;}
a#watchbox img { background: url(/dotcomedy/media/btn_watchbox_off.gif) top left no-repeat;}
a#watchbox:hover img {background: url(/dotcomedy/media/btn_watchbox_over.gif) top left no-repeat;}
a#watchbox:active img {background: url(/dotcomedy/media/btn_watchbox_over.gif) top left no-repeat;}

a#blog img {height: 11px; width: 47px; border-width: 0;}
a#blog img {background: url(/dotcomedy/media/btn_blog_off.gif) top left no-repeat;}
a#blog:hover img {background: url(/dotcomedy/media/btn_blog_over.gif) top left no-repeat;}
a#blog:active img {background: url(/dotcomedy/media/btn_blog_over.gif) top left no-repeat;}

a#send img {height: 27px; width: 133px; border-width: 0;}

/* ---[ common elements ]--------------------- */

IMG {
	border:0;
}

p {
	margin: 0;
	padding: 0;
	
	}
	
	
.sm {
	font-size:85%;
}
	
h2 {
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color:#fff;
	padding-top:2px;
	}
h3 {
	margin: 0;
	padding-bottom: 2px;
	font-family: Arial, sans-serif;
	font-size: 120%;
	font-weight: bold;
	}


em {
	font-style: italic;
	}
.strong {
	font-weight: bold;
	}
span.white {
	color: #fff;
}

	
	

/* ---[ footer links ]--------------------- */

 
/* ---[ footer links ]--------------------- */

 
#map {
 width: 278px;
 height: 47px;
 background: url(/dotcomedy/media/ftr_links02.gif) no-repeat;
 margin: 0px 0px 2px 0px; 
 padding: 0px 0px 0px 0px;
 position: relative;
} 
#map li {margin: 0; padding: 0; list-style: none; display: block; position: absolute; z-index:30;}
#map i { display: none; }
#map a {display: block;}

#home {left: 0px; top: 10px; width: 35px; height: 14px;}
#about {left: 48px; top: 11px; width: 120px; height: 14px;}
#advertise {left: 179px; top: 12px; width: 85px; height: 14px;}
#privacy {left: 0px; top: 28px; width: 112px; height: 14px;}
#terms {left: 115px; top: 30px; width: 150px; height: 14px;}

#home a {height: 16px;}
#about a {height: 17px;}
#advertise a {height: 17px;}
#privacy a {height: 17px;}
#terms a {height: 17px;}

#home a:hover {background: url(/dotcomedy/media/ftr_links02.gif) 0 -56px no-repeat;}
#about a:hover {background: url(/dotcomedy/media/ftr_links02.gif) -48px -103px no-repeat;}
#advertise a:hover {background: url(/dotcomedy/media/ftr_links02.gif) -179px -151px no-repeat;}
#privacy a:hover {background: url(/dotcomedy/media/ftr_links02.gif) -0px -214px no-repeat;}
#terms a:hover {background: url(/dotcomedy/media/ftr_links02.gif) -115px -263px no-repeat;}

/* ------------- Dynamic Dates ------------- */

.dynamic_date_black {
	width: 72px;
	height: 72px;
	background: url(/dotcomedy/media/dates/on_black.gif) transparent no-repeat;
}

.dynamic_date_cream {
	width: 72px;
	height: 72px;
	background: url(/dotcomedy/media/dates/on_cream.gif) transparent no-repeat;
}

.left_column .dynamic_date_black,
.left_column .dynamic_date_cream
{
	margin-left: 55px;
}

img.dynamic_date_month {
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
}

img.dynamic_date_day {
	margin-left: 15px;
	margin-right: 15px;
}