/*  
Theme Name: Fabac 2010.1
Theme URI: http://www.fabac.edu.br/
Description: WordPress layout criado para a Faculdade Fabac em 2010.1
Version: 03 Fevereio, 16:15
Author: Equipe EAD | Estudos Dirigidos
Description: Blog da disciplina de ED da Faculdade Baiana de Ci&ecirc;ncias

*/

.ava a{ color:#F2E006 !important;}

.listabusca{ list-style:outside none; margin:50px 0;}

.comentario{ list-style-image:url(images/comment.gif); border-bottom:10px; border-bottom:1px solid #D4D4D4; margin:10px;}

small { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.85em; color: #333; line-height: 1.5em;}

.datacoment{ display:block;}

.comments { border-bottom:1px dotted #000; padding:50px 0 5px 5px;}

.commentlist ol{ list-style:outside;}

/* linha abaixo do post da página inicial */
#postmetadata{ font-size:x-small; padding:5px; margin:10px 0 30px 0;border-bottom:2px solid #ddd;}
#postmetadata img{ border:none; vertical-align:middle;}
/* */

body {
	background: url(images/bg_fundo.png) top center no-repeat #D8E9D9;
	color: #000000;
	font-family: Verdana, Georgia, Times New Roman, Sans-Serif;
	font-size: 13px;
	margin: 0px 0px 0px 0px;
}

body * {margin: 0px; padding: 0px;}

a, a:visited { 
	color: #005782;
	font-weight: bold;
	text-decoration: underline;
	}
a:hover {
	font-weight: bold;
	text-decoration: none;
	color: #005782;
	}
#container { 
	width: 850px;
	background: #fff;
	text-align: left; 
	margin: 60px auto 0 auto; 
	overflow: hidden;
	padding:20px 20px 0 20px;
}

* html #header{ width: 960px; padding: 0px;}

#link-rss{
	position: absolute;
	margin: -70px 0 0 830px;
}

#link-rss img{
	border:0;
}

#header {
	/*background: #15387c url(images/header.jpg) top center repeat-x;*/
	/*padding: 15px 15px 0 15px;*/
	background: url(images/bg_header.png) no-repeat;
	text-align: right;
	margin: 0px auto 0px;
	clear: both;
	height: 200px;
	/*border-bottom: 2px solid #fff;*/
}	

#headerleft{
	margin: 44px 0px 0 54px;
	float: left;
	width: 289px;
	height:125px;
}

#header-right img{
	margin: 145px 0px 0px 0px;
	width: 370px;
	height:22px;
}
.h-imgtec{
	margin-right:70px;
}

img{border:0px;}

#titulo{ float: right;}
#titulo h1{ 
	color: #fff;
	font-size: 35px;
	font-family: Georgia, Times New Roman, Sans-Serif;
	font-weight: normal;
	padding: 18px 10px 0 0;
	}

#headerleft h1 {
	color: #fff;
	font-size: 35px;
	font-family: Georgia, Times New Roman, Sans-Serif;
	font-weight: normal;
	/*margin: 15px 0px 5px 10px;*/
	}

#headerleft h1 a {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	}
#headerleft h1 a:hover {
	color: #ccc;
	text-decoration: none;
	}

#headerleft h2 {
	color: #fff;
	font-style: italic;
	font-size: 20px;
	font-family: Georgia, Times New Roman, Sans-Serif;
	font-weight: normal;
	margin: 0px 10px 4px 23px;
	}

#headerright h2 a {
	color: #000;
	font-size: 20px;
	font-family: Georgia, Times New Roman, Sans-Serif;
	font-weight: normal;
	font-style: italic;
	}

#headerright h2 a:hover {
	color: #005782;
	text-decoration: none;
	}
#headerright {
	background: transparent;
	float: right;
	font-size: 12px;
	text-align: right;
	margin: 3px 15px 0px 0px;
	padding: 0px;
	overflow: hidden;
	height: 110px;
	}
	
#headerright img {
	margin: 0px;
	padding: 0px;
	}

#menu { 
	background: #092950;
	margin: 0px 0px 8px 0px;
	padding: 2px 0px 2px 0px;
	text-align: left;
	clear: both;
	}
#menu img{
	border: none;
	}
#menu h2 {
	color: #fff;
	font-size: 15px;
	font-family: Georgia, Times New Roman, Sans-Serif;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}

#menu ul{
	margin: 2px;
	padding: 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	padding: 5px 0px 5px 0px;
	text-transform: uppercase;
	color:#092950;
	height:12px;
}

#menu li {
	display: block;
	float:left;
	list-style-type: none;
	}
