/*

	Theme Name: Wp-Them.es Blogger

	Theme URL: http://www.wp-them.es/wp-themes-blogger-theme/

	Description: Two column theme with options menu, 3 level dropdown menu, featured contect section and banner management. Right sidebar fixed with theme with clean design by <a href="http://www.wp-them.es">Wp-Them.es</a>. New build in contact form in the theme.

	Author: Wp-Them.es

	Author URI: http://www.wp-them.es

	Version: 1.6

    Tags: brown, light, two-columns, fixed-width, theme-options, right-sidebar

*/

body {

  font-family: tahoma, Helvetica, sans-serif;

  font-size: 12px;

  color: #000000;

  background: #353535 url(images/bg.png) top repeat-x;

  width: 100%;
  text-align: justify;

}

/*** Hyperlinks	***/


 a:visited {

  color: #000000;

  font-size: 12px;

  text-decoration: none;

}

a:hover {

  color: #23c2d0;

}
a:link {

  color: #23c2d0;

}

/*** Top Navigation ***/

#topnav {

  width: 950px;

  height: 30px;

}

#topnav_left {

  float: left;

  width: 700px;

}

#topnav_right {

  float: right;

  width: 200px;

  text-align: right;

  font-weight: bold;

  padding: 7px 10px 0px 0px;

}

/*** Page Navigation ***/

#pagenav, #pagenav ul {

  padding: 0;

  margin: 0;

  list-style: none;

  line-height: 1;

}

#pagenav a, #pagenav a:visited {

  display: block;

  padding: 9px 10px 9px 10px;

  color: #ddd;

  font-weight: bold;

}

#pagenav a:hover {

  background: #000;

  color: #000000;

}

#pagenav li {

  float: left;

}

/*** Header ***/

#header {

  width: 950px;

  height: 5px;

  margin: 0 auto;

}

#header_left {

  width: 700px;

  float: left;

  padding-top: 10px;

}

#header_right {

  width: 250px;

  float: right;

  padding: 27px 0px 0px 0px;

}

#header_right img {

  width: 32px;

  height: 32px;

}



#header h1 {

  padding: 5px 0px 0px 10px;

}

#header h1 a, #header h1 a:visited {

  font-size: 34px;

  font-weight: bold;

  color: #F0F0F0;

}

#header h1 a:hover {

  color: #000000;

}

#header p {

  padding: 0px 0px 0px 10px;

  margin: 0px;

  color: #000000;

}

#top_search {

  width: 210px;

  padding: 5px 10px 5px 10px;

  background: #1b1713;

  border: 1px solid #444;

  text-align: center;

}

/*** Navigation ***/

#navbar {

  width: 100%;

  height: 40px;

}

#navigation {

  width: 950px;

  height: 30px;

  margin: 0 auto;

}

#nav_left {

  float: right;

  width: 700px;

}

#nav_right {

  float: left;

  width: 210px;

  padding: 4px 0px 0px 0px;

  text-align: right;
  direction: rtl;

}

#nav_right a, #nav_right a:visited {

  font-size: 12px;

  font-weight: bold;

  margin-right: 5px;

}



/*** Category Navigation ***/

#nav, #nav ul {

  padding: 0;

  margin-right: 36px;

  list-style: none;

  line-height: 1;

}

#nav a, #nav a:visited {

  display: block;

  padding: 14px 15px 14px 15px;
  color: #463e3e;

  font-weight: bold;
  font-size: 11px;

}

#nav a:hover {

  background: #DDD;

  color: #000000;

}

#nav li {

  float: right;
  direction: rtl;

}

#nav li ul {

  position: absolute;

  width: 140px;

  left: -999em;

}

#nav li li a, #nav li li a:link, #nav li li a:visited {

  background: #F0F0F0;

  width: 140px;

  float: none;

  text-transform: none;

  margin: 0px;

  padding: 9px 10px 9px 10px;

  border-bottom: 1px solid #CCC;

}

#nav li li a:hover {

  background: #DDD;

}

#nav li ul ul {

  margin: -25px 0px 0px 160px;

}

#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: 850px;

  margin: 10px auto 0;
  color: #000000;

}


/*** postarea ***/

#postarea {

  width: 580px;

  float: left;

}

.postcontent {

  border: 1px solid #a3a09e;

  background: #FFF;

  margin: 0px 0px 15px 0px;
  color: #000000;

}


.postcontent_in {

  padding: 10px;

  border:1px solid #FFF;

  background: #FFF url(images/body_bg.jpg) top repeat-x;

  overflow: hidden;
  color: #000000;




}

.post {

  line-height: 20px;


}

.post ul {

  list-style-type: none;

  margin: 0;

  padding: 0;

}

.post ul li {

  list-style-type: square;

  margin: 0px 0px 2px 20px;

  padding: 1px 0px 0px 0px;

}

