body { font: 13px/1.35em Arial, Helvetica, sans-serif; color: #333; }

h1, h2, h3, h4, h5, h6 { font-family: Georgia, serif; margin: 0 0 12px 0; line-height: 1.35em; }
a, a:link, a:visited { color: #000; }
a:hover, a:active { color: #36c; }

.navbar .nav li.npr { background: url('http://media.npr.org/blogs/health/vertical/npr_55x38.jpg') no-repeat center left; text-indent: -999px; }
.navbar .nav > li.npr > a { display: block; width: 55px; padding-left: 0; }
.navbar .nav > li.donate > a { font-weight: bold; color: #ccc; }

#social { float: right;	position: relative;	top: 8px; right: 0; }
#social .facebook { float: right; }
#social .twitter { float: right; margin-right: 10px; }

#header { margin-top: 60px; margin-bottom: 2px; }
#header .span12 { background: url('http://www.npr.org/assets/multimedia/2012/08/conventions-live/banner-temp.jpg') no-repeat; height: 200px; }

#header h1 { font-size: 28px; line-height: 30px; font-weight: normal; padding-top: 15px; margin: 0 0 3px 15px; color: #FFF; text-shadow: 2px 2px #000000; }
#maincontent #header h3 { font-weight: normal; margin: 0 0 3px 15px; color: #999; }

#playercon { color: #FFF; margin-left: 15px; margin-top: 15px; padding-right: 15px; height: 70px; border: 1px solid rgba(51,51,51,.8); position: relative; display: inline-block; }
#playercon #theplayer { padding: 4px; float: left; }
#playercon .speaking { font: 16px Arial;  margin: 0px 0 0 6px;  float: left; line-height: 22px;}
#playercon .slug { font: 12px Arial; color: #666; }
#playercon #eq_gfx { float:left }
#playerdisp { font: 12px Arial; color: #666; margin-left: 12px; float: left; }
#playercon #playerstatus { background-color: rgb(51,51,51); background-color: rgba(51,51,51,.8); position: absolute; top: 48px; width: 100%; height: 19px; padding-top: 4px;}
#playercon #playerstatus img { vertical-align: top; padding: 0px 0px 0px 4px; }

body.comingSoon #playercon { position: absolute; top: -2000px; }

#comingsoon { position: relative; background: url('../images/coming-soon-bg-wide.png') no-repeat right bottom; height: 62px; margin: 6px 0 0 -12px; display: none; float: left; }
#comingsoon b { position: absolute; top: 0; left: 0; display: block; width: 12px; height: 6px; overflow: hidden; background: url('../images/coming-soon-upper-tab.png') no-repeat right bottom; }
#comingsoon .message { font: bold 12px Arial; text-transform: uppercase; color: #FFF; padding: 20px 35px 0 30px; white-space: nowrap; }

/* hide both player and comingsoon initially */
#playercon, #comingsoon { visibility: hidden; }

#maincontent .span4 { min-width: 300px; }

#maincontent h2 { font-size: 1.3em; margin-bottom: 3px; text-transform: lowercase; }
#maincontent h3 { font: normal .9em/1.4em Arial, Helvetica, sans-serif; color: #666; }

#liveUpdates { margin-bottom: 18px; overflow: hidden; height: 9em; width: 100%; position: relative; background-color: #f1f1f1; }
#liveUpdates .updateWrapper { height: 9em; position: absolute; top: 0; left: 40px; margin-bottom: 18px; }
#liveUpdates .update { width: 219px; padding: 5px 0 5px 12px; height: 9em; float: left; margin-left: 12px; border-left: 2px solid #FFF; overflow: hidden; }
#liveUpdates .update:first-child { padding-left: 0; margin-left: 0; border-left: none; }
#liveUpdates .update img { float: left; margin-right: 10px; }
#liveUpdates .update h3.slug { font-size: .9em; margin-bottom: 3px; color: #999; }
#liveUpdates .update h4 { font-size: 1em; margin-bottom: 3px; }
#liveUpdates .update p { font-size: .9em; color: #555; margin: 0; }
#liveUpdates .update.img h3.slug, #liveUpdates .update.img h4, #liveUpdates .update.img p { margin-left: 85px; }
#liveUpdates .updateBack, #liveUpdates .updateNext { width: 30px; height: 9em; position: absolute; top: 0; background: #D9D9D9 url('http://media.npr.org/news/graphics/2012/08/live-update-controls.png'); text-indent: -9999px; -webkit-user-select:none; -moz-user-select:none; user-select: none; }
#liveUpdates .updateBack:hover, #liveUpdates .updateNext:hover { background-color: #6D8DCC; cursor: pointer; }
#liveUpdates .updateBack { left: 0; background-position: 12px 54px; border-right: 1px solid #FFF; }
#liveUpdates .updateNext { right: 0; background-position: -86px 54px; border-left: 1px solid #FFF; }
#liveUpdates a { display: block; }
#liveUpdates a:hover { text-decoration: none; }
#liveUpdates span.more { white-space: nowrap; color: #666; }
#liveUpdates span.more a { font-weight: bold; }

#chat iframe { height: 1200px; }
body.comingSoon #chat iframe { height: 300px; }
#chat .chatWrapper { border: 1px solid #000; border-top: none; }

#speakerList { margin: 0; padding-top: 18px; overflow: hidden; height: 1%; }
#speakerList .date { color: #999; display: block; }
#speakerList ul { padding: 0; margin: 9px 0 0 0; list-style: none; }
#speakerList ul ul { width: 70%; float: right; margin-top: -14px; }
#speakerList li { padding: 12px 0 0 0; margin: 12px 0 0 0; height: 1%; overflow: hidden; border-top: 1px dotted #CCC; }
#speakerList ul ul li:first-child { margin-top: 0; border-top: none; }
#speakerList h3.slug { font-size: .9em; margin-bottom: 3px; color: #999; float: left; width: 28%; }
#speakerList h4 { font-size: 1em; margin-bottom: 0; }
#speakerList p { font-size: .9em; color: #555; margin: 0; }
#speakerList p.archive { margin-top: 6px; }
#speakerList p.archive a { display: block; background: url('http://www.npr.org/chrome/news/icon_audio_mini.gif') no-repeat left center; padding-left: 20px; font-size: .9em; }
#speakerList p.more { font-weight: bold; text-align: right; margin-top: 18px; text-transform: lowercase; }
#speakerList p.more a { padding-right: 12px; background: url('http://media.npr.org/chrome/news/ico-more-sm.gif') no-repeat right center; }
#speakerList .img img { float: left; width: 33%; }
#speakerList .img h3.slug, #speakerList .img h4, #speakerList .img p { margin-left: 36%; }
#speakerList .img h4 { margin-bottom: 3px; }

body.comingSoon #speakerList { padding: 30px 0 24px 0; }

#politicsPromo { padding: 18px 0; background: url(http://media.npr.org/chrome/news/hrule_double.gif) repeat-x bottom left; }
#politicsPromo .content { margin-top: 10px; }
#politicsPromo p { font-size: 13px; color: #666; margin: 0; }
#politicsPromo p.more { padding: 10px 0 0 0; border: none; font-size: 12px; text-align: right; }
#politicsPromo p.more a { color: #333; font-weight: bold; background: transparent url(http://media.npr.org/chrome/news/ico-more-sm.gif) no-repeat scroll right center; padding: 0 10px 0 0; }

#footer .credits { font: italic 11px Arial; color: #999; margin-top: 10px; }
#footer ul.bottomlist { clear: left; padding: 15px 0; margin: 0; height: 1%; overflow: hidden; list-style: none; }
#footer ul.bottomlist.elexLinks { margin-top: 15px; border-bottom: 1px dotted #CCC; border-top: 1px dotted #CCC; }
#footer ul.bottomlist li { float: left; font-size: 12px; margin-right: 15px; color: #999; }
#footer ul.bottomlist li a { color: #999; }
#footer ul.bottomlist li.elex a,
#footer ul.bottomlist li.help a, 
#footer ul.bottomlist li.contact a { color: #000; font-weight: bold; }
#footer ul.bottomlist li.donate a { font-weight: bold; color: #F30; }

.adwrapper { zoom: 1; padding: 18px 0 12px 0; background: #f1f1f1 url(http://media.npr.org/chrome/news/hrule_double.gif) repeat-x bottom left; }
.sponsor300 { overflow: hidden; width: 300px; margin: 0 auto; }
.sponsor300 p { margin: 0; font-size: 10px; color: #333; }
.sponsor300 p.right { margin-top: 4px; margin-right: 1px; font-style: italic; float: right; }
.sponsor300 p.left { float: left; margin-top: 4px; }

/* iOS webapp bookmark prompt
#bookmark-bubble { position:absolute; z-index:1000; width:100%; left:0; top:0; }
#bookmark-bubble-inner { position:relative; width:300px; padding:12px 16px 8px 4px; color:#fff; background-color:#333; font-size:14px; font-family:sans-serif; }
#bookmark-bubble-icon { float:left; width:57px; height:57px; margin:-2px 7px 3px 5px; -webkit-background-size:contain; -webkit-border-radius:10px; border:1px solid #333; }
#bookmark-bubble-arrow { width:25px; height:19px; position:absolute; left:111px; }
#bookmark-bubble-close { position:absolute; display:block; top:-5px; right:-5px; width:32px; height:32px; border:10px solid transparent; -webkit-background-size:contain; }
#bookmark-bubble-clear { clear:both; }  */

@media (min-width: 1200px) {
	.sponsor300 p.left { margin-left: 0; }
	.sponsor300 p.right { margin-right: 1px; }
}
@media (min-width: 980px) and (max-width: 1199px) {
	.sponsor300 p.left { margin-left: 10px; }
	.sponsor300 p.right { margin-right: 10px; }
}
@media (min-width: 768px) and (max-width: 979px) {
	.navbar-fixed-top .container { width: 724px; }
	
	#header { margin-top: 0; }
	#maincontent .span8 { max-width: 404px; }
	.sponsor300 p.left { margin-left: 10px; }
	.sponsor300 p.right { margin-right: 10px; }
	body.comingSoon #chat iframe { height: 400px; }
}
@media (max-width: 767px) {
	.navbar-fixed-top .container { width: 100%; }
	.navbar-fixed-top .navbar-inner { padding-left: 20px; padding-right: 20px; }
	#header { margin-top: 0; }
	#liveNews .img img { width: 90px; }
	#liveNews .img h4, #liveNews .img p { margin-left: 100px; }
	.adwrapper { margin-top: 9px; }
	#chat iframe { height: 600px; }
	body.comingSoon #chat iframe { height: 350px; }
}
/* hide nav when it starts to clash with the share bar */
@media (max-width: 535px) {
	.navbar .nav li { display: none; }
	.navbar .nav li.npr { display: block; }
}
@media (max-width: 480px) {
	body { padding: 0px 10px; }
	.navbar-fixed-top { margin: 0 -10px 1px -10px; }
	.navbar-fixed-top .navbar-inner { padding: 0 10px; }
	.navbar-fixed-top .container { width: auto; }
	#header { margin-left: -10px; margin-right: -10px; }
	#header h1 { font-size: 1.6em; line-height: 1.2em; padding-top: 21px; }
	#header h3 { font-size: .9em; font-family: Arial, Helvetica, sans-serif; font-style: normal; }
	#footer { border-top: 1px solid #CCC; margin-top: 24px; }
	.adwrapper:before { background: #f1f1f1 url(http://media.npr.org/chrome/news/hrule_double.gif) repeat-x top left; height: 3px; content:'.'; overflow: hidden; text-indent: -9999px; display: block; margin-top: -18px; padding-top: 18px; }
	.adwrapper { margin-left: -10px; margin-right: -10px; }
	#chat iframe { height: 400px; }
	body.comingSoon #chat iframe { height: 450px; }
	#chat { margin-bottom: 18px; }
	#liveUpdates { margin-left: -10px; margin-right: -10px; width: auto; height: auto; }
	#liveUpdates .updateBack, #liveUpdates .updateNext { display: none; }
	#liveUpdates .update { display: none; height: auto; }
	#liveUpdates .update:first-child { display: block; width: auto; padding: 6px 10px 12px 10px; }
	#liveUpdates .updateWrapper { left: 0; width: 100%; position: relative; height: auto; }
	#playercon {  }
	#playercon .speaking { font: 12px Arial;  margin: 3px 0 0 6px;  float: left; line-height: 14px; max-width: 300px;}
}
@media (max-width: 479px) {
	#header h1 { font-size: 1.5em; }
}