#menu li a{
	padding: 5px 20px 5px 20px;
	text-decoration: none;
	color: #CCC;
	border-right: 1px solid #fff;
}

#menu li a:hover{
	background:#65C3E3;
	color:#092950;
}

#menu ul li .sub-menu{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	background-color: #235496;
	}

* html #content { width: 500px; }

#content { 
	display: block;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	float: left; 
	width: 600px;
}

#content_box { 
	background: #fff;
	font-family:Arial, Helvetica, sans-serif;
	display: block;
	margin: 0px;
	float: left;
	width:600px
}

.toptags { 
	color: #006699;
	font-size: 11px;	
	font-family: Lucida Grande, Tahoma, Verdana;
	font-weight: normal;
	margin: 0 0 20px 0;
	padding: 0px 0px 5px 5px;
	line-height: 120%;
	}
#content_box img{ border: none;}

#content_box a{ text-decoration:none; color:#005782; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
#content_box a:hover{ text-decoration:underline; color:#005782;}

.comment-post{}

.tags { 
	color: #000; 
	background: #fff; 
	font-size: 11px; 
	font-family: Lucida Grande, Tahoma, Verdana; 
	font-weight: bold; 
	text-transform: uppercase; 
	margin: 10px 0px 10px 10px; 
	padding: 10px; 
	line-height: 120%; 
	float: right; 
	border: 1px solid #dddddd; 
	border-top: 3px solid #15387c;
}

.tags a { color: #006699;
	font-size: 11px;	
	font-family: Lucida Grande, Tahoma, Verdana;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	line-height: 120%;
	}
#content p{
	margin: 0px;
	line-height: 18px;
	padding: 5px 0px 5px 0px;
	}
	
#content p img{
	border: none;
	float: left;
	padding: 0px 10px 10px 0px;
	}

#content h1 {
	color: #092950;
	font-size: 21px;
	font-family: Georgia, Arial, Helvetica;
	font-weight: normal;
	margin: 15px 0px 5px 0px;
	padding: 10px 0px 10px 5px;
	border-top: 1px solid #ddd;
	border-bottom: 1px dotted #ddd;
	background: #fff;
	}
#content h1 a  {
	color: #000;
	font-weight: normal;
	text-decoration: none;
	}

#content h1 a:hover {
	color: #005782;
	text-decoration: none;
	}


#content h2 {
	color: #006699;
	font-size: 18px;	
	font-family: Georgia, Times New Roman, Sans-Serif;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	line-height: 120%;
	}
#content h2 a  {
	color: #006699;
	font-size: 18px;	
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-weight: bold;
	text-decoration: none;
	}

#content h2 a:hover {
	color: #000;
	background: none;
	text-decoration: underline;
	}

#content h3 {
	color: #006699;
	font-size: 16px;
	font-family:Georgia, Times New Roman, Sans-Serif;
	font-weight: bold;
	margin-bottom: 0px;
	line-height: 120%;
	margin:20px 0;

	}
#content h3 a  {
	color: #006699;
	text-decoration: none;
	}

#content h3 a:hover {
	color: #000;
	background: #ffffff;
	text-decoration: underline;
	}

#content ol {
	list-style-type: decimal;
	line-height: 18px;
	margin: 0px;
	padding: 0px 0px 10px 30px;
	}

#content ol li {	margin: 0px 0px 10px 15px;}
	
#content ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
	
#content li {
	margin: 0px;
	padding: 0px;
	}
	
#content ul li {
	list-style: disc;/* inside*/
	margin: 0px 0px 10px 40px;
	padding: 5px 0px 0px 0px;
	}
	
#content ul li a {
	color: #006699;
	text-decoration: underline;
	}

#content ul li a:hover {
	color: #000000;
	text-decoration: underline;
	}
blockquote{
	margin: 15px;
	padding: 15px;
	font-style: italic;
	color: #333;
	background: #dddddd;
	}

.q-coments{ /* Balão com os comentáros */
	background: #FFFFFF url(images/ico-comentario.gif) right no-repeat;
	width:47px;
	height:30px;
	text-align:right;
	color: #000;
	font-size: 11px;	
	font-family: Verdana, Lucida Grande, Tahoma;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px 12px 0px 0px;
	float: right;
}

.postspace {
	width: 440px;
	height: 21px;
	margin: 0px;
	padding: 0px;
	}
.postspace2 {
	width: 440px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	}
.postspace3 {
	width: 440px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	}


#sidebar { 	
	display: block;	
	background: transparent; 
	color: #000000; 
	width: 240px; 
	float: right; 
	/*margin: 5px 0px 20px 20px; 	*/
	margin:5px 0 20px 5px;
	padding: 0px 0px 20px 0px; 
	text-align: left; 
}

