/*
THEME NAME: Mixtape
THEME URI: http://www.allancole.com/wordpress/themes/mixtape/
DESCRIPTION: A music lover’s theme developed specifically for sharing music over the internet. This theme utilizes the work 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.2
AUTHOR: Allan Cole
AUTHOR URI: http://www.allancole.com/wordpress/
TAGS: Mp3, Audio, Fixed Width, 1 Column, 2 Column, Widgetized, Minimal, Gravatar Support.
.
This work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Please leave the footer links in tact. THANKS!
.
*/

/* STRUCTURE
------------------------------------------

1.0 BASE IMPORTS
2.0 GLOBALS
3.0 HEADER
4.0 MENU
5.0 CONTAINER & CONTENT
	5.1 HOME
	5.2 SINGLE PAGE
	5.3 ATTACHMENT
	5.4 LINKS PAGE TEMPLATE
	5.5 ARCHIVE PAGE TEMPLATE
	5.6 SEARCH PAGE
	5.5 PLAIN PAGE
6.0 MP3 PLAYER CSS
	6.1 DARK THEME (Sound Manager 2 mp3 Player styles)
	6.2 MP3 LIST (1 Column)
	6.3 MP3 COLUMN (2 Column)
	6.4 BLOG CONTENT (1 Column)
	6.5 BLOG COLUMN (2 Column)
7.0 NAVIGATION
8.0 COMMENTS & FORMS
9.0 SIDEBAR
10.0 Wordpress 2.5+ Shortcode Styles
11.0 FOOTER

------------------------------------------ */

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

