/*
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); 


/* 2.0 GLOBALS
------------------------------------------ */
html{background:white;color:#666;line-height:1;font-family:"Helvetica Neue","Helvetica",helvetica,arial,sans-serif;margin:0;padding:0;}
body{margin:0;padding:0px;}
a, a:link, a:visited {text-decoration:none;color:#AAD73D;}
a:hover, a:active {text-decoration:none;color:#A5CF35;}

blockquote{margin-top:1em;margin-bottom:1em;color:#000;font-style:italic;}
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:black;}

b,strong{color:#A5B27C;}
u{color:#A0B84C; text-decoration: underline;}
i, em{color:#555;}

/* 3.0 HEADER
------------------------------------------ */
div#header{text-align:left;padding:0;background:#222;height:7.5em;clear:both;float:none;display:block;}
div#header h1#blog-title {margin:0 auto;width:780px;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:780px;text-shadow: #555 1px 1px 1px;}
div#header h1#blog-title a:hover{color:#eee;}
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;}

/* 4.0 MENU
------------------------------------------ */
div#menu{font-size:1em;height:3.5em;background:#333;display:block;width:100%;float:none;clear:both;}
div#menu ul {margin:0 auto;width:820px;}
div#menu ul a{font-size:1em;font-weight:800;text-decoration:none;line-height:3.5em;}
div#menu ul,div#menu ul ul,div#menu ul li{height:3.5em;list-style:none;display:block;}
div#menu ul li{float:left;}
div#menu ul li a{padding:0 1em;line-height:3.5em;height:3.5em;display:block;}
div#menu ul li a:hover{background:#fff; border-top: #222 4px solid;}
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:#FFF;border-top:1px dotted #888;display:block;padding:0;margin:0;width:200px;line-height:2em;height:2em;z-index:100}

/* 5.0 CONTAINER & CONTENT
------------------------------------------ */
div#container{width:100%;margin:0 auto;padding:15px 0 20px 0; border-bottom: #888 1px dotted;}

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:780px;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:780px;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 */


h2.entry-title{margin:0;font: 32px/32px dotum, arial; margin: 0px 0px 14px 0px; font-weight:normal;}

#content .category{ float:left; width:20px;}

#content .post{
padding: 10px 0px;
}

#content .post .entry-content,  #content .post #photo, #content .post .quote, #content .post .video, #content .post .link{padding: 0 170px 10px 40px;border-bottom: #bbb 1px dotted;}
#content .post .entry-meta {width:140px;float:right;margin:0;}

#content .post .entry-meta span.entry-date{display: block; color: #444; margin:0;text-align:left;font-weight:100;font: 32px/32px  dotum,arial;margin-bottom:5px;text-transform:uppercase;}

#content .post .entry-content{
font:12px/16px "HelveticaNeue-UltraLight","Helvetica Neue UltraLight","Helvetica Neue","Helvetica",helvetica, arial,sans-serif;
}

#content .post .entry-content blockquote{
font: bold 11px/18px trebuchet ms;
color: #555;
border-bottom: #444 1px solid;
border-top: #444 1px solid;
padding: 7px;
margin-left: 0px; margin-right:0px;
}

#content .post .entry-content img{
border: #eee 1px solid;
padding:4px;
margin-bottom:2px;
display:block;
}

#content .post .quote blockquote{
font:24px/29px trebuchet ms;
padding: 0px 10px 10px 10px;
margin:0px;
}

#content .post .quote p{
margin: 0; padding:0;
}

#content .post .video{
font: 12px/15px arial;
}

#content .post #photo p{
margin:0px 0px 5px 0px; padding:0px;
font:12px/14px lucida sans unicode;
}

#content .post #photo img {
border: #eee 1px solid;
padding:4px;
margin-bottom:6px;
display:block;
}

#content .post .link p{
margin-bottom:0px;
}

#content .post .link blockquote{
font: bold 11px/16px trebuchet ms;
color: #555;
padding: 7px;
text-align:justify;
margin: 0px;
}

#content .post .link blockquote p{
padding:0px;
}

.postlink{
font:24px/24px arial;
display:block;
margin:5px 0px 0px 7px;
}

.currents ul{
list-style-type:none;
margin: 0;
padding:0;
}

.currents img{
display:none;
}

.currents .post-meta-key { 
color: #a2a2a2;
font-weight: lighter;
text-transform: lowercase;
margin-right: 5px;
}
.currents li{padding: 0px;   }

	
.currents {
font: 11px/13px trebuchet ms;
line-spacing: -1px;
font-weight: lighter;
color: #bbb;
text-transform: lowercase;
		}


	/* 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:553px;width:245px;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.4 LINKS PAGE TEMPLATE */
	div.links-page-template div#content .page .entry-content {width:75%;float:left;margin: 0 0 3em 0;}
	div.links-page-template div#content .page .entry-content ul#links-page {display:block;list-style:none;}
	div.links-page-template div#content .page .entry-content ul#links-page li.linkcat {width:200px;float:left;display:block;}
	div.links-page-template div#content .page .entry-content ul#links-page li.linkcat ul{margin:0 0 0 0;}
	div.links-page-template div#content .page .entry-content ul#links-page li.linkcat ul li {list-style:none;}
	div.links-page-template div#content .page .entry-content ul li.linkcat h3 {width:inherit;clear:both;float:none;}
	div.links-page-template div#content .page .entry-meta {width:25%;float:left;margin:0;}
	
	/* 5.5 ARCHIVE PAGE TEMPLATE */
	.archive div#content h2.page-title {clear:both;margin:0 0 1.5em 0;}
	
	
	
	
	
	/* 5.6 SEARCH PAGE */
	.search div#content h2.page-title {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:595px;margin-right:0;text-align:left;float:right;font-family:"HelveticaNeue-UltraLight","Helvetica Neue UltraLight","Helvetica Neue","Helvetica",helvetica,arial,sans-serif;}
	
	

	
	/* 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;}


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



/* 9.0 SIDEBAR
------------------------------------------ */
div#sidebar-wrap{width:780px;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;}
div.sidebar input#s{width:100%;}
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;}
div.sidebar table#wp-calendar {width:100%;float:none;}

/* 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%;text-align:left;border-top:1px dotted #888;background:#222;display:block;padding:0;margin:0;}
div#footer-content{width:780px;margin:0 auto;padding:4em 0 2em 0;}