/*
THEME NAME: Mixtape REMIX
THEME URI: http://www.allancole.com/wordpress/themes/mixtape/
DESCRIPTION: A music lover’s theme developed specifically for hearing & sharing music over the web. This theme utilizes the powers of <a href="http://www.plaintxt.org/themes/sandbox/" target="_blank">Sandbox</a>, <a href="http://devkick.com/lab/tripoli/" target="_blank">Tripoli</a>, and <a href="http://www.schillmania.com/projects/soundmanager2/" target="_blank">SoundManager2</a>. A ton of thanks goes out to <a href="http://www.plaintxt.org/" target="_blank">Scott Allan Wallick</a>, <a href="http://monc.se/kitchen" target="_blank">David Helsing</a>, and <a href="http://www.schillmania.com/" target="_blank">Scott Schiller</a>.
VERSION: 1.0.1
AUTHOR: Allan Cole
AUTHOR URI: http://www.allancole.com/wordpress/
Template: mixtape
.
Please leave the footer links in tact by any means necessary. THANKS!
.
*/

/* BASE IMPORTS
------------------------------------------ */
@import url('../mixtape/style.css');

/* GLOBALS
------------------------------------------ */
html{background:#FFF;color:#666;}
a, a:link, a:visited {color:#2FB5FF;}
a:hover, a:active {color:#77919F;}
blockquote{color:#000;}
h1,h2,h3,h4,h5,h6 {color:#000;}

/* HEADER
------------------------------------------ */
div#header{background:#2FB5FF;}
div#header h1#blog-title a {color:#FFF;}
div#header h1#blog-title a:hover{color:#77919F;}

/* MENU
------------------------------------------ */
div#menu{background:transparent;}
iv#menu ul li a:hover{background:#EEE;}
div#menu ul li:hover ul li a{background:#000;}

/* CONTAINER & CONTENT
------------------------------------------ */
div#container .entry-meta{color:#AFAFAF;}
div#container p code, div#container p pre {background:#EEE;color:#888;}

/* MP3 PLAYER CSS
------------------------------------------ */
.spectrum-container{display:none}
ul.use-spectrum li.sm2_playing .spectrum-container{background:transparent;}
ul.use-spectrum .spectrum-box .spectrum{background-color:#fff}
ul.playlist li{background:transparent;color:#666;}
ul.playlist li a{color:#2FB5FF;text-shadow:0 0 0 #fff;}
ul.playlist li.sm2_playing, ul.playlist li.sm2_paused, ul.playlist li.sm2_playing a{ color:#fff;}
ul.playlist li:hover{background-color:#eee;}
ul.playlist li:hover a{color:#77919F;}
ul.playlist li.sm2_playing, ul.playlist li.sm2_playing:hover{background-color:#69c;}
ul.playlist li.sm2_paused{background-color:#999;}
ul.playlist li.sm2_playing:hover a, ul.playlist li.sm2_paused a{color:#fff;}
ul.playlist li.sm2_paused .controls{background-color:#666}
ul.playlist li.sm2_paused .controls .statusbar{background-color:#ccc}
ul.playlist li .controls{background-color:#9cf}
ul.playlist li .controls .statusbar{background-color:#cdf;border:2px solid #fff;}
ul.playlist li .controls .statusbar .position{background-color:#369;border-right:3px solid #369;}
ul.playlist li.sm2_paused .controls .statusbar .position{background-color:#666;border-color:#666}
ul.playlist li .controls .statusbar .loading{background-color:#eee}
ul.playlist li .timing div.sm2_timing{text-shadow:0 0 0 #fff;}
ul.playlist li.sm2_paused .timing, ul.playlist.use-peak li.sm2_paused .peak{background:transparent;}

/* Dark Theme */
ul.playlist.dark li.sm2_playing a, ul.playlist.dark li.sm2_playing p {color:#fff}
ul.playlist.dark li.sm2_playing .timing, ul.playlist.use-peak.dark li.sm2_playing .peak{color:#999}
ul.playlist.use-spectrum.dark li.sm2_playing .spectrum-container{background-color:#222;border-color:#444}
ul.playlist.use-spectrum.dark li.sm2_playing .spectrum-container .spectrum{background-color:#999}
ul.playlist.dark li.sm2_paused{background-color:#333}
ul.playlist.dark li.sm2_paused a, ul.playlist.dark li.sm2_paused p {color:#999}
ul.playlist.dark li.sm2_playing, ul.playlist.dark li.sm2_playing:hover{background-color:#333}
ul.playlist.dark li:hover .controls .statusbar{background-color:#666}
ul.playlist.dark li .controls{background-color:#333;}
ul.playlist.dark li .controls .statusbar{background-color:#666;border-color:#444}
ul.playlist.dark li .controls .statusbar .position{background-color:#111;border-right:3px solid #111;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
ul.playlist.dark li .controls .statusbar .loading{background-color:#444}
ul.playlist.dark li .timing, ul.playlist.use-peak.dark li .peak{background:transparent;border-width:0px;}
ul.playlist.dark.use-peak li .peak .l, ul.playlist.dark.use-peak li .peak .r{background:transparent;border-width:0px;}

/* MP3 LIST
------------------------------------------ */
div#mp3-list ul.playlist li p{color:#666}

/* MP3 COLUMN
------------------------------------------ */
div#mp3-column ul.playlist li p{color:#666}

/* BLOG CONTENT
------------------------------------------ */
div#blog-content div.post:hover {background:#eee;}

/* BLOG COLUMN
------------------------------------------ */
div#blog-column div.post:hover {background:#eee;}

/* NAVIGATION
------------------------------------------ */

/* COMMENTS
------------------------------------------ */
div.comments ul li.comment:hover {background:#EEE;}
iv.comments ol li .comment-meta, div.comments ul li .comment-meta {color:#AFAFAF;font-size:0.9em;letter-spacing:.03em;}
form#commentform span.required{background:transparent;color:red;}

/* SIDEBAR
------------------------------------------ */

/* FOOTER
------------------------------------------ */
div#footer {background:#EEE;}
