@import url(http://fonts.googleapis.com/css?family=Fugaz+One);

html {
 font-family: arial, verdana, helvetica, arial, sans serif;
 font-size: 14px;
 background-color: #000 !important;
 background-size: 100%;
 -moz-background-size: 100%; /* Firefox */
 -webkit-background-size: 100%;
 -o-background-size: 100%;
 background-repeat: no-repeat;
 background-position:  center center;
 background-attachment: fixed;
 margin: 0px; 
 padding: 0px; 
 width: 100%;
 height: 100%; 
 border: none;
}

img {
 border: 0px;
}
hr {
 border:0;
 height: 1px;
 background: #e0e0e0;
}

a {
 color: #333;
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
#nav_top, #m_nav_top {
 text-transform:uppercase;
 position: absolute; 
 top: 0;
 left: 0;
 width:100%;
 height: 50px;
 z-index: 100;
 background: #000; 
 opacity: 0.7;
 color: #FFF;
 font-family: 'Fugaz One', Georgia, Tahoma, Impact, Verdana, Geneva, sans-serif;
 font-size: 24px;
 line-height: 50px;
 padding-left: 7px;
 font-weight: 300;
 vertical-align: middle;
}
#nav_top_right, #m_nav_top_right {
 position: absolute;
 right: 0;
 top: 0;
 padding-right: 20px;
 padding-top: 12px;
 text-align: right;
 z-index: 200;
 color: #FFF;
}

#nav_bottom {
 position: absolute; 
 bottom: 0;
 left: 0;
 width:100%;
 height: 305px;
 z-index: 110;
 background: #e0e0e0;
 opacity: 0.7;
}

#panel_audio_container {
 width: 480px;
}

#panel_audio {
 position: absolute;
 left: 0px;
 top: 50px;
 bottom: 0px;
 width: 480px;
 background: white;
 color: #555;
 z-index: 95;
 opacity: 0.9;
 font-size: 14px;
 color: #000;
 font-family: tahoma, arial, helvetica, sans serif;
 overflow-y: auto;
}
#panel_audio audio {
 width: 100%;
}

#soundcloud_player {
 height: 165px;
 overflow: hidden;
}


#panel_links_container {
 width: 600px;
 margin: 0px;
}

#panel_links {
 position: absolute;
 right: 0px;
 top: 50px;
 bottom: 0px;
 width: 600px;
 background: white;
 color: #555;
 z-index: 80;
 opacity: 0.9;
 font-size: 18px;
 color: #000;
 font-family: tahoma, arial, helvetica, sans serif;
 overflow-y: auto;
}
#panel_links ul {
 padding: 10px;
 margin: 0px;
}
#panel_links li {
 list-style-type: none;
 line-height: 1.5em;
}
#panel_share {
 position: absolute;
 right: 0px;
 top: 50px;
 width: 360px;
 background: white;
 color: #555;
 z-index: 90;
 opacity: 0.9;
 font-size: 18px;
 color: #000;
 font-family: tahoma, arial, helvetica, sans serif;
 padding: 20px;
 display: none;
}
#panel_share td {
 vertical-align: middle;
}

#panel_info_container {
 width: 480px;
}
#panel_info {
 position: absolute;
 right: 0px;
 top: 50px;
 bottom: 0px;
 width: 480px;
 background: white;
 color: #555;
 z-index: 60;
 opacity: 0.9;
 font-size: 18px;
 color: #000;
 font-family: tahoma, arial, helvetica, sans serif;
 overflow-y: auto;
 padding: 20px;
 display: none;
}

#panel_info {
 color: #666;
}
#panel_info h2 {
 margin: 0;
 font-size: 18px;
 color: #000;
}
#panel_info h3 {
 margin: 12px 0px 4px 0px;
 font-size: 16px;
 color: #111;
}
#panel_info .image_link, #about_info .image_link {
 width: 100px;
 float: left; 
 margin-right: 5px;
}


#panel_audio:hover, #panel_info:hover, #panel_links:hover, #panel_share:hover {
  opacity: 1.0;
}

#bc_buttons {
 text-align: right;
}
.button_sc {
 cursor: pointer;
 width: 60px;
 background: #FF6600;
 color: white;
 border: 1px solid #FF5500;
 border-radius: 5px;
 font-size: 12px;
 text-align: center;
 float: right;
 margin: 4px;
 padding: 2px;
}
.button_sc:hover {
 background: #FF5500;
 border: 1px solid #FF4400;
}


#user_tweets {
 margin: 10px;
}
.button {
 cursor: pointer;
}
#links_cities {
 padding: 10px 20px 0px 20px;
 float: left;
// border-right: 1px solid #eee;
}
#links_cities_continued {
 padding: 10px 20px 0px 20px;
 float: left;
 border-right: 1px solid #eee;
}
#links_special {
 padding: 10px 20px;
 float: left;
}
.link_selected  {
 color: orange;
}
#links_cities a:hover, #links_cities_continued a:hover, #links_special a:hover, #panel_share a:hover, #panel_info a:hover {
 color: orange;
 text-decoration: none;
}

#about_info {
 padding: 10px 20px;
 text-align: left;
 vertical-align: top;
}

#broadcastify_player, #video_player {
 margin: 7px;
}


#nyt_headlines_div {
 width: 460px;
/* height: 240px; */
 overflow-y: auto;
 overflow-x: hidden;
}

