html{ margin: 0px; padding: 0px;}
body{font-family: 'Lato',sans-serif;position: relative; margin: 0px; padding: 0px; background: #000000 top center no-repeat;
    width: 100%;  overflow: auto; color: #000000}
img{ margin: 0px; padding: 0px; border: 0px;}
input{ position: relative; margin: 0px; padding: 0px}
a{ text-decoration: none; }
footer a{ vertical-align: middle; color: #4e4e4e}
footer img{ vertical-align: middle;}

#outer{ min-width: 1170px; min-height: 618px; position: relative; background: url(../images/back.png) top center no-repeat, url(../images/back_r.png) #ba8456 top center repeat-x; }
.inner{ width: 900px; position: relative; margin: 0px auto 0px auto; text-align: left; }

.shadow{ -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0, 1);
-moz-box-shadow:    0px 3px 5px 0px rgba(0,0,0, 1);
box-shadow:         0px 3px 5px 0px rgba(0,0,0, 1);}
.purpleshadow{ -webkit-box-shadow: 0px 0px 10px 0px rgba(194, 16, 184, 0.75);
-moz-box-shadow:    0px 0px 10px 0px rgba(194, 16, 184, 0.75);
box-shadow:         0px 0px 10px 0px rgba(194, 16, 184, 0.75);}

.shadow2{-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 1);
-moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 1);
box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 1);}
.shadow4{-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 0px 8px 0px rgba(0, 0, 0, 1);
box-shadow:         0px 0px 8px 0px rgba(0, 0, 0, 1);}
.sp20{ width: 100%; height: 20px; line-height: 20px; font-size: 20px; position: relative;}
 .sp40{ width: 100%; height: 40px; line-height: 40px; font-size: 40px; position: relative;}
 .sp60{ width: 100%; height: 60px; line-height: 60px; font-size: 60px; position: relative;}
 .sp80{ width: 100%; height: 80px; line-height: 80px; font-size: 80px; position: relative;}
 .sp100{ width: 100%; height: 100px; line-height: 100px; font-size: 100px; position: relative;}
