/* Page Settings */

body, html {
	background: #000;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

body {
	font-family: Arial, Verdana, Times, sans-serif;
	font-size: 62.5%;
	color: #696969;
}

a {
	color: #696969;
	text-decoration: none;
}

a:hover, a:active {
	color: #ffde03;
	text-decoration: none;
}

img {
	border: 0px;
}
	
h1 {
	font-size: 1.4em;
	font-family: Arial, Verdana, Times, serif;
	color: #fff;
	margin: 12px 0px 2px 0px;
}

h2 {
	font-size: 1.2em;
	font-family: Arial, Verdana, Times, serif;
	color: #fff;
	padding-bottom: 5px;
	margin-bottom: 16px;
	border-bottom: 1px solid #c106c1;
}

p {
	font-size: 1em;
}

strong {
	font-weight: bold;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clear {
	clear: both;
}

p.missingFlash {
	background-color: #e7de83; /*#e67979;*/
	border:1px solid #f3e129; /*#b12c2c;*/
	color:#000;
	padding: 12px;
}

p.missingFlash a {
	text-decoration: underline;
}

p.missingFlash a:hover {
	color: #000;
}

/* Forms */

form.shareForm label.error { 
	color: #c106c1;
	margin-left: 123px;
}

form.shareForm fieldset {
	margin-bottom: 10px;
	border: none;
}
form.shareForm legend {
	padding: 0 2px;
	font-weight: bold;
	text-indent: -9999px;
}
form.shareForm label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
}
form.shareForm fieldset ol {
	margin: 0;
	padding: 0;
}
form.shareForm fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
}

form.shareForm fieldset input, form.shareForm fieldset select, form.shareForm fieldset textarea {
	background: #2b2b2b;
	border: #828282 solid 1px;
	font-size: 9.2pt;
	color: #fff;
}

form.shareForm fieldset p {
	padding: 5px;
	margin-left: 123px;
}

form.shareForm fieldset input[type="submit"], form.shareForm fieldset input[type="reset"] {
	background: #c106c1;
	border: none;
	font-size: 7.2pt;
	color: #fff;
	margin-right: 15px;
	height: 24px;
	width: 80px;
}

form.shareForm fieldset fieldset {
	border: none;
	margin: 3px 0 0;
}
form.shareForm fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
}
form.shareForm fieldset fieldset label {
	display: block;
	width: auto;
}
form.shareForm em {
	font-weight: bold;
	font-style: normal;
	color: #c106c1;
	margin-left: 4px;
}
form.shareForm label {
	width: 120px; /* Width of labels */
}
form.shareForm fieldset fieldset label {
	margin-left: 123px; /* Width plus 3 (html space) */
}

/* Main Page */

#container {
	width: 943px;
	margin: 0px auto;
	padding: 0px;
	position:relative;
}

#mainContent {
	width: 630px;
	margin: 0px;
	padding: 0px 47px 0px 47px;
	float: left;
	text-align: left;
	border-right: 1px solid #333;
}

h1#reelName {
	float:left;
}

#options {
	width: 225px;
	text-align:right;
	float: right;
	margin: 12px 0px 0px 0px;
	padding: 0px;
	position: relative;
	z-index: 98;
}

#options li {
	display: inline;
	margin-left: 10px;
	line-height: 14px;
}

#options li img {
	margin: 0px 3px;
	vertical-align: middle;
}

#options a {
	color: #fff;
	text-decoration: none;
}

#options a:hover, #options a:active {
	color: #ffde03;
	text-decoration: none;
}

#showOptions img {
	border: 1px solid #333;
	padding: 2px;
	cursor: pointer;
}

#optionsMenu {
	background: #000;
	border: 1px solid #333;
	margin: -1px 0px 0px 0px;
	padding: 0px;
	position: absolute;
	opacity: 0.9;
	right: 0px;
	width: 120px;
	z-index: 97;
	visibility: hidden;
}

#optionsMenu li {
	display: block;
	margin: 0px;
	padding: 5px;
	border-bottom: 1px solid;
	text-align: left;
}

#optionsMenu li:hover {
	background: #333;
}