.post ol {

  list-style-type: none;

  margin: 0;

  padding: 0;

}

.post ol li {

  list-style-type: decimal;

  margin: 0px 0px 2px 20px;

  padding: 1px 0px 0px 0px;

}

.post img {

  padding: 5px;

}

.meta {

  background: #F4F3EE;

  border: 1px solid #DDD;

  padding: 5px;

  margin: 5px;

}

/*** Sidebar ***/

#sidebar {

  float: right;

  width: 250px;

  background: #EDEDED;

  border: 1px solid #a3a09e;

  color: #666;


}

#sidebar_in {

  border:1px solid #FFF;

  background: #FFF url(images/side.png) top no-repeat;

}

#sidebar h2 {

  margin: 4px 0px 15px 0px;

  color: #fff;

  padding: 5px 10px 5px 10px;

  font-family: arial, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-style: normal;
text-align: right;

}


#sidebar ul {

  list-style-type: none;

  margin: 0;

  padding: 0;

}

#sidebar ul li {

  list-style-type: none;

  margin: 5px 0px 5px 25px;

  padding: 5px 19px 5px 0px;
  background: #FFF url(images/rss.gif) right no-repeat;

}

#sidebar ul li a, #sidebar ul li a:visited {

  font-size: 10px;
  font-weight: bold;
  color: #000;


}



.widget {

  margin-bottom: 10px;

  padding: 5px;
  background: #FFF url(images/side.png) top no-repeat;

}

.advertisment {

  padding: 10px 12px 5px 12px;

}

.advertisment img {

  padding: 5px;

  width: 100px;

  height: 100px;

}

.newsletter {

  border: 1px solid #C8C8C8;

  padding: 5px 5px 5px 20px;

  background: #FFF url(images/newsletter.png) top no-repeat;



}

/*** Featured Section ***/

.featured_section {

  border: 1px solid #a3a09e;

  background: #FFF;

  margin: 0px 0px 10px 0px;

}

.featured_in {

  padding: 10px;

  border:1px solid #FFF;

  background: #FFF url(images/body_bg.jpg) top repeat-x;

  overflow: hidden;

}

.featured_in img {

  width: 555px;
  height: 175px;

}

/*** Homepage, Search Page, Archive Page ***/

.thumbnail {

  float: left;

  width: 130px;

  height: 130px;

  overflow: hidden;

  line-height: 170px;

  text-align: center;

}

.thumbnail img {

  width: 120px !important;

  height: 120px !important;

  padding: 1px;

  border: 1px solid #888;

  background: #D2D2D2;

  margin-right: 5px;

}

.the_excrept {

  width: 550px;

  float: right;

  background: transparent;

}


.excrept_post {

  border: 1px solid #a3a09e;

  background: #FFF;

  margin: 0px 0px 15px 0px;

}

.excrept_in {

  padding: 10px;

  border:1px solid #FFF;

  background: #FFF url(images/body_bg.jpg) top repeat-x;

  overflow: hidden;

}

.excrept_post h2 {

  border: none;

}

.excrept_post h2 a, .excrept_post h2 a:visited {

  font-size: 12px;

  color: #14b7d5;

  border: none;

  font-family: tahoma, Arial, Helvetica, sans-serif;

}

.excrept_post h2 a:hover {

  color: #000000;

}

.excrept_data {

  padding: 2px 5px 2px 5px;

  margin: 3px 0px 3px 0px;

}

.excrept_left {

  float: left;

  color: #000000;

  font-family: "tahoma", Times, serif;

  font-weight: bold;

  font-size: 11px;

}

.excrept_but {

  float: left;

  padding: 4px 10px 4px 10px;

  margin-right: 5px;

  background: #222 url(images/but.jpg) repeat-x;
  font-weight: bold;
  font-size: 10px;
  border: 1px solid;

}

.excrept_but a, .excrept_but a:visited {

  color: #FFF;

}

.excrept_but a:hover {

  color: #666;

}

.excrept_right {

  float: right;

}

/*** Page Navigation ***/

.pagenavigation {

  margin: 0px 0px 10px 0px;

}

.pagenavigation a, .pagenavigation a:visited {

  color: #FFF;
  font-weight: bold;
  font-size: 11px;

}

.pagenavigation a:hover {

  color: #14b7d5;

}

.navleft {

  float: left;

  padding: 4px 10px 4px 10px;

  background: #222 url(images/but.jpg) repeat-x;

}

.navright {

  float: right;

  padding: 4px 10px 4px 10px;

  background: #222 url(images/but.jpg) repeat-x;

}

/*** Footer ***/

#footer_bg {

  width: 850px;

  background: #353535 url(images/bg2.png) top repeat-x;

  margin-right: 50px;

}

