/********************************************
		CharlieRose.com

		Media: Screen
		Date:  October 2008 - v.1

		Created by: Method's Methodological Fingers

**************************************************/
@import url(undo.css);


/* Generalities --------------------------------*/

body {
/*background: #131313 url("../img/bg-body-gradient-trans.png") repeat-x;*/
background: black;
font: 62.5% Helvetica, Arial, sans-serif;
color: #333333;
font-size: 13px;
line-height: 17px;
text-align: center;
}


/* link states */
a, a:link { color: #ff2222; text-decoration: none;}
a:visited {color: #ff2222;}

#content-main a:hover, dl dd p.meta a:hover {color: #e50000; border-bottom: 1px solid #e50000;}

#content-rail a:hover, #content-rail a:active,
.about-home a:hover, .about-home a:active, a:hover,
.railless #content-main a:hover,
.account #content-main a:hover
{color: #eee; border: none;}


/* headings */
h1{font-size: 36px;}
h2 {font-size: 18px;}
h3,h4{font-size: 15px; line-height: 17px; padding: 7px 0 6px 0;}
h3 {border-bottom: 1px solid #444; color: #131313;}


#content-main h2 {line-height: 18px; padding: 13px 0 10px 0;}
#content-main h4 {border-bottom: 1px solid #333;}
#content-rail h4, .about-home h3 {border-bottom: 1px solid #eee; color: #eee; margin: 30px 0 10px;}
	#content-rail h4:first-child, .about-home h3:first-child {margin-top: 0px;}
.railless #content-main h2, .railless #content-main h3 {color: #eee; border-bottom-color: #eee;}
.about-show h4 {margin-bottom: 12px;}
#content-rail h5 {font-size: 13px; line-height: 17px; color: #eee; border-bottom: 1px solid #eee; padding: 7px 0 10px 0; margin: 30px 0 10px 0;}
#content-rail h6 {
    font-weight: bold;
    margin: 10px 0;
}

p {margin-top: 20px;}
p:first-child {margin-top: 0px;}
.about-show p, .railless-white p {margin: 0 0 20px;}
.about-show #header p { margin: 0; }
[class*="collection"] #content-rail p {width: 340px; padding-right: 10px; margin-bottom: 17px;}
	.collection-guest #content-rail p a {word-wrap: break-word;}


#content-rail p {margin: 0;}
#content-rail p.contact-info + p {
    margin: .5em 0 0 0;
}

/* typograpy and its progengy */
em#rss_token, .sponsors em {font-size: 11px; font-style: normal;}


/* blockquotes and quotes with cites*/
/* blockquote, q {font-family: "Times New Roman", Times, serif;} */
cite {font-family: Arial, Helvetica, sans-serif; font-size: 13px;}

/* #content-main blockquote, #content-main q {font-size: 14px;} */
#content-rail blockquote {margin: 0 0 26px; padding-top: 7px; font-size: 13px; line-height: 16px; border-top: 1px solid #eee;}
	#content-rail blockquote:first-child {border: none; padding-top: 0px;}
#content-rail blockquote p {margin: 0px;}
#content-rail cite {font-size: 12px; line-height: 16px;}


/* Structure --------------------------------*/
#wrapper {
	max-width: 960px;
	min-width: 960px;
/*	part 2 of centering hack*/
	text-align: left;
	margin: 0 auto;
}

#header {
	position: relative;
	height: 140px;
	border-position: outside;
	padding: 0 0 0 10px;
}

#headline{
	height: 140px;
	width: 950px;
	color: #eee;
	position: relative;
}


#container {float: left; width: 950px; 	border-top: 1px solid #eee; padding: 0 0 0 10px; margin-bottom: 100px;}
	#container.railless-white {background: #fff;}
	#container.railless-white h2 {color: #131313;}

[id*="content-"]{float: left; display: inline; padding: 10px 0; position: relative;}

#content-main {
	float: right;
	background: #fff;
	margin: 40px 0 0 0;
	width: 780px;
 padding: 0 10px 40px;
}

