/* @override http://noxiousfoxes/css/styles.css */

/* font / colors */
@font-face { font-family: "proxima nova"; src:(/font/Inconsolata.otf); }
body { font-family:"proxima nova","helvetica neue", helvetica, "lucida grande", lucida, sans-serif; }
body { background: url(/imgs/bg.jpg); color: #ffe; }
.shows, #contact a { color: #ddd; }
a { color: #ffa; background: #000; }
ul.playlist li { display: block; width: 100%; }
ul.playlist li a { color: #fff; font-size: .4em; padding: 1em 2em; }
ul.playlist li.sm2_playing a { background: #222 !important; }
img.cover { -webkit-box-shadow: 0 0 10px #333; -moz-box-shadow: 0 0 10px #333; border: 10px solid #000; }
.shows li { border-bottom: 1px solid #222; } .shows ul { border-top: 1px solid #222; }
.hover { color: #fff; background: #222; }   
 
/* layout */
.wrap { margin: 0 auto; width: 1000px; }
.shows span, img.cover, #lovestorm, .stars, #contact a { display: -moz-inline-stack; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; }
.shows span { width: 230px; margin: 10px 10px 10px 0; }
img.cover, #lovestorm, .playlist { margin: 40px 0; }
#lovestorm { padding: 0 30px; position: relative; }
#lovestorm  { width: 490px; }

#contact, #linx { margin: 15px 0; }	
#contact a { padding: 10px 15px; background: #222; font-size: 1.1em; }
img.cover { width: 420px; }
#linx, #contact { text-align: center; }
#linx img { height: 40px; margin: 0 20px; }
.button { display: block; position: relative; padding: 15px 0 15px 110px; margin: 1px 0; font-size: 1em; background: #000; }
.button form { display: inline; line-height: 0; }
.stars { width: 100px; position: absolute; top: 10px; left: 0; text-align: center; }

/* font styles */
.shows { padding: 15px 0;position: relative; }
.shows ul { font-size: .85em; line-height: 1.2em; margin: 10px 0; }
.shows h2 { font-size: 1.2em; margin: 10px 0; color: #fff; text-shadow: 1px 1px #222; }

h1 { margin: 20px 0 0; display: block; text-align: center; }

/* popup */
#download, #purchase { display: none; }
.hidebox { padding: 15px; text-align: center;  }
.hidebox h2 { font-size: 1.2em; margin: 1em 0; }
.half { display: -moz-inline-stack; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 45%; text-align: center;  }
.half form { padding: 15px 0; }
.icon { position: relative; top: .2em; vertical-align: baseline; margin: 0 5px; }
.download { display: block; position: relative; padding: 15px 5px; font-size: 1em; background: #000; }
.price { padding: 15px 0; }

/* epk */
#side { display: -moz-inline-stack; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 420px; padding: 50px 0; }
#gallery { margin: 20px 0; height: 300px; }
#gallery li { display: none; }

#content { display: -moz-inline-stack; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 480px; margin-left: 30px; padding: 50px 0; }
#content p, #content li, #side p { margin: .9em 0; line-height: 1.5; }
#side p { font-size: .875em; line-height: 1.3; }
#side p.by { font-style: italic; text-indent: 1em; }
#content li { list-style: disc outside; margin-left: 20px; }
#content strong { font-size: 1.2em; text-transform: uppercase; }
#content h2 { font-size: 1.6em; line-height: 1.5; padding: 10px 0; }
#content img.left { float: left; width: 30%; margin-right: 20px; }

#epk .playlist { margin: 10px 0; }
#epk .playlist a { padding: 5px; }
#epk .playlist li .timing { font-size: 11px; right: 3px; top: 3px; }