/*  
Theme Name: Castelinho
Theme URI: http://www.castelinho.com.br/
Description: A two column theme. Light and simple with greys and oranges. 
Version: 1.00
Author: Valber Marcel Bueno
Author URI: http://marcel.bueno.com.br
*/

body 
{
  margin: 4;
  padding: 4;
  background: #DDDDDD;
  font-size: 78%;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
  color: #333;
  text-align: center;
}
p {
  font-size: 1em;
  line-height: 1.5em;
  margin: 1.2em 0;
}
ol, ul {
  font-size: 1em;
  line-height: 1.5em;
  margin: 1.2em 0 1.2em 2em;
  padding: 0;
}
h1, h2, h3, h4, h5, h6 {
  margin: 1.2em 0 0 0;
  color: #FF9900; 
}
h1, h2 {
  font-size: 1.4em;
}
h3 {
  font-size: 1.3em;
}
h4 {
  font-size: 1.2em;
}
h5 {
  font-size: 1.1em;
}
h6 {
  font-size: 1em;
}
a {
  text-decoration: none;
}
a:link {
  color: #888;
}
a:visited, a:active {
  color: #333;
}
a:hover {
  color: #000;
}
input, textarea, select {
  border: 1px solid #C1C0B5;
  background: #FAFAF0;
  color: #333;
  font-size: 1em;
}
blockquote {
  margin: 10px 10px;
  padding: 0px 20px;
  background: #FAFAF0;
  border-left: 3px solid #DDDDDD;
}
small {
  font-size: 0.9em;
}
code {
  font-size: 1.1em;
  font-family: "Courier New", Courier, monospace;
  background: #FAFAF0;
  color: #666;
}
form {
  margin: 0;
  padding: 0;
  border: 0;
}
a img {
  border: 0;
}

/* Layout */

#wrapper 
{
  margin: 0 auto;
  padding: 0px 0px;
  width: 750px;
  text-align: left;
  border: 1px solid #fe6500;
  background-color: #FFFFFF; 
}

#header 
{
  padding: 0px 0px 0px 0px;
  width: 100%;
  height: 124px;
  display: block;
  clear: both;
}

#header #logotipo
{
  width: 418px;
  height: 96px;
}

#header #topmenu
{
  padding-top: 5px;
  background-image: url(images/fundo_menu_topo.jpg);
  background-repeat: repeat-x;
  background-position: top left;
  height: 28px;
  text-align: center;
  color: #FFFFFF;
  font-size: 9pt;
}

#content 
{
  display: block;
  width: 550px;
  overflow: hidden;

  color: #999999;

  margin: 0px;
  padding: 0px;

  background-image: url(images/sombra_conteudo.jpg);
  background-repeat: repeat-x;
  background-position: top left;

  text-align: justify;
}

#content LI
{
  list-style-type: square;
}

#content LI A
{
  color: #CC6600;
}

#content LI A:hover
{
  color: #FF9900;
  text-decoration: underline;
}

#content H3
{
  font-size: 10pt;
}

#content H4
{
  color: #000000;
  font-size: 8pt;
}

#content TABLE
{
  border: 1px solid #e7b126;
  border-top: 4px solid #f3d68f;
  width: 100%;
  margin: 0px;
  margin-top: 10px;
  border-collapse: collapse;
}

#content TABLE TH
{
  padding: 2px;
  background-color: #e7b126;
  color: #ffffff;
}

#content TABLE TD
{
  padding: 2px;
  border-bottom: 1px solid #CCC;
}

#footer 
{
  clear: both;
  font-size: 8pt;
  text-align: right;
  padding: 5px 10px;
  background-color: #f8f8f8; 
}

#middle
{
  display: block;
  margin: 0px 0px;
  padding: 0px 0px;
  border: 0px solid #DDD;
  height: 100%;
}

#sidebar 
{
  display: inline;
  float: left;
  overflow: hidden;
  margin: 0px 0px;
  padding: 0px 0px;
  width: 200px;

  background-image: url(images/sombra_menu.jpg);
  background-repeat: repeat-x;
  background-position: top left;
  background-color: #fbfbfb;

  color: #999999;  
}

/* Sidebar Styles */

#sidebar h2 
{
  font-size: 10pt;
}