#optionsMenu li:last-child {
	border-bottom: none;
}

#optionsMenu li img {
	margin: 0px 4px 0px 0px;
	vertical-align: middle;
}

#overlay {
	background: #000;
	opacity: 0.87;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99;
	min-height:544px;
	height:auto !important;
	height:544px;
}

pre#embed {
	background: #2b2b2b;
	border: #828282 solid 1px;
	color: #fff;
	width: 685px;
	height: 154px;
	overflow: auto;
}

.overlayContent {
	margin: 0px 50px;
	padding: 30px;
	font-size: 1.1em;
	color: #696969;
	text-align: left;
	position: relative;
	visibility: hidden;
}

.overlayContent h1 {
	margin-bottom: 20px;
}

.overlayContent h2 {
	margin: 30px 0px 5px 0px;
	font-size: 1.2em;
	font-family: Arial, Verdana, Times, serif;
	color: #c106c1;
	border-bottom: none;
}

.overlayContent p {
	margin-bottom: 16px;
}
.overlayContent a, .overlayContent a:hover, .overlayContent a:active {
	text-decoration: underline;
}

.closeOverlay {
	width: 55px;
	height: 14px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

#subscribe {
	width: 664px;
	margin: 20px auto;
}

#subscribeRSS {
	margin-top: 40px;
	margin-right: 20px;
	float: left;
	cursor: pointer;
}

#subscribeiTunes {
	margin-top: 40px;
	margin-left: 20px;
	float: right;
	cursor: pointer;
}

#loading {
	width: 32px;
	height: 32px;
	margin: 0px auto;
	position: absolute;
}

/* Side Information */

#subContent {
	width: 168px;
	margin: 10px;
	padding: 0px 5px;
	float: left;
	text-align: left;
}

#companyLogo {
	width: 178px;
	height: 65px;
	margin: 0px auto 10px auto;
}

#CBpowered {
	margin: 0px auto;
	text-align: center;
	position:absolute;
	bottom:0;
	right:15px;
}

#nowPlaying {
	width: 168px;
	margin: 0px auto 20px auto;
}

#nowPlaying h2 {
	margin-bottom:0px;
}

#nowPlaying div.scrollerContent {
	height: 108px; /* 6 slots @ 18px line-height each */
}

#nowPlaying ul span {
	color: #696969;
	margin-right: 10px;
}

#nowPlaying ul li {
	color: #a4a4a4;
}

/*More Reels Menu */

#moreReels {
	width: 168px;
	margin: 0px auto 20px auto;
}

#moreReels div.scrollerContent {
	height: 144px; /* 8 slots @ 18px line-height each */
}


div.listScroller {
	position:relative;
	padding:0px;
	margin: 0px;
}

div.scrollerContent {
	overflow:hidden;
}

div.scrollerContent ul {
	margin:0px;
}

div.scrollerContent li {
	/*height:18px;*/
	line-height: 18px;
	padding: 0px 4px;
}

div.scrollerContent li:hover {
	/*height:18px;*/
	line-height: 18px;
	background:#1E1C1D none repeat scroll 0 0;
	color: #fff;
	padding: 0px 4px;
}

div.scrollerContent li:hover a {
	color: #fff;
}

div.scrollerUp {
	background: transparent url(../images/arrow-up.jpg) no-repeat top center;
	width: 10px;
	height: 9px;
	margin: 5px auto;
	visibility:hidden;
	text-indent: -9999px;
	cursor: pointer;
}

div.scrollerDown {
	background: transparent url(../images/arrow-down.jpg) no-repeat top center;
	width: 10px;
	height: 9px;
	margin: 5px auto;
	text-indent: -9999px;
	cursor: pointer;
}


/* Reel Scroller */

#reelScroller {
	width: 640px;
	height: 49px;
	margin: 20px auto 0px auto;
	padding: 0px;
	text-align: left;
	position: relative;
}

#prevBtn {
	background: url(../images/prevBtn.jpg) no-repeat 0 0;
	width: 15px;
	height: 49px;
	margin: 0px 7px 0px 0px;
	padding: 0px;
	float: left;
	cursor: pointer;
}

