/* Import 
============================== */

@import "modalbox.css";
@import "popup.css";
@import "dropdown.css";
@import "episode_layout.css";

/* Global rules
============================== */

BODY {
	margin: 0;
	padding: 0;
}
H1, H2, H3, P, UL, OL, LI, DL, DT, DD, FORM, IMG {
	margin: 0;
	border: 0;
	padding: 0;
}

A:link {
	text-decoration: underline;
}

H1 {
	padding: 0.2em 0 0.8em;
	font-size: 120%;
}
H1.gfx {
	clear: both;
	position: relative;
	height: 41px;
	margin: 0 0 0 -5px;
	padding: 0;
}
H1.gfx SPAN {
	display: block;
	height: 28px;
	padding: 13px 0 0 35px;
	background: transparent no-repeat 0 0;
}
H2 {
	padding: 0 0 0.4em;
	font-size: 130%;
}
H3 {
	padding: 0.8em 0 0.2em;
	font-size: 100%;
}
P {
	padding: 0.2em 0 0.6em;
	font-size: 100%;
}
UL, OL {
	padding: 0.2em 0 0.6em 2.4em;
	font-size: 100%;
}
UL LI,
OL LI {
	padding: 0.2em 0 0.1em;
}
TABLE {
	font-size: 100%;
}
KBD {
	font: normal 100% Monaco, "Courier New", Courier, monospace;
}



.sml {
	font-size: 85%;
}
.big {
	font-size: 120%;
}
.clear {
	clear: both;
}
.fullsize {
	width: 100%;
}
.highlight {
	background-color: #FFECB2;
}
.required {
	color: #C00;
	font-size: 150%;
	line-height: 0.6;
}
.comment {
	font-size: 90%;
	color: #BBB;
}
.entry-details {
	font-size: 90%;
	color: #999;
}
.hot {
	color: #C00;
}


/* Headers
============================== */

#h-post-comment SPAN,
#h-episodes-navigation SPAN,
#h-related-episodes SPAN,
#h-text SPAN {
	padding-left: 15px;
}
.column-title SPAN,
#h-show-navigation SPAN {
	padding-left: 10px !important;
}
#h-tag EM,
#h-archive EM,
#h-search EM {
	font-style: normal;
	font-weight: normal;
}


/* Buttons
============================== */

/* Moved to episode_layout.css */

/* Action link */

A.action {
	margin-left: 5px;
	font-size: 90%;
	vertical-align: middle;
}



/* PodcastPeople logo
============================== */

#logo-pp {
	position: absolute;
	top: 35px;
	left: 925px;
	width: 74px;
	height: 52px;
	color: #FFF;
	font-size: 70%;
}


/* Header
============================== */

#header {
	position: relative;
	width: 920px;
	height: 92px;
	margin: 16px 0 0;
}
#header H3 {
	padding: 0.25em 0 0.5em;
	font-weight: normal;
	font-size: 90%;
}

/* Show logo positioning
------------------------------ */

#show-logo {
	float: left;
	position: static;
	display: table;
	overflow: hidden;
	height: 100%;
	margin: 0 0 0 15px !important;
	font-size: 130%;
	font-weight: bold;
	width: 400px;
}
#show-logo .wrapper {
	position: static;
	display: table-cell;
	vertical-align: middle;
}
#show-logo A {
	text-decoration: none;
}

/* in IE 7 */

*:first-child+html #show-logo {
	position: relative;
	display: block;
	width: 400px;
}
*:first-child+html #show-logo .wrapper {
	position: absolute;
	display: block;
	top: 50%;
}
*:first-child+html #show-logo A,
*:first-child+html #show-logo SPAN {
	display: block;
	position: relative;
	top: -50%;
}
*:first-child+html #show-logo A {
	cursor: pointer;
}


/* Search and Subscribe
------------------------------ */

#header .wrap {
	float: right;
	width: 434px;
	height: 67px;
	margin: 15px 5px 0 0;
	padding: 10px 10px 0;
	font-size: 75%;
	z-index: 1;
}

#subscribe {
	float: left;
	width: 215px;
	height: 67px;
}
	#subscribe .subscribe-count {
		margin-left: 125px;
		padding: 4px 0 2px;
		font-size: 90%;
		width:85px;
	}
		#subscribe .subscribe-count strong {
			padding: 0 0 0 5px;
			font-size: 115%;
			font-weight: normal;
		}
		
#search {
	float: right;
	width: 210px;
	height: 67px;
}

#header .wrap INPUT,
#header .wrap IMG,
#header .wrap A {
	clear: none;
	float: left;
	margin-right: 5px;
}

/* dropdown */
#subscribe_container UL {
	float: left;
	width: 198px;
	padding: 0;
	list-style: none;
}