#nyt_logo {
 height: 24px;
 text-align: left;
 float: left;
 margin-right: 4px;
}
#nyt_title {
 color: #333;
 float: left;
 font-family: georgia,"times new roman",times,serif;
 margin-bottom: 4px;
}

.nyt_article td {
 vertical-align: top;
 font-family: georgia,"times new roman",times,serif;
}
.nyt_article a {
 text-decoration: none;
 color: #004276;
}
.nyt_article a:hover {
 text-decoration: underline;
}
.nyt_article a:visited {
 color: #669;
}
.nyt_article .headline {
 font-size: 16px;
 line-height: 15px;
 font-weight: bold;
}
.nyt_article .byline {
 font-size: 12px;
 line-height: 14px;
 color: #808080; 
 font-family: arial,helvetica,sans-serif;
}

.nyt_article .time {
 color: #a81817;
 font-size: 10px;
 font-family: arial,helvetica,sans-serif;
}
.nyt_article .summary {
 margin-top: 2px;
 margin-bottom: 2px;
 color: #333;
 font-size: 14px;
 line-height: 16px;
 font-family: georgia,"times new roman",times,serif;
}
.nyt_article img {
 width: 75px;
 height: 75px;
}

.nyt_article {
 border-top: 1px solid #d0d0d0;
 padding: 4px 0;
}
#nyt_div:hover {
 opacity: 1.0;
}
.nyt_article:hover {
 background: #f0f0f0;
}


#tweets_div {
 width: 460px;

 overflow-y: auto;
}
#twitter_logo {
 height: 24px;
 text-align: left;
 float: left;
 margin-right: 4px;
}
#twitter_section_title {
 color: #333;
 float: left;
}


/* volume control styling */
#vc_slider {
 text-align: right;
 float: right;
 margin: 8px 16px 8px 4px;
 width: 100px;
 height: 11px;
}
#vc_volume_image {
 margin-top: 2px;
 text-align: right;
 float: right;
 width: 25px;
 height: 25px;
 right: -5px;
 background: url('../images/vc_volume.png') no-repeat 0 -75px;

}
.ui-slider-horizontal .ui-state-default {
 z-index: 2;
 width: 25px;
 height: 25px;
 cursor: pointer;
 background: url(../images/vc_handle.png) no-repeat 50% 50%;
 outline: none;
 outline: none;
 border: none;
 top: -7px;
 margin-left: -12px; 
}

.orange_button {
 text-align: center;
 width: 220px;
 cursor: pointer;
 border-radius: 5px;
 background-color: #F88017;
 border: 1px solid #F06017;
 color: #FFFFFF;
 font-size: 14px;
 padding: 4px;
}
.orange_button:hover {
 background-color: #F56D17;
 border: 1px solid #EB5200;
 color: #FFFFFF;
 text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}
.orange_button:active {
 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
}

.byo_subheader {
 float: left; 
 vertical-align: bottom;
 font-weight: bold;
 color: #444; 
 height: 24px; 
 font-size: 16px;
}
.byo_subheader_image {
 float: right; 
 text-align: right;
 border: 0;
 height: 24px;
}

#m_audio_panel {
 margin-top: 70px;
}

#m_nav_top {
 font-size: 14px;
}
#m_nav_top_right {
 padding-right: 10px;
}
#m_audio_title, #m_audio_title a {
 font-family: Georgia, Tahoma, Impact, Verdana, Geneva, sans-serif; 
 color: #FFF;
 font-size: 14px;
 margin: 10px 3px;
}
#m_panel_links {
 position: absolute;
 top: 50px;
 left: 0px;
 margin: 0;
 padding: 0;
 z-index: 50;
 background: #000;
 color: #ffff;
 width: 100%;
 vertial-align: middle;
 display: none;
}
.m_menu_item {
 border-bottom: 1px solid #333;
 color: #eee;
 font-size: 18px;
 cursor: pointer;
}
.m_menu_item a {
 color: #eee;
}
.m_menu_item img {
 float: left;
 height: 64px;
 width:  90px;
 border: 0;
}
.m_menu_item_title {
 float: left;
 margin-left: 5px;
 margin-top: 21px;
}

.quick_links {
 color: #666;
 font-size: 11px;
 font-weight: normal;
}
.quick_link {
 cursor: pointer;
}
.quick_link:hover {
 text-decoration: underline;
}

#share_page_link_wrapper {
 color:#666;
 font-size: 11px;
 font-weight: normal;
}
#share_page_link {
 color:#666;
}

#try_mobile_div {
 float: left;  
 font-size: 18px; 
 margin-right: 20px; 
 margin-top: 1px;
 color: #FFF;
 text-transform:uppercase;
}
#try_mobile_div a {
 color: #FFF;
}  

#cities_container {
 float: left;
}
#byo_link {
 margin-left: 20px; 
 font-style: italic;
 text-wrap: normal;
 width: 310px;
}
#byo_link a {
 font-size: 14px; 
 color: #666;
}

#bg_video {
 position:fixed;
 right:0;
 bottom:0;
 min-width:100%;
 min-height:100%;
 width:auto;
 height:auto;
 z-index:-100;
}

#bg_iframe {
 margin: 0;
 padding: 0;
 position: fixed:
 top: 0;
 left: 0;
 min-width:100%;
 /*min-height:100%;*/
 height:1000px;
 z-index: 2;
 display: block; 
 width: 100%; 
 border: none; 
 overflow-y: auto; 
 overflow-x: hidden;
}