/*
	Wordpress Theme developed by
	Michelle Mahasin
	http://www.michellemahasin.com
*/

/*GENERAL
---------------------------------------------------------------------*/
*{margin:0; padding:0;}
body { background:#fafad7 url(/joimages/bg-body.gif) top left repeat-x;}

a {outline: none;}

a:hover, a:active, a:focus  {outline:none;}

p {font:13px/19px Arial, Helvetica, sans-serif; color:#333333; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:5px;}

a {font:13px/19px Arial, Helvetica, sans-serif; color:#794007; padding-top:2px;}

a:hover {color:#a3bd33;}

a:visited {color:#794007;}

a img {border:none;}

img {vertical-align:middle;}

a.gallery img{ float:left; margin:3px; border:1px solid #333333;

}

#clear {clear:both;}

ul {
	list-style-type:square;
	list-style-position:inside;
	font:12px/18px Georgia,Palatino,"Times New Roman", Times, serif; 
	color:#333333; 
	padding-top:2px;
	}
	
ul li a {
	font:12px/18px Georgia,Palatino,"Times New Roman", Times, serif; 
	color:#794007;
}

ul li a:hover {
	font:12px/18px Georgia,Palatino,"Times New Roman", Times, serif; 
	color:#a3bd33;
}

ol {
	list-style-type:decimal;
	list-style-position:inside;
	font:12px/18px Georgia,Palatino,"Times New Roman", Times, serif; 
	color:#333333; 
	padding-top:2px;
}

ol li a {
	font:12px/18px Georgia,Palatino,"Times New Roman", Times, serif; 
	color:#794007;
}

ol li a:hover {
	font:12px/18px Georgia,Palatino,"Times New Roman", Times, serif; 
	color:#a3bd33;
}

h2 { font:bold 17px/25px Georgia,Palatino,"Times New Roman", Times, serif; color:#794007; text-transform:uppercase; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:5px;}

h3 {font:bold 13px/20px Georgia,Palatino,"Times New Roman", Times, serif; color:#794007;}
	
h4 {font:bold 13px/19px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:10px 0 5px 2px; text-transform:uppercase;}

.button {
	border:1px solid #798c26;
	padding:3px 3px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#a3bd33;
	color:#5f7021;
	font:13px/19px Georgia,Palatino,"Times New Roman", Times, serif;
}

.button:hover {
	color:#FFFFFF;
}

ul li {list-style:none;}

/*PAGE HEADER
---------------------------------------------------------------------------*/
#header {
	width:896px;
	margin:0 auto;
	height:auto;
	padding:0 0 0 5px;
}

#logo h1 a {
	display:block;
	width:315px;
	height:92px;
	margin:0;
	background: url(/joimages/logo-jo.gif) no-repeat top left;
	float:left;
	text-indent:-999px;
	overflow:hidden;
}

/*PAGE WRAPPER
---------------------------------------------------------------------------*/
#page-wrap {
	clear:both;
	width:897px;
	margin:0 auto;
	background:#f8f8f8;
	height:auto;
	padding:0;
}

/*MAIN NAVIGATION
--------------------------------------------------------------------------------*/
ul#sddm
{	margin: 0;
	padding: 0;
	z-index: 30;
	height:62px;
	background-color:#a3bd33;
	border-bottom:2px solid #e4e3e3;
	}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font:bold 13px/16px Arial, Helvetica, sans-serif; }

#sddm li a.top-link
{	display: block;
	margin: 0;
	width: 60px;
	text-transform:uppercase;
	color:#5f7021;
	height:47px;
	width:111px;
	border-right:1px solid #c1d471;
	border-left:1px solid #798c26;
	padding-top:15px;
	padding-left:15px;
	text-decoration: none;
}

#sddm li a.top-link:hover
{	color:#FFFFFF;
	background:url(/joimages/nav-bg.png) top left repeat-x;}
	

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background:#e4e3e3;
	border: 1px solid #b8d055;}

#sddm div a
{	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #e4e3e3;
	color: #5f7021;
	font: 11px arial}

#sddm div a:hover
{	background: #a3bd33;
	color: #FFF}

/*BANNER
--------------------------------------------------------------------------------*/

#banner {
	width: auto;
	height:300px;
	padding:10px;
	border-bottom:2px solid #e4e3e3;
	margin-bottom:10px;
}

#head-rotator {
	width: 800px;
	height:298px;
	margin-left:40px;
}

/*MAIN PART OF THE PAGE
--------------------------------------------------------------------------------*/
#social-bar {
	width:240px;
	float:right;
	height:100%;
	padding:10px;
}

/*BLOG SIDE BAR
--------------------------------------------------------------------------------*/
#wp-side-bar {
	width:240px;
	float:right;
	height:100%;
	padding:10px;
}

