/* -------------------------------------------------
 		version: 2
 		author: Gustavo Pimenta 
 		email: guspim@guspim.net
 		web site: http://guspim.net
 		date: 05/03/2007
 --------------------------------------------------*/

/*******************************
global elements 
*******************************/

* {
  margin: 0;
  padding: 0;
  }

body {
  background: #fff;
  line-height: 1.8em;
  font: 10pt "times new roman", serif;
  text-align: center; /* to fool IE 5.x and IE6 (in quircks mode) */ 
  }

h1, h2, h3, h4 {
  font-family: Helvetica, "Lucida Grande", Arial, sans-serif;	    
  font-weight: bold;
  }    

h1 {
  float: left;
  display: block;
  width: 90%;
  padding: 0;	
  margin: 0;
  color: #c5dd7a;
  font-size: 1.9em;
  font-weight: normal;
  line-height: 1em;
  }

#about h1 {
  margin-bottom: 0.5em;	
  }

h2 {   
  clear: both;
  margin: 1.5em 0 0.3em 0;
  color: #000;	
  font-size: 15pt;
  }

h3 {
  color: #d8c67d;
  margin: 0.5em 0 0.3em 0;	
  font-size: 13pt;
  }

p {
  margin: 0 0 1em 0;
  line-height: 14pt;
  clear: left;
  }

ul {
  list-style: none;
  } 

ol {
  margin-left: 1.5em;
  }

blockquote {
  margin: 0.5em 0;
  font: italic  10pt/20pt georgia, serif;
  color: #666;
  }

a:link, a:visited {
  color: #666;	
  text-decoration: none;
  }

a:link:after, a:visited:after {
   content: " (" attr(href) ") ";
   font-size: 10pt;
   color: #666;
   }

a[href^="/"]:after {
  content: " (http://guspim.net" attr(href) ") ";
   }

a:hover {
  background: #fff;
  color: #000;
  text-decoration: none;
  }

.wrap {
  width: 100%;
  margin: auto;
  text-align: left;	
  }

input, textarea {
  background: #e3f0f2;	
  }

/*******************************
header
*******************************/ 

#header {
display: none;
}

/*******************************
global nav
*******************************/ 

ul#globalNav {
display: none;
}


/*******************************
Article classes 
*******************************/ 



#mainContent .ArticleAndComments {
display: none; 
  }

#mainContent .topics {
  float: left;
  display: block;
  margin:0;
  color: #C5DD7A;	
  }

.topics a:link, .topics a:visited {
  color: #C5DD7A;	
  border-bottom: 1px dotted #C5DD7A;	
  }

.topics a:hover {
  background: #C5DD7A;
  color: #000;
  border: 0;
  font-weight: normal; 
  }

.ArticleAndComments a:link, .ArticleAndComments a:visited {
  border-bottom: 1px dotted #fff;
  color: #fff;	
  font-size: 1em;		
  } 

.ArticleAndComments a:hover {
  background: #fff;
  color: #000;
  font-weight: normal;	
  }

/*******************************
mainBlock
*******************************/ 
/*
#mainBlock {
  float: left;
  clear: both;
  background: white;	 
  padding-top: 2.5em;
  }
*/

/* mainContent */

#mainContent {
  clear: both;
  float: left;	
  width: 100%;
  background: white;
  padding-bottom: 2em;
  } 


#mainContent img {;
  background: #36332d;
  padding: 0.3em;
  margin: 0.5em 1em 1.5em 1em;
  border: none;
  } 


/* images and objects */

.siContainer {
  float: right;
  margin: 0;
  width: 200px;
  }

.si p, .mi p, .li p {
  margin-bottom: 0.7em;
  }


.miContainer, .liContainer {
  float: left;
  margin: 1.5em 0 1em 0;
  }