* html #sidebar { width: 300px; margin: 20px 20px 20px 15px; }

#sidebar p, #sidebar .textwidget{ margin: 0px; line-height: 17px; padding: 5px 0px 16px 0px; }

#sidebar h2, #sidebar .widgettitle {
	background: url(images/barra-azul.jpg) top left no-repeat;
	color: #fff;
	font-size: 11px;	
	font-family: Verdana, Lucida Grande, Tahoma;
	font-weight: bold;
	text-transform: uppercase;
	list-style: none;
	padding: 7px 0px 7px 10px;
	margin: 10px 0px 5px 0px;
}

#sidebar ul { list-style: none; margin: 0px; padding: 0px 0px 15px 0px; }
	
#sidebar li { list-style: none; margin: 0px; padding: 0px; }
	
#sidebar ul li {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 6px 20px;
	border-bottom: 1px solid #ccc;
	}
#sidebar ul li a {
	color: #333;
	font-weight: normal;
	text-decoration: none;
	font-size:0.9em;
	}

#sidebar ul li a:hover {
	color: #005782;
	text-decoration: none;
	}
#sidebar ul li ul li {
	list-style: none;
	margin: 0px;
	padding: 6px 0px 0px 10px;
	}

/* Rodapé */
#footer { 
	color: #092950;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	background: url(images/bg_footer.png) bottom center no-repeat;
	height:185px;
	text-align: center;
	padding-top:5px;
}
#footer a { color: #092950; text-decoration: underline; font-weight: normal;}
#footer a:hover {text-decoration: none;}
#footer li{ display: inline; list-style-type: none; margin: 0px; padding: 0px 15px 0px 0px;}
#footer ul { padding: 4px 0 0 0;}
#footer ul li a{ color: #0E284B;}
#footer ul li a:hover{ color: #A6CE3F;}
/* fim do rodape */

#search{ float:right;}
#searchform{ width: 350px; float: right; padding: 15px;}

#sidebar input{ margin:5px 20px;}
#sidebar label{ vertical-align:middle;}

/* Meus estilos */
.alert{ color:#FF0000;} /* Alerta abaixo do form de comentário*/
p.erro{ display:none; color:#FF0000 !important; font-size:10px;}

div#linksfooter{ margin:5px auto; padding:0px; width:auto; height:30px;}
div#linksfooter a{ color:#092950;}

/*div#linksfooter  a:hover{ color:#092950;}*/

/* style do login */
span.erro { display:none; color:#FF0000 !important; padding: 7px; background-color: #ffecec; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; margin:10px 0; font-size:10px;}
.loginLabel{ vertical-align: baseline; float: left; margin-top: 7px; text-align: right; width:50px; margin-right:-8px}
.submitLogin{ text-align:right; padding:0 55px;}
#subbutton{background:#0d678d; border:0px; color:#FFF; width:62px; font-weight:bold;}

#blocoLogin{background: url(images/login.png) no-repeat; width:240px; height:160px; padding: 30px 5px 0 5px}
#blocoLogin ul{padding:10px}
#blocoLogin ul li{border:0 !important; padding:0}
h2#topoLogin{background: transparent; text-align: right; font-size:100%; margin:5px 20px}
#login, #senha{width:120px; border:1px solid #0D678C;}
/*#blocoLogin input[type="image"]{width:65px; height:20px}*/

#topo-radius{width:891px; height:20px; background:url("images/cima-arredondado.png") no-repeat; position:absolute; margin:-21px;}
#footer-radius{width:892px; height:20px; background:url("images/baixo-arredondado.png") no-repeat; margin:0 auto;}

/*Formulário de contato*/
#contato label, #contato_submit{
	display:block;
}
.feedback{
	color:red;
	display:block;
	font-size:1em;
	margin-top:4px;
}

#erros{
	font-size:1em;
	text-indent:0px;
	width:410px;
	padding:0px;
}
#contato_mensagem{
	width:450px;
	height:150px;
}
.erroForm{
	border:1px solid red;
	background:#FFECEC;
	padding:4px;
}

.sucesso{
	color: green;
	background:#E8FFE8;
	border:1px solid #009933;
	padding:0px 25px;
	width:410px;
}

#falha{
	color: red;
	background:#FFECEC;
	border:1px solid red;
	padding:5px 25px;
	width:410px;
}

.colar{
	border:1px solid red;
	display:block;
	margin-top:5px;
	padding:5px 2px 5px 8px;
	background:#FFECEC;
}
.largura{
	width: 170px;
}
.larguraMensagem{
	width:460px;
}