/*--- css index principal --- top, right, bottom, and left  -- */

/* zera tudo */
* {
  margin: 0;
  padding: 0;
  border: none;
  list-style: none;
}
body {
  padding: 0 0 20px;
  background: #000 url(background-matrix.jpg) repeat-x fixed left top;
  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;
}


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


ul#header {
  height: 104px;
  width: 768px;
  display: block;
  background: url("header.jpg") no-repeat;
}
div#head h1.title {
  display:none;
}
div#head h2.title {
  display: none;
}
div#head h3.title {
  margin: -300px 0 0 0;
  position: absolute;
}
#head a span { 
  visibility: hidden; 
}
div#head a:link, a:visited {
  text-decoration: none;
  color: #072f67;
}
div#head a:hover  {
  text-decoration: underline;
  color: #6689dc;
}

/*--- ul#navigation ----*
 *
 * Lista <ul> com "id" igual a "navigation".
 *
 * Cada item desta lista (tag <li>) definirá uma nova caixa quando
 * seu atributo "class" for "box". Cada <li> deve também conter 2
 * elementos obrigatoriamente:
 *   - um <h2> com o atributo "class" igual a "title";
 *   - e um elemento de bloco (um <div>, uma <ul>, etc.) com "class"
 *     igual a "content".
 *
 */
ul#navigation {
  float: left;
  margin: 24px 0 0 6px;
  width: 171px;
}
ul#navigation li.box {
  background: url("caixa-bottom.gif") no-repeat left bottom;
  margin: 0 0 28px;
  padding: 0 0 26px;
}
ul#navigation h2.title {
  padding: 14px 25px 20px;
  background: url("caixa-top.gif") no-repeat;
  text-align: center;
  font-size: 12px;
  color: #7DC5FF;
}
ul#navigation .content {
  padding: 10px 13px 24px 16px;
  background: url("caixa-background.gif") repeat-y;
}
ul#navigation .content img{
vertical-align:middle;
}

ul#navigation p {margin: 10px 0;}

ul#navigation a.closed, ul#navigation a.opened {
  display: block;
  padding: 3px 0 1px 25px;
  font-weight: bold;
}
ul#navigation a:link, a:visited {
  text-decoration: none;
  color: #072f67;
}
ul#navigation a:hover  {
  text-decoration: underline;
  color: #6689dc;
}

/*--- menu javascript ---*/

.arquivo-mes a {
  font-size: 10px;
  font-weight: bold;
  line-height: 14px;
}


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

li#categorias ul.content {
  padding: 10px 26px 10px;
  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;}


/*--- li#patrocinadores --- */

li#patrocinadores h2.title {
  padding: 09px 25px 19px;
  line-height: 10px;
}
li#patrocinadores .content {
  padding: 08px 10px 18px 10px;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  color: #072f67;
}



/*--- li#links --- */

li#links .rss {
  padding: 3px 0;
  text-align: center;
}
li#links .content {font-size: 11px;}
li#links .content p a {font-size: 12px;}
li#links .content ul a {
  text-transform: uppercase;
  font-size: 10px;
}



/*--- 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-cromada.gif") repeat-x left bottom;
}

ul#posts h3 {
  margin: 0 0;
  padding: 09px 17px;
  background: #0B42AA url("barrazul.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: 0 35px 10px 22px;
  border-left: 1px solid #a2a2a6;
  background: #EEF6FD url("barra-sombra-blue.gif") repeat-x;
  text-align: justify;
  line-height: 1.5em;
  font-size: 13px;
}
ul#posts .body .date {
  position: relative;
  top: 5px;
  right: -30px;
  padding-bottom: 27;
  text-align: right;
  font: bold 11px Palatino, Georgia, "Times New Roman", serif;
}
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.gif") no-repeat left bottom;
  text-align: right;
  font-size: 9px;
  color: #b2b2b2;
}
ul#posts .foot .bar {
  padding: 4px 20px;
  background: url("quina-dir.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 {
  position: relative;
  right: 90px;
}

ul#posts .body .addthis_button {
  position: absolute;
  padding: 12px 02px 20px;
}

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: 15px;
 Line-height: 12pt;
}
* 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 20px 35px;
  font-size: 18px;
  color: #072f67;
}
div#previews-posts ul {padding: 0 10px 25px 35px;}
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;
}

/*--- Botão dos links ---*/

.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;
}

/*--------------------  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;
}
* html h5 span{
	background-color:#eef6fd;
	back\ground-color:transparent;
	background-image: url(none.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.saindodamatrix.com.br/archives/gradient2.png", sizingMethod="scale");
}