#artigos #mainBlock .siContainer p, #artigos #mainBlock .miContainer p, #artigos #mainBlock .liContainer p {
  width: 100%;
  font-size: 1.1em;
  color: #48798E;       
  padding-top: 0.5em;
  }

object {
  margin: 0.5em 0;
  padding: 0;
  }

#mainContent p,  #mainContent ul,  #mainContent ol {
  font-size: 1.3em;
  color: #333;
  }

p {
  margin: 0 0 1em 0;
  line-height: 1.5em;
  }

#mainContent p.posted {
  margin-bottom: 0.5em;
  color: #1B4966;	
  }

#mainContent ul {
  list-style: square;
  margin: 0 0 1em 2.5em;	
  }

#mainContent ul.listWithoutStyle {
  list-style: none;
  margin: 0 0 1em 0;	
  }

#mainContent li ul {
  margin-left: 2em;
  font-size: 1em;	
  list-style: square;
  }

#mainContent li p {
  font-size: 1em;	
  margin-bottom: 0.5em;
  }

#mainContent  ol, #mainContent  ul {
 line-height: 1.5em;
  }

#mainContent  li {
  margin-bottom: 0.2em;	
  }

#inicio #mainContent {
  background: #fff url(../img/g.gif) no-repeat 50% 50px;
  } 


/* sideBar */

#sideBar {
  display: none;
  }

/*******************************
subscription 
*******************************/ 

#subscription {
  display: none;
  }
	
/* contact page and  comments */

#postComment {
  display: none;
  }

p#commentsHeader {
  background: #263232;
  padding: 0.5em 0;
  margin: 3em 0 0 0;
  color: #D8B72F;
  font-size: 1.5em;  
  font-weight: bold;
  }

.commentLink {
  display: none;
  }

p#commentsHeader a:link,  p#commentsHeader a:visited {
  border-bottom: 1px dotted #fff;
  color: #fff;
  }

p#commentsHeader a:hover{
  background: none;
  border: none;
  }
  
.comment { 
  clear: both;
  margin-bottom: 1em;
  }


#mainContent .comment img {
  margin-top: 0;
  background: #fff;
  border: 0;
  }
  
.commentStyleOne {
  background:#496262;
  border: none;
  }
  
.commentStyleOne p, .commentStyleTwo p, .commentAuthor p  {
  padding: 0;
  }

#mainContent p.commentStyleOneHeader {
  background: #374A4A;
  padding: 0.5em 1em;
  font-weight: bold;

  }

.commentStyleTwo {
  background:#45413a;
  border: none;
  }  

#mainContent .commentStyleTwoHeader {
  background:#312e29;		
  padding: 0.5em 1em;
  font-weight: bold;
  }

.commentAuthor {
  background:#bbe1e8;
  }   

#mainContent .commentAuthor p {
  color: #455153;	
  }

#mainContent .commentAuthor .commentHeader, #mainContent .commentStyleOne .commentHeader, #mainContent .commentStyleTwo .commentHeader {
  color: #000;
  font-weight: bold;
  }

#mainContent .commentAuthor .commentHeader a:link, #mainContent .commentAuthor .commentHeader a:visited, .commentStyleOne .commentHeader a:link, #mainContent .commentStyleOne .commentHeader a:visited, .commentStyleTwo .commentHeader a:link, #mainContent .commentStyleTwo .commentHeader a:visited{
  color: #000; 
  text-decoration: none;
  font-weight: bold;
  }



/*******************************
footer
*******************************/ 

#footer {
  display: none;
  }
  
/*******************************
misc
*******************************/ 

.hide {
  display: none;	
  }

.clear {
  clear: both;
  }

.clearL {
  clear: left;
  }

#contact .mb15 {
  margin-bottom: 1.5em;	
  }
  
#mainContent .note, .note a:link, #maninContent p.note a:visited {
  font-size: 1em;
  margin-bottom: 1.5em;	
  }

#mainContent .imageWithCaption {
  margin-bottom: 0.5em;	
  }