/*
Theme Name: Familairte
Theme URI: http://www.familiarte.com.br/
Description: Tema desenvolvido para o site do Familiarte
Version: 1.0
Author: Mahmoud Aoki
Author URI: http://maoki.com.br/
Tags: colors, school, children

*/


/*** Geral ***/

html{
	margin:0;
	padding:0;
	background:url(images/mancha-esq-cima.gif) no-repeat left top;
}
body{
	margin:0;
	padding:0;
	background:url(images/mancha-dir-cima.gif) no-repeat right top;
}

*{font-family:Arial, Helvetica, sans-serif;}

a{text-decoration:none;}
a:hover{text-decoration:underline;}

div#geral{
	width:760px;
	margin:0 auto;
	padding:25px 0;
}

/*** Cabeçalho ***/

#header{
	float:left;
	clear:both;
	width:100%;
	margin:0 0 10px;
}

#logo h1{
	padding:0;
	margin:0;
}

#logo h1 a{
	width:224px;
	height:121px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/logo-familiarte.gif) no-repeat;
	margin:0 auto;
}

/*** Menu ***/

#menu{
	padding:0;
	margin:20px 0;
}

.sf-menu, .sf-menu * {
	margin:0;
	padding:0;
	list-style:none;
}
.sf-menu {
	line-height:1.0;
}
.sf-menu ul {
	position:absolute;
	top:-999em;
	width:10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:100%;
}
.sf-menu li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:left;
	position:relative;
	margin-left:5px;
}
.sf-menu a {
	display:block;
	position:relative;
	font-size:.9em;
	font-weight:bold;
	padding:5px 10px;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:0;
	top:2.5em; /* match top ul list item height */
	z-index:99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:10em; /* match ul width */
	top:0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:10em; /* match ul width */
	top:0;
}

.sf-menu {
	float:left;
}

.sf-menu a {
	padding:5px 10px;
	text-decoration:none;
}

.sf-menu li li{margin:0;}
.sf-menu li li a {padding:9px 8px;}

.sf-menu li.current_page_item a,
.sf-menu li.current_page_ancestor a,
.sf-menu li.current_page_parent a {
	background-color:#FFBF0D;
	color:#FFF;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#585959;
}

.sf-menu a:hover{
	background-color:#CADB2A;	
	color:#555F66;
}

.sf-menu li a{
	background:#FFF;
}
.sf-menu li.sfHover li a,
.sf-menu li li li.sfHover a{
	background:#CADB2A;
	color:#555F66
}

.sf-menu li.sfHover li a:hover,
.sf-menu li.sfHover li a:focus,
.sf-menu li.sfHover li a:active,
.sf-menu li li li.sfHover a:hover,
.sf-menu li li li.sfHover a:focus,
.sf-menu li li li.sfHover a:active{
	background-color:#E90089;
	color:#FFF		
}


.sf-menu li.sfHover ul{
	border:5px solid #E90089;
}

.sf-menu li:hover a, .sf-menu li.sfHover a,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background-color:#E90089;
	color:#FFF;
}
.sf-menu ul {

}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top:24px; /* overriding essential styles */
}
.sf-menu ul ul {
    margin-top:0;
}
.sf-menu ul a {
    background:#FEAB07;
}
.sf-menu ul a:hover {
    color:#394853;
}

/*** Banner ***/

div.banner{
	border:5px solid #FFBF0D;
	width:750px;
	height:200px;
	margin:0 0 10px;
	background:url(images/img_banner2.jpg) no-repeat;
	display:block;
	clear:both;
}

/*** Página inicial ***/

div.chamada{
	width:460px;
	float:left;
	border-color:#CADB2A;
	border-style:solid;
	border-width:5px;
	padding:10px;
	margin:0 0 20px;
}

div.chamada h2{
	margin:0;
	font-size:1.5em;	
	line-height:1em;	
}

div.chamada h2 a{
		color:#585959;
}

div.chamada p.data{
	font-size:1em;	
}

div.chamada p.destaque{
	color:#EB0975;
	background-color:#FFC10C;
	padding:5px;
	display:inline;	
}