#subscribe_container UL LI {
	float: left;
	width: 80px;
	padding: 5px 10px 5px 9px;
	list-style: none;
}


/* special for safari */
#subscribe:empty {
	position: relative; /* for safari */
}
#subscribe_container { 
	margin-top: 45px; /* for safari */
}
#subscribe_container:lang(en) { 
	margin-top: 0;
}


/* Flash players
============================== */
/*.flash-player {
	position: relative;
	z-index: 0!important;
}*/




/* Main
============================== */

#main {
	clear: both;
	float: left;
	width: 910px;
	padding: 5px;
	font-size: 75%;
}

#main .wrapper {
	clear: both;
	float: left;
	width: 910px;
}

#main #footer {
	clear: both;
	float: left;
	width: 910px;
	border-top-width: 1px;
	border-top-style: solid;
	padding: 20px 0;
	text-align: center;
	font-size: 80%;
}


/* Latest Episode
------------------------------ */

#latest-episode {
	float: left;
	width: 562px;
	padding: 0 5px 5px;
}
#latest-episode DL {
	float: left;
	width: 542px;
	padding: 10px;
}
#latest-episode DL DT { float: left; padding: 0 0 10px; }
#latest-episode.video DL DT { width: 340px; }
#latest-episode.audio DL DT { width: 290px; }
#latest-episode.text  DL DT { width: 542px; }

#latest-episode.video DL DD { float: right; width: 192px; }
#latest-episode.audio DL DD { float: right; width: 242px; }
#latest-episode.text  DL DD { float: left; width: 542px; }

#latest-episode DL DD.buttons { width: 86px !important; }
#latest-episode.video DL DD.buttons { clear: right; float: right; }
#latest-episode.audio DL DD.buttons { clear: left; float: left; }
#latest-episode.text  DL DD.buttons { float: right; }

#latest-episode DL DD.stat { font-size: 90%; }
#latest-episode.video DL DD.stat { float: right; width: 96px; margin-right: 10px; }
#latest-episode.audio DL DD.stat { float: left;  width: 194px; margin-left: 10px; }
#latest-episode.text  DL DD.stat { float: right; width: 96px; margin-right: 10px; }
#latest-episode DL DD.stat P { text-align: center; }

#latest-episode.video UL.comments, #latest-episode.video UL.tags { width: 172px; }
#latest-episode.audio UL.comments, #latest-episode.audio UL.tags { width: 222px; }
#latest-episode.text  UL.comments, #latest-episode.text  UL.tags { width: 522px; }

#latest-episode.text .sponsor {
	clear: none;
	float: left;
	width: 200px;
	text-align: left;
}


/* About the Show
------------------------------ */

#about-show {
	float: right;
	width: 328px;
	padding: 0 5px 5px;
}
#about-show .wrap {
	float: left;
	width: 308px;
	margin: 0 0 10px;
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

/* Advertisement */

#about-show .ad {
	float: left;
	width: 328px;
	text-align: center;
}
#about-show .ad .wrap {
	margin: 0;
	border: 0;
	padding: 5px 10px 10px;
}
#about-show .ad IMG {
	display: block;
	margin: 5px auto 0;
}

DL.author-details {
	clear: both;
	float: left;
	width: 655px;
	margin: 0 0 15px;
}
DL.author-details DT,
DL.author-details DD {
	float: right;
	width: 540px;
}
DL.author-details DT {
	padding: 0 0 0.2em;
	font-size: 120%;
}
DL.author-details DD.author-photo {
	float: left;
	width: 90px;
	height: 68px;
	padding: 5px 10px;
}


/* Content
------------------------------ */

#content {
	float: left;
	width: 675px;
	padding: 0 0 5px 5px;
}


/* Featured Episodes
------------------------------ */

#featured-episodes {
	float: left;
	width: 675px;
	margin: 0 0 13px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}




/* List Entries
------------------------------ */

#list-entries {
	clear: both;
	float: left;
	width: 675px;
	margin: 0 0 13px;
}
#list-entries UL.comments,
#list-entries UL.tags {
	width: 390px;
}


/* Right sidebar
------------------------------ */

#sidebar {
	float: right;
	width: 215px;
	padding: 0 5px 15px;
}

#sidebar H2 {
	padding-top: 0.6em;
	font-size: 120%;
}
#sidebar .ad {
	float: left;
	width: 215px;
	margin: 0 -5px;
	padding: 5px;
}



/* Separated episode page (@ episode_layout.css)
============================== */


/* Episode's comments
------------------------------ */

#recent-comments {
	clear: both;
	float: left;
	width: 675px;
	margin: 0 0 13px;
}
#recent-comments OL {
	float: left;
	width: 635px;
	padding: 10px 0 10px 40px;
	font-size: 100%;
}
#recent-comments OL LI {
	float: left;
	width: 625px;
	margin: 0 0 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding: 5px 5px 0;
}


