/*
THEME NAME: The Neue Theme.
THEME URI: http://www.allancole.com/wordpress/themes/mixtape-theme/
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.0
AUTHOR: Allan Cole.
AUTHOR URI: http://www.allancole.com/wordpress/
TEMPLATE: mixtape-2

.
Please leave the footer links in tact by any means necessary. THANKS!
.
*/

/*	COLORS
TAN:		#A97C50
SKY BLUE:	#89D1D0
LAVENDAR:	#D09BC6
PURPLE:		#260021	#23011C
PLUM:		#2F0030
TEAL:		#00ADA4
------------------------------------------ */

/* MIXTAPE TEMPLATE */
@import url('../mixtape-2/style.css');

/*	BASE IMPORTS
------------------------------------------ */
@import url(tripoli/tripoli.base.css); 
@import url(tripoli/plugins/tripoli.visual.css); 
@import url(tripoli/plugins/tripoli.type.css); 

/*	GLOBALS
------------------------------------------ */
html{background:#23011C;color:#A97C50;line-height:1;font-family:"Helvetica Neue","Helvetica",helvetica,arial,sans-serif;}
body{margin:0;padding:0px;background:#23011C;color:#A97C50;}
a, a:link, a:visited {text-decoration:none;color:#89D1D0;}
a:hover, a:active {text-decoration:none;color:#00ADA4;}
img {margin: 0 0 1em 0;clear:both;float:none;display:block;}
img.alignleft { margin:0 10px 1em 0px; }
img.alignright { margin:0 0 1em 10px; }
blockquote{margin-top:1em;margin-bottom:1em;}
abbr {border-bottom:0px solid #FFF;text-transform:none;font-size:85%;letter-spacing:.1em;cursor:auto;}
abbr[title]{border-bottom:0px dotted black;cursor:auto;}
h1, h2, h3, h4, h5, h6 {color:#A97C50;}

/* HEADER
------------------------------------------ */
div#header{text-align:left;padding:0;background:#23011C;height:9em;clear:both;float:none;display:block;}
div#header h1#blog-title, div#header #blog-description {margin:0 auto;width:800px;}
div#header h1#blog-title a {display:block;height:5em;background: url(img/header-title.gif) left 1em no-repeat;line-height:4.75em;font-size:1em;text-transform:uppercase;letter-spacing:-0.03em;margin:0 auto;width:800px;}
div#header h1#blog-title a span.hide, div#header h1#blog-title a #blog-heading, .hide {visibility:hidden;}
div#header #blog-description {display:none;}
div#access div.skip-link{display:none;}

/* MENU
------------------------------------------ */
div#menu{font-size:1em;text-transform:uppercase;height:4.5em;background:transparent;display:block;width:100%;border:none;}
div#menu ul {margin:0 auto;width:820px;}
div#menu ul a{font-size:1em;font-weight:400;letter-spacing:0.05em;text-decoration:none;line-height:4.5em;}
div#menu ul,div#menu ul ul,div#menu ul li{height:4.5em;list-style:none;display:block;}
div#menu ul li{float:left;}
div#menu ul li a{padding:0 1em;line-height:4.5em;height:4.5em;display:block;}
div#menu ul li a:hover{background:#2F0030;}
div#menu ul ul{display:none;}
div#menu ul ul li{float:none;height:2em;padding:0;}
div#menu ul ul li a{margin:0;padding:0;height:2em}
div#menu ul li:hover ul{display:block;font-size:0.9em;padding-top:0em;position:absolute;}
div#menu ul li:hover ul{float:none;width:200px;z-index:99}
div#menu ul li:hover ul li a{background:#2F0030v;display:block;padding:0;margin:0;width:200px;line-height:2em;height:2em;z-index:100}

/* CONTENT
------------------------------------------ */
div#container{width:100%;margin:0 auto;padding:3em 0 3em 0;border:none;}
div#container h2.entry-title, div#container h2 {clear:both;margin:0;font-weight:800;text-transform:uppercase;width:800px;display:block;float:left;position:relative;font-size:3em;}
div#container h2 .the-title {width:62%;display:block;float:left;text-transform:uppercase;}
div#container h3.entry-title, div#container h3 {clear:both;margin:0;font-weight:800;text-transform:uppercase;width:800px;display:block;position:relative;float:left;}
div#container h3 .the-title {width:62%;display:block;float:left;text-transform:uppercase;}
div#container ul, div#container ol{margin:1em 0;}
div#container .entry-content h1,div#container .entry-content h2, div#container .entry-content h3, div#container .entry-content h4, div#container .entry-content h5, div#container .entry-content h6 {width:100%;clear:both;float:none;}
div#container .entry-meta{color:#D09BC6;font-size:0.9em;letter-spacing:.03em;}

div#content{width:800px;margin:0 auto;padding:0 0 0 0;clear:both;float:none;display:table;}
div#content-column{width:820px;margin:0 auto;padding:0 0 0 0;clear:both;display:table;}
div#content .post h2 span.entry-date, h2.page-title span {color:#89D1D0;}
div#content .post{ }
div#content .entry-content .small-album-cover {float:left;display:inline;clear:none;padding:5px 10px 10px 0;color:#000;width:150px;}

.single div#content .post h2.entry-title {width:62%;}
.single div#content .post h2 span.entry-date, h2.page-title span {position:absolute;display:inline;left:533px;width:265px;margin:0;text-align:left;line-height:0.9em;float:right;font-weight:100;font-family:"HelveticaNeue-UltraLight","Helvetica Neue UltraLight","Helvetica Neue","Helvetica",helvetica,arial,sans-serif;}
.single div#content .post .entry-content {width:62%;float:left;margin: 0 3em 3em 0;}
.single div#content .post .entry-meta {width:33.3%;float:left;margin:0;}

.archive div#content h2 {clear:both;margin:0 0 1.5em 0;}
.archive div#content .post {margin:3em 0;clear:both;display:table;}
.archive div#content .post h2 span.entry-date, h2.page-title span {font-weight:100;position:absolute;display:inline;left:533px;margin:0;text-align:left;float:right;font-family:"HelveticaNeue-UltraLight","Helvetica Neue UltraLight","Helvetica Neue","Helvetica",helvetica,arial,sans-serif;}
.archive div#content .post h3 span.entry-date, h3.page-title span {font-weight:200;position:absolute;display:block;left:533px;margin-right:0;text-align:left;float:right;font-family:"HelveticaNeue-UltraLight","Helvetica Neue UltraLight","Helvetica Neue","Helvetica",helvetica,arial,sans-serif;}
.archive div#content .post .entry-content {width:62%;float:left;margin: 0 3em 3em 0;}
.archive div#content .post .entry-meta {width:33.3%;float:left;margin:0;}
.archive div#content .archive-meta {width:62%;font-size:0.9em;}

.search div#content h2 {clear:both;margin:0 0 1.5em 0;}
.search div#content .post, .search div#content .page {margin:3em 0;}
.search div#content .post h2 span.entry-date, .search div#content .page h2 span.entry-date, h2.page-title span {font-weight:100;position:absolute;display:inline;left:533px;margin-right:0;text-align:left;float:right;font-family:"HelveticaNeue-UltraLight","Helvetica Neue UltraLight","Helvetica Neue","Helvetica",helvetica,arial,sans-serif;}
.search div#content .post h3 span.entry-date, .search div#content .page h3 span.entry-date, h3.page-title span {font-weight:200;position:absolute;display:block;left:533px;margin-right:0;text-align:left;float:right;font-family:"HelveticaNeue-UltraLight","Helvetica Neue UltraLight","Helvetica Neue","Helvetica",helvetica,arial,sans-serif;}
.search div#content .post .entry-content, .search div#content .page .entry-content {width:62%;float:left;margin: 0 3em 3em 0;}
.search div#content .post .entry-meta, .search div#content .page .entry-meta {width:33.3%;float:left;margin:0;}
.search div#content .archive-meta {width:62%;font-size:0.9em;}

.mp3-post {clear:both;float:none;position:relative;display:table;padding:0 0 3em;margin:0;}
.mp3-post:hover, .home div#content div.post.mp3-post:hover {background:transparent;}

.attachment div#content .attachment {margin:3em 0;clear:both;float:none;display:block;}
.attachment div#content .attachment h2 span.entry-date {font-weight:100;position:absolute;display:inline;left:533px;margin:0;text-align:left;float:right;font-family:"HelveticaNeue-UltraLight","Helvetica Neue UltraLight","Helvetica Neue","Helvetica",helvetica,arial,sans-serif;}
.attachment div#content .attachment .entry-content {width:62%;float:left;margin: 0 3em 3em 0;display:block;clear:both;}
.attachment div#content .attachment .entry-meta {width:33.3%;float:left;margin:0;}

.pageid-48 #header, .pageid-48 #access {display:none;}
.pageid-48 #content {height:450px;background: url('img/splash-bg.jpg') center center no-repeat;}
.pageid-48 #content a {display:block;width:800px;height:450px;}
/* CONTENT
------------------------------------------ */
ul.use-spectrum li.sm2_playing .spectrum-container{background:transparent;}
ul.use-spectrum .spectrum-box .spectrum{background:transparent}
ul.playlist li{background:transparent;color:#666;}
ul.playlist li a{color:#FFF;text-shadow:none;}
ul.playlist li.sm2_playing, ul.playlist li.sm2_paused, ul.playlist li.sm2_playing a{color:#89D1D0;}
ul.playlist li:hover {background-color:#2F0030;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px}
ul.playlist li:hover a{color:#726B6A;}
ul.playlist li.sm2_playing, ul.playlist li.sm2_playing:hover{background-color:#2F0030;}
ul.playlist li.sm2_paused{background-color:#2F0030;}
ul.playlist li.sm2_playing:hover a, ul.playlist li.sm2_paused a{color:#89D1D0;}
ul.playlist li.sm2_paused .controls{background-color:#89D1D0;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px}
ul.playlist li.sm2_paused .controls .statusbar{background-color:#ccc;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px}
ul.playlist li .controls{background-color:#2F0030;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px}
ul.playlist li .controls .statusbar{background-color:#89D1D0;border:2px solid #89D1D0;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px}
ul.playlist li .controls .statusbar .position{background-color:#00ADA4;border-right:3px solid #00ADA4;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px}
ul.playlist li.sm2_paused .controls .statusbar .position{background-color:#00ADA4;border-color:#00ADA4;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px}
ul.playlist li .controls .statusbar .loading{background-color:#89D1D0}
ul.playlist li .timing div.sm2_timing, ul.playlist li.sm2_playing .timing div.sm2_timing, ul.playlist li.sm2_playing .timing {background:transparent;border:none;}
ul.playlist li.sm2_paused .timing, ul.playlist.use-peak li.sm2_paused .peak{background:transparent;}

ul.playlist li div.timing div.timing-data {letter-spacing:-0.025em;}
ul.playlist li {font-size:1.5em;margin-top:0;}
ul.playlist li img.alignleft { margin:0 10px 10px 0;float:left;}
ul.playlist li a {color:#89D1D0;width:62%;font-family:"HelveticaNeue-Heavy","Helvetica Neue Heavy","Helvetica Neue","Helvetica",helvetica,arial,sans-serif;text-transform:uppercase;}
ul.playlist li a:after {content:"Click to Listen";font-weight:400;font-size:60%;letter-spacing:1;color:#23011C;}
ul.playlist li .timing {font-family:"HelveticaNeue-UltraLight","Helvetica Neue UltraLight","Helvetica Neue","Helvetica",helvetica,arial,sans-serif;font-weight:100;}
ul.playlist li p {font-size:0.75em;margin:0 35px 0 0;;padding:0 0 0.5em 0;float:left;color:#A97C50}
ul.playlist li .small-album-cover {float:left;display:inline;clear:none;padding:5px 10px 10px 0;}
ul.playlist li p {float:left;width:460px;display:inline;margin:0;}
ul.playlist li p a{display:inline;font-size:1em;letter-spacing:0.01em;text-transform:normal}
ul.playlist li p a:after {content:"";}
ul.playlist li span.entry-meta {float:right;display:block;margin:0.5em 0 0 0;padding: 0 0 0.5em 0;font-size:0.6em;text-align:left;line-height:0.4em;letter-spacing:0.015em;width:100%;}
ul.playlist li span.entry-meta a {font-size:0.75em;font-weight:500;letter-spacing:0.015em;text-transform:none;display:inline;font-family:"Helvetica Neue","Helvetica",helvetica,arial,sans-serif;}
ul.playlist li span.entry-meta a:after, ul.playlist li p a:after {content:"";}
ul.playlist li span.entry-meta span {display:inline;}
ul.playlist li div.timing {left:530px;text-align:left;}
ul.playlist li div.timing div.timing-data{padding:0;margin-left:0;}
ul.playlist li:hover a {color:#89D1D0;}
ul.playlist li:hover a:hover {color:#00ADA4;}
div.post:hover {background:#2F0030;border-radius:11px; -webkit-border-radius:11px; -moz-border-radius:11px}
ul.playlist {background:transparent;float:none;clear:both;}

/* MP3 LIST
------------------------------------------ */
div#mp3-list{width:820px;margin:0 auto;padding:0 0 3em 0;}
div#mp3-list h3 {margin:1.5em 0 1.5em 10px;width:800px;display:block;clear:both;float:none;}
div#mp3-list h3 span.mp3-feed {font-size:0.75em;font-weight:400;float:right;text-transform:none;text-align:right;right:0;padding-top:3px;position:absolute;}
div#mp3-list h3 span.mp3-feed a{font-weight:400;}
div#mp3-list ul.playlist li {font-size:1.75em;padding-right:0;margin-right:0;}
div#mp3-list ul.playlist li img.alignleft { margin:0 10px 10px 0;float:left;}
div#mp3-list ul.playlist li a {width:62%;font-family:"HelveticaNeue-Heavy","Helvetica Neue Heavy","Helvetica Neue","Helvetica",helvetica,arial,sans-serif;font-weight:600}
div#mp3-list ul.playlist li .timing {font-family:"HelveticaNeue-UltraLight","Helvetica Neue UltraLight","Helvetica Neue","Helvetica",helvetica,arial,sans-serif;font-weight:100;width:32%;text-align:left;margin:inherit 0;padding:inherit 0;right:0;position:absolute;}
div#mp3-list ul.playlist li div.timing div.timing-data{padding-left:0;margin-left:0;}
div#mp3-list ul.playlist li p {width:410px;font-size:0.75em;margin:0;padding:0 20px 0.5em 0;float:left;display:table;}
div#mp3-list ul.playlist li span.entry-meta {float:right;display:block;margin:0.5em 0 0 0;padding: 0 0 0.5em 0;font-size:0.5em;text-align:left;text-transform:none;line-height:0.4em;letter-spacing:0.015em;width:33%;}
div#mp3-list ul.playlist li span.entry-meta a {font-size:1.1em;font-weight:500;letter-spacing:0.015em;text-transform:none;display:inline;font-family:"Helvetica Neue","Helvetica",helvetica,arial,sans-serif;}
div#mp3-list ul.playlist li span.entry-meta span {display:inline;}

/* MP3 COLUMN
------------------------------------------ */
div#mp3-column{width:370px;margin:0 2em 0 0;padding:0 0 3em 0;display:block;float:left;}
div#mp3-column h3 {margin:1.5em 0 1.5em 10px;width:360px;display:block;clear:both;float:none;}
div#mp3-column h3 span.mp3-feed {font-size:0.75em;font-weight:400;text-align:left;text-transform:none;padding-top:2px;}
div#mp3-column h3 span.mp3-feed a {font-weight:400;}
div#mp3-column ul.playlist li {font-size:1.5em;margin-top:0;}
div#mp3-column ul.playlist li img.alignleft { margin:0 10px 10px 0;float:left;}
div#mp3-column ul.playlist li a {width:62%;font-family:"HelveticaNeue-Heavy","Helvetica Neue Heavy","Helvetica Neue","Helvetica",helvetica,arial,sans-serif;}
div#mp3-column ul.playlist li .timing {font-family:"HelveticaNeue-UltraLight","Helvetica Neue UltraLight","Helvetica Neue","Helvetica",helvetica,arial,sans-serif;}
div#mp3-column ul.playlist li p {width:230px;font-size:0.75em;margin:0;padding:0 0 0.5em 0;float:left;display:table;}
div#mp3-column ul.playlist li span.entry-meta {float:right;display:block;margin:0.5em 0 0 0;padding: 0 0 0.5em 0;font-size:0.6em;text-align:right;line-height:0.4em;letter-spacing:0.015em;width:100%;}
div#mp3-column ul.playlist li span.entry-meta a {font-size:1.1em;font-weight:500;letter-spacing:0.015em;text-transform:none;display:inline;font-family:"Helvetica Neue","Helvetica",helvetica,arial,sans-serif;}
div#mp3-column ul.playlist li span.entry-meta span {display:inline;}

/* BLOG CONTENT
------------------------------------------ */
div#blog-content {width:830px;height:1000px;margin:0 auto 3em auto;padding:3em 0 0 0;display:table;clear:both;float:none;}
div#blog-content h3 {margin:0 0 1.5em 1em;width:800px;display:block;clear:both;float:none;}
div#blog-content h2 span.entry-date {font-weight:100;font-family:"HelveticaNeue-UltraLight","Helvetica Neue UltraLight","Helvetica Neue","Helvetica",helvetica,arial,sans-serif;}
div#blog-content div.post {width:390px;height:350px;padding:1em 1em 1em 1em;margin:0;overflow:hidden;float:left;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px}
div#blog-content div.post.alt {border-right: 0px dotted #888;padding:1em 1em 1em 1em;margin:0;}
div#blog-content div.post:hover {background:#2F0030;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px}
div#blog-content div.post:hover a {color:#00ADA4;}
div#blog-content div.post h2 {font-size:3em;margin:0;font-weight:800;text-transform:uppercase;width:360px;display:inline;clear:both;float:none;}
div#blog-content div.post p {margin-bottom:1em;}
div#blog-content div.post .entry-date {clear:both;display:block;color:#D09BC6}

/* BLOG COLUMN
------------------------------------------ */
div#blog-column {width:370px;margin:0;padding:0 0 3em 0;display:block;float:left;}
div#blog-column h3 {margin:1.5em 0 1.5em 10px;width:360px;display:block;clear:both;float:none;}
div#blog-column h2 span.entry-date {font-weight:100;font-family:"HelveticaNeue-UltraLight","Helvetica Neue UltraLight","Helvetica Neue","Helvetica",helvetica,arial,sans-serif;}
div#blog-column div.post {width:380px;padding:1em;margin:0;overflow:hidden;float:left;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px}
div#blog-column div.post.alt {border-right: 0px dotted #888;padding:1em 1em 1em 1em;margin:0;}
div#blog-column div.post:hover {background:#2F0030;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px}
div#blog-column div.post:hover a {color:#00ADA4;}
div#blog-column div.post h2 {font-size:3em;margin:0;font-weight:800;text-transform:uppercase;width:380px;display:inline;}
div#blog-column div.post .entry-content p {margin-bottom:1em;}
div#blog-column div.post .entry-date {clear:both;display:block;color:#D09BC6}

/* NAVIGATION
------------------------------------------ */
div#nav-above{display:none;}
div#nav-below{width:800px;margin:0 auto;height:6em;line-height:6em;border:none;display:block;clear:both;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}

/* COMMENTS
------------------------------------------ */
div#comments {width:800px;margin:0 auto;padding:3em 0;clear:both;}
div#comments h2 {margin-bottom:1em;}
div#comments h3 {/* width:100%;clear:both; */width:190px;margin:0;font-weight:800;display:block;position:static;float:left;clear:none;}
div.comments ol, div.comments ul {list-style:none;margin:0;}
div.comments ul li.comment {width:800px;padding:1em;margin:0;display:table;clear:both;list-style:none;float:none;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px}
div.comments ul li.comment img.avatar {float:left;display:block;position:relative;padding-right:1em;}
div.comments ul li.comment:hover {background:transparent;}
div.comments ul li .comment-info{width:33%;float:left;display:block;}
div.comments ul li .comment-text{width:66%;float:left;display:block;}
div.comments ol li .comment-meta, div.comments ul li .comment-meta {color:#AFAFAF;font-size:0.9em;letter-spacing:.03em;}
div#respond h3 {width:100%;clear:both;margin:3em 0 0 0;font-weight:800;display:block;position:static;float:none;}
div.container form div {padding:0;}
textarea#comment{height:13em;margin:0;overflow:auto;width:62%;}
form#commentform .form-label{margin: 0;padding:0px;}
form#commentform span.required{background:#fff;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:33.33%;font-size:1.2em;}
input#author,input#email,input#url,textarea#comment{padding:0;}

ol.commentlist {display:block;width:100%;padding:3em 0;clear:both;}
ol.commentlist li.comment {padding:0;display:block;width:500px;}
ol.commentlist:hover li.comment.even {background:transparent;}
ol.commentlist li.comment .comment-author, ol.commentlist li.comment .comment-author cite {color:#A97C50;}
ol.commentlist li.comment a, ol.commentlist li.comment .comment-author a {color:#89D1D0;}
ol.commentlist li.comment a:hover, ol.commentlist li.comment .comment-author a:hover {color:#00ADA4;}

/* SIDEBAR
------------------------------------------ */
div#sidebar-wrap{width:800px;margin:0 auto;padding:3em 0;clear:both;}
div.sidebar {float:left;overflow:hidden;padding:0 0 3em 0;width:33.3%;}
div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}
div.sidebar h3{line-height:2em;padding:0;margin:0;font-weight:800;text-transform:uppercase;}
div.sidebar input#s{width:70%;}
div.sidebar li{list-style:none;margin:0 1em 1.5em 0em;}
div.sidebar li form{margin: 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 0;}
div.sidebar ul ul li{list-style:none;margin:0;}
div.sidebar ul ul ul{margin:0;}
div.sidebar ul ul ul li{list-style:circle;}
div#primary {clear:both;}

/* FOOTER
------------------------------------------ */
div#footer {clear:left;width:100%;height:12em;text-align:left;background:#23011C;border:none;}
div#footer-content{width:800px;margin:0 auto;padding:4em 0;font-size:0.85em;line-height:0.5em;}
.pageid-48 div#footer-content {position:fixed;bottom:0;left:0;padding:0 10px;}
.pageid-48 div#footer {height:50px;}