/*  
Theme Name: Personal Corpo 10
Theme URI: http://personalcorpo10.com.br/
Description: Tema para Wordpress do site Personal Corpo 10, do personal trainer Joao Batista Dalmoro.
Version: 0.1
Author: Matheus Zeuch
Author URI: http://webhorizon.com.br/
*/

@import url( ../../../yui/reset-fonts-grids.css );

body {
  background:url(img/bg-body.png);
}

a {
  color:#006c00;
  border-bottom:1px dotted #00aa00;
  text-decoration:none;
}
a:hover {
  color:darkgreen;
  border-bottom:1px solid darkgreen;
}

h2 a, #menu a {
  border:0;
}
h2 a:hover, #menu a:hover {
  border:0;
}

#bd {
  background:white;
  padding:10px;
}

#main h2, #main h2 a {
  font:bold 18pt trebuchet ms, arial;
  text-align:center;
  margin:10px 0 20px;
  color:#666;
  text-decoration:none;
}
#main p {
  margin:10px 0;
  text-align:justify;
}

#content h3 {
  font:bold 12pt "Trebuchet MS", arial;
  background: url(http://personalcorpo10.com.br/imgs/pngs/bullet.png) 0px 8px no-repeat;
  padding-left: 20px;
  color:#006c00;
}

#content ul {
  list-style-type: disc;
  list-style-position: inside;
  margin-left: 2em;
  padding-left: 1em;
  text-indent: -1em;
}

#menu a {
  text-transform:uppercase;
  font-size:8pt;
}

small {
  font:8pt "Trebuchet MS", arial;
  color:#666;
  font-weight:bold;
}


/* cabecalho
 *****************************************************************************/
#hd {
  background:url(img/sombra-menu.png) bottom repeat-x;
  height:364px;
  margin-top:2px;
}
#topo {
  /*background:#666 url(img/top-border.png) repeat-x;*/
  position:relative;
}
#topo #header {
  border-top:4px solid #f38101;
  margin-top:6px;
  height:80px;
  background:black;
}
#topo h1 {
  text-indent:-9000pt;
  background:url(img/logo.png) 0px 0px no-repeat;
  width:190px;
  height:80px;
  float:left;
  overflow:hidden;
}
#topo .description {
  font-size:1.2em;
  font-weight:bold;
  float:left;
  margin-top:8px;
  color:#777;
}
#topo #headerimg {
  height:213px;
  background:url(img/figura1.jpg) right bottom no-repeat;
}

/* menu
 *****************************************************************************/
#topo #menu {
  background:url(img/bg-menu.png) repeat-x;
  height:45px;
  padding-left:5px;
  font:10px arial;
  text-transform:uppercase;
}
#topo #menu li {
  display:inline;
}
#topo #menu a {
  display:block;
  text-decoration:none;
  float:left;
  padding:16px 18px;
  color:white;
}
#topo #menu a:hover, #topo #menu a.on {
  background:url(img/bg-menu-on.png) repeat-x;
}

/* formulario de busca
 *****************************************************************************/
#topo #form-busca {
  margin:10px;
}
#topo #form-busca span {
  display:block;
  color:white;
}


/* rodape
 *****************************************************************************/
#rodape {
  background:white url(img/bottom-border.png) center top repeat-x;
  padding:10px;
  color:#777;
  font:9px verdana,arial,sans-serif;
  text-align:center;
  position:relative;
}

/* creditos da web horizon (webhorizon.com.br)
 *****************************************************************************/
#whcredits a {
  position:absolute;
  top:12px;
  right:10px;
  text-indent:-9000pt;
  overflow:hidden;
  border:1px solid orange;
  width:40px;
  height:10px;
  background:yellow;
}
#whcredits a:hover {
  border-color:red;
}


/* barra lateral
 *****************************************************************************/
#lateral {
}
#lateral .block {
  margin-bottom:20px;
}
#lateral .block h2 {
  color:#777;
  font-size:16px;
  font-weight:bold;
}