/*** Fonts ***/
@font-face {
    font-family: 'MyriadProBoldCondensed';
    src: url('../fonts/myriadpro-boldcond-webfont.eot');
    src: url('../fonts/myriadpro-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-boldcond-webfont.woff') format('woff'),
         url('../fonts/myriadpro-boldcond-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-boldcond-webfont.svg#MyriadProBoldCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

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

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

}
/*** Css Reset ***/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
ol,ul{ list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none; }
:focus{ outline:0; }
ins{ text-decoration:none; }
del{ text-decoration:line-through; }
table{ border-collapse:collapse; border-spacing:0; }

/*** General Styles ***/
.skiplink{ display:none; }
label{ cursor:pointer; }
a,a:visited{ color:#00f; text-decoration:none; }
a:focus,a:hover{ text-decoration:underline; }
body{ background:#fff url(../images/bg-body.jpg) repeat-x; color:#000; font:100% "Myriad Pro",Arial,sans-serif; text-align:center; }
.clear{clear:both}
.fleft{float:left}
.fright{float:right}
.rmHorizontal li{ float:left; list-style-type:none; }
div, img{ vertical-align:top; }
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; }

/*** Page Structure ***/
#wrapper,
.wrapper{ 
	margin:0 auto; 
	text-align:left;
	width:1026px;
}
#header {
	height:156px;
}
#header #logo{
	float:left;
	display:block;
	padding-top:27px;
	margin-left:-16px;
}
#header .right{
	float:right;
}
#header .right .dropdowns{
	padding:12px 0 14px 0;
}
#header .account{
	float:right;
	background: url(../images/bg-account.png) no-repeat;
	width:114px;
	height:31px;
	/* Uncomment this next rule to hide the my account dropdown in the header area */
	/**/ display:none; 
}
#header .account a{
	line-height:27px;
	font-size:12px;
	color:#474d5a;
	display:block;
	padding-left:44px;
}
#header .music-net{
	float:right;
	background: url(../images/bg-dropdown.png) no-repeat;
	width:150px;
	height:31px;
	position:relative;
	margin:0 11px 0 13px;
     z-index:999;
}
#header .music-net .disp{
	line-height:26px;
	font-size:12px;
	color:#474d5a;
	display:block;
	padding-left:12px;
     
}
.music-net ul{
	position:absolute;
	left:-3px;
	top:26px;
	background: url(../images/bg-dropdown-list.png) no-repeat;
	width:147px;
	height:146px;
	padding-left:9px;
	padding-top:5px;
     display:none;
     z-index:999;
}
.music-net ul li{
	float:left;
	margin:4px 5px;
}

#nav{
	background: url(../images/bg-nav.png) repeat-x;
	height:34px;
	padding:13px 25px 12px 22px;
	font-family:'MyriadProBoldCondensed','Myriad Pro','Arial';
}
#nav ul li{
	float:left;
	line-height:34px;
	padding:0 0 0 3px;
	margin-right:35px;
	position:relative;
	z-index:9;
}
#nav ul li a{
	display:block;
	font-size:20px;
	font-weight:bold;
	color:#ffffff;
	padding:0 7px 0 5px;
	text-decoration:none;
     text-transform:uppercase;
}
#nav ul li.active,
#nav ul li:hover{
	background: url(../images/bg-nav-on-left.png) no-repeat;
}
#nav ul li.active a,
#nav ul li:hover a{
	background: url(../images/bg-nav-on-right.png) no-repeat right;
}
#nav ul li.tweet,
#nav ul li.like{
	float:right;
     margin:0 3px;
}
#nav ul li .sub-menu{
	position:absolute;
	top:25px;
	margin-top:17px;
	left:50%;
	margin-left:-111.5px;
	background: url(../images/bg-dropdown-menu-bottom.png) no-repeat bottom;
	width:250px;
	padding-bottom:6px;
	display:none;
	z-index:999;
}
/*** Show On Hover ***/
#nav ul li:hover .sub-menu{
	display:block;
}
#nav ul li .sub-menu li{
	float:none;
	margin:0 15px;
	background:none;
	font-family:Arial;
	line-height:1;
	border-bottom:1px solid #898989;
	border-top:1px solid #676767;
	padding:0;
}
#nav ul li .sub-menu li a{
	font-size:13px;
	font-weight:normal;
	padding:10px;
	line-height:1;
}

/*** Reset Parent Style ***/
#nav ul li.active .sub-menu li,
#nav ul li:hover .sub-menu li{
	background: none;
}
#nav ul li.active .sub-menu li a,
#nav ul li:hover .sub-menu li a{
	background: none;
}
/***/
#nav ul li .sub-menu li a:hover{
	background:#fa9024;
	color:#494949;
}
#nav ul li .sub-menu li.arrow{
	position:absolute;
	top:-17px;
	left:0;
	background: url(../images/bg-dropdown-menu-top.png) no-repeat;
	width:250px;
	height:17px;
	margin:0;
	border:0;
}
#nav ul li .sub-menu li.first{
	border-top:0;
}

#nav ul li .sub-menu li.last{
	border-bottom:0;
}

