/*  
Theme Name: Interface's Interface
Theme URI: http://www.interfaceenglish.com.br
Description: Tema Wordpress para o site <a href="http://www.interfaceenglish.com.br/">Interface English B.I.A.</a>, criado pela <a href="http://www.tobeguarany.com/">To Be Guarany</a>.
Version: 1.0
Author: Leonardo Antonioli
Author URI: http://www.tobeguarany.com
*/
@font-face {
font-family: "Arial Rounded MT Bold";
src: url("inc/arlrdbd.eot");
src: local("Arial Rounded MT Bold"), url("inc/arlrdbd.ttf");
}
* {
margin:0;
padding:0;
}
body {
background:#fff;
color:#000;
text-align:center;
font:62.5% "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
line-height:1.3;
background:rgb(253,126,13) url(img/bg-amarelo-laranja.jpg) repeat-x top fixed;
}
#container {
position:relative;
width:972px;
text-align:left;
margin:0 auto;
}
	#header {
	position:relative;
	height:100px;
	overflow:hidden;
	}
		#header #acessibilidade {
		position:absolute;
		top:3px;
		right:5px;
		}
			#header #acessibilidade a {
			color:#000;
			}
		#header img {
		float:left;
		margin:5px;
		}
		#header h1 {
		font:2.2em "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
		line-height:120px;
		text-indent:20px;
		color:#c21;
		text-shadow:1px 1px 1px #fff;
		cursor:default;
		}

	#nav {
	background:url(img/nav-topo.png) no-repeat;
	font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	list-style:none;
	text-align:center;
	line-height:23px;
	color:#fff;
	}
		#nav li {
		margin:0;
		display:inline;
		font-size:1.5em;
		}
			#nav li:before {
			content:" | ";
			}
				#nav li.page-item-home:before {
				content:"";
				}

			#nav li a {
			color:#fff;
			}
				#nav li a:hover {
				text-decoration:none;
				border-bottom:3px solid #fff;
				}
		#nav li.current_page_item a, #nav li.current-cat a {
		color:#eee;
		cursor:default;
		border-bottom:3px solid #fff;
		}

	#content {
	background:#fff;
	width:950px;
	padding:10px;
	overflow:hidden;
	border:solid #999;
	border-width:0 1px;
	}
		#section {
		width:740px;
		float:right;
		}
		#aside {
		width:202px;
		float:left;
		overflow:hidden;
		} /* Por causa do IE7 é obrigatório definir a largura ao flutuar */
			#aside-topo {
			height:18px;
			background:#ffc url(img/aside-topo.jpg);
			}
			#sidebar {
			width:180px;
			padding:0 10px;
			background:#ffc;
			border:#cc3 solid;
			border-width:0 1px;
			}
			#aside-baixo {
			height:18px;
			background:#ffc url(img/aside-baixo.jpg);
			}
/* BARRA LATERAL */
#aside ul li {
list-style:none;
margin:0;
}
/* Geral: */
#aside li.modulo {
padding:10px 0;
}
	#aside .modulo h2 {
	color:#c21;
	border-bottom:2px solid #c21;
	}
	#aside .modulo p {
	color:#333;
	font-size:1.1em;
	}
/*menu principal: */
#aside li#navcats {
text-align:center;
Font:1.6em "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
}
	#aside li#navcats ul li {
	border-bottom:1px solid #600;
	}
		#aside li#navcats ul li.cat-item-8 {
		border:0;
		}
		#aside li#navcats ul li a {
		display:block;
		color:#c21;
		padding:3px 0;
		}
			#aside li#navcats a:hover {
			color:#fff;
			text-decoration:none;
			background:#c21;
			}
		#aside li#navcats li.current-cat {
		font-weight:bold;
		font-size:95%;
		}
			#aside li#navcats li.current-cat a:hover {
			background:#ffc;
			cursor:default;
			color:#c21;
			}
/* Search (para #aside e 404.php): */
#searchform {
padding:10px 0;
}
	#searchform input#s {
	font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	padding:2px;
	color:#666;
	border:1px solid #666;
	background:#fff;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	}
	#searchform input#searchsubmit {
	font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	padding:1px;
	background:#c21;
	color:#fff;
	border:1px solid #666;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	}
		#searchform input#searchsubmit:hover {
		background:#f00;
		cursor:pointer;
		}