/* 2.0 GLOBALS
------------------------------------------ */
html{background:white;color:#000;line-height:1;font-family:Geneva,arial,sans-serif;margin:0;padding:0;font-size: 1.0em;}
body{margin:0;padding:0px;}
a, a:link, a:visited {text-decoration:none;color:#000;}
a:hover, a:active {text-decoration:none;color:#000;}
img,img.alignnone {margin: 0 0 1em 0;clear:both;float:none;display:block;}
img.alignleft, .alignleft {margin:0 10px 1em 0px;clear:left;float:left;}
img.alignright, .alignright {margin:0 0 1em 10px;clear:right;float:right;}
img.aligncenter, .aligncenter {margin:0 auto;position:relative;clear:none;}
blockquote{margin-top:1em;margin-bottom:1em;color:#000;font-style:italic;}
abbr {border-bottom:0px solid #FFF;text-transform:none;font-size:65%;letter-spacing:.1em;cursor:auto;}
abbr[title]{border-bottom:0px dotted black;cursor:auto;}
h1,h2,h3,h4,h5,h6 {color:black;}

/* 3.0 HEADER
------------------------------------------ */
div#header{text-align:left;padding:0;background:#FF5A3F;height:7.5em;clear:both;float:none;display:block;}
div#header h1#blog-title {margin:0 auto;width:800px;float:none;clear:both;}
div#header h1#blog-title a {display:block;height:4.7em;line-height:4.7em;font-size:1em;color:#FFF;letter-spacing:-0.03em;margin:0 auto;width:800px;}
div#header h1#blog-title a:hover{color:#9F7E77;}
div#header h1#blog-title a #blog-heading{display:block;float:left;}
div#header h1#blog-title a #blog-description {font-weight:normal;font-size:0.65em;font-weight:200;letter-spacing:0.05em;float:right;}
div#access div.skip-link{display:none;}


/* 5.0 CONTAINER & CONTENT
------------------------------------------ */
div#container{width:100%;margin:0 auto;padding:3em 0 3em 0;}

div#container h2.entry-title,div#container h2 {clear:both;margin:0;font-weight:300;width:800px;display:block;float:left;position:relative;font-size:5em;}
div#container h2 .the-title {width:62%;display:block;float:left;}

div#container h3.entry-title,div#container h3 {clear:both;margin:0;font-weight:800;width:800px;display:block;position:relative;float:left;}
div#container h3 .the-title {width:62%;display:block;float:left;}

div#container ul, div#container ol{margin:1em 0;}
div#container ul li ul, div#container ol li ol {margin:0 0 0 2em;}
div#container .entry-meta{color:#AFAFAF;font-size:0.9em;letter-spacing:.03em;}
div#container p code, div#container p pre {padding:1em;background:#EEE;color:#888;display:block;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
div#content .post .entry-content h2, div#content .post .entry-content h3, div#content .post .entry-content h4 {width:100%;}

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;float:none;display:table;}

	/* 5.1 HOME */
	.home div#content .post h2.entry-title {width:66%;font-size:14px;}
	.home div#content .post h2 .the-title {width:98%;}
	.home 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:Geneva,arial,helvetica,arial,sans-serif;}
	.home div#content div.post:hover {background:#eee;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px}
         .home div#content .post .entry-content {width:62%;float:left;margin: 0 3em 6em 0;}
	.home div#content .post .entry-meta {width:33.3%;float:left;margin:0;}
	
	/* 5.2 SINGLE PAGE */
	.single div#content .post h2.entry-title {width:66%;}
	.single div#content .post h2 .the-title {width:98%;}
	.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;}
	
	/* 5.3 ATTACHMENT */
	.attachment div#content .attachment h2.entry-title {width:66%;}
	.attachment div#content .attachment h2 .the-title {width:98%;}
	.attachment div#content .attachment 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;}
	.attachment div#content .attachment .entry-content {width:62%;float:left;margin: 0 3em 3em 0;}
	.attachment div#content .attachment .entry-meta {width:33.3%;float:left;margin:0;}
	
	
	
	/* 5.5 PLAIN PAGE */
	.page div#content .page {margin:3em 0;clear:both;float:none;display:block;}
	.page div#content .page .entry-content {width:62%;float:left;margin: 0 3em 3em 0;display:block;clear:both;}
	.page div#content .page .entry-meta {width:33.3%;float:left;margin:0;}


/* 6.0 MP3 PLAYER CSS
------------------------------------------ */
.spectrum-container{display:none}
ul.use-spectrum li.sm2_playing .spectrum-container{position:absolute;left:0px;top:0px;margin-left:-266px;display:block;background:transparent;border:1px solid #9cf; -moz-border-radius:4px}
ul.use-spectrum .spectrum-box{ position:relative;width:255px;font-size:1em;padding:2px 0px;height:1em;overflow:hidden}
ul.use-spectrum .spectrum-box .spectrum{ position:absolute;left:0px;top:-2px;margin-top:20px;display:block;font-size:1px;width:1px;height:1px; /* set to 50px for a thick line,1px for a thin line,etc. */ overflow:hidden;background-color:#fff}
ul.playlist {list-style-type:none;margin:0px;padding:0px;position:relative;display:block;}
ul.playlist li{background:transparent;position:relative;display:table;width:100%;clear:both;float:none;font-size:1.75em;line-height:1em;letter-spacing:0px;color:#000;padding:0.75em 0.5em 0.75em 0.5em;margin:0;border:none;-webkit-transition-property:none;-webkit-transition:none;}
ul.playlist li a{position:relative;display:block;text-decoration:none;font-weight:800;padding:0;color:#000;font-size:2em;line-height:1em;letter-spacing:-1px;outline:none;z-index:2;text-shadow:0 0 0 #fff; /* stupid Safari "fat"font rendering tweak */}
ul.playlist li.sm2_playing, ul.playlist li.sm2_paused, ul.playlist li.sm2_playing a{ color:#fff;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px}
ul.playlist li:hover{background-color:#eee;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px}
ul.playlist li:hover a{color:#000;}
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{ }
ul.playlist li.sm2_playing:hover a, ul.playlist li.sm2_paused a{color:#fff;}
ul.playlist li .controls{ display:none}
ul.playlist li .peak, ul.playlist.use-peak li .peak{ display:none;  position:absolute;  top:0.55em;  right:0.5em}
ul.playlist li.sm2_playing .controls, ul.playlist li.sm2_paused .controls{ position:relative;  display:block}
ul.playlist.use-peak li.sm2_playing .peak, ul.playlist.use-peak li.sm2_paused .peak{ display:inline;  display:inline-block}
ul.playlist.use-peak li .peak{display:none;}
ul.playlist li.sm2_paused .controls{ background-color:#666}
ul.playlist li:hover .controls .statusbar{position:relative;cursor:ew-resize;cursor:-moz-grab;cursor:grab}
ul.playlist li.sm2_paused .controls .statusbar{background-color:#ccc}
ul.playlist li .controls{ position:relative; clear:both;float:none;margin-top:0.25em 0 0 0;padding-right:0.5em;background-color:#9cf}
ul.playlist li .controls .statusbar{ position:relative;height:0.5em;background-color:#cdf;border:2px solid #fff;border-radius:2px;  -moz-border-radius:2px;  -webkit-border-radius:2px;  overflow:hidden;  cursor:-moz-grab;  cursor:grab}
ul.playlist li .controls.dragging .statusbar{cursor:-moz-grabbing;cursor:grabbing}
ul.playlist li .controls .statusbar .position, ul.playlist li .controls .statusbar .loading, ul.playlist li .controls .statusbar .annotation{ position:absolute;  left:0px;  top:0px;  height:0.5em}
ul.playlist li .controls .statusbar .position{background-color:#369;  border-right:3px solid #369;  border-radius:3px;  -moz-border-radius:3px;  -webkit-border-radius:3px}
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 .controls .statusbar .position, ul.playlist li .controls .statusbar .loading{ width:0px}
ul.playlist li.sm2_playing a.sm2_link, ul.playlist li.sm2_paused a.sm2_link{ margin-right:4.5em;}
ul.playlist li div.timing{position:absolute;display:none;right:10px;top:20px;height:1em;margin:0;padding:0;text-align:left;letter-spacing:0.01em;font-size:2em;font-weight:100;line-height:0.5em;vertical-align:middle;font-family:Geneva, Arial, arial, verdana, sans-serif;}
ul.playlist.use-peak li .timing{right:10px;}
ul.playlist li:hover .timing{z-index:2;}
ul.playlist li .timing div.sm2_timing{margin:0px;padding:0px;margin-top:-1em;text-shadow:0 0 0 #fff;}/* stupid Safari "fat"font rendering tweak */
ul.playlist li.sm2_playing .timing, ul.playlist li.sm2_paused .timing{display:block}
ul.playlist li.sm2_paused .timing .sm2_position{ text-decoration:blink;}/* hee hee. first actual appropriate use?:D */
ul.playlist li.sm2_paused .timing, ul.playlist.use-peak li.sm2_paused .peak{background:transparent;border:0px solid #000;}




	/* 6.1 DARK THEME (Sound Manager 2 mp3 Player styles) */
	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;}
	

	
	/* 6.3 MP3 COLUMN (2 Column)
	------------------------------------------ */
	div#mp3-column{width:370px;margin:0 2em 0 0;padding:0 0 3em 0;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;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;display:inline;font-family:"Helvetica Neue","Helvetica",helvetica,arial,sans-serif;}
	div#mp3-column ul.playlist li span.entry-meta span {display:inline;}
	
	
		/* 6.5 BLOG COLUMN (2 Column)
	------------------------------------------ */
	div#blog-column {width:370px;margin:0 auto;padding:0 0 3em 0;display:block;float:left;}

	div#blog-column h3 {margin:1.5em 0 1.5em 10px;width:400px;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:#eee;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px}
	
        div#blog-column div.post h2 {padding:0 0 1em 0;font-size:1em;font-weight:800;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;}






/* 10.0 Wordpress 2.5+ Shortcode Styles
------------------------------------------ */
div.gallery{clear:both;float:left;width:100%;}
div.gallery dl{float:left;text-align:center;}
div.gallery dl dt{margin:0;}
div.gallery dl dd{margin-left:0;}
div.entry-attachment,div.entry-caption{text-align:center;}
div.entry-attachment img,div#nav-images div img{overflow:hidden;}
body.attachment div#nav-images{clear:both;width:100%;}
body.attachment div#nav-images div{padding:1em 0;width:50%;}
body.attachment div#nav-images div.nav-previous{text-align:left;}
body.attachment div#nav-images div.nav-next{text-align:right;}
body.attachment div#comments{clear:both;}

/* 11.0 FOOTER
------------------------------------------ */
div#footer {clear:left;width:100%;height:12em;text-align:left;background:#FFF;display:block;padding:0;margin:0;}
div#footer-content{width:800px;margin:0 auto;padding:4em 0 2em 0;}