@charset "utf-8";
/* CSS Document */
html, body{
padding:0px;
margin:0px;
font-family: 'Jura', sans-serif;
}
body{
background: #f8f8f8;
}





.buyButtons {
	box-shadow:inset 0px 39px 0px -24px #db6660;
	background-color:#c2554e;
	border-radius:4px;
	border:1px solid #696969;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	margin: 10px; 
	font-family:Verdana;
	font-size:16px;
	padding:7px 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.buyButtons:hover {
	background-color:#e3574f;
}
.buyButtons:active {
	position:relative;
	top:1px;
}







.downloadButton {

box-shadow: 0px 1px 0px 0px #e6e1bd;
	background:linear-gradient(to bottom, #e0d8a6 5%, #d6ab65 100%);
	background-color:#e0d8a6;
	border-radius:5px;
	border:1px solid #a38e6f;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 7px;
	text-decoration:none;
	text-shadow:0px 1px 0px #e6e0af;

}
.downloadButton:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}
.downloadButton:active {
	position:relative;
	top:1px;
}


        
.supportButton {
	box-shadow: 0px 1px 0px 0px #9fb4f2;
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	background-color:#7892c2;
	border-radius:6px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}
.supportButton:hover {
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	background-color:#476e9e;
}
.supportButton:active {
	position:relative;
	top:1px;
}

        









.LineDHeader {
height: 58px;
margin: 0px auto;
position:relative;
background: #FFFFFF;
text-align: center;
width: 100%;
box-sizing: border-box;
padding:10px;
}
.LineDHeader span{ line-height:40px; font-family: 'Michroma', sans-serif; font-weight:900; font-size: 10px; text-transform: uppercase; color: #000000; }
.column {
    float: left;
box-sizing: border-box;
    padding: 20px;
    width: 50%;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
.LineDHeader span, .LineDHeader svg{
display:inline-block;
background: #FFFFFF;
vertical-align: middle;
}
.headerSideText{
width: 345px;
text-align:center;
}

.LineDFreePDSVGCodeDump{ color: #2b5788; fill: currentColor; height: 40px; width: 263px; margin:0px auto; padding:0px; display:block; vertical-align:top; transition: all .5s; } .LineDFreePDSVGCodeDump:hover{ color: #ff0000; }

.LineDFreePDSVGCodeDumpOLDF{
color: linear-gradient(#000000, #aa00ff);
fill: currentColor;
height: 60px;
width: 263px;
margin:0px auto;
padding:0px;
display:block;
}

.LineDClickInfoText{
font-size: 12px;

display: block;
text-align:center;
}
a:hover, a:active{
color: #cc0066;
}
.LineDSiteHolder{
padding:0px;
margin:0px;
position:relative;
height:100%;
width:100%;
}
.LineDSectional{
border-top: 1px solid #fdfdfd;
border-bottom: 1px solid #d9d9d9;
background: #eeeeee;
box-sizing: border-box;
padding: 4px;
display:block;
width:100%;
max-width: 1004px;
margin: 0px auto;
}

.LineDCategoryMenu{
background: url(../images/SpaceHeader1200w.png) center top no-repeat fixed #000000; 
border-radius: 12px;
border-bottom: 1px solid #fdfdfd;
border-top: 1px solid #d9d9d9;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
padding:10px;
width: 984px;
margin: 0px auto;
text-align:center;
}

.bigemoji{
font-size: 47px;
margin-right: 4px;
}

.midemoji{
font-size: 30px;
}

.smallemoji{
font-size: 25px;
}



.LineDCatButt100x100{
border-radius: 6px;
background-color:#eeeeee;
margin: 0px 2px;
padding:6px;
display: inline-block;
width:100px;
height: 200px;
font-size: 12px;
box-sizing: border-box;
position:relative;
border-top: 1px solid #fdfdfd;
border-bottom: 1px solid #d9d9d9;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
text-align:left;

-webkit-user-select: none; /* Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
}

.LineDCatButtText{
bottom:5px;
position:absolute;
font-family: 'Michroma', sans-serif;
font-weight:900;
font-size: 7px;
text-transform: uppercase;

}


.mainContent{
min-height: calc(100% - 250px);
width: 100%;
position:relative;
}

h1{
font-family: 'Michroma', sans-serif;
text-transform:uppercase;
margin:0px;
}

h2{
font-family: 'Michroma', sans-serif;
text-transform:uppercase;
margin:0px;
}

h3{
font-family: 'Michroma', sans-serif;
margin:0px 10px 10px;
padding:0px;
color: #000000;
display:block;
text-align:center;
background: rgba(0,0,0, 0.00);
border-radius: 12px;
letter-spacing: 1px;
}

.LineDHolderOfLineDCategoryPics{
width:1000px;
margin: 0px auto;
text-align:center;
}

.LineDChooseCategoryBox{
width: 180px;
height:90px; /* original size 190 x 95 */
box-sizing: border-box;
padding:10px;
margin:2px 2px 2px 2px;
display:inline-block;
text-align: left;
position:relative;
-moz-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s;
}

.LineDChooseCatText{
top: 25px;
right:20px;
position:absolute;
font-family: 'Michroma', sans-serif;
font-weight:900;
font-size: 14px;
text-transform: uppercase;
color:#eeeeee;
text-align:right;
}
.LineDCatChosenTextColor{
	color:#777777;
}


.LineDCategoryPic{
width: 180px;
height:90px; /* original size 190 x 95 */
box-sizing: border-box;
color:#000000;
padding:10px;
font-weight:bold;
margin:2px 2px 2px 2px;
display:inline-block;
border: 1px solid #666666;
text-decoration: none;
text-align: left;
position:relative;
background-color: #eac949;
background-size: 100%;
background-position: left bottom;
background-repeat: no-repeat;
-moz-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s;
}

.LineDCategoryPic:hover{
background-size: 110%;
border-top: 2px solid #fdfdfd;
border-bottom: 2px solid #d9d9d9;
border-left: 2px solid #d9d9d9;
border-right: 2px solid #d9d9d9;
filter: grayscale(0%);
padding: 8px;
}

.LineDCatPicText{
bottom:5px;
position:absolute;
font-family: 'Michroma', sans-serif;
font-weight:900;
font-size: 11px;
text-transform: uppercase;
}

/* Start Category pics */

.LineDCatPicHorror{
background-image: url(/images/Horror190x95.jpg);
}

.LineDCatPicMotivational{
background-image: url(/images/Motivational.jpg);
}

.LineDPicPercussion{
background-image: url(/images/Percussion190x95.jpg);
}

.LineDPicEpic{
background-image: url(/images/Epic.jpg);
}

.LineDPicElectronic{
background-image: url(/images/Electronic190x95.jpg);
}

.LineDPicWorld{
background-image: url(/images/World190x95.jpg);
}

.LineDPicMiscellaneous{
background-image: url(/images/Miscellaneous190x95.jpg);
}

.LineDPicPage2{
background-image: url(/images/Page2-190x95.png);
}

.LineDPicRomantic{
background-image: url(/images/Romantic190x95.jpg);
}

.LineDPicComedy{
background-image: url(/images/Comedy190x95.jpg);
}

/* End Category pics */

.LineDOuterSpaceContent{
padding:10px;
background-color:#eeeeee;
width: 980px;
margin: 0px auto;
text-align:left;
}

.LineDmusicObject{
border-radius: 12px;
background-color:#e8e7d5;
margin: 0px 5px 10px;
padding:10px;
display: inline-block;
width:300px;
height:320px;
font-size: 12px;
box-sizing: border-box;
position:relative;
border-top: 1px solid #fdfdfd;
border-bottom: 1px solid #d9d9d9;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
text-align: center;
vertical-align:top;
}

.LineDmusicObjectSpecial{
border-radius: 12px;
background-color:#e8e7d5;
margin: 0px 5px 10px;
padding:10px;
display: inline-block;
width:300px;
height:350px;
font-size: 12px;
box-sizing: border-box;
position:relative;
border-top: 1px solid #fcfce5;
border-bottom: 1px solid #d6d0b3;
border-left: 1px solid #d6d0b3;
border-right: 1px solid #d6d0b3;
vertical-align:top;
}


.LineDTipButton{
box-sizing: border-box;
margin: 2px 0px;
padding:6px;
border-radius: 6px;
border: 1px solid #2b5788;
text-align:center;
width: 100%;
color:#eeeeee; /* Originally color:#5a00ff; */
font-weight: #900;
background: linear-gradient(#2b5788, #122142); /* Originally background-color: #5a00ff; */
}

.LineDExtraStuff{
font-size: 9px;
height: 0px;
display:block;
overflow: auto;
-moz-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s;
}

.LineDAudioTag{
 width: 100%;
 margin: 2px 0px;
}

.LineDAuthor{
position:relative;
display:inline-block;
border-right: #aaaaaa solid 1px;
border-sizing: border-box;
text-align:center;
width: 110px;
margin: 0px;
padding-right: 9px;
vertical-align: top;
}

.LineDAvatar{
width:  100px;
height: 100px;
}

.LineDSongInfo2{
font-size: 20px;
}

.LineDSongInfo{
font-size: 14px;
text-align:left;
display: inline-block;
position:relative;
width: calc(100% - 126px);
margin: 0px;
padding: 0px 0px 0px 10px;
box-sizing: border-box;
}

/* audio controller properties */

audio::-webkit-media-controls-panel{
  background: #dddddd;
}

audio::-webkit-media-controls-current-time-display{
  color: #000000;
}

audio::-webkit-media-controls-time-remaining-display {
  color: #3498DB;
}

/* audio controller properties */



.LineDFooter span{
display:block;
margin: 0px auto;
margin-top: 10px;
background: #ffffff;
text-align: center;
font-weight: 900;
letter-spacing: 0px;
font-size: 14px;
}

@media (max-width: 500px){
.LineDHolderOfLineDCategoryPics{
width:100%;
padding: 100px;
margin: 0px auto;
text-align:center;
}
.LineDCategoryPic{
width: 100%;
height: 95px;
}









.Kbutton {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 4px 17px;
    border: 1px solid #72a9ad;
    border-radius: 8px;
    background: #a3f1f7;
    background: -webkit-gradient(linear, left top, left bottom, from(#a3f1f7), to(#72a9ad));
    background: -moz-linear-gradient(top, #a3f1f7, #72a9ad);
    background: linear-gradient(to bottom, #a3f1f7, #72a9ad);
    text-shadow: #d4ffff 1px 1px 1px;
    font: normal normal bold 20px courier new;
    color: #111111;
    text-decoration: none;
}
.Kbutton:hover,
.Kbutton:focus {
    border: 1px solid #a3f1f7;
    background: #c4ffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#c4ffff), to(#89cbd0));
    background: -moz-linear-gradient(top, #c4ffff, #89cbd0);
    background: linear-gradient(to bottom, #c4ffff, #89cbd0);
    color: #111111;
    text-decoration: none;
}
.Kbutton:active {
    background: #72a9ad;
    background: -webkit-gradient(linear, left top, left bottom, from(#72a9ad), to(#72a9ad));
    background: -moz-linear-gradient(top, #72a9ad, #72a9ad);
    background: linear-gradient(to bottom, #72a9ad, #72a9ad);
}
.Kbutton:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABbUlEQVRIieXUsUtcQRDH8Y8XETlSBLEWi6AgKSSVyCFCIIVJGwuVoHaSJoXYikj+CgsLETRBBFOkiFbRRtFSsAs2gqaSVEFMit3T53nm7dNrQr6wsLtvd37zZmaHf52mAmc78Q69uMRPfMLHuH4QI/iCfpTiXhum8TnOC1PGE1SwipY7zvVhPSOcSwnz0eNVHKE9584chlIF3uJDZl1OuNOFhRTjL7Ev3+NaytjDczRnPzzKzN9jEJM4KyjwW6jIAcxgFz+yB54K1ZDHmBDCv9GBb2Joq5kfwlKCQLOaENThGGt4nRV4jPMEgVQOhahcCRzgRQMFevA9K7AptICBBhjvwBtscB3PC4xiERPYiXtVfmEls27FcI3hErqjk1NCr7qRsFO8Ev7kmdvJLNWZ17aHLcxGh+7FuPBOkkltUPVKM69ckwUqWBbiXqVFeDeVRghs42s02BrHkhDv7YT7yYzjJI5CeSjCWBz/EX8AwUE4FtXxzc8AAAAASUVORK5CYII=") no-repeat left center transparent;
    background-size: 100% 100%;
}