/* Post comment
------------------------------ */

#post-comment {
	clear: both;
	float: left;
	width: 675px;
	margin: 0 0 13px;
	padding: 0 0 10px;
}
#post-comment H1 {
	margin-bottom: 10px;
}
#post-comment LABEL {
	float: left;
	width: 100px;
	margin: 0.5em 0 0.5em 45px;
}
#post-comment INPUT {
	float: left;
	margin: 0.5em 0;
}
#post-comment TEXTAREA,
#post-comment .btn,
#post-comment .btn-adm {
	margin: 0.5em 0 0.5em 145px;
}

/* Buttons */

#post-comment A.btn {
	background-image: url(../img/btn_bg_comments_r.gif);
}
#post-comment A.btn SPAN {
	background-image: url(../img/btn_bg_comments_l.gif);
}

/* Error message */

#post-comment .warning {
	margin: 15px 15px 15px 45px;
}


/* Sidebar - Episodes Navigation
------------------------------ */

#episodes-navigation {
	float: left;
	width: 225px;
	margin: 0 -5px;
	padding: 10px 0;
}
	#episodes-navigation LI {
		position: relative;
		float: left;
		width: 90px;
		margin: 0 5px;
		border-width: 1px;
		border-style: solid;
		padding: 5px;
		list-style: none;
		text-align: center;
		font-size: 90%;
	}
	#episodes-navigation IMG {
		display: block;
		margin: 0 0 5px;
	}
	
	#episodes-navigation .episode-title {
		position: absolute;
		display: block;
		left: 10px; top: 20px;
		font-size: 11px;
		color: #FFF;
		text-decoration: underline;
		width: 80px;
	}
		#episodes-navigation a:hover .episode-title { text-decoration: none }
		#episodes-navigation .last .episode-title { color: #CCC; text-decoration: none; }


/* Sidebar - Related Episodes
------------------------------ */

#related-episodes {
	float: left;
	width: 215px;
	margin: 0 0 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding: 5px 0 0;
}
#related-episodes .episode {
	margin: 0 5px 5px;
}
#related-episodes .episode DL DD.preview {
	margin: 2px 5px 2px 0;
}
#related-episodes .episode DL DD.rating {
	float: right;
	width: 90px;
	padding: 0;
}
#related-episodes .episode DL DD.stat {
	float: right;
	width: 90px;
	padding: 5px 0 0;
	font-size: 90%;
	text-align: center;
}



/* Blocks
============================== */




/* Tags listing
------------------------------ */
ul.tags-listing {
	padding: 0.2em 0 2em 10px;
	margin: 0 10px;
}
ul.cloud-view {
	padding: 5px 0 10px;
	margin: 0 10px;
}
html>body ul.tags-listing { overflow: hidden }
	/* List view */
	ul.tags-listing li {
		margin-left: .15em;
		list-style: square;
		font-size: 85%;
	}
		ul.tags-listing li a, ul.tags-listing li strong {
			padding: 0.2em 1px .2em 5px;
			font-size: 125%;
		}
		ul.tags-listing li strong { padding-right: 5px }
	
	/* Cloud view */
	ul.cloud-view li {
		padding: 0;
		margin: 0;
		display: inline;
		list-style: none;
		line-height: 1.35;
	}
	ul.cloud-view li.one { font-size: 75% }
	ul.cloud-view li.ten { font-size: 100% }
	ul.cloud-view li.hundred { font-size: 150% }
	ul.cloud-view li.thousand { font-size: 200% }
	
	
	


/* Monthly archive
------------------------------ */

UL.monthly-archive {
	padding: 0;
	margin: .25em .65em 1em;
	font-size: 130%;
}
UL.monthly-archive LI {
	display: block;
	padding: 0.1em 0;
	list-style: none;
}
UL.monthly-archive LI UL {
	padding: 0.2em 0 0.2em 10px;
	font-size: 80%;
}
UL.monthly-archive LI UL LI {
	padding: 0.2em 15px 0.2em 0;
	list-style: none;
	white-space: nowrap;
}

UL.monthly-archive LI.highlight {
	width: auto;
	padding: 0.2em 5px;
}
UL.monthly-archive LI UL LI.highlight {
	padding: 0.2em 5px;
}
UL.monthly-archive LI.highlight STRONG {
	font-weight: normal;
}
UL.monthly-archive LI UL LI.highlight STRONG {
	font-weight: bold;
}


/* Widgets global
------------------------------ */
.widget-content { margin: .5em .5em 1em 1em }
html>body .widget-content { overflow: hidden }

