/*--- estilo index individual --- top, right, bottom, and left  -- */

/* zera tudo */
* {
  margin: 0;
  padding: 0;
  border: none;
  list-style: none;
}

body {
  padding: 0 0 20px;
  background: #537db9;
  scrollbar-face-color: #CAE5FF;
  scrollbar-highlight-color: #F6F9FD;
  scrollbar-shadow-color: #9EBBE9;
  scrollbar-3dlight-color: #FFFFFF;
  scrollbar-arrow-color: #003366;
  scrollbar-track-color: #F1F6FA;
  scrollbar-darkshadow-color: #9EBBE9;
}
body, table {
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  color: #062858;
}
a:link, a:visited {
  text-decoration: underline;
  color: #072f67;
}
a:hover  {
  text-decoration: none;
  color: #6689dc;
}
a:active {color: #f00;}

p {margin: 15px 0;}

p .textFontClass {margin: 30px;}

blockquote {
  margin: 5px;
  padding: 21px 21px 47px;
  width: 430px;
  background: #fff url("quote.gif") no-repeat left bottom;
}
u {
  text-decoration: underline;
}
ul#posts s {text-decoration: line-through;}


/*--------------------  Cabeçalho da página --*/

div#header {
  margin: 18px 16px 0 12px;
  height: 114px;
  background: #fff url("bn-backright.gif") repeat-x;
  border-right: 1px solid #154862;
}

div#header form a:link {color: #235d8b; text-decoration: none;}
div#header form a:visited {color: #235d8b; text-decoration: none;}
div#header form a:hover {color: #6689dc;}

div#header h1 {
  width: 218px;
  height: 114px;
  background: url("bn-title.gif") no-repeat;
}
div#header h1 span {display: none;}

div#header div.title {
  float: left;
  width: 338px;
  height: 114px;
  background: url("bn-backleft.gif") repeat-x;
}
div#header div.anjo li {
  display: none;
}

div#header form {
  position: relative;
  margin: 0 0 0 338px;
  height: 114px;
  background: url("bn-middle.gif") no-repeat;
  text-align: center;
}
* html div#header form {left: -3px;}/*[if IE]*/

div#header form p {
  margin: 0;
  padding: 33px 0 0 100px;
}


/*--------------------  ul#navigation  -----*/
ul#navigation {
  float: left;
  margin: 24px 0 0 6px;
  width: 171px;
}
ul#navigation li.box {
  background: url("caixa-bottom2.gif") no-repeat left bottom;
  margin: 0 0 28px;
  padding: 0 0 26px;
}
ul#navigation h2.title {
  padding: 17px 25px 20px;
  background: url("caixa-top2.gif") no-repeat;
  text-align: center;
  font-size: 12px;
  color: #7DC5FF;
}
ul#navigation .content {
  padding: 10px 13px 24px 16px;
  background: url("caixa-background2.gif") repeat-y;
}
ul#navigation a:link, a:visited {
  text-decoration: none;
  color: #072f67;
}
ul#navigation a:hover  {
  text-decoration: underline;
  color: #6689dc;
}


/*--------------------  li#categorias  -----*/

li#categorias ul.content {
  padding: 10px 24px 22px;
  line-height: 14px;
}
li#categorias ul.content li {
  margin: 0 0 0 14px;
  padding: 0 0 0 5px;
  list-style: url("seta-categorias.gif");
}
li#categorias ul.content li a {text-decoration: none;}


/*--------------------  ul#posts  -----*
 * Lista de posts na página principal
 */

ul#posts {margin: 24px 15px 0 192px;}
ul#posts li.post {
  margin: 0 0 25px;
  background: #fff url("barra-cromada2.gif") repeat-x left bottom; 
}

ul#posts h3 {
  border-left: 1px solid #154862;
  border-right:1px solid #154862;
  padding: 07px 17px;
  background: #296C91 url("barra-verde.gif");
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}
ul#posts h3 a {text-decoration: none; color: #fff;}
ul#posts h3 a:hover {text-decoration: underline;}

