/*
THEME NAME: Aperte.org_V3
THEME URI: http://www.allancole.com/wordpress/themes/mixtape/
DESCRIPTION: My customization of the Mixtape theme by Allan Cole.
VERSION: 1.0
AUTHOR: Jeremy Handcock
TEMPLATE: mixtape
.
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(../mixtape/style.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:#000;}
a:hover, a:active {text-decoration:none;color:#9F7E77;}
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:85%;letter-spacing:.1em;cursor:auto;}
abbr[title]{border-bottom:0px dotted black;cursor:auto;}
h1,h2,h3,h4,h5,h6 {font-family:"Helvetica Neue","Helvetica",helvetica,arial,sans-serif;color:black;}

/* 3.0 HEADER
------------------------------------------ */
div#header{text-align:left;padding:0;background:#000;height:10em;clear:both;float:none;display:block;background-image:url(./images/banner.jpg);background-repeat:no-repeat;background-position:center;}
div#header h1#blog-title {display:none;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;}

/* 4.0 MENU
------------------------------------------ */
div#menu{font-size:1em;height:4.5em;background:transparent;display:block;width:100%;border-top:1px dotted #888;border-bottom:1px dotted #888;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: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:#EEE;}
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:3em 0 3em 0;border-bottom:1px dotted #888;}
div#container h2.entry-title,div#container h2 {clear:both;margin:0;font-weight:800;width:800px;display:block;float:left;position:relative;font-size:2em;}
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 pre {font-family:"Lucida Console","Monaco",monospace;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#container p code {font-family:"Lucida Console","Monaco",monospace;display:inline;padding:0;background:#FFF;}

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%;line-height:1.5em;}
	.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:"HelveticaNeue-UltraLight","Helvetica Neue UltraLight","Helvetica Neue","Helvetica",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:59%;float:left;margin: 0 3.5em 6em 0;}
    .home div#content .post .entry-content h3 {font-size:0.9em;line-height:1.5em;}
	.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%;margin:0 0 0.5em 0;}
    .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:61%;float:left;margin: 0 3em 3em 0;font-size:1.1em;line-height:1.6em;color:#666;font-family:"Georgia",serif;}
    .single div#content .post .entry-content a {color:#1E90FF;}
    .single div#content .post .entry-content h2,h3,h4,h5 {clear:both;line-height:1.5em;}
    .single div#content .post .entry-content h2 {font-size:1.4em;}
    .single div#content .post .entry-content ul {margin:0 0 1em 1em;}
    .single div#content .post .entry-content ol {margin:0 0 1em 1em;}
    .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.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 {clear:both;margin:0 0 1.5em 0;}
	.archive div#content .post {margin:3em 0;}
	.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:300;position:absolute;display:block;left:533px;margin-right:0;text-align:left;float:right;}
	.archive div#content .post .entry-content {width:62%;float:left;margin: 0 3em 3em 0;}
    .archive div#content .post .entry-content h2,h3,h4,h5 {clear:both;line-height:1.5em;}
    ul#archives-page li {list-style-type:none;}
    ul#archives-page li h3 {line-height:2em;}
    ul#archives-page li ul li {list-style-type:none;}
	.archive div#content .post .entry-meta {width:33.3%;float:left;margin:0;}
	.archive div#content .archive-meta {width:62%;font-size:0.9em;}
	
	/* 5.6 SEARCH PAGE */
	.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:300;position:absolute;display:block;left:533px;margin-right:0;text-align:left;float:right;}
	.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;}
	
	/* 5.5 PLAIN PAGE */
    .page div#content h2 {margin:0 0 1em 0;}
    .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;font-size:1.1em;line-height:1.6em;color:#666;font-family:"Georgia",serif;}
    .page div#content .page .entry-content h2,h3,h4,h5 {clear:both;line-height:1.5em;}
    .page div#content .page .entry-content ul {margin:0 0 1em 1em;}
    .page div#content .page .entry-content ol {margin:0 0 1em 1em;}
    .page div#content .page .entry-content h2 {font-size:1.4em;}
    .page div#content .page .entry-content a {color:#1E90FF;}
    .page div#content .page .entry-meta {width:33.3%;float:left;margin:0;}


	/* 6.5 BLOG COLUMN (2 Column)
	------------------------------------------ */
	div#blog-column {width:470px;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 {font-size:3em;margin:0;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;}

    /* 6.6 LEFT (NON-MP3) COLUMN (2 Column)
    ------------------------------------------ */
    div#home-left-column{width:270px;margin:0 4em 0 1em;float:left;}


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

/* 8.0 COMMENTS & FORMS
------------------------------------------ */
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:#EEE;}
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;}
code, kbd, samp, pre, tt, var, input[type="text"], input[type="password"], textarea {font-family:"Helvetica Neue","Helvetica",helvetica,arial,sans-serif;}
.container input#searchsubmit, .container input#submit {margin-top:0.5em;}

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

/* 12.0 WIDGETS
------------------------------------------ */
li.widget{list-style:none;clear:both;margin:0 0 2em 0;}
li.widget img {border:none;padding:0 0 0 0;}
li.widget_ilastfm {margin:0 3em 0 0;}
li.widget_ilastfm ul li {float:left;padding:0 1em 0 0;}
div.widget-title-home {padding:0 0 2em 0;}
div.sociable ul li {display:inline;float:left;padding:0 0.5em 0 0;}
div.sociable_tagline {font-family:"Helvetica Neue","Helvetica",helvetica,arial,sans-serif;}
li.widget_sandbox_rsslinks ul {list-style-type:none;margin:0 0;padding:0 5px;}
li.widget_sandbox_rsslinks ul li {background-image:url(images/rss-red.png);background-repeat:no-repeat;background-position:center left;padding: 0 0 0 24px;margin:5px 0;}
div.home-info-box {padding:0 0 3em 0;}
div.home-info-box h3 {font-size:2em;}
li.recentcomments {border-bottom:1px dotted #999;}
li.widget_recent_entries ul li {border-bottom:1px dotted #999;}