#content-rail {float: left; width: 140px; color: #eee; padding-top: 40px;}

/*railless template */
[class*="railless"] #content-main, .account #content-main, .player #content-main {width: 960px; padding-left: 0; padding-right: 0px; background: none;}
.player #content-main {padding-bottom: 0px !important;}
.railless-topics #content-main {background: #fff; width: 940px; padding-left: 10px; padding-right: 10px;}
.railless-topics #content-rail {display: none;}

/* collection template*/
[class*="collection"] #content-main {width:580px;}
[class*="collection"] #content-rail{float: left; width: 340px;}
[class*="collection"] #content-rail img {margin-bottom: 10px;}

/* about template */
body[class*="about"] #container {border-top: none;}
body.about-show #container, .about-bio #container, .about-underwriting #container {padding-left: 0px; width: 960px; margin-bottom: 0px;}


[class*="about"] #content-main {float: left; width: 700px; margin-top: 0px;}
[class*="about"] #content-rail {float: right;  width: 220px; padding-right: 10px; padding-top: 0px; }
.about-corp #headline {display: none;}
.about-show #headline, .about-bio #headline, .about-underwriting #headline
{background: #fff; width: 710px; padding-left: 10px; height: 180px;}
	.about-schedule #content-main {float: right;}
	.about-schedule #content-rail {float: left;}
	.about-bio #headline {width: 790px;}
	.about-corp .headline {width: 780px; padding-left: 0px;}
	.about-bio #content-main, .about-corp #content-main {width: 780px; }
	.about-bio #content-rail, .about-corp #content-rail {width: 140px;}
	.about-corp #content-rail {display: none;}
	.about-home #content-main {background: none; width: 710px;}
	.about-home #content-rail {width: 220px; padding: 0px; margin-top: 11px;}
	.about-show #content-main, .about-bio #content-main, .about-corp #content-main {padding: 0 10px 100px;}


#carousel{width: 960px; height: 360px; background: black; margin-bottom: -5px;}

/* footer*/
#footer {
	clear: both;
	border-top: 1px solid #eee;
	color: #eee;
	padding: 7px 10px 0;
	margin: 100px 0;
}
#container.about-show + #footer, #container.about-bio + #footer, #container.about-corp + #footer
{border-top: none !important; margin-top: 0px;}

#footer li{display: inline; float: left; margin-left: 60px;}
#footer li.double{margin-left: 0; margin-right: 60px;}

 /* Header Contents --------------------------------*/

/* logo */
#logo {
	width: 74px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	margin: 14px 0 0 0;
}

#logo a,
#logo a:visited {
	width: 103px;
	height: 50px;
	display: block;
	background: url("../img/cr_logo.jpg") no-repeat;
	outline: none;
}

#account, #schedule {
	position: absolute;
	bottom: 10px;
}

/* account */
#account {right: 10px; color: #eee;}

#account li{
	float: right;
	display: inline;
	font-size: 14px;
	margin-left: 30px;
	color: #eee;
}


/* superfish nav */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index: 1000;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
position:		absolute;
top:			-999em;
width:			160px; /* left offset of submenus need to match (see below) */
z-index: 1000;
background: #131313;
margin-top: 5px;
padding: 10px 0 25px;
}
.sf-menu ul li {
	width:			100%;
	z-index: 1000;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			27px; /* match top ul list item height */
	z-index:		99;

} /* -- // essentials -- */

.sf-menu {
float:			left;
display: inline;
position: relative;
left: 150px;
top: -43px;
width: 800px;
opacity: 0.9999 !important;
}

/* Google Chrome hack */
body:nth-of-type(1) .sf-menu { opacity: 1.000 !important; }

.sf-menu a {
	margin: 0 0 0 10px;
	padding: 0 18px 0 0;
	cursor: pointer;
	color: none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#f30000;
}
.sf-menu li {
font-size: 18px;
line-height: 18px;
color: #f30000;
width: 160px;
}