/* Newsletter */
#aside #newsletter input#email-news {
width:100%;
padding:2px 1px;
border:1px solid #666;
margin:5px 0 2px 0;
color:#333;
background:#fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
	#aside #newsletter div#submit-news {
	text-align:center;
	}
		#aside #newsletter #submit-news input {
		font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
		background:#c21;
		color:#fff;
		padding:1px 15px;
		border:1px solid #666;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		}
			#aside #newsletter #submit-news input:hover {
			background:#f00;
			cursor:pointer;
			}
/* Contatos (links) */
#aside #contatos {
text-align:center;
}
	#aside #contatos div {
	overflow:hidden;
	margin:15px;
	}
		#aside #contatos a.contato {
		display:block;
		float:left;
		width:50px;
		height:50px;
		background:url(img/contatos.png);
		}
			#aside #contatos a.contato span {
			display:none;
			}
			#aside #contatos a.contato.skype {
			background-position:-50px 0;
			}
			#aside #contatos a.contato.twitter {
			background-position:-100px 0;
			}
			#aside #contatos a.contato.orkut {
			background-position:0 -50px;
			}
			#aside #contatos a.contato.facebook {
			background-position:-50px -50px;
			}
			#aside #contatos a.contato.rss {
			background-position:-100px -50px;
			}
#aside #contatos a.quemdisse {
font:1.3em 'Arial Rounded MT Bold', Arial, Helvetica, sans-serif;
display:block;
margin:15px auto;
color:#666;
line-height:.7;
}
	#aside #contatos a.quemdisse:hover {
	text-decoration:none;
	}
	#aside #contatos a.quemdisse span {
	color:#c21;
	}
#aside #contatos a.meuingles {
display:block;
margin:10px auto 0;
width:93px;
height:40px;
background:url(img/meu-ingles.png);
}
	#aside #contatos a.meuingles span {
	display:none;
	}

	#footer {
	text-align:center;
	background:#c21;
	padding:5px 0;
	border-radius:0 0 15px 15px;
	-webkit-border-radius:0 0 15px 15px;
	-moz-border-radius:0 0 15px 15px;
	}
		#footer address {
		font-size:1.2em;
		color:#fff;
		}
		#footer p {
		font-size:1.1em;
		color:#fff;
		}
			#footer a {
			color:#cff;
			text-decoration:underline;
			}
				#footer a:hover {
				color:#9ff;
				}

/* CUSTOMIZE */
ol {
margin-left:10px;
}
li, dt, dd, blockquote {
margin-left:1.5em;
}
img {
border:0;
}
address {
font-style:normal;
}
abbr {
cursor:help;
}
ul {
list-style-type:square;
}
table {
border-collapse:separate;
border-spacing:0;
}
	caption, th, td {
	text-align:left;
	font-weight:normal;
	}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
blockquote, q {
quotes: '"' '"' "'" "'";
}
hr {
clear:both;

}
a {
text-decoration:none;
color:#0033CC;
}
	a:visited {
	color:#00248F;
	}
	a:hover {
	text-decoration:underline;
	color:#06f;
	}

/* Tabelas */
table {
border:1px solid #E09A43;
border-collapse:collapse;
background:#DDCFA1;
}
	table caption {
	font:1.5em "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	color:#CF3008;
	text-align:center;
	}
	table tr th, table tr td {
	font-size:1.2em;
	padding:.5em;
	border:solid #fff;
	border-width:0 1px 1px 0;
	}
		table tr th {
		vertical-align:middle;
		text-align:center;
		background:#FCE18B;
		}
		table thead tr th {
		font-size:125%;
		background:#FFCF88;
		}
			table tr:nth-child(even) {
			background:#ECD999;
			}
				#section table tr:hover {
				background:#FFB287;
				}

/* Genéricos */
.clear {
clear:both;
}
.dir, .imgdir, img.alignright { 
float:right;
margin:5px 0 10px 10px;
}
.esq, .imgesq, img.alignleft {
float:left;
margin:5px 10px 10px 0;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.center, img.centered, .aligncenter, div.aligncenter {
clear:both;
display:block;
margin:0 auto;
text-align:center;
}
.big {
font-size:larger;
}
.small {
font-size:smaller;
}
div.quadro {
border:1px solid #666;
overflow:hidden;
padding:5px;
margin-top:10px;
background:#ffe;
}
	div.quadro small {
	font-size:1.1em;
	}
div.alerta /* Aviso no alto da homepage */ {
background:#fdd url(img/icon-alerta.gif) no-repeat 5px 3px;
padding:5px;
margin:10px 0;
border:solid red;
border-width:1px 0;
text-indent:20px;
font-size:120%;
}
a.comente {
clear:both;
float:right;
font-size:1.2em;
font-weight:bold;
background:url(img/icon-comment.gif) no-repeat;
text-indent:20px;
}
.nav_posts {
clear:both;
border-top:2px solid red;
padding:10px;
}
	.nav_posts a {
	font-size:1.2em;
	font-weight:bold;
	}
		.nav_posts a[rel=prev] {
		background:url(img/icon-anterior.png) no-repeat;
		padding-left:20px;
		}
		.nav_posts a[rel=next] {
		background:url(img/icon-proximo.png) no-repeat;
		padding-left:20px;
		}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
	.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	}
		.wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 17px;
		padding: 0 4px 5px;
		margin: 0;
		}