/* Flickr */
#wdg_flickr a {
	display: block;
	float: left;
	margin: 3px;
	border: 1px solid;
	border-color: #444;
}
	#wdg_flickr a img {
		display: block;
		border: 3px solid #333;
		border-color: #292929;
	}
	#wdg_flickr a:hover { border-color: #666 }
	#wdg_flickr a:hover img { border-color: #444 }

/* del.icio.us */
#wdg_delicious ul {
	padding: 0;
	margin: 0;
}
	#wdg_delicious li {
		display: block;
		padding: 0 0 0 15px;
		margin: 1em 0;
		list-style: none;
		background: url(../img/i_wdg_delicious.gif) 0px 1px no-repeat;
	}

/* Recent comments */
#wdg_comments dl {
}
	#wdg_comments dt {
		font-size: 90%;
		padding: 0 0 0 16px;
		margin: 0 0 .25em;
		background: url(../img/i_wdg_comment.gif) 0 0 no-repeat;
	}
	#wdg_comments dd {
		padding: 0;
		margin: 0 0 .75em 16px;

	}

/* Paging
------------------------------ */

#paging {
	float: left;
	width: 655px;
	border-top-width: 4px;
	border-top-style: solid;
	padding: 10px;
	font-size: 90%;
}
#paging DL {
	clear: both;
	float: left;
	width: 655px;
	padding: 0.2em 0;
}
#paging DL DT {
	float: left;
	width: 6em;
	font-weight: bold;
}
#paging DL DD {
	float: left;
	padding-right: 5px;
}
#paging DL DD.go,
#paging DL DD.results {
	padding: 0 10px;
}


/* Entry
------------------------------ */

DL.entry {
	clear: both;
	float: left;
	width: 675px;
	padding: 10px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
DL.last {
	border-bottom: 0 !important;
}
DL.entry DT.calendar {
	float: left;
	width: 40px;
	height: 40px;
	text-align: center;
}
DL.entry DT.calendar .calendar-month {
	display: block;
	padding: 4px 0 0;
	font-size: 9px;
	text-transform: uppercase;
}
DL.entry DT.calendar .calendar-day {
	display: block;
	padding: 1px 0 0;
	font-size: 16px;
	font-weight: bold;
}
DL.entry DD.entry {
	float: left;
	width: 410px;
}
DL.entry DD.episode {
	margin: 0 10px;
}


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

.episode {
	float: left;
	width: 205px;
	margin: 10px;
}
.episode DL {
	float: left;
	width: 195px;
	padding: 5px;
}
.episode DL DT {
	float: left;
	width: 170px;
	padding: 0.5em 0 0.6em 26px;
	font-size: 110%;
	font-weight: bold;
}

.i-audio { background: transparent url(../img/i_audio.gif) no-repeat .1em .1em; }
.i-video { background: transparent url(../img/i_video.gif) no-repeat .1em .1em; }
.i-post { background: transparent url(../img/i_txt_post.gif) no-repeat .1em .1em; }

.episode DL DD.preview {
	float: left;
	width: 96px;
	height: 74px;
	margin: 2px 0px 2px 1px;
	border:1px solid #CCC;
	overflow:hidden;
}
	.episode DL DD.preview IMG {
		border:3px solid #FFF;
	}
.episode DL DD.rating {
	float: left;
	width: 99px;
	padding: 5px;
}
.episode DL DD.buttons {
	position: relative;
	float: right;
	width: 86px;
	font-size: 90%;
}
.episode DL DD.buttons P {
	text-align: center;
}


/* Text page
============================== */

#text {
	padding: 10px;	
}
#text P {
	padding: 0.2em 0 1em;
	line-height: 1.4;
}


/* Messages
============================== */

/* Warning */

.warning {
	margin: 0 0 10px;
	border: 2px solid #C00;
	padding: 10px;
	background-color: #FFF4F2;
	color: #900;
	font-weight: bold;
}
.warning P {
	padding: 0.4em 0 1em 25px;
	background: transparent url(../img/i_warning.gif) no-repeat 0 0.2em;
}
.error {
	color: #C00;
	font-weight: bold;
}

/* Message */

.message {
	margin: 0 0 10px;
	border: 2px solid #E58F39;
	padding: 10px;
	background-color: #FFFCF2;
	color: #930;
	font-weight: bold;
}

/* Success */

.success {
	margin: 0 0 10px;
	border: 2px solid #8FBF00;
	padding: 10px;
	background-color: #FCFFF2;
	color: #454D2E;
	font-weight: bold;
}
.success P {
	padding: 0.4em 0 1em 25px;
	background: transparent url(../img/i_success_sml.gif) no-repeat 0 0.2em;
}




/* Sponsored
============================== */

.sponsor {
	clear: both;
	display: block;
	padding: 10px 0 0;
	text-align: center;
	font-size: 90%;
}
.sponsor IMG {
	vertical-align: middle;
}