.clear{ width: 100%; height: 0px; line-height: 0px; font-size: 0px; position: relative; clear: both;}
.top_bar{ width: 100%; height: 67px; position: relative; }
.box{ width: 471px; height: 854px; position: relative; background: url(../images/card_back.png) top center no-repeat; margin: 10px auto 0px auto}
.left_side{ width: 360px; text-align: center; float: left; position: relative;}
.right_side{ width: 500px; position: relative; text-align: center; float: right;}
.line{ width: 100%; position: relative; text-align: center; background: url(../images/line.png) center no-repeat; height: 32px}
.connect{ position: relative; }
.connect img{ display: inline-block; vertical-align: middle; margin: 0px 3px 0px 3px}
.box_inner{ width: 420px; position: relative; margin: 0px auto 0px auto; text-align: center;}
.instructions{ position: relative; text-align: center; padding: 30px 0px 0px 0px; font-family: 'Bitter', serif; }
.instr_ttl{ position: relative; text-align: center; font-weight: 700; font-size: 12px; line-height: 15px;}
.instr_txt{ position: relative; text-align: center; font-weight: 400; font-size: 14px; line-height: 19px}
.song_ttl{padding-bottom:3px; position: relative; text-align: center; font-family: 'Bitter', serif; font-size: 22px; line-height: 28px;}
.song_txt{color:#525252;position: relative; text-align: center; font-weight: 400;font-family: 'Bitter', serif; text-transform: uppercase; font-size: 11px; line-height: 13px;}
.widget{ width: 380px; height: 380px; position: relative; margin: 10px auto 0px auto; z-index: 2}
.preview{ width: 380px; height: 380px; position: absolute; top:0px; left: 0px; z-index: 2}
.player{ width: 380px; height: 80px; position: relative; margin: 0px auto 0px auto;background-color:#282828}
.player iframe{ display: block;}

.note{width:350px;font-family: Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif; font-size: 11px; line-height: 12px; margin: 0px auto}
.note a {text-decoration:underline;color:#000}
.upload_btn{width: 100%; left: 0px; text-align: center; position: absolute; top:145px; z-index: 3}
.publish_btn{ position: relative; margin: 10px 0px 0px 0px;}
.enter_web{ position: relative; padding: 20px 0px 0px 0px;}
.main_ttl{ position: relative; margin: 15px 0px 0px 0px;}
.main_sttl{ position: relative; margin: 15px 0px 0px 0px;}
.album{ position: relative; text-align: center; margin: 460px 0px 0px 0px;}
.album_cover{ width: 160px; display: inline-block; vertical-align: top;}
.album_info{ width: 180px; display: inline-block; vertical-align: top; text-align: left; margin: 0px 0px 0px 4px}
.cover{ width: 100%; height: 160px; position: relative;}
.inf{ position: relative; height: 160px; position: relative;}
.feat_ttl{ position: relative; margin: 26px 0px 0px 0px}
.share_album{ position: relative; }
.share_album img { display: inline-block; vertical-align: middle; margin: 0px 3px 0px 3px}
.album_ttl{ position: relative; padding: 5px 0px 0px 0px}

.footer-grp {
    background: #000 none repeat scroll 0 0;
}
.footer-links {
    background: #1c1c1c none repeat scroll 0 0;
}
.links {
    letter-spacing: -5px;
    text-align: right;
}
.link-item {
    display: inline-block;
    letter-spacing: normal;
    padding: 0 15px;
    vertical-align: middle;
}
.link-anchor {
    color: #494949;
    display: block;
    font-size: 28px;
    height: 53px;
    padding: 12px 0 0;
    text-align: center;
    width: 55px;
}
.ico-vevo {
    background: rgba(0, 0, 0, 0) url("../images/icon-vevo.png") no-repeat scroll center top;
}
.ico-vevo:hover {
    background-position: center bottom;
}
.link-anchor:hover {
    background-color: #1d0100;
    color: #f1d0a6;
}
.btn-enter {
    background: #f1d0a6 none repeat scroll 0 0;
    border: 1px solid #f1d0a6;
    color: #220402;
    font-size: 18px;
    font-weight: 700;
    padding: 2px 20px;
}
.btn-enter:hover {
    background: #220402 none repeat scroll 0 0;
    color: #f1d0a6;
}
.footer-bottom {
    padding: 13px 0 15px;
}
.footer-icons {
    padding-top: 17px;
}
.footer-icons a {
    margin: 0 5px;
    vertical-align: middle; text-decoration: none;
}
.footer--mail {
    color: #ccc;
    font-size: 26px;
}
.footer-content {
    color: #4e4e4e;
    font-size: 12px;
    line-height: 2px;
}
.footer-grp a:hover {
    color: #ffffff;
}
.hidden, .mobile {
    display: none;
    visibility: hidden;
}
.footer-bottom {
    padding: 13px 0 15px;
}
.container {
    max-width: 1170px !important;
}
.container {
    margin: 0 auto;
}
.inputs 
{
padding:10px;	
}
#drop1, #drop2 {float:left;width:190px;background-color:#760d0a}
#drop1 {margin-right:10px;margin-left:5px}
.dd-container, dd-container a {color:#ffffff !important}
.dd-select {border:1px solid #ffffff !important;border-radius:0px !important}
.dd-pointer-down,.dd-pointer-up {border-color:#fff transparent transparent !important}

.shadow3,#drop1, #drop2 {
  -webkit-box-shadow: 1px 1px 4px 4px rgba(0,0,0, 0.2);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    1px 1px 4px 4px rgba(0,0,0, 0.2);  /* Firefox 3.5 - 3.6 */
  box-shadow:         1px 1px 4px 4px rgba(0,0,0, 0.2);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

/* http://projects.lukehaas.me/css-loaders/ */

.loader,
.loader:before,
.loader:after {
  background: #ffffff;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader {
  text-indent: -9999em;
  margin: 88px auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #ffffff;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em #ffffff;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0 #ffffff;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em #ffffff;
    height: 5em;
  }
}

.si{cursor: pointer; cursor: hand; border-radius:10px;width: 51px; height: 51px; background: #760D0A; display: inline-block; vertical-align: middle; margin: 0px 1px 0px 1px}
.si a{cursor: pointer; cursor: hand; display: block; vertical-align: middle; line-height: 51px; text-align: center; font-size: 40px; color: #ffffff; text-decoration: none; }
.si a:hover{cursor: pointer; cursor: hand; color: #BA8456}
.si.pint a{ background: transparent;}
.si.pint a i{ content: "?";}
.si .email {font-size:32px !important;line-height:48px !important}