/* títulos, parágrafos e listas - geral */
h1, h2, h3, h4, h5, h6 {
font-family:"Eras Medium ITC", Tahoma, Geneva, sans-serif;
margin:.3em 0;
	}
	#section h1 {
	font-size:2em;
	}
	#section h2, #aside h1 {
	font-size:1.6em;
	}
	#section h3, #aside h2 {
	font-size:1.4em;
	}
	#section h4, #aside h3 {
	font-size:1.3em;
	}
	#section h5, #section h6, #aside h4, #aside h5, #aside h6 {
	font-size:1.2em;
	}
		#section h2, #section h3, #section h4, #section h5, #section h6 {
		margin:1em 0 .3em;
		color:#a33;
		}
#section p {
font-size:1.2em;
line-height:1.3;
margin:.5em 0;
}
#section li, #section dt, #section dd {
font-size:1.2em;
margin:.5em 0 .5em 1.5em;
list-style-position:inside;
}
#section strong {
color:#333;
}
#section q {
width:250px;
float:right;
margin:5px 0 5px 5px;
border:solid #990;
border-width:2px 0;
padding:10px;
font:italic 1.7em "Times New Roman", Times, serif;
color:#770;
}
	#section q em {
	display:block;
	font-style:normal;
	text-align:right;
	font-size:.7em;
	}
#section blockquote {
clear:both;
margin:0;
border-left:3px solid #aa0;
background:#ffe;
padding:10px;
}
	#section blockquote p {
	text-indent:20px;
	}

/*Estilos para o texto: */
#section p.detalhes {
text-align:right;
font-style:italic;
color:#333;
}
#section p.descricao {
font:italic 1.5em "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
color:#666;
}
#section p.tags {
margin-top:15px;
font-weight:bold;
}
	#section p.tags a {
	font-weight:normal;
	background:#efe;
	padding:0 5px;
	}

/* Categorias comuns: */
#section div.artigo_destaque {
overflow:hidden;
background:#ffe;
padding:1em;
margin:20px 0;
border:1px solid #fdc;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
}
#section h2.artigos_anteriores {
background:#fee;
padding:.15em .5em;
margin-bottom:20px;
}
#section #lista_artigos dd, #section #lista_artigos dt {
margin:0;
}
	#section #lista_artigos dt {
	font:1.4em "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	color:#666;
	clear:both;
	}
	#section #lista_artigos dd.miniatura {
	float:right;
	position:relative;
	bottom:15px;
	}
	#section #lista_artigos dd.resumo {
	color:#555;
	}
	#section #lista_artigos dd.detalhes {
	padding-bottom:5px;
	border-bottom:1px dotted #c21;
	margin-bottom:10px;
	}
/* HOME */
#section #levels {
clear:both;
margin-top:20px;
text-align:center;
}
	#section #levels img {
	margin:0 30px;
	}
/* CURSOS REGULARES */
#section.cursos-regulares h2 {
cursor:pointer;
}

/* NEWSLETTER (página newsmail) */
#section.newsmail form {
margin-top:15px;
}
	#section.newsmail form label {
	font-size:1.2em;
	}
	#section.newsmail form input {
	width:250px;
	padding:2px 1px;
	border:1px solid #666;
	margin-bottom:5px;
	color:#333;
	}
		#section.newsmail form div+div+div input {
		width:125px;
		font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
		background:#c21;
		color:#fff;
		padding:1px 15px;
		border:1px solid #666;
		}
			#section.newsmail form div+div+div input:hover {
			background:#f00;
			cursor:pointer;
			}

