/*-----------------------------------------------------------------------------
Style Sheet 

version:   1.0
client:    change this - name of the client
author:    petra farinha
email:     petra@prntscreen.net
website:   http://www.prntscreen.net

-----------------------------------------------------------------------------*/
/* = BLOCKS
-----------------------------------------------------------------------------*/

#wrapper{
  margin: 50px 300px;
  width:684px;
  text-align:left;
  padding: 0px;
}
#sidebar{
  float: left;
  width: 150px;
  margin: 1px 0px 0px 0px;
  /*clear: left; /* stops right column from wrapping */
  /*border: 1px solid #0000ff;*/
}
#content{
  float: right;
  width: 507px;
  margin-bottom: 30px;
  /* border: 1px solid #ff0000; */
}
#contentbio { /* for bio for example */
  float: right;
  width: 684px;
  margin-bottom: 30px;
  /* border: 1px solid #ff0000; */
}
#header{
 width:684px;
 float:left;
 clear: both; /* clears both columns */
}
#footer{
 width:684px;
 padding:0;
 border-top-color: #000000;
 border-top-width: 1px;
 border-top-style: dotted;
 clear: both;

 /* border: 1px solid #ff0000; */
}
hr {
  display: none;
}

/* =Typography
-----------------------------------------------------------------------------*/

body {
margin-top: 50px;
    background-color:#FF3;
	color:#000000;
    text-align: center; /* for IE */
    font-size: 12px;
    font-family: Georgia, serif;
    padding-left: 1px;
}

.homepage{
  font-size: 12px;
  font-weight: bold;
  line-height:19px;
 }

.textbig{
  line-height:17px;
  text-align: justify;
}
/*POST*/
.date {
  font-size: 11px;
  line-height:14px;
}
.titlepost{
  font-size: 18px;
}
.textbio{
  line-height: 19px;
  text-align: left;
  }
.entry{
   line-height: 17px;
}

/*LISTAS*/	

.tocdiv{
   float:left;
   width:150px;
   clear:left;
}

/*TOC Nav*/
.tocNav{
  padding: 0px; 
  list-style: none;
}
.tocNav li{
  font-size: 11px;
  list-style: none;
  padding: 0.05em;
  font-size: 11px;
  line-height: 18px;
  text-align: left;

}
/*LINKS*/
a, a:link, a:visited {
 color: #000;
 text-decoration: none;
 border: 0;
}
a:hover {
 text-decoration: underline;
 border: 0;
}
.homepage a:link{
  text-decoration: none; 
}
.homepage a:hover{
  display: block; 
  width: 684px; 
  height: 19px;
  background-color: #000; 
  color: #FF3; 
  text-decoration: none; 
}
.current_page_item, .current-cat{
 font-weight: bold;
}




/* =divisions
-----------------------------------------------------------------------------*/

 .div_blocks{ 
  width:684px;
  float:left;
 }
 .div_blocks_header{
  width:684px;
  float:left;
  margin: 2px 0px 6px 0px;
  border-top-width: 8px;
  border-top-style: solid;
  border-top-color: #000000;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #000000;
 }
 .div_blocks_navlist{
  width:684px;
  float:left;
  margin: 6px 0px 2px 0px;
  border-color: #000000;
  border-top-width: 2px;
  border-top-style: solid;
  border-bottom-width: 8px;
  border-bottom-style: solid;
  font-weight:bold;
  font-size:50px;
  padding-top: 4px;
 }
 .div_blocks_navlist_title{
  width:684px;
  float:left;
  margin: 1px 0px 2px 0px;
  border-color: #000000;
  border-width: 1px;
  border-top-style: dotted;
  border-bottom-style: dotted;
  padding-bottom: 2px;
  font-size:25px;
  font-style: italic;
 }
 .barra_grande {
    width:684px;
    float: left;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #000;
	font-size: 1px;
	margin-top: 2px;
 }
 .barra_lines{
  width: 684px;
  float: left;
  background: url(img/barra_peq.gif);
  margin-top: 2px;
 }
 .barra_dots_nav{
 width: 150px;
 float: left;
 margin: 3px 0px 2px 0px;
 border-top-width: 1px;
 border-top-style: dotted;
 border-top-color: #000000;
 font-size: 1px;
}
.barra_dots_post{
 width: 507px;
 float: left;
 margin: 3px 0px 3px 0px;
 border-top-width: 1px;
 border-top-style: dotted;
 border-top-color: #000000;
 font-size: 1px;
 line-height:1px;
}
.barra_peqpeq_post{
 float: left;
 width: 507px;
 margin: 0px 0px 4px 0px;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #000000;
 font-size: 1px;

}
.barra_peq_post {
 float:left;
 width:507px;
 margin: 2px 0px 4px 0px;
 border-top-width: 2px;
 border-top-style: solid;
 border-top-color: #000000;
 font-size: 1px;
}
.barra_dots_proj {
  margin: 6px 0px 16px 0px;
  width:684px;
  border-top-width: 1px; 
  border-top-style: dotted;
  border-top-color: #000000;
  line-height: 1px;
  font-size: 1px;
}
.barra_dots1 {
    float: left;
    width: 388px;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #000000;
    margin: 4px 0px 18px 0px;
    font-size: 1px;
}
.barra_dots2 {
    width: 256px;
    border-top-width: 1px;
    border-top-style: dotted;
    border-top-color: #000000;
    float: right;
    margin: 4px 0px 18px 0px;
    font-size: 1px;
}
.barra_peq {
	float:left;
	width:684px;
    margin: 4px 0px 4px 0px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000000;
	font-size: 1px;
}
.div_blocks_archive_title{
  float: left;
  width:507px;
  border-color: #000;
  border-width: 1px;
  border-top-style: dotted;
  border-bottom-style: dotted;
  margin:3px;
  padding-top:6px;
  padding-bottom:3px;

}