/*** Main ***/
#main{
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	background:#ffffff;
	padding:19px 16px 0 12px;
}	
#mainmine{
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	background:#ffffff;
	padding:19px 16px 0 12px;
}
#main .content{
	float:left;
	width:676px;
	min-height:1004px;
	background: url(http://www.radioup.com/images/bg-content-blue.jpg) no-repeat;
}

#main .player-container{
	background: #000000 repeat-x;
	height:97px;
	width:660px;
	border:1px solid #323232;
	position:relative;
	margin:11px 0 0 7px;
}
#main .player-container .player{
	margin:0 11px 0 8px;
	padding:8px 0 0 0;
}
#main .player-container .arrow{
	position:absolute;
	left:323px;
	top:-15px;
}
#main .player-container .player .title{
	margin-bottom:10px;
}
#main .player-container .player .title img{
	float:left;
}
#main .player-container .player .dropdown{
	border:1px solid #808080;
	float:right;
}
#main .player-container .player .dropdown select{
	border:1px solid #404040;
}

/* Stations Listing Area */

#main .stations-container{
	padding:17px 4px 0 0px;
	margin-bottom:20px;
}
#main .stations-container .ad{
	float:left;
}
#main .stations-container .stations{
	float:right;
	background: url(../images/bg-stations.png) no-repeat;
	width:501px;
	height:97px;
	margin-top:-10px;
}
#main .stations-container .stations .thumb{
	float:left;
	width:89px;
	padding:16px 0 0 0;
	text-align:right;
}
#main .stations-container .stations-first .thumb{
	padding-top:13px;
}
#main .stations-container .stations .detail{
	float:left;
	width:343px;
	padding:30px 0 0 11px;
	font-size:18px;
	color:#ffffff;
	line-height:1;
}
#main .stations-container .stations .detail .title{
	font-family:"MyriadProBold","Myriad Pro", Arial;
	font-weight:bold;
	text-transform:uppercase;
}
#main .stations-container .stations .detail .cat{
	font-family:'MyriadProLight', arial;
	font-size:17px;
}
#main .stations-container .stations .detail .album{
	color:#dbff3a;
}
#main .stations-container .stations .play{
	float:left;
	padding:32px 0 0 8px;
}
#main .bottom-note{
	background: url(../images/orange-bar.png) no-repeat 3px 3px;
	border:1px solid #cbc9ca;
	padding:10px 10px 10px 24px;
	font-size:18px;
	line-height:1;
	min-height:64px;
	margin-bottom:36px;
}
#main .bottom-note strong{
	font-size:24px;
	font-family:"MyriadProBoldCondensed", arial;
}

#main .inner {
    background: none;
}
#main .inner .player-container{
    margin-top:0;
}
#main .inner .stations-container{
    margin-bottom:0;
}
#main .blue-content{
    background: url(../images/bg-blue-repeat.jpg) repeat-y;
    position:relative;
    padding-bottom:7px;
    margin-bottom:20px;
}
#main .blue-content .inner-blue{
    background: url(../images/bg-content-blue-top.jpg) no-repeat;
    padding-top:11px;
}
.bottom-blue{
    background: url(../images/bg-content-blue-bottom.jpg) no-repeat;
    width:100%;
    height:7px;
    position:absolute;
    bottom:0;
    left:0;
}
#main .inner-container {
    min-height: 857px;
    width:490px;
    float: right;
	color:#fff;
	
}

/*** Sidebar ***/
#main .sidebar{
	float:right;
	width:296px;
}
#main .sidebar .box{
	margin-bottom:20px;
}
#main .sidebar .social-box{
	background: url(../images/social-block.jpg) no-repeat;
	width:296px;
	height:64px;
}
#main .sidebar .social-box a{
	float:left;
}
#main .sidebar .newsletter{
	background: url(../images/bg-newsletter.jpg) no-repeat;
	position:relative;
	width:296px;
	height:278px;
}
#main .sidebar .newsletter .textbox{
	width:209px;
	height:36px;
	line-height:36px;
	background:#ffffff;
	position:absolute;
	left:18px;
	top:158px;
	font-family:'Myriad Pro', arial;
	font-size:16px;
	color:#000000;
	padding:0 10px;
	border:0;
}
#main .sidebar .newsletter .submit{
	background: url(../images/btn-sign-me-up.png) no-repeat;
	width:148px;
	height:41px;
	display:block;
	position:absolute;
	left:18px;
	bottom:20px;
	text-indent:-9999px;
	line-height:0;
	font-size:0;
	border:0;
	cursor:pointer;
}
/*** Footer ***/
#footer{
	background: url(../images/bg-footer.jpg) repeat-x;
	height:225px;
	border-bottom:7px solid #27272d;
	font-family:Arial;
	font-size:12px;
	color:#ffffff;
	min-width:1026px;
}
#footer .sharing{
	padding:27px 0 0 0;
}
#footer .social-links{
	padding:24px 0 0 0;
}
#footer .social-links img{
	margin:0 10px;
}
#footer .footer-links{
	padding:20px 0;
}
	#footer .no-padding {
		padding:0 !important;
		margin:0 !important;
	}
#footer .footer-links a{
	color:#ffffff;
	margin:0 5px;
}