/* CONTATO */
#section.contato form {
float:right;
border-left:1px solid #ccc;
padding:0 20px;
}
	#section.contato form ol {
	margin:0;
	list-style:none;
	}
		#section.contato form label {
		font-size:1.2em;
		}
		#section.contato form ol input, #section.contato form ol textarea {
		display:block;
		width:350px;
		padding:2px 1px;
		border:1px solid #666;
		margin-bottom:5px;
		color:#333;
		}
			#section.contato form ol input:focus, #section.contato form ol textarea:focus {
			border-color:#060;
			box-shadow: 0 0 2px #060;
			-moz-box-shadow: 0 0 2px #060;
			-webkit-box-shadow: 0 0 2px #060;
			}
		#section.contato form ol input.enviar {
		width:150px;
		margin-left:100px;
		font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
		background:#c21;
		color:#fff;
		padding:1px 15px;
		border:1px solid #666;
		}
			#section.contato form ol input.enviar:hover {
			background:#f00;
			cursor:pointer;
			}

/* Páginas de resultados de busca: */
body#search #lista_artigos dd.miniatura {
float:left;
position:static;
padding:0 3px 3px 0;
}
body#search #lista_artigos dd.link a {
color:#050;
}

/* Páginas de arquivo: */
body#date #section h1 {
border-bottom:2px solid red;
margin-bottom:20px;
}

/* Páginas de arquivos anexados */
#section p.attachment img {
display:block;
margin:0 auto;
}

/* COMENTÁRIOS */
p.encouragecomment, p.nocomment /* Quando os comentários são permitidos, mas não há nenhum comentário */ {
clear:both;
width:66%;
margin-top:15px;
border-top:1px solid red;
padding-top:5px;
font-weight:bold;
}

/* Lista de comentários */
#section h2#comments /* Título acima da lista de comentários ("X comentários sobre Título do Artigo") */ {
clear:both;
width:66%;
margin-top:15px;
border-top:1px solid red;
padding-top:5px;
color:#000;
}
#section div.navigation /* Link para comentários mais recentes ou mais antigos */ {
overflow:hidden;
}
#section ol.commentlist {
width: 97%;
font-size:11px;
/* Todos os tamanhos de fonte dos comentários estão em px para evitar que o texto vá aumentando quando um comentário é aninhado sob o outro */
margin:0 0 20px 0;
padding: 0 0 0 10px;
}
	#section ol.commentlist li.comment {
	list-style-type:none;
	margin:0 0 20px 0;
	border-bottom:1px solid #C23724;
	padding:0 10px 5px 70px;
	}
			#section ol.commentlist li.comment.even /* Cor do fundo de comentário impar... */ {
			background:#fff5f5;
			}
			#section ol.commentlist li.comment.odd /* ...ou par! */ {
			background:#fff;
			}
		#section ol.commentlist li.comment img.avatar {
		float:left;
		margin-left:-70px;
		border-right:1px dotted #a00;
		padding-right:5px;
		}
		#section ol.commentlist li.comment cite.fn {
		font-size:15px;
		font-weight:bold;
		}
		#section ol.commentlist li.comment span.says {
		font-size:12px;
		}
		#section ol.commentlist li.comment .commentmetadata a {
		font-size:10px;
		}
		#section ol.commentlist li.comment div.comment-author + em /* Mensagem: "O seu comentário está aguardando moderação.  " */ {
		color:#060;
		font-size:13px;
		background:#efe;
		padding:3px;
		}
		#section ol.commentlist li.comment p {
		font:12px "Comic Sans MS", cursive;
		}
		#section ol.commentlist a {
		font-size:13px;
		}
		#section ol.commentlist .reply {
		text-align:right;
		padding:5px;
		}
			#section ol.commentlist li ul li /* Aqui a mágica acontece: as margens são puxadas e os comentários aninhados ficam no lugar!!! */ { 
			margin-right: -15px;
			margin-left: -50px;
			margin-bottom: -10px;
			border:1px dashed #f00;
			}

/*Formulário de comentários: */
form#commentform label {
color:#444;
font-size:14px;
}
form#commentform input {
border:1px solid #000;
}
form#commentform textarea {
border:1px solid #000;
height:100px;
max-width:485px;
}
	form#commentform input:focus, form#commentform textarea:focus {
	border-color:#093;
	}
form#commentform input#submit {
width:150px;
font-family:"Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
background:#c21;
color:#fff;
padding:1px 15px;
border:1px solid #666;
}
	form#commentform input#submit:hover {
	background:#f00;
	cursor:pointer;
	}