.work{
  width:684px;
  clear: both;
  /*margin-bottom: 40px; */
 /* border: 1px solid #ff0000; */
 }
.work_image{
  float:left;
  width:388px;
}
.work_text{
  float:right;
  width:256px;
  font-size:12px;
  line-height: 18px;
}
.work_textpost{
  font-size:12px;
  line-height: 18px;
  text-align: justify;

}

/* comment_ bar */
.comment{
  width:507px;
  float: left;
  border-color: #000;
  border-width: 1px;
  border-top-style: dotted;
  border-bottom-style: solid;
  padding-top:4px;
  clear: both;
  margin-bottom: 3px;
}
.tagsbox{
  width: 350px;
  float: left;
}
.commentIcon{
  width: 99px;
  float: right;
  height: 22px;
  background: url(img/icon_comments.gif) no-repeat top left;
}
.space{
  line-height: 20px;
}

/* comment_ form */

/* next and previous entries*/
.navigation{
  float: left;
  width:507px;
  margin-bottom:2px;
  border-color: #000;
  border-top-width: 2px;
  border-bottom-style: solid;
  clear: both;
  padding-bottom:3px;
}
.div_blocks_proj_nextprev{
  float: left;
  width:684px;
  border-color: #000;
  border-top-width: 1px;
  border-top-style: dotted;
  margin-top: 17px;
  padding-top:6px;
}
.navigation_p{
  float: left;
  width:684px;
  margin-bottom:2px;
  border-color: #000;
  border-top-width: 2px;
  border-bottom-style: solid;
  clear: both;
  padding-bottom:3px;
}
.alignleft a{
  text-transform: lowercase; 
  float: left;
  background: url(img/previous.gif) no-repeat left center;
  padding-left: 16px; 
}
.alignright a{
  text-transform: lowercase; 
  float: right;
  background: url(img/next.gif) no-repeat right center;
  padding-right: 16px; 
}

/* texto que ja esta tratado  */

.titleproj{
  font-size:20px;
  font-style: italic;
  line-height: 22px;
}


.barra_dots_proj_nav{
 float: left;
 width: 684px;
 margin: 20px 0px 4px 0px;
 border-top-width: 1px;
 border-top-style: dotted;
 border-top-color: #000;

}







.div_blocks_post{
  width:507px;
  float: left;
  }

.barra_peq_header {
	width:684px;
	height: 1px;
    float:left;
    display: inline;
    margin: 0px 0px 0px 0px;

}

.barra_dots {
	width:684px;
	border-top-width: 1px; 
	border-top-style: dotted;
	border-top-color: #000000;
	float:left;
}




.barra_empty1 {
   float: left;
   width: 50px;
   border-top-width: 8px;
   border-top-style: solid;
   border-top-color: #ffff33;
   margin: 20px 0px 17px 0px;
}







/* =General
-----------------------------------------------------------------------------*/

/* forms */
.search{
 width: 147px;
 color: #000;
 background: #FF3;
 border: 1px solid #000;
 margin-top:4px;
 font-family:  Georgia, serif;
 font-size:11px;
}
.inputts{
 width: 200px;
 color: #000;
 background: #FF3;
 border: 1px solid #000;
 margin-top:4px;
}
.commentsform{
 width: 147px;
 color: #000;
 background: #FF3;
 border: 1px solid #000;
}
form{
  margin-bottom: 4px;
}
textarea{
  width:505px;
  margin-top: 4px;
  margin-bottom: 4px;
  background: #FF3;
  border: 1px solid #000;
}
#submit{
  width:100px;
  background: #FF3;
  border: 1px solid #000;
}
.checkbox{
  margin-left: 10px;
  margin-right: 5px;
  background: #FF3;
  border: 1px solid #000;
}

/*exp*/
span.checkbox {
  width: 19px;
  height: 25px;  /*change here*/
  padding: 0 5px 0 0;
  background: url(checkbox.gif) no-repeat;
  display: block;
  clear: left;
  float: left;
}

/*end exp*/

/* comments */


.commentbox{
  width:507px;
  clear: both;
}
.commentName{
  width: 170px;
  float: left;
}
.commentContent{
  width: 330px;
  float: right;
}

/* next and previous entries*/
.alignleft a{
  text-transform: lowercase; 
  float: left;
  background: url(img/previous.gif) no-repeat left center;
  padding-left: 16px; 
}
.alignright a{
  text-transform: lowercase; 
  float: right;
  background: url(img/next.gif) no-repeat right center;
  padding-right: 16px; 
}


/* Remove padding and margin from browsers setup */
* {
  margin: 0;
  padding: 0;
}
/* Remove border around linked images */
img {
	border: 0;
}