@charset "utf-8";
/* CSS Document */
body{margin:0; background:#FFF url(/images/bg-body.jpg); font-family: 'Open Sans',sans-serif;font-size:14px;}
.homeimage{z-index: -1;position: absolute; width: 100%; }
.homeimage img{width: 100%;}
header{min-height:75px; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.65);}
a:link, a:visited,a:active {text-decoration: none; color:#0089CC;}
a:hover{text-decoration:none; color:#045D89;}
.head-container{margin:0 auto;max-width:940px;overflow: hidden;}
.logo{width:290px; height:60px; float:left; margin-top:13px;margin-left:10px;}
.head-menu {float:left;margin-top:8px;width:320px;}
.head-menu ul {list-style: outside none none;}
.head-menu  ul li a {
    float: left;
    width: auto;
    padding: 7px 10px;
    margin-right: 20px;
    display: inline-block;
    color: #FFF;
    background-color: #0089CC;
    border-radius: 3px;
	font-weight: bold;
	font-size: 14px;
}
.head-menu  ul li a:hover {background-color: #045D89;}
.head-menu  ul li a:active {background-color: #045D89;}
.container{max-width:940px; min-height:600px; margin:0 auto; overflow:hidden;}
.left{}
.right{width:340px; overflow:hidden; min-height:600px; float:right;}
.right-box{ width:300px; margin:10px; overflow:hidden; padding:6px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #e8e8e8; background-color:#FFF; text-align:center;}
.share-box{ width:300px; margin:10px; overflow:hidden; padding:6px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #e8e8e8; background-color:#FFF; text-align:center;}
.title{overflow:hidden; padding:10px 10px; background-color:#0089CC; color:#FFF; font-size:18px; font-weight:bold;}
.home-title{overflow:hidden; padding: 0px 15px; margin:10px 10px 0px 10px;text-align: center;}
.home-title h1{color:#FFF;font-size:32px; font-weight:300;}
.home-title h2{color:#FFF;font-size:25px; font-weight:300;}
.home-title span{font-weight:bold;}
.search-title{overflow:hidden; padding: 0px 15px; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.45);  margin:20px 10px 0px 10px;}
.search-title h1{color:#FFF;font-size:22px; font-weight:bold;}
.search-title span{color: #0089CC;}
.content-title{margin: 10px;}
.content-title h2{border-bottom: 2px solid #0089CC;padding: 10px 0px;}
.box{overflow:hidden; padding:10px; background-color:#FFF; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15); margin:0px 10px 30px 10px;}
.searchlinks-box{overflow:hidden; padding:10px; margin:0px 10px 10px 10px;}
.inner-box{margin:10px 0; overflow:hidden; text-align:center;}
.share-right{width:170px; float:right; margin-top: -45px;}
.song-list{margin:10px; overflow:hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #0089CC; padding:4px; background-color:#F5F5F5; }
.topartists{width:134px; height:150px; margin:8px; float:left;  }
.topartists-img{overflow:hidden; width:126px; height:100px; margin-bottom: 10px; background: #000; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); }
.topartists a{font-size:14px;color: #0089CC; font-weight: bold;}
.topartists a:hover{color: #045D89;}
.genre-list li {float: left;display: block; overflow: hidden;width: 160px;height:18px;margin: 10px;}
.genre-list a {font-size: 14px;color: #0089CC;font-weight: bold;}
.genre-list a:hover {color: #045D89;}
.artists-img{box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);}
.artist-tags ul {list-style: outside none none;}
.artist-tags ul li a {float: left;width: auto;padding: 4px 10px;margin-right: 10px;display: inline-block;color: #FFF;background-color: #0089CC;border-radius: 3px;}
.artist-tags ul li a:hover {background-color: #045D89;}
.simartists{width:164px; height:170px; margin:8px; float:left;  }
.simartists-img{overflow:hidden; width:156px; height:130px; margin-bottom: 10px; background: #000; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); }
.simartists a{font-size:14px;color: #0089CC; font-weight: bold;}
.simartists a:hover{color: #045D89;}
.topalbums{width:134px; height:170px; margin:8px; float:left;  }
.topalbums-img{overflow:hidden; width:126px; height:126px; margin-bottom: 10px; background: #000; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); }
.topalbums a{font-size:14px;color: #0089CC; font-weight: bold;}
.topalbums a:hover{color: #045D89;}
.subtitle {height: 25px;overflow: hidden;margin-top: 10px;}
.album-tracks ul {list-style: outside none none;}
.album-tracks ul li a {color: #0089CC;}
.album-tracks ul li a:hover {color: #045D89;}
.afflink a{float:left;width:125px;color:#FFF; background: #0089CC;font-size: 14px;text-align:center;padding:4px 10px; margin-bottom:10px;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.afflink a:hover{background: #045D89;}
/* Ads */
.homead{margin: 0px auto;width:728px;height:90px;padding-bottom: 20px;text-align:center;}
.pagead728{margin: 0px auto;width:728px;height:90px;padding-top: 20px;text-align:center;}
.ad468 {float:left;background: #FFFFFF;height:60px;width: 670px;margin-top: 10px;padding:10px;}
.songad728 {background: #FFFFFF;height:90px;max-width: 900px;padding: 10px 0px;margin:0px 10px}
/* Mediaplayer */
.js-video embed, .js-video iframe, .js-video object, .js-video video {
  top: 0;
  left: 0;
  width:100%;
  height: 410px;
}
#music-button { text-align: center; padding:0; margin:0;}
#music-button ul { list-style: none; padding:0; margin:5px; overflow:hidden;}
#music-button ul li { display: inline-block; color:#FFF; margin: 5px 2px;  line-height:25px; }
#music-button ul li a{background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.35); border:2px solid #0089CC; color:#FFF; font-size: 12px;padding:4px 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#music-button ul li a:hover{background: #0089CC; border:2px solid #0089CC;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#music-button .lastsearch{background:#0089CC;}
.Music-Tumbs{width:100px; height:100px; margin:6px; float:left; background-color:#FFF; }
.Music-Tumbs img{box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);}
.page-content{padding:10px; line-height:20px;}
.dc{text-align:center; margin:15px; font-weight:bold;}
.clear{clear:both;}
.followus{ padding:10px; font-weight:bold; color:#f8991c; font-size:14px; text-shadow: -1px -1px 1px rgba(150, 150, 150, 0.47);}
.txt{padding:0 0 5px 0;}
.space{height:10px;}
.error{text-align:center; padding:40px 10px;}
.Msg-Error{background-color:#d44944; border:1px solid #C92125; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:15px; padding:7px 0; margin:0; color:#FFF; text-align:center;}
.Msg-Ok{background-color:#41a8c6; border:1px solid #257f99; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:15px; padding:7px 0; margin:0; color:#FFF; text-align:center;}
/* Form */
#theForm{
	margin:0;
	padding: 20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	overflow:hidden;
}
#theForm label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:140px;
	float:left;
}
#theForm .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}
#theForm input{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:1px solid #606060;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:300px;
	margin:2px 0 20px 10px;
}
#theForm textarea{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:1px solid #606060;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:300px;
	margin:2px 0 20px 10px;
	height: 50px;
}

#theForm button{
	clear:both;
	margin-left:150px;
}
.smallLong{text-align:center; padding:15px;}
.cap-div{margin-left:150px;}
/* Pagination */
ul#items{		
		
		list-style-type:none;
		padding:0;
		margin:0;
		}
	ul#items li{
		list-style-type:none;
		}
	ol#pagination{overflow:hidden; margin:10; padding-left:10px;}
	ol#pagination li{
		color: #fef4e9;
		border: solid 1px #045D89;
		background: #0089CC;
		float:left;
		list-style:none;
		cursor:pointer;
		margin:10px 5px 0px 0px;
		padding:5px 7px;
		text-shadow: 0 1px 1px rgba(0,0,0,.3);
		-webkit-border-radius: .5em; 
		-moz-border-radius: .5em;
		border-radius:3px;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		box-shadow: 0 1px 2px rgba(0,0,0,.2);
		}
	ol#pagination li.current{
		background: #045D89;
		}
	
	ol#pagination li:hover{
		background: #045D89;
	
	}
/* Buttons */
.downbut {
	width: 140px;
	color: #fff;
	font-weight: normal;
	background: #0089CC;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding:4px 0px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
}
.btns a {
	color: #fff;
	
}
.downbut:hover {	background: #045D89;}
/* Music Page */
.songInfo{margin-top:10px; margin-bottom:10px;padding-right:15px; margin-left:10px;float: left; margin-right: 15px;text-align: center;font-size: 12px;border-right: 1px solid #0089CC; height:80px;}
.songInfo img{box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);}
.songTitle{font-size:14px; font-weight:bold; margin-top: 5px;}
.bttomBar{float:left; width:735px;padding:1px 0;}
.btns{width:140px; float:right; padding-top:2px;}
.mplayer{width:100%; float:left; padding-top:10px;}
/* Search */
.search-box{margin-top:19px; padding:3px 0; text-align:right; overflow:hidden; width:290px; float:right;}
.cf:before, .cf:after{
    content:"";
    display:table;
}
 
.cf:after{
    clear:both;
}
 
.cf{
    zoom:1;
}  
/* Form wrapper styling */
.form-wrapper {
    width: 280px;
    background: #444;
    background: rgba(0,0,0,.2);
    border-radius: 10px;
    
}
 /* Form text input */
.form-wrapper input {
    width: 210px;
    height: 20px;
    padding: 6px 5px;
    float: left;   
    font-size:14px;
	font-weight: bold;
    border: 0;
    background: #fff;
    border-radius: 3px 0 0 3px;   
	font-family: 'Open Sans',sans-serif;	
}
.form-wrapper input:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}
.form-wrapper input::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;
}
.form-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}
.form-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}   
/* Form submit button */
.form-wrapper button {
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 32px;
    width: 60px;
    font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
    color: #fff;
    text-transform: uppercase;
    border-radius: 0 3px 3px 0;     
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
	background:#0089CC url(/images/search-16.png) no-repeat scroll 20px 9px;
}  
.form-wrapper button:hover{    
    background: #045D89 url(/images/search-16.png) no-repeat scroll 20px 9px;
}  
.form-wrapper button:active,
.form-wrapper button:focus{  
    background: #045D89 url(/images/search-16.png) no-repeat scroll 20px 9px;
    outline: 0;  
}
.form-wrapper button:before { /* left arrow */
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #0089CC transparent;
    top: 8px;
    left: -6px;
}
.form-wrapper button:hover:before{
    border-right-color: #045D89;
}
.form-wrapper button:focus:before,
.form-wrapper button:active:before{
        border-right-color: #045D89;
}     
.form-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}    
/* Footer */
.mainFooter{margin:0 auto; max-width:940px; color:#FFF; padding:10px 0;}
.footer-links:link,.footer-links:active,.footer-links:visited{color:#D9D9D9; font-weight:bold;font-size:12px;}
.footer-links:hover{color: #fff;}
.footer-txt{float:left; text-align:left; padding-left:10px; font-weight:bold; font-size:12px;color: #666;margin-top: 3px;}
.footer-data{ float:right; text-align:right; padding-right:10px; color:#D9D9D9;}
footer{min-height:50px; background:#313131 url(/images/bg-page-footer.jpg); border-top: 2px solid #0089CC;}
/* Mobile, Tablet Responsive */
@media screen and (max-width:320px) {
.bttomBar {width: 180px;}
.js-video embed, .js-video iframe, .js-video object, .js-video video {
  height: 210px;
}
}
@media screen and (min-width:321px) and (max-width:639px) {
.bttomBar {width: 315px;}
.js-video embed, .js-video iframe, .js-video object, .js-video video {
  height: 310px;
}
}
@media screen and (min-width:640px) and (max-width:959px) {
.bttomBar {width: 415px;}
}