/*

	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>.

	Author: Wp-Them.es

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

	Version: 1.3

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

*/

@import url('upload.css');

body {

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

  font-size: 13px;

  color: #444;

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

  width: 100%;

}

/*** Hyperlinks	***/

a,a:visited {

  color: #00CC00;

  font-size: 12px;

  text-decoration: none;

}

a:hover {

  color: #101010;

}

/*** Top Navigation ***/

#topnav {

  width: 950px;

  height: 30px;

}

#topnav_left {

  float: left;

  width: 700px;

}

#topnav_right {

  float: right;

  width: 240px;

  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: #f0f0f0;

}

#pagenav li {

  float: left;

}

/*** Header ***/

#header {

  width: 950px;

  height: 130px;

  margin: 0 auto;

}

#header_left {

  width: 700px;

  float: left;

  padding-top: 10px;

}

#header_right {

  width: 250px;

  float: right;

  padding: 27px 0px 0px 0px;

}

#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: #666;

}

#header p {

  padding: 0px 0px 0px 10px;

  margin: 0px;

  color: #999;

}

#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: left;

  width: 700px;

}

#nav_right {

  float: right;

  width: 210px;

  padding: 4px 0px 0px 0px;

  text-align: right;

}

#nav_right a, #nav_right a:visited {

  font-size: 18px;

  font-weight: bold;

  margin-right: 5px;

}



/*** Category Navigation ***/

#nav, #nav ul {

  padding: 0;

  margin: 0;

  list-style: none;

  line-height: 1;

}

#nav a, #nav a:visited {

  display: block;

  padding: 14px 15px 14px 15px;

  color: #101010;

  font-weight: bold;

}

#nav a:hover {

  background: #DDD;

  color: #101010;

}

#nav li {

  float: left;

}

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

  margin: 5px auto 0;

}

/*** postarea ***/

#postarea {

  width: 730px;

  float: left;

}

.post img {

  padding: 5px;

}

.meta {

  background: #F4F3EE;

  border: 1px solid #DDD;

  padding: 5px;

  margin: 5px;

}

/*** Sidebar ***/

#sidebar {

  float: right;

  width: 200px;

  background: #FFF;

  border: 1px solid #a3a09e;

  color: #666;

}

#sidebar_in {

  border:1px solid #FFF;

  background: #FFFFFF;

}

#sidebar h2 {

  margin: 0px 0px 5px 0px;

  color: #444;

  padding: 2px 0px 2px 10px;

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

  font-size: 16px;

  

}

#sidebar ul {

  list-style-type: none;

  margin: 0;

  padding: 0;

}

#sidebar ul li {

  list-style-type: circle;

  margin: 0px 0px 2px 25px;

  padding: 1px 0px 0px 0px;

}

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

  font-size: 14px;

}



.widget {

  margin-bottom: 1px;

  padding: 5px;

}

.advertisment {

  padding: 5px 12px 5px 12px;

}

.advertisment img {

  padding: 5px;

  width: 125px;

  height: 125px;

}

.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;

}

/*** Homepage ***/

.thumbnail{

  float: left;

  width: 180px;

  height: 130px;

  padding: 5px;

  border: 1px solid #888;

  background: #D2D2D2;

  margin-right: 5px;

}

.homepage_post {

  border: 1px solid #a3a09e;

  background: #FFF;

  margin: 0px 0px 15px 0px;

}

.homepage_in {

  padding: 10px;

  border:1px solid #FFF;

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

  overflow: hidden;

}

.homepage_post h2 {

  border: none;

}

.homepage_post h2 a, .homepage_post h2 a:visited {

  font-size: 20px;

  color: #444;

  border: none;

  font-family: Helvetica, sans-serif;

}

.homepage_post h2 a:hover {

  color: #101010;

}

.homepost_data {

  padding: 2px 5px 2px 5px;

  margin: 3px 0px 3px 0px;

}

.homepost_left {

  float: left;

  color: #999;

  font-family: "Times New Roman", Times, serif;

  font-size: 16px;

}

.excrept_but {

  float: right;

  padding: 4px 10px 4px 10px;

  margin-right: 5px;

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

}

.excrept_but a, .excrept_but a:visited {

  color: #FFF;

}

.excrept_but a:hover {

  color: #666;

}

.homepost_right {

  float: right;

}

/*** Page Navigation ***/

.pagenavigation {

  margin: 0px 0px 10px 0px;

}

.pagenavigation a, .pagenavigation a:visited {

  color: #FFF;

}

.pagenavigation a:hover {

  color: #666;

}

.navleft {

  float: left;

  padding: 4px 7px 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: 100%;

  background: #41372e;

  border-top: 2px solid #101010;

  margin-top: 5px;

}

#footer {

  width: 970px;

  margin: 0 auto;

  font-size: 11px;

  color: #999;

  padding: 0px 0px 10px 0px;

}

#footer a, #footer a:visited {

  color: #999;

  font-size: 11px;

}

#footer a:hover {

  color: #FFF;

}

#footer_left {

  float: left;

  padding-top: 5px;

}

#footer_right {

  float: right;

}



/*** Comments ***/

.commentlist li {

  font-weight: bold;

}

.commentlist li .avatar {

  float: right;

  background: #FFF;

  border: 1px solid #C8C8C8;

  padding: 2px !important;

}

.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;

}

#commentform p {

  margin: 5px 0px 5px 0px;

}

#commentform #submit {

  margin: 0px;

  float: left;

}

#author, #email, #url {

  background: #F2F2F2 !important;

  color: #999;

  font-weight: bold;

  font-size: 12px;

  font-family: Arial, Tahoma, Verdana;

  margin: 0px;

  padding: 4px;

  border-top: 1px solid #666;

  border-left: 1px solid #666;

  border-right: 1px solid #FFF;

  border-bottom: 1px solid #FFF;

}

#comment {

  background: #F2F2F2 !important;

  width: 500px !important;

  color: #444;

  font-size: 12px;

  font-family: Arial, Tahoma, Verdana;

  padding: 4px;

  margin: 0px;

  border-top: 1px solid #666;

  border-left: 1px solid #666;

  border-right: 1px solid #FFF;

  border-bottom: 1px solid #FFF;

}

.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: italic;

  font-weight: bold;

  line-height: 12px;

}

img.wp-smiley {

  float: none;

  border: none;

  padding: 0px;

  margin: 0px;

}

/*** Search Form ***/

#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: #EEE;

  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 {

  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;

}

#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  {

  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;

}

/*** 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{

  color: #F0F0F0;

  font-family: DiMurphic;

}

h2{
  color: #101010;

  font-family: DiMurphic;

}

h3, h4, h5, h6 {

  color: #101010;

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

}

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

h2, h2 a, h2 a:visited{font-size:18px;border-bottom:1px solid #C8C8C8;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;}



div.pagination {

	padding:3px;

	margin:3px;

	text-align:left;

}



div.pagination a {

	padding: 2px 5px 2px 5px;

	margin-right: 2px;

	border: 1px solid #ddd;

	

	text-decoration: none; 

	color: #88AF3F;

}

div.pagination a:hover, div.pagination a:active {

	border:1px solid #85BD1E;

	color: #638425;

	background-color: #F1FFD6;

}

div.pagination span.current {

	padding: 2px 5px 2px 5px;

	margin-right: 2px;

	border: 1px solid #B2E05D;

	font-weight: bold;

	background-color: #B2E05D;

	color: #FFF;

}

div.pagination span.disabled {

	padding: 2px 5px 2px 5px;

	margin-right: 2px;

	border: 1px solid #f3f3f3;

	color: #ccc;

}