@font-face {
  font-family: 'Droid Sans';
  src: url("DroidSans.eot");
  src: local("Droid Sans"), url("DroidSans.otf") format('opentype'), url("DroidSans.svg#lg") format('svg');
}
@font-face {
  font-family: 'League Gothic';
  src: url("LeagueGothic.eot");
  src: local("League Gothic"), url("LeagueGothic.otf") format('opentype'), url("LeagueGothic.svg#lg") format('svg');
}

/* CSS reset - Ricardo Tomasi - 0.3 */
html,body,div,span,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,label,legend,p,blockquote,pre,a,fieldset,input,textarea
{margin:0;padding:0;font-weight:normal;background-repeat:no-repeat;font-family:"Droid Sans", Optima, "Gill Sans", sans-serif; }
img,object,iframe,input,select,fieldset{margin:0;padding:0;border:0;}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6,input,select,textarea{font-size:1em}
article, aside, figure, footer, header, hgroup, menu, nav, section, time { display: block; }
@media only screen and (max-device-width: 1024px) {
   html,body,div,span,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,label,legend,p,blockquote,pre,a,fieldset,input,textarea { font-family:Optima, "Gill Sans", sans-serif; }
}
/* */

html, body {
	height: 100%;
}
body {
	color:#CACACF;
	text-align:center;
	font-size:14px;
	line-height:1.4;
	background: #111112 url(../_img/bg.png);
}

a, a:visited { text-decoration:none; color:#C00; }
a:focus, a:hover { text-decoration:underline; color:#D00; outline-color:#A00; }

h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	font-family: "League Gothic", "Arial Narrow", sans-serif;
	font-size:24px;
	color:#C00;
	text-transform:lowercase;
}

.IR { 
	display: block;
	overflow:hidden;
	text-indent:-9999px;
}
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

input, select, textarea {
	padding:3px 4px 2px;
	border:3px solid #222226;
	font-size:13px;
	opacity:0.85;
	filter: alpha(opacity=85);
	-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.3);
}
input[type=submit] {
	cursor:pointer;
	padding:3px 6px;
}
input[type=submit]:hover {
	background-color:#C00;
	color:#FFF;
}

#wrap {
	width:100%;
	min-width:720px;
	max-width:1576px;
	margin:0 auto;
	text-align:left;
	position:relative;
	min-height:100%;
}

/* =Colunas */

.col1,
.col2,
.col3 {
	float:left;
	min-height:500px;
	padding-right:3%;
	padding-top:3%;
	padding-bottom:3%;
	position:relative;
	z-index:2;
}

.col1 { width:25%; }
.col2 { width:45%; padding-top:1.5%; }
.col3 { width:20%; }

/* =Esquerda */

.col1 header {
	float:left;
	width:97%;
	padding-bottom:9%;
}
.col1 header time {
	text-align:right;
	color:#3A3A3F;
	font-size:12px;
	line-height:20px;
}
.col1 header h1 {
	width:100%;
	text-align:right;
}
.col1 header h1 img {
	width:100%;
	max-width:260px;
	max-height:198px;
	vertical-align:middle;
}

.col1 h2 {
	clear:both;
	text-align:right;
	padding-right:6%;
	color:#900;
}
.col1 section {
	clear:both;
	padding:3%;
}
.col1 ul {
	display:block;
}
.col1 ul li {
	text-align:right;
}
.col1 li img {
	display:inline-block;
	display:*inline;
	width:93%;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.col1 .lnk-arquivo {
	float:right;
	font-size:12px;
	color:#4A4A4F;
	display:inline;
	padding:0 3% 1% 0;
	line-height:12px;
}

#galeria-videos {
	background:#0A0A0A;
	background:rgba(24,24,24,0.6);
	box-shadow:2px 2px 6px rgba(0,0,0,0.85);
	-moz-box-shadow:2px 2px 6px rgba(0,0,0,0.85);
	-webkit-box-shadow:2px 2px 6px rgba(0,0,0,0.85);
	padding-left:100px;
	margin-left:-100px;
	position:relative;
	overflow:hidden;
}

#cboxLoadedContent object { max-width: 80%; }

#sm2-container {width:1px;height:1px;overflow:hidden;position:absolute;right:0;bottom:0;}

#galeria-audio {
	padding-bottom:9%;
}
#galeria-audio li {
	padding:6px 3%;
}

#galeria-audio a.sm2_link {
 /* default state: "a playable link" */
	border-left:6px solid #C00;
	color:#6A6A6F;
	padding:4px 8px 4px 4px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;

}

#galeria-audio a.sm2_link:hover {
	/* default (inactive) hover state */
	color:#C00;
}

#galeria-audio a.sm2_playing {
 /* "now playing" */
	border-left-color:#FF0000;
	background-color:#C00;
	color:#FCFCFD;
	text-decoration:none;
	text-shadow:1px 1px 2px rgba(0,0,0,0.7);
}
	
#galeria-audio a.sm2_playing:hover {
 /* "clicking will now pause" */
	background-color:#A00;
	color:#FAFAFB;
}

#galeria-audio a.sm2_paused {
 /* "paused state" */
	background-color:#333;
	color:#CACACB;
	text-decoration:none;
}

#galeria-audio a.sm2_paused:hover {
 /* "clicking will resume" */
	color:#C00;
}

/* =Twitter */

section#twitter {
	height:50px;
	padding:0 10px 5px;
	border-bottom:3px solid rgba(220,0,0,0.2);
	border-bottom-color:#300;
	border-radius:5px;
	-moz-border-radius:5px;
	margin-bottom:10px;
}
section#twitter p {
	font-size:13px;
	color:#AAAAAF;
}
section#twitter .author {
	display:block;
	width:99%;
	text-align:right;
	font-size:13px;
	color:#666;
}

