body {
background:url(images/bg.jpg) repeat #fff;
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#1e1b18;
}
p{
text-align:justify;
line-height:18px;
padding:0px 0 5px 0;
}
 A {
    color: #a90329; 
   }
   A:visited {
    color: #a90329; 
   }
   A:active {
    color: #a90329; 
   }
span.red{
color:#990000;
font-weight:bold;
}
.clear{
clear:both;
}
#main_container{
width:900px;
height:auto;
margin:auto;
}
#header{
width:900px;
height:163px;
margin:auto;
background:url(images/header_bg.png) no-repeat top center;
}
#logo{
padding:17px 0 0 60px;
float:left;
}
.on_air{
float:right;
padding:15px 23px 0 0;
}

.left_content{
width:480px;
float:left;
padding:10px 10px 30px 30px;
}
.right_content{
width:345px;
float:left;
padding:10px 0 30px 30px;
}
img.listen_live{
padding:20px 0 0 0px;
}
.track_name{
width:295px;
height:104px;
background:url(images/track_playing.gif) no-repeat center;
margin:10px 0 0 0px;
}
.track_name p{
width:150px;
padding:50px 0 0 100px;
text-align:center;
color:#FFFFFF;
}
.title{
font-size:20px;
color:#a90329;
clear:both;
padding:10px 0 10px 0px;
}
img.left_img{
float:left;
padding:0 10px 0 0;
}
img.right_img {
float:right;
padding:0 0px 3px 10px;
	}

.right_news{
float:left;
width:auto;
padding:10px 0 8px 0;
}
.news_date{
width:42px;
height:48px;
float:left;
color:#990000;
line-height:50px;
text-align:center;
background:url(images/date_bg.gif) no-repeat center;
}
.menu_content{
width:265px;
float:left;
text-align:left;
line-height:18px;
padding:0 0 0 10px;
}
ul {counter-reset: none;}
ol{
  counter-reset: li; 
 list-style: none; 
 *list-style: decimal; 
 font: 15px 'trebuchet MS', 'lucida sans';
 padding: 0;
 margin-bottom: 4em;
 text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

ol ol{
 margin: 0 0 0 2em; 
 
} 

.rounded-list a{
 position: relative;
 display: block;
 padding: .4em .4em .4em 2em;
 *padding: .4em;
 margin: .5em 0;
 background: #ddd;
 color: #444;
 text-decoration: none;
 border-radius: .3em;
 transition: all .3s ease-out;
}

.rounded-list a:hover{
 background: #eee;
}

.rounded-list a:hover:before{
 transform: rotate(270deg);
}

.rounded-list a:before{
 position: absolute;
 left: -1.3em;
 top: 50%;
 margin-top: -1.3em;
 background: #e53136;
 height: 2em;
 width: 2em;
 line-height: 2em;
 border: .3em solid #fff;
 text-align: center;
 font-weight: bold;
 border-radius: 2em;
 transition: all .3s ease-out;
}  


#footer{
clear:both;
width:856px;
height:65px;
margin:auto;
color:#a90329;
background:url(images/footer_bg.gif) no-repeat center;
}
.copyright{
float:right;
padding-left:10px;
padding-top:10px;
}
.footer_links{
float:left;
padding-right:15px;
padding-top:13px;
}
.footer_links a{
text-decoration:none;
color: #a90329;
padding-left:10px;
}
.footer_links a:hover{
text-decoration:underline;
color: #a90329;
}























   
   @media (min-width: 1200px) {
	
}
 

@media (min-width: 768px) and (max-width: 979px) {
#main_container{
width:90%;
height:auto;
margin:auto;
}
#header{
width:90%;
height:163px;
margin:auto;
background:url(images/header_bg.png) no-repeat top center;
}

.left_content{
width:90%;
float:left;
padding:10px 10px 30px 30px;
}
.right_content{
width:90%;
float:left;
padding:10px 0 30px 30px;
}
#footer{
clear:both;
width:90%;
height:65px;
margin:auto;
color:#a90329;
background:url(images/footer_bg.gif) no-repeat center;
}
}
 

@media (max-width: 767px) {
#main_container{
width:90%;
height:auto;
margin:auto;
}
#header{
width:90%;
height:163px;
margin:auto;
background:url(images/header_bg.png) no-repeat top center;
}

.left_content{
width:90%;
float:left;
padding:10px 10px 30px 30px;
}
.right_content{
width:90%;
float:left;
padding:10px 0 30px 30px;
}
#footer{
clear:both;
width:90%;
height:65px;
margin:auto;
color:#a90329;
background:url(images/footer_bg.gif) no-repeat center;
}

}
 

@media (max-width: 480px) { 
#main_container{
width:90%;
height:auto;
margin:auto;
}
#header{
width:90%;
height:163px;
margin:auto;
background:url(images/header_bg.png) no-repeat top center;
}

.left_content{
width:90%;
float:left;
padding:10px 10px 30px 30px;
}
.right_content{
width:90%;
float:left;
padding:10px 0 30px 30px;
}
#footer{
clear:both;
width:90%;
height:65px;
margin:auto;
color:#a90329;
background:url(images/footer_bg.gif) no-repeat center;
} 
}

@media (max-width: 360px) { 
#main_container{
width:90%;
height:auto;
margin:auto;
}
#header{
width:90%;
height:163px;
margin:auto;
background:url(images/header_bg.png) no-repeat top center;
}

.left_content{
width:90%;
float:left;
padding:10px 10px 30px 30px;
}
.right_content{
width:90%;
float:left;
padding:10px 0 30px 30px;
}
#footer{
clear:both;
width:90%;
height:65px;
margin:auto;
color:#a90329;
background:url(images/footer_bg.gif) no-repeat center;
}
}