/*GREEN BAR ON THE HOME PAGE
--------------------------------------------------------------------------------*/

#bottom-bar {
	clear:both;
	width:auto;
	height:210px;
	background-color:#b8d055;
	border-top:2px solid #e4e3e3;
	
	padding:5px 5px 5px 15px;

}

#blog{
	width:286px;
	height:200px;
	float:left;
	padding:2px;
}

#blog p {font:13px/19px Arial, Helvetica, sans-serif; color:#5f7021;}
#blog a {font:13px/19px Arial, Helvetica, sans-serif; color:#794007; text-decoration:underline;}
#blog a:hover {color:#5f7021; text-decoration:underline;}

#entrevista {
	width:286px;
	height:200px;
	float:left;
	padding:2px;
}

#entrevista p {font:13px/19px Arial, Helvetica, sans-serif; color:#5f7021;}
#entrevista a {font:13px/19px Arial, Helvetica, sans-serif; color:#794007; text-decoration:underline;}
#entrevista a:hover {color:#5f7021; text-decoration:underline;}

#aluna{
	width:286px;
	height:220px;
	float:left;
	padding:2px;
}

#aluna p {font:13px/19px Arial, Helvetica, sans-serif; color:#5f7021;}
#aluna a {font:13px/19px Arial, Helvetica, sans-serif; color:#794007; text-decoration:underline;}
#aluna a:hover {color:#5f7021; text-decoration:underline;}


/*FOOTER
--------------------------------------------------------------------------------*/
#footer{
	width:auto;
	height:auto;
	border-top:2px solid #e4e3e3;
	text-align:center;
	}

#footer address {font:13px/19px  Arial, Helvetica, sans-serif; color:#666666; padding:10px;}
#footer address a {font:13px/19px  Arial, Helvetica, sans-serif; color:#666666; text-decoration:none;}
#footer address a:hover {color:#a3bd33;}

ul#foot-navigation {
	width:auto;
	height:42px;
	margin:0;
}

ul#foot-navigation li{display:inline; padding:20px 2px 2px 5px;}
ul#foot-navigation li a{font:13px/19px  Arial, Helvetica, sans-serif; color:#666666; text-transform:uppercase; text-decoration:none;}
ul#foot-navigation li a:hover{color:#a3bd33; text-decoration:underline;}



/*DEVELOPER INFO
--------------------------------------------------------------------------------*/
p#developer {
	width:866px;
	margin:0 auto;
	text-align:right;
	font:13px/19px  Arial, Helvetica, sans-serif; color:#666666;
	padding:15px 0 15px 0;
}

p#developer a {
	font:13px/19px Arial, Helvetica, sans-serif; color:#666666; text-decoration:underline;
}
p#developer a:hover {color:#a3bd33;}

/*POSTS
-------------------------------------------------------------------------------*/
#page-content{
	padding:10px;
	width: 600px;
	height: auto;
	margin-bottom:10px;
}

h3#respond {
	padding: 10px;
}

form#comment {
	margin: 10px;
}
ul.arquivos li {
	padding-left:10px;
}
/*TABELA
--------------------------------------------------------------*/
table#esquema {
	width: 550px;
	height:auto;
	margin-bottom:15px;
}
table#esquema th {
	font: bold 13px/20px Arial, Helvetica, sans-serif; 
	color: #ffffff;
	text-align:center;
	width: 90px;
}
table#esquema tr.titulo {
	background-color: #a3bd33;
}

table#esquema th.hora {
	color: #5f7021;
}
table#esquema tr {
	font:11px/17px Arial, Helvetica, sans-serif; 
	color: #333333;
	text-align:center;
	width: 90px;
	
}
table#esquema td {padding: 2px;}

table#esquema tr.amarelo {
	background-color:#f6f5cd;
}
table#esquema tr.verde {
	background-color:#e4f2ac;
}