@charset "utf-8";
/* CSS Document */
/* Font Family
================================================== */

.mpcontainer { position:relative; margin:0 auto; padding: 20px 50px; }
.column { width: inherit; }

.mpcontainer html, .mpcontainer body, .mpcontainer div, .mpcontainer span, .mpcontainer h1, .mpcontainer h6, .mpcontainer p, .mpcontainer a, .mpcontainer ul, .mpcontainer li, .mpcontainer audio {
border:0;
margin:0;
padding:0;
color: #FFF;
}

.mpcontainer body { line-height:1; }
.mpcontainer ul { list-style:none; }

/* Basic Styles
================================================== */

.mpcontainer html, .mpcontainer body {
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:100%;
color:#C8C7C8;
padding:5px 0;
}

* {
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color:transparent;
}


/* Typography
================================================== */

.mpcontainer h1, .mpcontainer h2, .mpcontainer h6, .mpcontainer p { color: #000 }


/* Links
================================================== */

.mpcontainer a,.mpcontainer a:visited { color:#ddd; outline:0; text-decoration:none; }
.mpcontainer a:hover, .mpcontainer a:focus { color:#bbb; }
.mpcontainer p a, .mpcontainer p a:visited { line-height:inherit; }


/* Misc.
================================================== */

.add-bottom { margin-bottom:20px !important; }
.left { float:left; }
.right { float:right; }
.center { text-align:center; }


/* Custom Styles
================================================== */

/* CSS Transitions */
* {
-moz-transition:all 100ms ease;
-o-transition:all 100ms ease;
-webkit-transition:all 100ms ease;
transition:all 100ms ease;
}

/* Highlight Styles */
::selection { background-color:#262223; color:#444; }
::-moz-selection { background-color:#262223; color:#444; }

audio {width:100%}
#mainwrap { /* add box-shadow or other styles here */ }
#audiowrap { background-color:#000; margin:0 auto; }
#plwrap { margin:0 auto; }
#tracks { min-height:65px; position:relative; text-align:center; text-decoration:none; top:13px; }
#nowPlay { display:inline; }
#npTitle { margin:0; padding:21px; text-align:right; }
#npAction { padding:21px; position:absolute; }
#plList { margin:0; }
#plList li { background-color:#000; cursor:pointer; margin:0; padding:6px 0; }
#plList li:hover { background-color:#262223; }
.plItem { position:relative; }
.plTitle { left:50px; overflow:hidden; position:absolute; right:65px; text-overflow:ellipsis; top:0; white-space:nowrap; }
.plNum { padding-left:21px; width:25px; }
.plLength { padding-left:21px; position:absolute; right:21px; top:0; }
.plSel,.plSel:hover { background-color:#262223!important; cursor:default!important; }
a[id^="btn"] { background-color:#000; color:#C8C7C8; cursor:pointer; font-size:30px; margin:0; padding:0 27px 11px; text-decoration:none; }
a[id^="btn"]:last-child { margin-left:-4px; }
a[id^="btn"]:hover,a[id^="btn"]:active { background-color:#262223; }
a[id^="btn"]::-moz-focus-inner { border:0; padding:0; }