/*** Sidebar ***/

div.sidebar{
	float:right;
	width:250px;
}

div.box{
	padding:10px 15px 15px;
	margin:0 0 10px;
	background-color:#FFC10C;
}

div.box h3{
	margin:0;
	font-size:1.2em;
	color:#FFF;
}

div.box .textwidget{
	font-size:.9em;
	letter-spacing:-1px;
	font-weight:bold;
	color:#585959;
	margin:.5em 0;
}

/*** Content ***/

div.content{
	width:500px;
	float:left;
}

div.full{
	width:760px;
	clear:both;
}

div.content h2{
	color:#EB0975;
	font-size:2.25em;
	font-weight:normal;
	letter-spacing:-0.05em;
	margin:0;
	padding:0;
}

div.text{
	font-size:.95em;	
	letter-spacing:-1px;
	color:#646464;
}

div.text a{
	color:#EB0975;
	font-size:.95em;
	font-weight:bold;
	text-decoration:underline;
}

div.text p img {
	padding: 0;
	max-width: 100%;
}

div.text img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

div.text img.alignright {
	margin: 0 0 2px 7px;
	display: inline;
}

div.text img.alignleft {
	margin: 0 7px 2px 0;
	display: inline;
}

div.text .alignright {
	float: right;
}

div.text .alignleft {
	float: left;
}

div.text acronym,
div.text abbr,
div.text span.caps {
	cursor: help;
}

div.text acronym,
div.text abbr {
	border-bottom: 1px dashed #999;
}

div.text blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

div.text blockquote cite {
	margin: 5px 0 0;
	display: block;
}

div.text .center {
	text-align: center;
}

div.text .hidden {
	display: none;
}
	
div.text .screen-reader-text {
     position: absolute;
     left: -1000em;
}

div.text hr {

}

div.text a img {
	border:4px solid #FFC10C;
}

div.text .navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}

/* Listas */

div.text ul{

}

div.text li{
	margin-bottom:20px;
}

div.text li a{
	display:block;
	font-weight:bold;
	margin-top:3px;
	color:#EB0975;
}

div.text li h3{
	margin:0 0 5px;
}

div.text li h3 a{
	color:#CADB2A;
	display:inline;
	padding:2px;	
}

p.link-editar{
	clear:both;
	float:left;
	margin-top:10px;
}

/*** Mural ***/

.cat_description{
	font-size:1em;
	letter-spacing:-1px;
	color:#333;
	font-weight:bold;
}

ul.category-list{
	list-style:none;
	padding:0;
}

ul.category-list li h3{}

ul.category-list ul li{
	list-style:disc;
	margin:0 0 10px;
}

ul.category-list ul li a{
	display:inline;
	font-size:1.2em;
}

.post h3{
	margin:0;
	padding:0;
}

.post h3 a{
	color:#CADB2A;
	font-size:1.4em;
}

.excerpt a p{
	font-size:.95em;
	letter-spacing:-1px;
	color:#585959;
	margin:5px 0 30px;
}

.excerpt a:hover p{
	text-decoration:underline;	
	color:#333;
}

/*** Footer ***/

#footer{
	clear:both;
	border-top:2px solid #FFBF0D;
	padding:10px 0;
	margin:20px 0 0;
	float:left;
	width:100%;
}

#footer div.infos{float:left;}
#footer div.direitos{float:right;}

#footer p{
	margin:5px 0;	
	font-size:.8em;
	color:#666;
}

#footer a{
	color:#EB0975;
}

.contactform{
	margin-top:20px;	
}

.contactform label {
	clear: both;
	display: block;
	float: left;
	width: 60px;
}
.contactform input {
	float: left;
	width: 350px;
	padding: 1px;
	margin: 2px 5px 4px 0;
	clear:both;
}
.contactform textarea {
	width: 350px;
	height: 100px;
	padding: 1px;
	margin: 5px 5px 10px 0;
	clear:both;
}
.contactform #contactsubmit {
	margin-left: 250px;
	width: 100px;
}