/*
	Theme Name: Wp Bonsai
	Theme URL: http://www.wp-them.es/
	Description: Magazine style WordPress Theme  by <a href="http://www.wp-them.es">Wp-Them.es</a>.
	Author: Wp-Them.es
	Author URI: http://www.wp-them.es
	Version: 1.1
    Tags: white, green, light, two-columns, fixed-width, right-sidebar
*/
@import url('css/global.css');
@import url('css/wp.css');

.store { width:70em; }

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #555;
  background: #FFF;
  width: 100%;
  height: 100%;
}

/* Hyperlinks
*******************************************************************************/

a, a:visited {
  color: #266A2E;
  font-size: 12px;
  text-decoration: none;
}
a:hover {
  color: #C86000;
}

/*  Header
*******************************************************************************/

#header {
  width: 950px;
  height: 90px;
  margin: 0 auto;
  background: #FFF url(images/header.jpg);
}
#header_left {
  width: 700px;
  float: left
}
#header_right {
  width: 250px;
  float: right;
  padding: 20px 0px 0px 0px;
}
#header h1 {
  padding: 10px 0px 0px 80px;
  margin: 0 !important;;
  font-family: "Times New Roman", Times, serif;
}
#header h1 a, #header h1 a:visited {
  font-size: 34px;
  font-weight: bold;
  color: #526c28;
}
#header p {
  padding: 0px 0px 0px 90px;
  margin: 0px;
  color: #888;
}
#top_search {
  width: 210px;
  padding: 5px 10px 5px 10px;
  background: #F0F0F0;
  border: 1px solid #CEDFCE;
  text-align: center;
}

/*  Navigation Bar
*******************************************************************************/

#navbar {
  width: 100%;
  height: 30px;
  background: #CEDFCE url(images/nav.jpg) repeat-x;
  border-bottom: 2px solid #739240;
}
#navigation {
  width: 950px;
  height: 30px;
  margin: 0 auto;
}
#nav_left {
  float: left;
  width: 700px;
}
#nav_right {
  float: right;
  width: 210px;
  padding: 6px 0px 0px 0px;
}
#nav, #nav ul {
  margin: 0;
  list-style: none;
  line-height: 30px;
  z-index: 100;
}
#nav a, #nav a:visited {
  display: block;
  padding: 0px 15px 0px 15px;
  color: #333;
  font-size: 12px;
  text-decoration: none;
  border-right: 1px solid #CEDFCE;
}
#nav a:hover {
  background: #739240;
  color: #FFF;
}
#nav li {
  float: left;
}
#nav li ul {
  position: absolute;
  width: 170px;
  left: -999em;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
  background: #BDCFBD;
  border-top: 1px solid #CEDFCE;
  border-bottom: 1px solid #9CAA9C;
  border-right: 1px solid #9CAA9C;
  border-left: 1px solid #CEDFCE;
  color: #222;
  width: 170px;
  float: none;
  margin: 0px;
  padding: 0px 10px 0px 10px;
}
#nav li li a:hover {
  text-decoration: none;
  background: #739240;
  color: #FFF;
}
#nav li ul ul {
  margin: -32px 0px 0px 192px;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
  left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
  left: auto;
}

/*  Content
*******************************************************************************/

#content {
  width: 950px;
  margin: 0 auto;
  line-height: 20px;
}
#content p {
  padding: 0px 0px 15px 0px;
  margin: 0px;
}
#content h1 {
  color: #222;
  font-size: 24px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: normal;
  margin: 0px 0px 10px 0px;
}
#content h2 {
  color: #222;
  font-size: 20px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: normal;
  margin: 0px 0px 10px 0px;
}
#content h3 {
  color: #222;
  font-size: 18px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: normal;
  margin: 0px 0px 10px 0px;
}
#content h4 {
  color: #222;
  font-size: 14px;
  font-family: Arial, Tahoma, Verdana;
  font-weight: normal;
  margin: 0px 0px 10px 0px;
}
#content h1 a, #content h1 a:visited,
#content h2 a, #content h2 a:visited,
#content h3 a, #content h3 a:visited,
#content h4 a, #content h4 a:visited {
  color: #222;
}
#content h1 a:hover, #content h2 a:hover, #content h3 a:hover, #content h4 a:hover {
  color: #C86000;
  text-decoration: none;
}

/*  Postarea
*******************************************************************************/

#postarea {
  width: 610px;
  padding: 10px;
  float: left;
  display: inline;
  overflow: hidden;
}
.post ol {
  list-style: decimal;
  margin: 0px 0px 0px 5px;
  padding: 0px 0px 15px 0px;
}
.post ol li {
  list-style: decimal;
  margin: 0px 0px 0px 20px;
  padding: 0;
}
.post ul {
  list-style: square;
  margin: 0;
  padding: 0px 0px 15px 0px;
}
.post ul li {
  list-style: square;
  margin: 0px 0px 0px 20px;
  padding: 0;
}
.title {
  color: #739240 !important;
  margin: 5px 0px 5px 0px !important;
  border-bottom: 1px solid #CEDFCE;
  padding: 0px 0px 5px 0px !important;
}
.post_info {
  text-align: right;
  color: #999;
  font-family: Georgia, "Times New Roman", Times, serif;
}