#prevBtn:hover {
	background-position: -15px 0px;
}

#scrollerContainer {
	width: 595px;
	height: 88px;
	margin: 0px;
	padding: 0px;
	float: left;
	overflow: hidden;
}

#reel {
	margin: 0px;
	padding: 0px;
}

#reel ul {
	margin: 0px;
	padding: 0px;
}

#reel ul li {
	margin: 0px;
	padding: 0px 11px 0px 11px;
	list-style: none;
	display: block;
	float: left;
	cursor: pointer;
}

#reel li span {
	color: #fff;
	position: relative;
	top: -10px;
}

#nextBtn {
	background: url(../images/nextBtn.jpg) no-repeat 0 0;
	width: 15px;
	height: 49px;
	margin: 0px 0px 0px 7px;
	padding: 0px;
	float: left;
	cursor: pointer;
}

#nextBtn:hover {
	background-position: -15px 0px;
}



/**************
*
*
*	OVERLAY
*
*
***************/
/* Forms */

form.shareForm label.error { 
	color: #c106c1;
	margin-left: 123px;
}

form.shareForm fieldset {
	margin-bottom: 10px;
	border: none;
}
form.shareForm legend {
	padding: 0 2px;
	font-weight: bold;
	text-indent: -9999px;
}
form.shareForm label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
}
form.shareForm fieldset ol {
	margin: 0;
	padding: 0;
}
form.shareForm fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
}

form.shareForm fieldset input, form.shareForm fieldset select, form.shareForm fieldset textarea {
	background: #2b2b2b;
	border: #828282 solid 1px;
	font-size: 9.2pt;
	color: #fff;
}

form.shareForm fieldset p {
	padding: 5px;
	margin-left: 123px;
}

form.shareForm fieldset input[type="submit"], form.shareForm fieldset input[type="reset"] {
	background: #c106c1;
	border: none;
	font-size: 7.2pt;
	color: #fff;
	margin-right: 15px;
	height: 24px;
	width: 80px;
}

form.shareForm fieldset fieldset {
	border: none;
	margin: 3px 0 0;
}
form.shareForm fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
}
form.shareForm fieldset fieldset label {
	display: block;
	width: auto;
}
form.shareForm em {
	font-weight: bold;
	font-style: normal;
	color: #c106c1;
	margin-left: 4px;
}
form.shareForm label {
	width: 120px; /* Width of labels */
}
form.shareForm fieldset fieldset label {
	margin-left: 123px; /* Width plus 3 (html space) */
}

#subscribe {
	width: 500px;
	margin: 40px auto;
}

#subscribeRSS {
	width: 210px;
	background: url(../images/subscribe-rss-top.png) no-repeat;
	padding-top:80px;
	padding-bottom: 2px;
	margin: 0px 40px 0px 0px;
	float: left;
}

#subscribePod {
	width: 210px;
	background: url(../images/subscribe-podcast-top.png) no-repeat;
	padding-top:80px;
	padding-bottom: 2px;
	margin: 0px 40px 0px 0px;
	float: left;
}

#subscribeRSS ul, #subscribeRSS li, #subscribePod ul, #subscribePod li {
	display:inline;
	margin:0px;
	padding:0;	
}


#subscribeRSS li a, #subscribePod li a {
	float:left;
	width:70px;
	height: 23px;
	text-indent:-9999px;
	outline: none;
	overflow: hidden;
}

#subscribeRSS a {
	background: url(../images/subscribe-rss-bottom.png) no-repeat;
	width: 210px;
}

#subscribePod a {
	background: url(../images/subscribe-podcast-bottom.png) no-repeat;
	width: 210px;
}

a#rss, a#itunes {
	background-position: 0 0;
}

a#rss:hover, a#itunes:hover {
	background-position: 0 -23px;
	cursor: pointer;
}

a#atom, a#zune {
	background-position: -70px 0;
}

a#atom:hover, a#zune:hover {
	background-position: -70px -23px;
	cursor: pointer;
}

a#xml, a#other {
	background-position: -140px 0;
}

a#xml:hover, a#other:hover {
	background-position: -140px -23px;
	cursor: pointer;
}