.sf-menu li li {font-size: 13px; line-height: 17px; margin-left: 10px;}

#nav-main li[id*="n-"] {padding: 7px 0; width: 160px;}
#nav-main li[id*="n-"].last {float: right; text-align: right;}

#nav-main li[id*="n-"] a {
	display: inline;
	margin: 0 0 0 10px;
	padding: 0 18px 0 0;
	cursor: pointer;
	color: none;
	background: url('../img/presentation/arrow-nav-red.png') no-repeat right 3px;
}

#nav-main li[id*="n-"].last a {
    background-position: right 3px;
}

#nav-main li a:hover,
#nav-main li:hover a, #nav-main li.sfHover a
{background: url('../img/presentation/arrow-nav-white.png') no-repeat right 3px;}

#nav-main li[id*="n-"]:hover, #nav-main li[id*="n-"].sfHover,
#nav-main li[id*="n-"]:focus, #nav-main li[id*="n-"].sfHover:focus {background:	#131313;}

#nav-main li:hover a, #nav-main li.sfHover a {color: #eee;}

#nav-main li:hover li a , #nav-main li.sfHover li a,
#nav-main li ul li a {color: #f30000; margin-left: 0px !important;}
#nav-main li ul li a, #nav-main li ul li a:hover {color: #eee; background: none !important;}

li#n-collections ul {width: 320px;}
li#n-collections ul li {width: 100%;}
li#n-topics ul + ul {margin-left: 160px;}
/*li#n-topics ul {padding-bottom: 100px;}*/

/* search */
#search {position: absolute; right: 130px; bottom: 10px; width: 170px;}
.about-show #search { right: 210px;}
#search form{margin: 4px 0 0 10px;}
#search form input[type="text"]{ width: 123px; margin-left: 1px; margin-right: 7px;}
#search form input[type="submit"]{
background-image: url("../img/presentation/arrow-search.png");
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
border: none;
cursor: pointer;
text-indent: -9999px;
margin-right: 0px;
padding-left:11px;
height: 12px;
position: relative;
top: 2px;
}
#search form input[type="submit"]:hover {background-position: -1px -12px;}