/*  Sidebar
*******************************************************************************/

#sidebar {
  float: right;
  width: 300px;
  padding: 10px;
  background: #FFF;
  line-height: 20px;
  display: inline;
  overflow: hidden;
}
#sidebar p {
  padding: 0px 0px 15px 0px;
  margin: 0px;
}
#sidebar h2 {
  background: #228B22 url(images/h2.jpg) right bottom no-repeat;
  border: none;
  margin: 0px 0px 5px 0px;
  color: #FFF;
  padding: 5px 0px 3px 10px;
  font-size: 14px;
  border-bottom: 2px solid #738373;
  font-weight: bold;
}
#sidebar h4 {
  font-weight: bold;
  margin: 0 !important;
  padding: 0 !important;
}
#sidebar ul {
  margin: 0px 0px 10px 0px;
  padding: 0;
}
#sidebar ul li {
  list-style: square;
  margin: 0px 0px 0px 20px;
  padding: 0;
}
#sidebar ul li ul li {
  list-style: square;
  margin: 0px 0px 0px 10px;
  padding: 0;
}
.widget {
  margin-bottom: 10px;
  background: #F9F9F9;
  padding: 5px;
  border: 1px solid #CEDFCE;
}
.advertisment {
  margin-bottom: 10px;
  background: #F9F9F9;
  padding: 5px 12px 5px 12px;
  border: 1px solid #DDD;
}
.advertisment img {
  padding: 5px;
  width: 125px;
  height: 125px;
}

/*  Category Page
*******************************************************************************/

.thumbnail{
  float: left;
  width: 110px;
  height: 80px;
  padding: 5px;
  border: 1px solid #C8C8C8;
  background: #DDD;
  margin-right: 5px;
}
.homepage_post {
  border-bottom: 1px dotted #C8C8C8;
  margin: 5px 0px 15px 0px;
  line-height: 18px;
  z-index: 99;
}
.homepage_post img {
  -ms-interpolation-mode: bicubic;
}
.homepage_post h2 {
  background: #228B22 url(images/h2.jpg) right bottom no-repeat;
  border: none;
  margin: 0px 0px 5px 0px;
  color: #FFF;
  padding: 5px 0px 3px 10px;
  font-size: 14px;
  border-bottom: 2px solid #738373;
}
.homepage_post h2 a, .homepage_post h2 a:visited {
  color: #FFF !important;
  font-weight: bold !important;
  font-size: 14px;
  text-decoration: none;
  border: none;
}
.homepost_data {
  background: #F6F9FD;
  font-size: 11px;
  border-bottom: 1px solid #DDD;
  padding: 2px 5px 2px 5px;
  margin: 0px 0px 3px 0px;
}
.homepost_left {
  float: left;
}
.homepost_right {
  float: right;
}

/*  Homepage
*******************************************************************************/

#featured_content {
  width: 588px;
  padding: 10px;
  margin: 0px 0px 10px 0px;
  background: #F9F9F9;
  border: 1px solid #CEDFCE;
  z-index: 99;
}
#homepage {
  width: 610px;
  line-height: 18px;
}
#homepage ul {
  margin: 0px 0px 10px 0px;
  padding: 0;
}
#homepage ul li {
  list-style: square;
  margin: 0px 0px 0px 20px;
  padding: 0;
}
#homepage ul li ul li {
  list-style: square;
  margin: 0px 0px 0px 10px;
  padding: 0;
}
#homepage p {
  padding: 0px 0px 5px 0px;
  margin: 0px;
}
#homepage h2 {
  background: #228B22 url(images/h2.jpg) right bottom no-repeat;
  border: none;
  margin: 0px 0px 5px 0px;
  color: #FFF;
  padding: 5px 0px 3px 10px;
  font-size: 14px;
  border-bottom: 2px solid #738373;
  font-weight: bold;
}
#homepage h4 {
  font-weight: bold;
  margin: 0 !important;
  padding: 0 !important;
}
#hp_left {
  float: left;
  width: 300px;
  overflow: hidden;
}
#hp_right {
  float: right;
  width: 300px;
  overflow: hidden;
}
.hp_widget {
  margin-bottom: 10px;
  background: #F9F9F9;
  padding: 5px;
  border: 1px solid #CEDFCE;
}


/*  Footer
*******************************************************************************/

#footer {
  width: 890px;
  margin: 0 auto 10px;
  background: #F2F2F2;
  border-top: 2px solid #739240;
  font-size: 11px;
  color: #666;
  padding: 10px 20px 10px 20px;
}
#footer a, #footer a:visited {
  color: #666;
  font-size: 11px;
}
#footer a:hover {
  color: #101010;
}
#footer_left {
  float: left;
}
#footer_right {
  float: right;
}