/* =Post */

#blog article {
	padding-bottom:40px;
	border-bottom:1px dashed #400;
	border-color:rgba(220,0,0,0.2);
	margin-bottom:40px;
	width:100%;
	float:left;
	clear:both;
}
#blog article h1 {
	display:inline;
	padding-right:10px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../_img/hIEfix.png,sizingMethod=crop);
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../_img/hIEfix.png,sizingMethod=crop)";
	zoom:1;
}
#blog article h1 a {
	font-size: 68px;
	line-height:1.1;
	text-transform:uppercase;
}
#blog article h1 a:hover {
	text-decoration:none;
}
#blog article time {
	display:inline;
	font-size:12px;
	color:#6A6A6F;
	padding:5px 0 10px;
}
#blog article p {
	padding:20px 10px 10px;
	text-align: left;
}
article > p:nth-of-type(1):first-letter {
	font-size:3.3em;
	line-height:30px;
	float:left;
	margin-top:3px;
	margin-right:2px;
	color:#C00;
}
#blog article h2 { padding-left:10px; }
#blog article h3,
#blog article h4 {
	font-size:14px;
	font-family: "Droid Sans", "Gill Sans", "Trebuchet MS", Arial, sans-serif;
	color:#CACACF;
}
#blog article footer { clear:both; }
#blog article footer a,
#blog article footer p {
	color:#6A6A6F;
	font-size:12px;
}
#blog article footer p { padding-bottom:0; }
#blog article footer .comentarios a {
	font-size:14px;
	color:#C00;
}
#blog article img {
	max-width: 97%;
	margin: 20px;
	border:4px solid #111112;
	border-color:rgba(28,28,30,0.7);
	border-radius:1px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
 }
#blog article .alignleft { float:left; margin:20px 20px 20px 0; }
#blog article .alignright { float:right; margin:20px 0 20px 20px; }
#blog article .aligncenter { text-align:center; margin:20px auto; display: block; }

#blog nav { padding:20px 10px 40px; overflow:hidden; clear:both; }
#blog nav a { font-size:12px; font-weight:700; color:#6A6A6F; }
#blog nav .next { float:left; }
#blog nav .prev { float:right; }

/* =Arquivos */
.lnk-voltar { float:right; font-size:13px; padding-right:3%; display:inline; }
.arquivo h1 {
	font-size:56px;
}
#galeria-audio.arquivo { width:108%; margin-right:-8%; overflow:hidden; }
#galeria-audio.arquivo li { float:left; clear:none; width:21%; padding:2% 0; margin-right:3%; }
#galeria-audio.arquivo time { font-size:12px; color:#6A6A6F; padding:0 0 4px; }
#galeria-audio.arquivo a.sm2_link { color:#C00; }
#galeria-audio.arquivo a.sm2_playing { color:#FCFCFD; }

/* =Sidebar */

.col3 { padding-top:1%; }

#apresentacao,
#editor {
	overflow:hidden;
	padding-top:1.5%;
}
#colorbox #apresentacao,
#colorbox #editor {
	max-width:720px;
	min-width:300px;
}
#apresentacao h2,
#editor h2 {
	font: normal 13px/16px "Droid Sans", Optima, "Gill Sans", sans-serif;
	float:right;
	clear:both;
	margin:0 0 3%;
	color:#787879;
	padding:3px 6px;
	background-color:#222;
	background-color:rgba(30,30,32,0.8);
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-right:6px solid #900;
	text-shadow:1px 1px 2px rgba(0,0,0,0.4);
	box-shadow:2px 1px 6px rgba(0,0,0,0.7);
	-moz-box-shadow:inset 1px 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow:2px 1px 6px rgba(0,0,0,0.7);
}
#apresentacao .texto,
#editor .texto {
	clear:both;
	padding:3% 3% 1.5%;
	background-color:rgba(20,20,21,0.3);
	border:1px solid #1A1A1A;
	border-color:rgba(20,20,21,0.7);
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
#apresentacao p,
#editor p,
#editor em {
	font-size:13px;
	text-align:left;
	color:#A6A6A7;
	text-indent:15px;
	padding-bottom:1em;
}
#editor em { font-style: italic; color:#777; display:block; text-align:right; }
.js #apresentacao h2,
.js #editor h2 { cursor:pointer; }

.js #apresentacao h2:hover,
.js #apresentacao h2:focus,
.js #apresentacao h2:active,
#colorbox #apresentacao h2,
.js #editor h2:hover,
.js #editor h2:focus,
.js #editor h2:active,
#colorbox #editor h2 { color:#DADADB; background-color:#900; border-color:#C00; }

.js .col3 #apresentacao .texto,
.js .col3 #editor .texto { display:none; }

aside section {
	padding-top:60px;
	text-align:right;
}
aside section h2 { padding:0 0 5px; color:#900; }

aside section li { padding:0 10px; }
aside section li a {
	color:#6A6A6F !important;
	font-size:13px;
}

/* =Comentarios */
.commentlist li {
	padding:20px 0;
}
.comment cite { color:#900; line-height:28px; font-style:normal; }
#postcomment { font-size:40px; }

/* =mobile  / low res */

.lowres #blog article h1 a { font-size:52px; }
.lowres body { font-size:13px; }

@media screen and (max-width: 1000px) {
	#blog article h1 a { font-size:52px; }
	.arquivo h1 { font-size:44px; }
	body { font-size:13px; }
}

@media screen and (max-width: 480px) {
  #blog article h1 a {
	font-size:32px;
	letter-spacing:-1px;
  }
  .arquivo h1 { font-size:28px; }
  #blog article p,
  #blog article h2,
  #blog article h3,
  #blog article h4 { font-size:1em; }
}