#footer {

  width: 850px;

  font-size: 10px;
  font-weight: bold;

  color: #90c11b;

  padding: 0px 0px 0px 0px;

}

#footer a, #footer a:visited {

  color: #000;

  font-size: 11px;



}

#footer a:hover {

  color: #14b7d5;

}

#footer_left {

  float: right;

  padding-top: 12px;
  direction: rtl;
  text-align: center;
  width: 850px;
 height: 30px;

}

#footer_right {

  float: left;

}

.wplogo img {

  width: 0px;

  height: 0px;

}



/*** Comments ***/

.commentlist li {

  font-weight: bold;

}

.commentlist li .avatar {

  float: right;

  background: #FFF;

  border: 1px solid #C8C8C8;

  padding: 2px !important;
  margin-left: 5px;

}

.commentlist cite, .commentlist cite a {

  font-weight: bold;

  font-style: normal;

}

.commentlist p {

  font-weight: normal;

  text-transform: none;

}

.commentmetadata {

  font-weight: normal;

}

#respond:after {

  content: ".";

  display: block;

  height: 0px;

  clear: both;

  visibility: hidden;

}

.commentlist {

  margin: 0px;

  padding: 0px;

}

.commentlist ol {

  margin: 0px;

  padding: 10px;

}

.commentlist li {

  margin: 15px 0px 10px;

  padding: 10px 5px 10px 10px;

  list-style: none;

}

.commentlist li ul li {

  margin-right: -5px;

  margin-left: 10px;

}

.commentlist p {

  margin: 10px 5px 10px 0px;

  padding: 0px;

}

.commentmetadata {

  font-size: 10px;

  margin: 0px;

  display: block;

}

.thread-alt {

  background: #F7F7F7;

}

.thread-even {

  background: #F6F9FD;

}

.even, .alt {

  border-bottom: 1px solid #C8C8C8;

  border-top: 1px solid #C8C8C8;

}

.depth-2 {

  background: #FFF;

}

.depth-3 {

  background: #F7F7F7;

}

.depth-4 {

  background: #F6F9FD;

}

.depth-5 {

  background: #FFF;

}

/*** Comment Form ***/

#commentform input {

  width: 200px;

  padding: 2px;

  margin: 5px 5px 1px 0px;


}

#commentform {

  padding: 0 5px 5px 5px;

}

#commentform textarea {

  width: 100%;

  padding: 2px;
  font-family: tahoma;
  color: #000000;

}

#commentform p {

  margin: 5px 0px 5px 0px;
  color: #000000;
  font-size: 12px;
  font-weight: bold;

}

#commentform #submit {

  margin: 0px;

  float: left;
  width: 50px;
  font-family: tahoma;
  font-size: 10px;

}

.trackbacks {

  margin: 10px 0px 10px 0px;

  padding: 5px;

  border: 1px solid #DDD;

  background: #F9F9F9;

}

/*** Wp Images ***/

.wp-caption {

  margin: 0px;

  padding: 0px;

}

.wp-caption img {

  margin: 0px 0px 10px 0px;

  padding: 0px;

  border: 0px;

}

.wp-caption p.wp-caption-text {

  margin: 0px;

  padding: 5px 0px 0px 0px;

  font-size: 10px;

  font-style: normal;

  font-weight: bold;

  line-height: 12px;

}

img.wp-smiley {

  float: none;

  border: none;

  padding: 0px;

  margin: 0px;

}

/*** Forms ***/

#author, #email, #url, #cName, #cMail, #cWeb {

  background: #cdf7fb !important;

  width: 200px;

  font-weight: normal;

  font-size: 12px;
  color: #000000;

  font-family: tahoma, Tahoma, Verdana;

  margin: 0px;

  padding: 4px;

  border-top: 1px solid #999;

  border-left: 1px solid #999;

  border-right: 1px solid #F0F0F0;

  border-bottom: 1px solid #F0F0F0;

}

#cCheck {

  background: #F9F9F9 !important;

  width: 90px;

  color: #444;

  font-weight: normal;

  font-size: 12px;

  font-family: Arial, Tahoma, Verdana;

  margin: 0px;

  padding: 4px;

  border-top: 1px solid #999;

  border-left: 1px solid #999;

  border-right: 1px solid #F0F0F0;

  border-bottom: 1px solid #F0F0F0;

}

#comment {

  background: #F9F9F9 !important;

  width: 550px !important;

  color: #444;

  font-size: 12px;

  font-family: Arial, Tahoma, Verdana;

  padding: 4px;

  margin: 0px;

  border-top: 1px solid #999;

  border-left: 1px solid #999;

  border-right: 1px solid #F0F0F0;

  border-bottom: 1px solid #F0F0F0;

}

