/*****[ fonts ]*****/

@font-face {
    font-family: 'futura_std_bookregular';
    src: url('content/fonts/futurastd-book-webfont.eot');
    src: url('content/fonts/futurastd-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('content/fonts/futurastd-book-webfont.woff') format('woff'),
         url('content/fonts/futurastd-book-webfont.ttf') format('truetype'),
         url('content/fonts/futurastd-book-webfont.svg#futura_std_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'futura_std_extraboldregular';
    src: url('content/fonts/futurastd-extrabold-webfont.eot');
    src: url('content/fonts/futurastd-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('content/fonts/futurastd-extrabold-webfont.woff') format('woff'),
         url('content/fonts/futurastd-extrabold-webfont.ttf') format('truetype'),
         url('content/fonts/futurastd-extrabold-webfont.svg#futura_std_extraboldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*****[ common ]*****/

body {	
	color: #fff;
	background-color:#000000;
	width: 100%;
	height: 100%;
	text-align: center;
}
#radio_bg {
	position: fixed; 
	top     : 0;
	left    : 0;
}
#radio_wrapper {
	position  : fixed;
	top       : 0;
	left      : 0; 
	width     : 100%;
	height    : 100%;
	text-align: left;
	margin    : 0;
	padding   : 0;
	background:url(http://strombo.com/radio/wp-content/themes/strombo/images/radio_bg_1366.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;
}
#radio_container {
	position  : relative;
	text-align: left;
	width     : 100%;
	max-width:1265px;
	height    : 100%;
	margin    : 0px auto;
	padding   : 0px 0px 0px 0px;
}
#radio_content {
	position  : absolute;
	top       : 0;
	left      : 30%; 
	width     : 60%;
	min-height: 100%;
	margin    : 0 0 0 0;
	padding   : 0px 0px 0px 0px;
	filter    : progid:DXImageTransform.Microsoft.gradient(startColorstr=#85000000, endColorstr=#85000000);
	background: rgba(0,0,0,0.85);
}
#radio_logo {
	position:relative;
	padding:0; 
	margin-top:100px;
	margin-bottom: 50px;
}
#radio_logo img {
	width:80%;
	display:block;
	margin:0 auto;
}
#listen_live {
        height:55px; 
        width:185px; 
        padding-left:15px;
        position:absolute;
        visibility:hidden;
        top:20px;
        right:20px;
        text-transform:uppercase;
        font-family:'AkzidenzGroteskBECnRegular',"Trebuchet MS",Arial,sans-serif;
        font-size:24px;
        background-color: rgba(150, 150, 150, 0.4);
        -moz-border-radius   : 5px;
        -webkit-border-radius: 5px;
        border-radius        : 5px;
}
#listen_live a {
        color:#fff;
        text-decoration:none;
}

#listen_live a:hover {
        text-decoration:none;
        color:#ff0f00;
}
#listen_live a img {
       border:none;
       padding-top:10px;
}
#radio_image {
    /* this is George */
	position  : fixed; 
	bottom    : 0;
	left      : -10%;
	height    : 75%;
	z-index   : 0;
}
.radio_btn {
	position      : fixed;
	font-family     : 'Open Sans', "Trebuchet MS Bold", Arial, sans-serif;
	font-weight     : 800;
	color         : #fff;
	font-size     : 18px;
	text-transform: uppercase;
	cursor        : hand;
	cursor        : pointer;
	filter        : progid:DXImageTransform.Microsoft.gradient(startColorstr=#85000000, endColorstr=#85000000);
	background-color: rgba(0,0,0,0.85);
	z-index       : 56;
}
#radio_menu1 {
	top: 20px;
	left:-320px;
}
#radio_menu2 {
	top: 20px;
	left:-320px;
	display:none;
}
#mcontainer {
	position   : relative;
	white-space: nowrap;
	overflow   : hidden;
}
#mitems {
	position   : relative;
	padding:16px 0;
	white-space: nowrap;
	float:left;
}
#mitems a {
	color          : #fff;
	text-decoration: none;
	margin         : 0 10px;
}
#mitems a:hover {
	color          : #ff0f00;
	text-decoration: none;
}
#mlbl {
	position   : relative;
	white-space: nowrap;
	float:left;
	padding:16px 0;
	margin:0 15px 0 45px;
}
#mlbl.active {
	color:#FF0F00;
}
#radio_badge {
	bottom           : 20px;
	left             : -10px; 
	padding          : 10px 20px 10px 40px;
}
#radio_badge_inner {
	background-image : url(https://strombo.com/radio/wp-content/themes/strombo/images/radio_badge_app.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width            : 140px;
	height           : 69px;
}

