/* medium 460-599px */



/* changed */
#wrapper { 

	width: auto;
	
	min-width: 460px;
	
	font-size: 1.1em;

	
	background-color:#ffffff;
	word-wrap:break-word;
	padding:0;

	margin-top: 0px;
    	margin-bottom: 0px;
	margin-left: auto;
  	margin-right: auto;
  	
	border-top:1px solid #e3e3e3;
	border-right:10px solid #e3e3e3;
	border-left:10px solid #e3e3e3;

}



.Highlight { display: inline-block;  margin: 2px 0px;}

.Reverse  { display: inline-block;  margin: 2px 0px;}

.Missing  { display: inline-block;  margin: 2px 0px;}





/* changed */
.resize {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

.resize img {
border:0px;
}


img.shoppic {   
	 width: 110px; 
	height: 110px;
	border:0px;

}


.vtopright {
	padding-right: 3px;
	text-align: right;
	
}

.vtopleft {
	float: left;
	text-align: left;
	
}


#logo {

	width: 100%; 
	z-index:5;
	

	
	background-image:
	repeating-linear-gradient(-60deg,
	transparent,
	transparent 5px,
	rgba(0, 0, 0, 0.1) 5px,
	rgba(0, 0, 0, 0.1) 10px);
	background-position: 0 60%;
	background-size: 599px 50px;
	 background-repeat: no-repeat;
	

}



img.logo1 {   

	margin-top: 10px;
	margin-left: 7px;
}



#blubar {


 	

}

.topspacer {


}



#topsongs {
	vertical-align: top;
	text-align: top;
	font-size:0.9em;


	float:right;
	 /* width: calc(100% - 162px); */
	
	width: calc(100% - 82px);
	
	
	

	
	border: 1px solid #e5e5e5;
	vertical-align: top;
	display: block;
	position:relative;
}



@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome */
    #topsongs {
    }

    /* Safari only override */
    ::i-block-chrome,#topsongs {
    	/* width: 64%; */
    	width: 83%;
     
    }
}




.aboutinfo {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	
	font-family: Arquitecta,Helvetica,Verdana,Arial; 
	text-align: center;
	background-color:#e8f7fb;
	
	font-size:1.0em; 
	padding: 5px;
	
	margin-left: 5%;
  	margin-right: 5%;
  	margin-top: 15px;
  	
}





#searchhp {
	clear: both;
	text-align: center;
	margin-left: 1%;
  	margin-right: 1%;

}

.searchwd {

	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */

}


.searchwd2 {

	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */

}

#topalbums {
	
	vertical-align: top;
	text-align: top;
	font-size:0.9em;


	float:left;
	 /* width: calc(100% - 162px); */
	
	width: calc(100% - 82px);

	

	
	border: 1px solid #e5e5e5;
	vertical-align: top;
	display: block;
	position:relative;
	
}



@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome */
    #topalbums {
    }

    /* Safari only override */
    ::i-block-chrome,#topalbums {
    	/* width: 64%; */
    	width: 83%;
     
    }
}



#newsongs {
	text-align: left;
	font-size:0.9em;

}




/* changed */
#toptool {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* changed */
#topbanner {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* changed */
.resizetb {
	max-width: 100%;
	height: auto;
	max-height: 90px;
	width: auto\9; /* ie8 */
}

/* changed */
.resizesky {

}

/* changed */
#bottombanner {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}


/* changed */
#skyscraper {
	float:left;

	width: 80px; 
	height: auto;
	
	/* width: 160px;
	height: 600px; */
	vertical-align: top;
	
	
}

#skyscraper2 {
	/* width: 160px; */
	
	width: 80px; 
	height: auto;
	
	vertical-align: top;
}

#skyscraper3 {
	float:right;

	width: 80px;
	height: auto;

	
	/* width: 160px;
	height: 600px;  */
	vertical-align: bottom;
}

.homespace
{
	clear: both;

	vertical-align: top;
}

/* changed */
.spacersky {
	width: auto; 
	width: auto\9; /* ie8 */
	text-align: right;
}




#boxunit {
clear:both;
	float:right;
	 /* width: calc(100% - 162px); */
	
	width: calc(100% - 82px);
	


}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome */
    #boxunit {
    }

    /* Safari only override */
    ::i-block-chrome,#boxunit {
    
    	/* width: 64%; */
    	width: 83%;
     
    }
}




#boxunit2 {
	width: auto; 
	width: auto\9; /* ie8 */
	vertical-align: top;


}




#plysng {
 width: 300px;
	margin-right: auto;
    	margin-left: auto;
}


#youtb {

  width: 300px;
  height: 250px;

  z-index:90;
	margin-right: auto;
    	margin-left: auto;
    		margin-bottom: 20px;
  
}

#scrlstart{
	background-color:#e3fce5;
	cursor:pointer;
	display: none;
}

#scrlstop{
	background-color:#f8d5d5;
	cursor:pointer;
   	display: none;
}

