/*
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:#666;line-height:1;font-family:"Helvetica Neue","Helvetica",helvetica,arial,sans-serif;margin:0;padding:0;}
body{margin:38px 0 0 0;padding:0px;}
a, a:link, a:visited {text-decoration:none;color:#000000;}
a:hover, a:active {text-decoration:none;color:#979797;}
.entry-meta a, .entry-meta a:link, .entry-meta a:visited {text-decoration:none;color:#979797;}
.entry-meta a:hover, .entry-meta a:active {text-decoration:none;color:#000000;}
div#akst_social a, div#akst_social a:link, div#akst_social a:visited {text-decoration:none;color:#979797;}
div#akst_social a:hover, div#akst_social a:active {text-decoration:none;color:#FFFFFF;}
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 {color:black;}

/* 3.0 HEADER
------------------------------------------ */

div#header{padding:0 0 0 0; margin:42px 0px 10px 0; display:block; border-bottom:1px dotted #888; height: 136px;}
div#headerCentro{margin:0 auto;padding:0 0 0 90px;clear:both;float:none;display:block;width:890px;height:76px; overflow:hidden;}

div#headerCentro a{float:left;}

/* DROPDOWN */
div#menu {margin:0 auto; padding:17px 0 0 90px; clear:both;float:none;display:block;width:890px;}
div#dropdown, div#social{float:left;}
div#dropdown {margin:0; padding: 5px 0 0 0; width:600px;}
div#dropdown form {margin: 0 auto; padding:0; display: inline; height: 18px;}
#s {margin: 0 auto; padding:0; height: 16px; vertical-align: bottom; font-size:11px;}
#searchsubmit {padding:0; background:url(img/buscar.png) no-repeat; cursor:pointer; width: 52px; height: 16px; border: none; font-size:11px; vertical-align: bottom;}

div#social {height:30px; padding: 0 0 0 130px; margin:0;}
div#social ul{margin: 0px; padding: 0px; list-style-type: none;}
div#social li{float:left; margin-left: 2px;}
div#social a {display: block; height: 30px; width: 30px;text-indent:-9999px;} 

.facebook {background-image:url(img/icone_facebook.png)}
.rss {background-image:url(img/icone_rss.png);}
.twitter{background-image:url(img/icone_twitter.png);}

/* 5.0 CONTAINER & CONTENT
------------------------------------------ */
div#container{width:100%;margin:0 auto;padding:20px 0 0 0;}
div#container h2.entry-title,div#container h2 {clear:both;margin:10px 0 5px 0;font-weight:1000;width:860px;display:block;float:left;position:relative;font-size:2.4em;letter-spacing: 1px;}
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:1000;width:860px;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#container img {margin-top: 35;}
div#content .post .entry-content h2, div#content .post .entry-content h3, div#content .post .entry-content h4 {width:100%;}
div#container p {line-height:20px;}