#playlist ul, #m7 ul {
	list-style: none;
}
.body {
	position   : relative;
	float      : left;
	text-align : justify;
	font-family: 'futura_std_bookregular', "Trebuchet MS", Arial, sans-serif;
	font-size  : 14px;
	line-height: 28px;
	color:#fff;
}
.body .featured_image {
	width:25%;
	max-width:300px;
	float:left;
	margin-top:2%;
}
.body .float_excerpt {
	width:70%;
	float:left;
	margin-top:2%;
	margin-left:5%;
}
.body a {
	color          : #fff;
	background-color: #ff0f00;
	text-decoration: none;
	padding: 0 2px 0 2px;
}
.body a:hover {
	color          : #ff0f00;
	background-color: #fff;
	text-decoration: none;
}
.header {
	position      : relative;
	/*float         : left;*/
	font-family     : 'Open Sans', "Trebuchet MS Bold", Arial, sans-serif;
	font-weight     : 800;
	color         : #ff0f00;
	text-transform: uppercase;
}
.links {
	position      : relative;
	float         : right;
	padding       : 4px 0 0 0;
	font-family     : 'Open Sans', "Trebuchet MS Bold", Arial, sans-serif;
	font-weight     : 800;
	font-size     : 14px;
	color         : #ff0f00;
	text-transform: uppercase;
}
.links a {
	cursor         : hand;
	cursor         : pointer;
	color          : #fff;
	text-decoration: none;
}
.links a:hover {
	color          : #ff0f00;
	text-decoration: none;
}
.links img {
	margin: 0 0 0 4px;
}
 iframe {
	position        : relative;
	float           : left;
	width           : 100%;
	padding         : 2% 0;
	background-color: transparent;
	opacity         : 0.8;
	filter          : alpha(opacity=80);
}

/*****[ index ]*****/

.radio_post {
	position   : relative;
	float      : left;
	width      : 100%;
	border-top : #ffffff solid 1px;
	margin     : 0;
	padding    : 7%;
	background-color: black;
}
#radio_first_post {
	border-top : none !important;
	position   : relative;
	float      : left;
	width      : 86%;
	margin     : 0;
	padding    : 7%;
}
.radio_post .header {
	font-size: 18px;
}
.radio_post .header,
.radio_post .body {
	cursor: hand;
	cursor: pointer;
}

/*****[ Post ]*****/

#post_back {
	top    : -10px;
	left   : 50%;
	margin : 0 0 0 -310px;
	padding: 40px 20px 14px 20px;
}
#post {
	position: relative;
	float   : left;
	width   : 84%;
	margin  : 0;
	padding : 0px 8% 8%;
}
#post_logo {
	float  : left;
	width  : 280px;
	padding: 50px 0 0 50px;
}
#post_logo img {
	max-width: 100%;
}
#post_date, #hidden_resizer {
	font-family   : 'Open Sans', "Trebuchet MS Bold", Arial, sans-serif;
	color         : #ff0f00;
	text-transform: uppercase;
	visibility    : visible;
}
#post_date {
	float : left;
	margin: 40px 50px 0px;
	font-size:20px;
	clear:both;
}
#post_date span {
	font-size:12px;
	display:none;
	font-family: arial;
	color:#fff;
}
#hidden_resizer {
	float      : left;
	font-size  : 34px;
	white-space: nowrap;
}
#post .body {
	margin: 50px 0 0 0;
}
#post .body .header {
	margin   : 60px 0 15px 0;
	width    : 100%;
	font-size: 30px;
}
#m7, #playlist {
	float     : left;
	width     : 100%;
	margin    : 0 0 0 10px;
}
#m7 div {
	margin     : 4px 0 0 0;
	background : url(https://strombo.com/radio/wp-content/themes/strombo/images/radio_m7_bg.png) no-repeat 34px 0;
	line-height: 32px;
}
#m7 .num {
	float           : left;
	/*width           : 30px;
	height          : 30px;*/
	margin          : 0 4px 0 0;
	/*background-color: #fff;*/
	font-family     : 'Open Sans', "Trebuchet MS Bold", Arial, sans-serif;
	font-weight     : 800;
	font-size       : 18px;
	text-align      : center;
	/*color           : #000*/
}
#m7 .artist {
	margin          : 0 0 0 6px;
	/*text-transform: uppercase;*/
}

/*****[ Responsive Styles ]*****/

@media screen and (min-width:1800px) {
#radio_wrapper {
	background:url(https://strombo.com/radio/wp-content/themes/strombo/images/radio_bg_1920.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;
}
}
@media screen and (max-width:900px) {
#radio_wrapper {
	background:url(https://strombo.com/radio/wp-content/themes/strombo/images/radio_bg_1024.jpg);
	background-size:100% 100%;
	background-repeat:no-repeat;
}
#radio_image {
	display:none;
}
#radio_content {
	top       : 0;
	left      : 0; 
	width     : 100%;
	min-height: 100%;
}
}
@media screen and (max-width:600px) {
#radio_badge {
	display:none;
}
#mitems {
	padding:16px;
}
#radio_menu1 {
	top: 20px;
	left:-320px;
	display:none;
}
#radio_menu2 {
	top: 20px;
	left:0px;
	display:block;
}
#mitems {
	display:none;
	clear:both;
	padding:16px 0;
}
#mitems a {
	margin:0 0 0 15px;
}
}
@media screen and (max-width:480px) {

}