#youtb2 {
  position: fixed;
  width: 300px;
  height: 250px;
  right: 20px;
   top: 180px;
  z-index:90;
  
}


#topbar {
	width: 100%;
}


#rightbar {
	width: auto; 
	width: auto\9; /* ie8 */
	vertical-align: top;
	margin-left: auto;
  	margin-right: auto;
}


#leftbar {
  width: 160px;

	margin-left: auto;
  	margin-right: auto;
}

#bottombar {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	
	margin-left: auto;
  	margin-right: auto;
}




#topnav {
	width: 100%;
	padding:0;
	font-size:1.1em;
}


#hpbottomnav {
	 display: none;
	margin-left: auto;
	margin-right: auto;
}

/* changed */
#bottomnav {
font-family: Arquitecta,Helvetica,Verdana,Arial;
font-size:1.2em; 
	
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */

	text-align: center;


}

#bottomnav2 {
font-family: Arquitecta,Helvetica,Verdana,Arial;
font-size:1.2em; 
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	
	padding: 0px;
	text-align: center;

}




#bottomta {
	clear: both;
	width: auto; 
	width: auto\9; /* ie8 */
	vertical-align: top;

}

/* changed */
#fbcomments {

	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */

}

#fbox {

	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */

}

#genrenav {
	width: 90%;
	padding:5px;
	align: center;
	display: table;
}



#stnav { 

font-family: Arquitecta,Helvetica,Verdana,Arial;
font-size:1.0em; 
	/* min-width: 80px;   */


}


@-moz-document url-prefix() {
/* Firefox only */
    #stnav {
	position:relative;  top: 0px;
    }
}


/* changed */
.dvtable {
	

}

.marginspace {

}

.navmargin {

	margin-left: auto;
	margin-right: auto;
}

.navmargin2 {

	margin-left: auto;
	margin-right: auto;
	position:relative;   left: 40px;
}

.trow  {

}

.tdata {

}



.dvtable3 {

	width: 300px;
	margin-left: auto;
	margin-right: auto;

}

.trow3  {


}

.tdata3 {


}




#ldata {

	width: auto;
	height: auto;
	width: auto\9; /* ie8 */
	
	border: 1px solid #e5e5e5;
	vertical-align: top;
	position:relative;
	

}









.sharebar {

}



.datawidth {
	float: right;
	 /* width: calc(100% - 162px); */
	
	width: calc(100% - 82px);


	vertical-align: top;
	display: block;
	position:relative;
}


@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome */
    .datawidth {
    }

    /* Safari only override */
    ::i-block-chrome,.datawidth {
    
    	/* width: 64%; */
    	width: 83%;
     
    }
}


/* changed */
#artdata {
	width: auto;
	height: auto;
	width: auto\9; /* ie8 */
	

	border: 1px solid #e5e5e5;
	vertical-align: top;
	display: block;
	position:relative;
}






#artinfo {
	width: auto; 
	width: auto\9; /* ie8 */
	vertical-align: top;

	border: 1px solid #e5e5e5;
	vertical-align: top;
	font-size:0.9em;

	padding-left: 5px;
	padding-right: 5px;

}


#snginfo {
	
	width: auto; 
	width: auto\9; /* ie8 */
	vertical-align: top;
	
	border: 1px solid #e5e5e5;
	vertical-align: top;
	font-size:0.9em;
	
	padding-left: 5px;
	padding-right: 5px;
}


.infotxt {
	text-align: left;


}

.aimobile {


}

#listAlbum {
	text-align: center;
	font-size:0.9em;
}


.txtlnk {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}


#borderleft {
	width: 15px;

	background: #031765;
	display: table-cell;
}

#borderright {
	width: 15px;

	background: #031765;
	display: table-cell;
}


/* changed */
#footer {
	clear: both;
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	/* background: #3e3f41; */
	border-top:1px solid #e5e5e5;
	
	
	background-image:
	repeating-linear-gradient(-60deg,
	transparent,
	transparent 5px,
	rgba(0, 0, 0, 0.1) 5px,
	rgba(0, 0, 0, 0.1) 10px);
	
}


#ftleft {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	vertical-align: middle;
	border-bottom:1px solid #e5e5e5;
}

#ftmiddle {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */

	vertical-align: middle;
	border-bottom:1px solid #e5e5e5;
}

#ftright {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	vertical-align: middle;

}


.fthp 
{

	border-bottom: 1px solid #e5e5e5;
	border-width: 100%;
	padding: 2px;
}


/* changed */
.BluTxt {
	font-weight:bold; font-size:0.8em;
	color: #A6B4E8;
	display: none;
}

/* changed */
.spacer1 {

}

.spacer2 {


}

.spacer3 {

}

.spacer4 {


}



/* changed */
.artlst {
	 display: none;
	font-family: Arquitecta,Helvetica,Verdana,Arial;
	font-size:1.1em; 
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	text-align:center;

	width: 530px;

}