div#content{width:890px;margin:0 auto;padding:141px 0 0 30px;clear:both;float:none;display:table;}
div#content-column{width:910px;margin:0 auto;padding:0 0 0 0;clear:both;float:none;display:table;}

	/* 5.1 HOME */
	.home div#content .post h2.entry-title {background-image:url(img/bgTitulo.jpg); background-repeat:no-repeat; padding-left: 30px;}
	.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:667px;width:250px;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 {border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px}*/
	.home div#content .post .entry-content {width:522px;float:left;margin: 0 116px 40px 0; border-bottom:1px dotted #888; padding-left: 30px;}
	.home div#content .post .entry-meta {width: 220px;float:left;margin:0;}
	
	/* 5.2 SINGLE PAGE */
	.single div#content .post h2.entry-title {background-image:url(img/bgTitulo.jpg); background-repeat:no-repeat; padding-left: 30px;}
	.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:667px;width:250px;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:522px;float:left;margin: 0 116px 40px 0; border-bottom:1px dotted #888; padding-left: 30px;}
	.single div#content .post .entry-meta {width: 220px;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 {background-image:url(img/bgTitulo.jpg); background-repeat:no-repeat; padding-left: 30px; margin-bottom: 25px;}
	.archive div#content .post {margin: 0;}
	.archive div#content .post h2 span.entry-date {font-weight:100;position:absolute;display:inline;left:667px;margin:0;text-align:left;float:right;font-family:"HelveticaNeue-UltraLight","Helvetica Neue UltraLight","Helvetica Neue","Helvetica",helvetica,arial,sans-serif;}
	.archive div#content h2.page-title span {display:inline;left:667px;font-size: 0.7em;}
	.archive div#content h3.page-title span {font-weight:300;position:absolute;display:block;left:667px;margin-right:0;text-align:left;float:right;}
	.archive div#content .post h3 span.entry-date {font-weight:100;position:absolute;display:inline;left:667px;width:250px;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 .entry-content {width:522px;float:left;margin: 0 116px 40px 0; border-bottom:1px dotted #888; padding-left: 30px;}
	.archive div#content .post .entry-title {width:522px;float:left;margin: 0 116px 5px 0; padding-left: 30px;}
	.archive div#content .post .entry-meta {width: 220px;float:left;margin:0;}
	.archive div#content .archive-meta {width:522px;float:left;margin: 0 116px 40px 0; border-bottom:1px dotted #888; padding-left: 30px;}
	
	/* 5.6 SEARCH PAGE */
	.search div#content h2 {background-image:url(img/bgTitulo.jpg); background-repeat:no-repeat; padding-left: 30px; margin-bottom: 25px;}
	.search div#content .post, .search div#content .page {margin: 0;}
	.search div#content .post h2 span.entry-date {font-weight:100;position:absolute;display:inline;left:667px;margin:0;text-align:left;float:right;font-family:"HelveticaNeue-UltraLight","Helvetica Neue UltraLight","Helvetica Neue","Helvetica",helvetica,arial,sans-serif;}
	.search div#content h2.page-title span {display:inline;left:667px;font-size: 0.7em;}
	.search div#content h3.page-title span {font-weight:300;position:absolute;display:block;left:667px;margin-right:0;text-align:left;float:right;}
	.search div#content .post h3 span.entry-date {font-weight:100;position:absolute;display:inline;left:667px;width:250px;margin: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 {width:522px;float:left;margin: 0 116px 40px 0; border-bottom:1px dotted #888; padding-left: 30px;}
	.search div#content .post .entry-title {width:522px;float:left;margin: 0 116px 5px 0; padding-left: 30px;}
	.search div#content .post .entry-meta {width: 220px;float:left;margin:0;}
	.search div#content .archive-meta {width:522px;float:left;margin: 0 116px 40px 0; border-bottom:1px dotted #888; padding-left: 30px;}
	
	.four04 div#content h2 {background-image:url(img/bgTitulo.jpg); background-repeat:no-repeat; padding-left: 30px; margin-bottom: 25px;}
	.four04 div#content .post, .four04 div#content .page {margin: 0;}
	.four04 div#content .post h2 span.entry-date {font-weight:100;position:absolute;display:inline;left:667px;margin:0;text-align:left;float:right;font-family:"HelveticaNeue-UltraLight","Helvetica Neue UltraLight","Helvetica Neue","Helvetica",helvetica,arial,sans-serif;}
	.four04 div#content h2.page-title span {display:inline;left:667px;font-size: 0.7em;}
	.four04 div#content h3.page-title span {font-weight:300;position:absolute;display:block;left:667px;margin-right:0;text-align:left;float:right;}
	.four04 div#content .post h3 span.entry-date {font-weight:100;position:absolute;display:inline;left:667px;width:250px;margin:0;text-align:left;float:right;font-family:"HelveticaNeue-UltraLight","Helvetica Neue UltraLight","Helvetica Neue","Helvetica",helvetica,arial,sans-serif;}
	.four04 div#content .post .entry-content {width:522px;float:left;margin: 0 116px 40px 0; border-bottom:1px dotted #888; padding-left: 30px;}
	.four04 div#content .post .entry-title {width:522px;float:left;margin: 0 116px 5px 0; padding-left: 30px;}
	.four04 div#content .post .entry-meta {width: 220px;float:left;margin:0;}
	.four04 div#content .archive-meta {width:522px;float:left;margin: 0 116px 40px 0; border-bottom:1px dotted #888; padding-left: 30px;}
	
	
	
	/* 5.5 PLAIN PAGE */
	.page div#content .page {margin: 0;clear:both;float:none;display:block;}
	.page div#content .page h2.entry-title {background-image:url(img/bgTitulo.jpg); background-repeat:no-repeat; padding-left: 30px;}
	.page div#content .page .entry-content {width:522px;float:left;margin: 0 116px 40px 0; border-bottom:1px dotted #888; padding-left: 30px;}
	.page div#content .page .entry-meta {width: 220px;float:left;margin:0;}


	/* 6.4 BLOG CONTENT (1 Column)
	------------------------------------------ */
	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:#eee;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px}
	div#blog-content div.post h2 {font-size:3em;margin:0;font-weight:800;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;}
	
	/* 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 {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;}

/* 7.0 NAVIGATION
------------------------------------------ */
div#nav-above{display:none;}
div#nav-below{width:890px;margin:0 auto;border-bottom:1px dotted #888;display:block;clear:both; padding-bottom: 5px; font-size: 1.17em; font-weight:bold}
div#nav-below-int{width:890px;margin:0 auto;border-bottom:1px dotted #888;display:block;clear:both; padding-bottom: 25px; font-size: 1.17em; font-weight:bold}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}
div.nav-next {padding-right:300px;}

/* 8.0 COMMENTS & FORMS
------------------------------------------ */
div#comments {width:800px;margin:0 auto;padding:5px 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:20px 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;}
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%;display:block;padding:0;margin:0;}
div#footer-content{width:830px;margin:0 auto;padding:0px 0px 0px 0px;}
div#assinatura, div#menuRodape {float:left; height:100px;}
div#assinatura {width:336px; }
div#assinatura h2{margin: 0px; padding: 0px; font-size:1px; color:#FFF;}
div#menuRodape {width:260px;}
div#menuRodape ul{margin: 0; padding: 16px 0px 0px 0px; list-style-type: none;}
div#menuRodape li{float:left; margin-right: 20px;}
div#menuRodape a, div#menuRodape a:link, div#menuRodape a:visited {text-decoration:none;color:#979797;}
div#menuRodape a:hover, div#menuRodape a:active {text-decoration:none;color:#000000;}
div#menuRodape address {font-size:10px; clear:both;}

div#logo_flickr {
  margin: 0;
  position: fixed;
  z-index:1;
  top: 0;
  left: 0;
  width: 100%;
  background-color:#FFF;
  font-size:1.2em;
}