#sidebar ul 
{
  margin: 0px 0px;
  padding: 0px 5px;
  list-style-type: none;
}

#sidebar ul li.pagenav
{
  margin: 0px 0px;
  padding: 0px 0px;
}

#sidebar ul li 
{
  margin: 0px 0px;
  padding: 0px 0px;
}

/* FIRST LEVEL */

#sidebar ul ul 
{
  margin: 0px 0px;
  margin-bottom: 10px; 
}

#sidebar ul ul li {
  padding: 0 0 0 10px;
}

/* SECOND LEVEL */

#sidebar ul ul li a {

  color: #888888;
  display: block;
  margin: 0 0 0 -10px;
  padding: 0.1em 25px;

  width: 170px;

  background-image: url(images/tic_menu_item.gif);
  background-repeat: no-repeat;
  background-position: 10px 7px;
} 

html>body #sidebar ul ul li a {
  width: 170px;
}

#sidebar ul ul li a:hover 
{
  color: orange;
}

/* Nested lists? */
#sidebar ul ul ul {
  margin: 0px 0px;
  border: none;
}

#sidebar ul ul ul li {
  margin: 0 0 0 -10px;
  padding: 0 0 0 25px;
}

#sidebar ul ul ul li a {
  margin: 0 0 0 -25px;
  font-size: 90%;
  padding: 0.1em 10px 0.1em 40px;
  width: 190px;
  width: 155px;
} 

#sidebar ul ul ul li a:hover
{

}

html>body #sidebar ul ul ul li a {
  width: 155px;
}

/* Blog */

.post {

  padding: 10px;

}

.posttitle 
{
  margin: 0;
  width: 100%;
  color: #888888;
  overflow: auto;
  /* Width and overflow to clear '.posttitle a' */

  font-size: 10pt !important;
}

.posttitle a 
{
  color: #888888;
  float: left;
  padding: 0 0px;
}

.posttitle a:link, .posttitle a:visited 
{
  
}

.posttitle a:hover, .posttitle a:active 
{
  color: orange;
}

.postmeta {
  margin-top: 0;
  font-size: 7pt;
  color: #333333;
}

.postentry 
{
}

.permalink 
{
  margin: 0 1.8em 0 0;
  padding: 0 0 0 14px;
  background: url(images/permalink.gif) no-repeat center left;
}

.commentslink 
{
  padding: 0 0 0 17px;
  background: url(images/commentslink.gif) no-repeat center left;
}

.postnav 
{
  width: 100%;
  padding: 1.2em 0;
  overflow: auto;
}

.prev 
{
  float: left;
}

.next 
{
  float: right;
}

/* Comments */

#commentlist 
{
  margin: 1.2em 0;
  padding: 0;
  border-bottom: 1px solid #E8E7D0;
  list-style-type: none;
}

#commentlist li 
{
  border-top: 1px solid #E8E7D0;
  padding: 0.1em 20px;
  background-color: #FFF;
}
.alt {
  background-color: #FAFAF0 !important;
}
.commenttitle {
  margin-bottom: 0;
  font-size: 1.1em;
}
.commentmeta {
  margin-top: 0;
  font-size: 0.9em;
  color: #999;
}
#comment {
  width: 98%;
}

/* Widgets and Etc */

.widget_calendar h2 {
  display: none !important;
}
.widget_search div {
  margin: 1.2em 0;
}

#sidebar FORM#s 
{
  padding: 10px;

  margin-top: 5px;
  margin-bottom: 2px;

  border-bottom: 1px solid #DDDDDD;
  
  color: #999999;
}

/* Image Borders */

div.image {
  margin: 1.2em 0;
}

div.imagecenter {
  margin: 1.2em 0;
  text-align: center;
}
div.imagecenter img {
  margin: 0 auto;
}

div.imageleft, img.imageleft {
  float: left;
  margin: 0 15px 0.2em 0;
  padding: 0;
}
 
div.imageright, img.imageright {
  float: right;
  margin: 0 0 0.2em 15px;
  padding: 0;
}

div.image img, img.image,
div.imagecenter img,
div.imageleft img, img.imageleft,
div.imageright img, img.imageright {
  padding: 5px;
  border: 1px solid #C1C0B5;
  background: #FFF;
}

P.wp-caption-text
{
  font-size: 8pt;
  font-style: italic;
}