.sdtklst {
	 display: none;
 
}



/* changed */
.gnrlst {
	font-family: Arquitecta,Helvetica,Verdana,Arial;
	font-size:1.2em; 
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */

	text-align: center;
	position:relative;
	
	padding:15px 0px 15px 0px;
	
	/* width: 460px; */
}




.btmlst {
	font-family: Arquitecta,Helvetica,Verdana,Arial;
	font-size:1.2em; 
	display: block;

	word-spacing:1px;
	position:relative;
	white-space:nowrap;
	
	padding: 10px;

	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	width: 600px;
	

}

.addcrt {
	font-family: Arquitecta,Helvetica,Verdana,Arial;
	font-size:1.3em; 
	display: block;

	word-spacing:1px;
	position:relative;
	white-space:nowrap;
	
	padding: 10px;
	
	
	width: 200px;
	
	margin-left: auto;
	margin-right: auto;

}




/* changed */
.searchdv {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	text-align: center;
	padding: 4px;

}

.inptsearch {
	width: 380px; 
}


.inptsearch2 {
	width: 300px; 
}



#mornav {

	display: none;
}

#selnav {
	margin-right: auto;
	margin-left: auto;
}


.bmornav {

	display: none;
}

.bselnav {

margin-right: auto;
margin-left: auto;

}


/* changed */
.searchtxt {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	text-align: left;
	

}




.amzitn {
	float:left;
	margin-top: 33px;
	margin-left: 5px;

}

.top5 {
	float: right;

}

.shop5 {

	 
float: left;
margin-left: 15px;
}


.shop5link {


}


.shopbarL {
    	display: none;
}


.shopbarS {

}


.top5link {
	/*margin-top: 38px; */
	
	margin-top: 35px;
	
	text-align: center;
	width: auto; 
	height: 72px;


}

.top5spacer {

}


.hptble
{
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	
}


.hptd
{
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	text-align: left;
}

.hptd2
{
	text-align: left;
	display: none;
	
}


.hpshowm {
	background-color:#daebfc;
	text-align: center;
	
	cursor:pointer;
}

.hpshowl {
	background-color:#daebfc;
	text-align: center;
	 cursor:pointer;
	 display: none; 
}


.awtable1 {
	display: none;
}

.awtable2 {
	width: 100%; 
	vertical-align: top;

}

.awtable3 {
	vertical-align: middle;
}

.albumawrd {
	text-align: center;
	
	background-color:#b7d8f9;
	margin-top: auto;
    	margin-bottom: auto;
	margin-right: 20%;
    	margin-left: 20%;
}


.fullalbm {
	text-align: center;
	/* padding-right: 25px; */

	margin-top: 5px;
	margin-right: 5%;
    	margin-left: 5%;

	background-image:
	repeating-linear-gradient(-60deg,
	transparent,
	transparent 5px,
	rgba(0, 0, 0, 0.1) 5px,
	rgba(0, 0, 0, 0.1) 10px);
	
}

.tooltip {
	display: inline;
	position:relative;
}

.tooltip:hover:after {
	background: #3a3a41;
	/* background: rgba(0,0,0,.8); */
	border-radius: 5px;
	bottom: 26px;
	color: #fff;
	content: attr(title);

	left: -15%;
	padding: 5px 5px;
	position: absolute;
	z:index: 98;
	width: 250px;

}


.tooltip:hover:before {
	border: solid;
	border-color: #3a3a41 transparent;
	border-width: 6px 6px 0 6px;
	bottom: 21px;
	content: "";
	left: 20%;
	position: absolute;
	z:index: 99;

}


.albmlstsdtk {
	text-align: left;

    	margin-left: 5%

}

.albmsnglst {
	text-align: center;


}

.albmlst {
	text-align: left;
	padding-left: 25px;
	font-size: 0.9em;


}


#news {

	padding: 5px;
	vertical-align: top;
	text-align: top;
	font-size: 1.0em;
}

#addthishp {
	position: relative; top: 10px;
}

.addthisfloathp {
	background-color: transparent;
	 /*  width: 40px;  
	float: left; 
	margin-top: 2px;
	margin-left: 1px;  */ 
	

	 position: absolute; top: 2px; left: 10px;
	 display: none;
	  z-index: 99;
}


.followdthhp {

	position: relative;
	margin-left:auto;
  	margin-right: auto;

}

.addthisfloating {
	background-color: transparent;
	/*  width: 40px;  
	float: right; 
	margin-top: 2px;
	margin-left: 1px; */
	display: none; 
	
	 /*  position: absolute; top: 2px; right: 2px; */
	 
	 	  position: absolute; top: 2px; left: 10px; 

	  z-index: 99;
}


.transdiv {
	
	 position: absolute; top: 2px; left: 2px;

}

.addthis_button_google_plusone { 

 position: relative; left: -1px;
  
}

.addthis_button_facebook_like { 

  /* position: relative; left: 80px; */
  
}