/* Headline ----------------------------------------*/
.about-show #headline h2, .about-bio #headline h2, .about-underwriting #headline h2
{color: #1f1f1f; padding: 10px 0 0 0; margin-top: 0px;}

#headline h2, #content-main .headline h2 {margin-top: 10px; line-height: 22px; display: block;}
#headline h2 + a, .headline h2 + a {display: block;}
#headline h2 span, .headline h2 span {position: relative; font-size: 30px; line-height: 30px; display: block; font-weight: normal; max-width: 720px;}

em#rss_token {position: relative; bottom: 15px; left: -4px;}

#headline p {position: absolute; bottom: 0px; left: 0px; display: inline; float: left;}
#headline p a {border-bottom: 1px solid #eee; color: #eee;}

#headline-img {position: absolute; right: 131px; top: -10px;}


/* medallions */

[class*="medallion"] {margin: 10px 0 0 -10px; font-size: 11px; line-height: 15px; width: 110%;}
[class*="medallion"] li {float: left; display: inline; margin: 0 10px 10px 10px; width: 180px; height: 210px; overflow: hidden;}
[class*="medallion"] li img {margin: 0 0 5px 0;}
/*[class*="medallion"] li img:hover { background: transparent url('../img/presentation/btn-segment-play-hover.png') no-repeat 0 0;}
*/[class*="medallion"] li img a:hover {border-bottom: none !important;}
[class*="medallion"] h5 {font-size: 13px; line-height: 17px;}
[class*="medallion"] p {margin: 0px; display:inline;}
[class*="medallion"] dl {font-size: 11px; line-height: 15px; margin-top: -2px;}
[class*="medallion"] dl dt {display: none;}
[class*="medallion"] dl dd {float: left; margin-right: 7px;}

[class*="medallion"] div.vevent {color: #666; margin-bottom: 2px;}
[class*="medallion"] div.vevent .description a {color: #666; border-bottom: 1px solid #666;}

.m-duration, span.m-size {color: #131313 !important;}
.m-comments {color: #666;}

span.guests-appearances {font-weight: bold; display: block;}

/* for guest page */
ol.medallion.guest {width: 400px; float: left;}
.collection-guest h3 {width: 380px;}

div.meta-guest {width: 180px; float: right; margin: 7px 0 30px;}
div.meta-guest h3 {margin: 30px 0 5px; width: 180px;}
div.meta-guest h3:first-child {margin-top: 0px; padding-top: 0px;}
div.meta-guest a {font-size: 12px; line-height: 16px;}

/* for guests page */
.medallion li.guests {height: 120px; overflow: hidden;}
.medallion li.guests img {float: left; margin: 0 10px 0 0;}
.medallion li.guests div {float: left; width: 90px;}
.medallion li.guests p {color: #666;}

ol#alpha_widget {
	width: 120px;
	text-align: left;
	padding-left: 5px;
	display: block;
}

ol#alpha_widget li {
	float: left;
	width: 25%;
	color: #FF3000;
	cursor: pointer;
}

ol#alpha_widget br {
	clear: left;
}

ol#alpha_widget li.selected {
	color: white;
}

/* for homepage */
.about-home .medallion {width: 720px; margin-left: 0px;}
.about-home .medallion li {width: 160px; min-height: 80px;}
.about-home .medallion li:first-child {margin-left: 0px;}
.about-home .medallion h5 {font-size: 13px; line-height: 17px;}
.about-home .medallion dd.m-comments, #video-related .medallion dd.m-comments {color: #666;}
.about-home .medallion dd.m-duration, .content-tabbed .medallion dd.m-duration, .content-tabbed ol.medallion div.vevent span.m-size {color: #eee !important;}

/* for collections */
.medallion li.collection div.thumb {background: transparent url('../img/thumb-collection.png') no-repeat; position: relative; width: 147px; margin-bottom: 5px; height: 98px; margin-bottom: 5px;}
span.corner {position: absolute; top: -3px; right: 7px; z-index: 10; }
.medallion li.collection a img {position: absolute; z-index: 1;}
.medallion li.collection p {float: left; margin-right: 2px;}

/* for player */
div.tab-content div.vevent .description a:hover {color: #eee !important; border-bottom: 1px solid #eee !important;}


/* collection / collection style pages
---------------------------------------*/
.compiled {color: #eee; font-weight: normal; position: absolute; left: 0; top: 151px; left: 0;}



/* content-rail content sytles
--------------------------------*/
#content-rail ul li {padding-left: 20px;}

#content-rail ul li.selected{
	background: url("../img/presentation/arrow-rail-selected.png") no-repeat 1px 2px;
	color: #eee;
}
#content-rail dl dd {color: #969696;}




/* FORMS  --------------------------------*/
/* formalities*/
form a {display: block;}
form ol li {margin-bottom: 14px; color: #eee; margin-top: 2px;}
	#share-overlay div[id*="share-"] ol li {margin-bottom: 14px;}
ol li label {margin-bottom: 4px; display: block;}
label + span {float: left; margin-left: 7px;}
form ol li fieldset label {display: inline;}

	/* error states */
	.validation_error, .error-message
	{border: 3px solid #ff0000; color: #eee; margin-bottom: 	15px;}
	.validation_error {padding: 8px;}
	.error-message {padding: 4px;}
	form .error-message {width: 283px;}
	form#loginForm .validation_error, form#loginForm .error-message {color: #ff0000;}


/* account pages*/
.account {color: #eee;}
.account h3 {color: #eee; border-bottom: 1px solid #eee;}
.account div[class*="form-"] {width: 220px; margin: 0 10px; float: left;}
.account #content-main div[class*="form-"]  h2 {border-bottom: 1px solid #eee; color: #eee; padding-top: 0;}
.account h2 + ol, div.form-directions {margin-top: 10px;}
.account div.form-holder form {margin-bottom: 30px;}
.account form input[type="text"], .account form input[type="password"] {width: 214px !important;}
.account form .error-message {width: 206px;}

.account label[for="password"] {float: left;}
.account label.instruction { color: #999; }

fieldset#topics {position: relative; display: inline; height: 140px;}
fieldset#topics input {vertical-align: text-bottom;}
fieldset#topics ol {width: 120px; float: left; clear: both; display: inline;position: absolute;}
fieldset#topics ol + ol {margin-left: 140px;}
fieldset#topics ol + ol + ol {margin-left: 280px;}

.account li.form-captcha input[type="text"] {margin-bottom: 10px;}


.account div.form-user-comments {float: right;}

ol.user-comments {margin-bottom: 10px;}
ol.user-comments li {border-top: 1px solid #515151;}
ol.user-comments dl {margin: 10px 0 30px;}
ol.user-comments li:first-child {border-top: none;}
ol.user-comments dl dt {display: none;}
dd.c-excerpt {margin-top: 20px;}

/*misc*/
#content-rail 	select {width: 100px;}


/* About Pages --------------------------------*/
#bio-img {float: left;}
#speaking_pic {}

.about-bio #content-main p, .about-corp #content-main p {padding: 0 22px; margin: 0 0 20px 300px;}

.about-engagement p:first-child {
    margin: 20px 0 0 0;
}

.about-show #content-main div {float: left; width: 460px;}
.about-show #content-main div.sub {width: 200px; margin-left: 22px;}



/*
	Clean-up
*/
.about-show h2 {border-bottom: 1px solid #131313; margin-bottom: 10px;}
.about-show #headline h2 {border: none;}
.about-show .sub h3 {margin-bottom: 10px;}


ol.show-schedule {border-top: 1px solid #8f8f8f;}

ol.show-schedule li {
	border-bottom: 1px solid #8f8f8f;
	padding: 6px 0;
	position: relative;
}

ol.show-schedule li span{position: absolute; left: 180px;}

.about-show p strong{font-weight: normal;}


/* topics page */
div[class*="column"] {width: 300px; float: left; margin: 0 10px;}
div[class*="column"] dl {margin-bottom: 30px;}
div[class*="column"] dt {margin-top: 10px; font-size: 18px; line-height: 18px;}
div[class*="column"] dd {display: inline; margin-right: 7px;}

table.view-list, table.view-list thead, table.view-list tbody, table.guest-list, table.guest-list thead, table.guest-list tbody {width: 100%;}
table.view-list td, table.view-list th {width: 44%;}
table.view-list, table.guest-list {margin-bottom: 50px;}
table.view-list th, table.guest-list th {padding: 7px 0;}
table.view-list thead th, table.guest-list thead th {border-bottom: 1px solid #646464;}
table.view-list tbody td, table.guest-list tbody td {border-bottom: 1px solid #e0e0e0; height: 30px;}
table.guest-list td, table.guest-list th { width: 30%; }
table.guest-list td.popularity, table.guest-list th.popularity { width: 10%; }


/* search results */
div.guest-matches ul {margin: 10px 0 30px;}
div.guest-matches ul li {display: inline; margin-right: 1px;}

/* homepage specifics --------------------------------*/
.about-home h2 {border-bottom: 1px solid #eee; color: #eee; position: relative; margin-right: 10px;}
.about-home h2 span.more {position: absolute; right: 0; bottom: 10px;}
.about-home h2 span.more a{font-size: 12px; display: inline;}

/* schedule */
dl.vevent {margin-bottom: 17px;}
dl.vevent dt abbr {color: #eee; font-size: 13px; line-height: 17px;}
dl.vevent li {list-style-type: disc; margin-left: 13px;}

/* newsletter */
form#form-newsletter {margin-top: 5px;}
form#form-newsletter input[type="text"] {width: 145px; float: left; margin-right: 5px;}


/* VIDEO KILLED THE RADIO STAR --------------------------------*/

.player #headline h2 span {font-size: 24px;}

#clip-info {position: relative;}

#share-overlay {
	height: 320px;
	width: 620px;
	background: #fff;
	position: relative;
	padding-top: 40px;
	color: #1f1f1f;
}

#share-overlay h3 {margin-bottom: 10px;}
#form-share, #form-share label, #share-overlay h3, .player label,.player form h3 {color: #1f1f1f;}
#form-share input[type="text"], #share-distrib input[type="text"] {width: 284px;}
#share-distrib ol {margin-bottom: 30px;}
#share-overlay div[id*="share-"] {float: left; width:290px; margin: 0 10px;}

a#share-close, a.window-close {position: absolute; top: 8px; right: 10px;}

#new-player {
	display: block;
	width: 460px;
	height: 345px;
	border-bottom: none;
}

#content-main #new-player:hover {
	text-decoration: none;
	border-bottom: none;
}

#flashplayer{
	width: 950px;
	height: 360px;
	padding-left: 10px;
	margin-bottom: 20px;
	background: url('../img/flashplayer_bg.gif') repeat-x;
	position: relative;
}

#flashplayer #embedded_static_image {background: transparent url('../img/presentation/btn-play.png') no-repeat 0px 0; border: none;
 position: absolute;  text-indent: -9999px; overflow: hidden; height: 60px; width: 80px; bottom: 167px; left: 200px;
}
#flashplayer #embedded_static_image:hover {background-position: 0 -60px;}

/* video/segment/clip information*/
#video-meta{color: #eee;}

#video-meta dl{margin: 0 10px 40px; float: left;}
	#video-meta dl.video-description{width: 460px;}
	#video-meta dl.video-keywords{width: 300px;}
	#video-meta dl.video-options{width: 140px; }

#video-meta dt {display: none;}
	#video-meta dl.video-keywords dt, #video-meta dl.video-keywords dd {display: inline;}

#video-meta dl.video-keywords dt, #video-meta dl.video-keywords dd a{padding-right: 5px;}

/* related content and comments */
div.content-tabbed {position: relative;}
#related_frame {height: 270px;}
div.content-tabbed div.pagination span{position: relative; left: 0; font-size: 13px;}
div.content-tabbed .pagination span.page-on {display: none;}
div.content-tabbed .pagination {color: #eee;}
div.content-tabbed .pagination a {color: red;}

li[class*="tab"] {width: 153px; float: left;
display: inline; background: #000; margin: 0 3px 0 0; position: relative; line-height: 27px; padding-left: 7px;}
li[class*="tab"] > a {display: block; width: 100%;}

	#related-tabs li[class*="tab"] > a:hover {border: none; color: #fff;}
	#related-tabs li ul li {line-height: 17px;}
	#related-tabs li.tab-selected {color: #eee;}

div.tab-content {margin: 3px 0 0 -7px;}
div.tab-content pre { margin: 0 10px; word-wrap: break-word; }

#related-tabs div.tab-content {background: #000; width: 960px; padding: 10px 0; margin-top: 3px; float: left; }
#related-tabs div.tab-content > ul {width: 140px; float: left; margin: 0 10px;}
#related-tabs div.tab-content > ol {float: left; width: 800px; margin: 0px;}
#related-tabs div.tab-content ol li {margin: 0 10px 20px;}

#related-tabs li + li div.tab-content {margin-left: -170px;}
#related-tabs li + li + li div.tab-content {margin-left: -333px;}

#content_ajax_frame {width: 680px; position: relative; margin-top: 40px;}
#comment-tabs div.tab-content {background: #fff; width: 680px;}
#comment-tabs li[class*="tab"] {background: #fff; position: relative;}
#comment-tabs li[class*="tab"] a:hover {color: #000 !important;}
#comment-tabs .comment_count {position: absolute; right: 10px; top: 0px;}

#content_ajax_frame .positionbottom {bottom: -30px;}

#comment-tabs li.tab-selected, #comment-tabs li.tab-selected a, #comment-tabs li.tab-selected a:hover {color: #000;}
#comment-tabs li[class*="tab"] a:hover {border-bottom: none !important;}


#entry_frame {padding-left: 10px;}
#entry_frame li { color: #333; }
#entry_frame form a { display: inline; top: 0; }
div.content-tabbed a.button {
	color: #ff2222 !important;
	position: relative;
	top: 20px;
	font-size: 13px;
	line-height: 17px;
	}

form input[type="submit"] {width: auto !important; margin-right: 5px;}
form#loginForm, form#commentForm {color: #1f1f1f; padding: 10px 50px 0 0;}
form#commentForm h3, form#loginForm h3 {color: #131313 !important;}
form#loginForm label li, form#commentForm li  {margin-bottom: 10px; color: #1f1f1f;}

form#user_form a {
	display: inline;
}

input#comment_cancel {border: none; color: #ff2222; background: none; cursor: pointer;}
input#comment_cancel:hover {border-bottom: 1px solid #ff2222;}


ol.comments{margin: 60px 0 0 0; padding-bottom: 40px;}

ol.comments li {
	color: #333;
	width: 620px;
	margin: 10px 0 30px 10px;
	}

ol.comments li h5 {
	border-bottom: 1px solid #333;
	color: #333;
	position: relative;
	margin-bottom: 5px;}

ol.comments li h5 span {position: absolute; right: 0px; top: 0px;}
ol.comments li h5 span a {color: #ff2222 !important;}
ol.comments li h5 span a:hover {border-bottom: 1px solid #ff2222 !important;}

ol.comments li p {line-height: 16px; margin: 0 0 16px;}



/* legal pages ------------------------------------------------- */
ol.outline {width: 300px; float: left; margin: 0 20px 0 10px;}
ol.outline > li { border-top:1px solid #131313; padding: 6px 0; border-position: inside;}
ol.outline ul {margin: 0 0 30px 37px;}
ol.outline li ul li {
	list-style-type: disc;
}

ol.outline-content~p {margin-left: 2;}
.outline-content {width: 590px; margin-left: 330px;}
.outline-content ol > li {margin-bottom: 40px;}
.outline-content h3+p, .outline-content h4+p {margin-top: 10px;}
.outline-content h4 {font-size: 13px; line-height: 17px; padding: 6px 0;}

ol[class*="list"] {margin-left: 20px;}
ol[class*="list"] li {padding-left: 26px; margin-bottom: 20px;}
.list-numeral {list-style-type: decimal;}
.list-roman {list-style-type: lower-roman;}

.vcard {margin-bottom: 20px;}

.xoxo dl dt {text-decoration: underline; margin-right: 5px; float: left;}
.xoxo dl dd {margin-bottom: 20px;}

/* Components ------------------------------------------------- */

/* rotating schdedule*/
#schedule{left: 10px; opacity: 0.9999;}

/* Google Chrome hack */
body:nth-of-type(1) #schedule { opacity: 1.000 !important;}
#schedule p{float: left;display: inline;}
#schedule p.leadIn{color: #eee;}
#schedule #rota{width: 400px; margin: 0 0 0 10px; height: 18px; display: block;}

/* sponsorship */
div.sponsors {color: #969696; }
#headline div.sponsors {top: 0px; right: 10px; position: absolute; float: left;}
#headline div.sponsors em {position: static; float: left; line-height: 15px;}
#headline div.sponsors img {height: 70px; width: 100px; background: #aaa; float: left; margin-left: 10px;}
#content-rail div.sponsors {margin-top: 46px; display: block;}
#content-rail div.sponsors img {height: 70px; width: 160px; background: #aaa; margin-bottom: 10px !important;}

#content-rail p.sponsor {
    margin: 10px 0 30px 0;
}


/* paginators */
.pagination { color: #eee; text-align: right; width: 100%; left: 0px; position: absolute; display: block;}
.pagination span.selected, .pagination a {padding-right: 3px; float: left;}
div.content-tabbed .pagination span.selected, div.content-tabbed .pagination a {padding-right: 5px;}
.pagination a {color: #b2b2b2;}
.pagination a:hover {color: #eee !important;}

.pagination .page-on {float: left; margin-left: 10px;}
.paginationtop .page-on {font-size: 18px; margin-top: 1px; line-height: 20px;}
	.railless div.pagination span.page-on {float: none;}
div.pagination .page-select {margin-right: 10px; font-size: 13px; float: right;}


.paginationtop{
	background: #646464 url('../img/pagination_bg.gif') repeat-x bottom left;
	height: 20px;
	padding: 10px 0;
	top: -40px;
}

.paginationbottom{
	background: #646464 url('../img/pagination_bottom_bg.gif') repeat-x top left;
	padding: 7px 0px;
	bottom: 0;
}

#content-main div.pagination a:hover {border: none;}

div.pagination a.nextpage, div.pagination a.prevpage {
float: left;
display: inline;
padding: 11px 0 0 0;
height: 0px !important;
width: 10px;
background-position: 0 0px;
overflow: hidden;
margin-top: 3px;
background: none;
}

div.pagination a.nextpage:hover, div.pagination a.prevpage:hover {background-position: 0 -11px;}
div.content-tabbed div.pagination a.prevpage:hover {background-position: 0 -12px;}

div.pagination a.prevpage{background-image: url("../img/presentation/arrow-prev.png"); background-repeat: no-repeat; margin-left: 5px; margin-right: 10px;}
div.pagination a.nextpage{background-image: url("../img/presentation/arrow-next.png"); background-repeat: no-repeat; margin-right: 7px; margin-left: 9px;}
div.content-tabbed div.pagination a.nextpage {background-image: url("../img/presentation/arrow-red-next	.png"); padding-right: 7px; background-repeat: no-repeat;}
div.content-tabbed div.pagination a.prevpage {background-image: url("../img/presentation/arrow-red-prev.png"); background-repeat: no-repeat;}


/* share widgets */
html .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?2:26981) no-repeat top left; }

html .del_share_link { padding: 2px 0 0 20px; height: 16px;
background:url(http://static.delicious.com/img/delicious.small.gif) no-repeat top left; }

html .digg_share_link { padding: 2px 0 0 20px; height: 16px;
background:url(../img/icons/digg.gif) no-repeat top left; }

/* rating stars */
dd span[class*="rating"] {margin-top: 2px;}
span[class*="rating"] {background-repeat: no-repeat; display: block; width: 55px; text-indent: -9999px;}

span.stars{background: url("../img/stars.gif"); height: 11px;}
span.whitestars{background: url("../img/stars_white.gif"); height: 11px;}
span.blackstars{background: url("../img/stars_black.gif"); height: 11px;}

span.rating0{background-position: 0 -55px;}
span.rating1{background-position: 0 -44px;}
span.rating2{background-position: 0 -33px;}
span.rating3{background-position: 0 -22px;}
span.rating4{background-position: 0 -11px;}
span.rating5{background-position: 0 0;}

span#rating_widget a {
	display: block;
	width: 11px;
	height: 12px;
	color: transparent;
	float: left;
	border: none !important;
}

/* jquery modal */
.jqmWindow {
    display: none;

    position: fixed;
    top: 25%;
    left: 50%;

    margin-left: -300px;
    width: 600px;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmWindow p {
	text-align: left;
}

.jqmWindow a:hover {
	color: #FF3000;
	text-decoration: underline;
}

.jqmWindow#itunes_popup {
	padding-top: 24px;
}

.jqmOverlay { background-color: #000; }

/* self-clearing floats */

.clearfix:after,
ul#related:after, #content_ajax_frame:after,
.about-home h2:after,
ol[class*='medallion']:after,
div#related_frame:before,
div#related_frame:after

{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}


/* Hides from IE-mac \*/
* html .clearfix, * html #body {height: 1%;}
.clearfix, #body {display: block;}
/* End hide from IE-mac */