ul#posts .body {
  padding: 04px 35px 10px 22px;
  border-left: 1px solid #537DB9;
  background: #EEF6FD url("barra-sombra-blue2.gif") repeat-x;
  text-align: justify;
  line-height: 1.5em;
  font-size: 13px;
}
ul#posts .body .date {
  position: relative;
  top: -23px;
  right: -30px;
  text-align: right;
  font: bold 11px Palatino, Georgia, "Times New Roman", serif;
  color: #0B344A;
}
ul#posts .body .fontsize {
  position: relative;
  top: -30px;
  right: -10px;
  text-align: right;
 }
* html ul#posts .body .fontsize {
  position: relative;
  top: -31px;
  right: -10px;
  text-align: right;
 }
ul#posts .body .quotes {
  PADDING-RIGHT: 0;
  PADDING-LEFT: 15px;
  PADDING-BOTTOM: 0;
  MARGIN: 0 0 0 20px;
  BACKGROUND: url(quotes.gif) no-repeat left top;
  PADDING-TOP: 10px;
}

ul#posts .body a:link, a:visited {text-decoration: underline;}
ul#posts .body a:hover {text-decoration: none;}

ul#posts .foot {
  background: url("quina-esq-indiv.gif") no-repeat left bottom;
  text-align: right;
  font-size: 9px;
  color: #b2b2b2;
}
ul#posts .foot .bar {
  padding: 4px 20px;
  background: url("quina-dir-indiv.gif") no-repeat right bottom;
}
* html ul#posts .foot .bar {/*[if IE]*/
  height: 100%;
  padding: 4px 20px 5px;
  background-position: right;
}/*[end If]*/

ul#posts .foot .bar .info {
  PADDING-RIGHT: 35px;
}
ul#posts .body .addthis_button_facebook_like {
  position: relative;
  padding: 0px 20px 0px;
  bottom: -06px;
}
ul#posts .foot a {
  text-decoration: none;
  font-weight: bold;
  color: #b2b2b2;
}
ul#posts u {text-decoration: underline;}

ul#posts s {text-decoration: line-through;}


/*--------------------  overlib  -----*
 */

ul#posts .body .overlib {
  background-color: #B9CCFB;
  text-decoration: none;
}

#overDiv table {
 width: 390px;
 font-family: sans-serif;
 Font-size: 16px;
}
* html #overDiv table {
font-family: Verdana, Arial, Helvetica, sans-serif;
 Font-size: 14px;
}
#overDiv table.X1 {
 Border: 1px #333399 solid;
}
#overDiv table.X2 {
 margin: 4px 4px;
 Border: 4px #B9CCFB solid;
}
#overDiv table.X3 div {
padding: 1px 7px 7px 7px;
}


/*--------------------  ul#previews-posts  -----*
 * Lista dos 20 posts anteriores na página principal
 */

div#previews-posts {
  margin: 0 18% 0 35%;
  background: #fff;
}
div#previews-posts h2 {
  padding: 30px 0 30px 10px;
  font-size: 18px;
}
div#previews-posts ul {padding: 0 10px 25px 20px;}
div#previews-posts a {
  text-transform: uppercase;
  text-decoration: none;
}

/*----------------  outros  -----*
 */

div#spacer { display: block; margin: 15px 0; }

.imagem {
	float: right;
	border: 0;
	padding: 07px 20px;
}
ul#imagem {
	float: right;
	margin-left:10px;
	margin-bottom:05px;
	text-align: center;
	font-size: smaller;
}
.imagem-left {
	float: left;
}
.imagem-middle { 
	vertical-align: middle;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:75px;
	height:24px;
	color:#000;
	padding: 1px;
	background:url(button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}
.textboxLogin {
	border-style: solid;
	border-width: 1px;
	border-color: #0F3A5B;
	font-family: tahoma, Verdana;
	background-color: #FFF
	background-repeat: repeat-x;
}
ul#posts .body .related {
  width: 400px;
}

/*--------------------  intertitulos com degradê -----*
 */

h5 {
  font: bold 180%/100% "Lucida Grande", Arial, sans-serif;
  position: relative;
  color: #062858;
}
h5 span {
  background: url(http://www.saindodamatrix.com.br/archives/gradient2.png) repeat-x;
  position: absolute;
  display: block;
  width: 50%;
  height: 31px;
}