#cMessage {

  background: #F9F9F9 !important;

  width: 370px !important;

  color: #444;

  font-size: 12px;

  font-family: Arial, Tahoma, Verdana;

  padding: 4px;

  margin: 0px;

  border-top: 1px solid #999;

  border-left: 1px solid #999;

  border-right: 1px solid #F0F0F0;

  border-bottom: 1px solid #F0F0F0;

}

#searchform {

  margin: 0px;

  padding: 0px;

  overflow: hidden;

  display: inline;

}

#topsearch {

  background: #EEE;

  width: 140px;

  color: #000000;

  font-size: 12px;

  font-family: Arial, Tahoma, Verdana;

  font-weight: normal;

  margin: 0px;

  padding: 4px 0px 4px 10px;

  border-top: 1px solid #000;

  border-left: 1px solid #000;

  border-bottom: 1px solid #666;

  border-right: 1px solid #666;

  display: inline;

}

#newsbox {

  background: #FFF;

  width: 160px;

  color: #000000;

  font-size: 12px;

  font-family: Arial, Tahoma, Verdana;

  font-weight: normal;

  margin: 0px;

  padding: 4px 0px 4px 10px;

  border-top: 1px solid #666;

  border-left: 1px solid #666;

  border-bottom: 1px solid #ddd;

  border-right: 1px solid #ddd;

  display: inline;

}

#s, #sb  {

  background: #F2F2F2;

  width: 140px;

  color: #000000;

  font-size: 11px;

  font-family: Arial, Tahoma, Verdana;

  font-weight: normal;

  margin: 0px;

  padding: 2px 0px 2px 5px;

  border: 1px solid #999;

  display: inline;

}

#submit, #searchbut, #newsbut, #cSubmit  {

  background: #222 url(images/but.jpg) repeat-x;

  color: #FFFFFF;

  font-size: 12px;

  font-family: Arial, Tahoma, Verdana;

  margin: 0px 0px 0px 0px;

  padding: 3px 10px 3px 10px;

  font-weight: bold;

  border-top: 1px solid #999;

  border-left: 1px solid #999;

  border-bottom: 1px solid #222;

  border-right: 1px solid #222;

}

#cForm {

  width: 400px;

  padding: 10px;

  background: #FFF;

  border: 1px solid #DDD;

  margin: 10px auto;

}

#cForm fieldset {

  padding: 5px;

}



/*** General Reset ***/



* {

  margin: 0px;

  padding: 0px;

  list-style: none;

  text-decoration: none;

}

.clear{

  clear: both;

}

.aligncenter{

  display: block;

  margin: 0 auto;

  text-align: center;

}

.alignleft{

  float: left;

}

.alignright{

  float: right;

}

.code{

  border: 1px solid #ccc;

  font-family: Courier;

  list-style: decimal-leading-zero;

  padding: 3px 5px 3px 35px;

}

.code code{

  font: 1.2em Monaco, "Courier New", Tahoma;

}

.code li{

  background: #E5F2FF;

  margin: 2px 0;

  padding: 0 5px;

}

.alignright{

  float: right;

}

fieldset{

  border: 1px solid #DDDDDD;

  margin: 5px;

  padding: 5px;

}

legend{

  color: #666;

  font: bold 12px Arial, Tahoma, Verdana;

  margin: 0px;

  padding: 0px 11px 0px 11px;

}

img{

  border: 0;

  border: none;

  text-decoration: none;

}

.space {

  margin: 5px 0px 5px 0px;

  padding: 0;

}

hr{

  background: #c0c0c0;

  border: none;

  color: #d0d0d0;

  height: 1px;

  margin: 10px 0;

}

blockquote {

  background: #f1f1f1;

  margin: 10px;

  padding: 10px 0px 10px 15px;

  border-left: 3px solid #ccc;

}

p {

	padding: 10px 0px;

	margin: 0px;


}

h1, h2, h3, h4, h5, h6 {

  color: #101010;

  font-family: Arial, Helvetica, sans-serif;

}

h1, h1 a, h1 a:visited{font-size:24px;}

h2, h2 a, h2 a:visited{font-size:18px;border:none;margin-bottom:5px;}

h3, h3 a, h3 a:visited{font-size:16px;}

h4, h4 a, h4 a:visited{font-size:14px;}

h5, h5 a, h5 a:visited{font-size:12px;}

h6, h6 a, h6 a:visited{font-size:11px;}

.error {

  padding: 10px;

  margin: 10px;

  text-align: center;

  font-weight: bold;

  font-size: 16px;

  color: #000000;

  background: #FFFFCC;

  border: 1px solid #FFCC00;

}

.success {

  padding: 50px 0;

  margin: 10px;

  text-align: center;

  font-weight: bold;

  font-size: 16px;

  color: #006600;

  background: #CCFFCC;

  border: 1px solid #336600;

}