/*
Theme Name: mellow
Theme URI: http://www.themelayouts.com/
Description: Designed by <a href="http://www.themelayouts.com">ThemeLayouts</a>.<br> This work is licensed <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a> This means you may use it and make any changes you like. However, credit links must remain on footer for legal use.
Version: 1
Author: ThemeLayouts/DreamTemplate
Author URI: http://www.dreamtemplate.com/
*/

body {
  padding: 0;
  margin:0;
  font-size: 11pt;
  font-family: helvetica, arial, sans-serif;  
  text-align: center;
  color:#4c4032;
  background: #d2cdb8;
}
* {
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
}
.wp-caption {
  padding: 3px;
  margin-right: 10px;
  text-align: center;
  border: 1px solid #c5c3a8;
  float: left;
  background-color: #d0ceb8;
}
.wp-caption img {
  border: 1px solid #c5c3a8;
}
.wp-caption p {
  color: #333;
  font-size: 11px;
  text-align: center;
}
/*-- =============================== Main divs (content, header, footer) ================================ --*/

#wrapper {
  width:950px;
  margin:0 auto;
  margin-bottom: 40px;
  float:none;
  clear:both;
  text-align: left;
}

/* -- ============================== Banner =================================== --*/
.logo {
  width: 184px;
  height: 55px;
  float: left;
  padding-top: 30px;
}
.logo a {
  width: 184px;
  height: 55px;
  display: block;
  background: url("images/logo.gif") no-repeat;
}
.logo22 {
  width: 184px;
  height: 55px;
  float: left;
  padding-top: 30px;
}
.logo22 a {
  font-size: 22px;
  font-weight: bold;
  color: #909082;
}
.banner {
  width: 100%;
  height: 85px;
  background: url("images/bannerbg.gif") repeat-x;
}
.loginwrap {
  float: right;
  padding-right: 20px;
  padding-top: 10px;
}
.loginwrap a {
  width: 81px;
  height: 25px;
  margin-right: 10px;
  padding-top:8px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  display: block;
  float: left;
  color: #c0c0a8;
  background: url("images/login.gif") no-repeat;
}
.loginwrap a:hover {
  color: #4e4d42;
}
/*-- ============================================ Header ================================================ --*/

.topbars {
  width: 100%;
  height: 52px;
  font-size: 15px;
  font-weight: bold;
  font-family: tahoma, verdana, arial;
  clear: both;
  background: url("images/topbar-bg.gif") repeat-x;
}
.topbars2{
  width: 100%;
  height: 44px;
  font-size: 12px;
  font-weight: bold;
  font-family: tahoma, arial;
  clear: both;
  background: url("images/topbar-background.gif") repeat-x;
}

.marginauto {
  width: 950px;
  margin: 0 auto;
}

/*-- topbar button disabled(not selected) --*/
.topnav .page_item {padding: 0; margin: 0; text-align: center; float: left;}
.topnav .page_item a{width: 102px; height: 37px; padding-top:15px; display: block; color: #bfd4c4;}
.topnav .page_item a:hover{text-decoration:none; color: #b4ae95; background: url("images/topbar-hover.gif") no-repeat;}
/*-- topbar button enabled(selected) --*/
.topnav .current_page_item {padding: 0; margin: 0; text-align: center; float: left;}
.topnav .current_page_item a{width: 102px; height: 37px; padding-top:15px; display: block; color: #b4ae95; background: url("images/topbar-hover.gif") no-repeat;}
/*-- topbar HOME disabled(not selected) --*/
.home-item {padding: 0; margin: 0; text-align: center; float: left;}
.home-item a{width: 102px; height: 37px; padding-top:15px; display: block; color: #bfd4c4; }
.home-item a:hover{color: #b4ae95; background: url("images/topbar-hover.gif") no-repeat;}
/*-- topbar HOME button enabled --*/
.home-current-item {padding: 0; margin: 0; text-align: center; float: left;}
.home-current-item a{width: 102px; height: 37px; padding-top:15px; display: block; color: #b4ae95; background: url("images/topbar-hover.gif") no-repeat;}


/*-- ============================================= Showcase ============================================= --*/
.findoutmore {
  width: 97px;
  height: 31px;
  margin-top: 4px;
  display: block;
  background: url("images/readmore.gif") no-repeat;
}

.showcase {
  width: 100%;
  height: 195px;
  margin-bottom: 15px;
  font-size: 13px;
  text-align: justify;
  line-height:25px;
  overflow: hidden;
  color: #938973;
  background: #4c4032;
}
.showcase-search {
  width: 295px;
  padding-left: 30px;
  overflow: hidden;
  float: left;
  padding-top: 62px;
}
.featured-title {
  color: #bfbaa4;
  font-size: 15px;
  font-weight: bold;
  font-family: tahoma, verdana, arial;
}
.featured-post {
  width: 580px;
  padding: 10px;
}
#searchform2 {
  width: 272px;
  height: 39px;  
  padding: 9px;
  padding-top: 11px;
  background: url("images/searchbg2.gif") no-repeat;
}
#searchform2 #s2 {
  width: 169px;
  height: 18px;
  padding: 9px;
  float: left;
  border: none;
  color: #695b4a;
  margin-right: 5px;
  background: url("images/search-input2.gif") no-repeat;
}
#searchform2 #searchsubmit2 {
  width: 77px;
  height: 36px;
  float: left;
  border: none;
  cursor: pointer;
  background: url("images/search-button2.gif") no-repeat;
}

/*-- ============================================== Sidebar ============================================= --*/
.sidebar-wrap {
  width: 289px;
  padding: 0;
  padding-left: 30px;
  margin:0;
  overflow:hidden;
  float:left;
  clear:none;
}
.sidebar {
  width: 100%;
  padding: 0;
  margin: 0;
  clear:none;
}
/*-- ============================================== Post ============================================= --*/

.posts-wrap {
  width: 600px;
  padding-top: 0;
  margin: 0;
  float:left;
  clear:none;
}
.entry-content {
  width: 570px;
  padding: 15px;
  padding-top: 8px;
  font-size: 13px;
  clear: both;
  color: #615344;
  line-height:25px;
  text-align: justify;
  background-color: #e9e4d1;
}


/*-- ============================================ Widget =========================================== --*/

.widget {
  width: 289px;
  padding-bottom: 15px;
}
.widget li {
  width: 289px;
  height: 36px;
  border: none;
  margin: 0;
}
.widget li a{
  height: 26px;
  padding-top: 10px;
  text-indent: 39px;
  margin: 0;
  font-size: 12px;
  font-weight: bold;
  display: block;
  border: none;
  background: url("images/navbar-hover.gif") no-repeat;
}
.widget li a:hover{
  color: #54637a;
  text-decoration:none;
}
.widgettitle {
  width: 289px;
  height: 29px;
  padding-top: 8px;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  font-family: tahoma, verdana, arial;
  color: #5d5b4f;
  display: block;
  background: url("images/navbar-header.gif") no-repeat;
  
}
.widget-bg {
  width: 289px;
  padding-top: 0;
  padding-bottom: 0;
  border: none;
  background: url("images/widget-bg.gif") repeat-y;
}

.widget-bg a {
  color: #333;
}
.widget-bg a:hover {
  color: #578f96;
}
#recentcomments li a{
  color: #096e8b;
  background-image: none;
}
#recentcomments li a:hover{
  color: #199ec4;
}
#recentcomments li {
  color: #096e8b;
  background: none;
  background-image: none;
}
#recentcomments {
  padding: 10px;
}
#search2 .widget-bottom {
  background: none;
}
.widget_text .widget-bg-top {
  width: 289px;
  height: 13px;
  background: url("images/tag-top.gif") repeat-y;
}
.widget_text .widget-bg-bottom {
  width: 289px;
  height: 6px;
  background: url("images/tag-bottom.gif") repeat-y;
}
.widget_text .widget-bg {
  width: 249px;
  padding: 20px;
  color: #8F886B;
  line-height: 21px;
  background: url("images/tag-bg.gif") repeat-y;
}

#tag_cloud2 .widget-bg-top {
  width: 289px;
  height: 13px;
  background: url("images/tag-top.gif") repeat-y;
}
#tag_cloud2 .widget-bg-bottom {
  width: 289px;
  height: 6px;
  background: url("images/tag-bottom.gif") repeat-y;
}
#tag_cloud2 .widget-bg {
  color: #54637a;
  width: 249px;
  padding: 20px;
  background: url("images/tag-bg.gif") repeat-y;
}
#tag_cloud2 .widget-bg a{
  color: #54637a;
}
#tag_cloud2 .widget-bg a:hover{
  color: #199ec4;
}
.widget-bottom {
  width: 289px;
  height: 7px;
  background: url("images/widget-bottom.gif") no-repeat;
}

#searchform {
  width: 271px;
  height: 39px;  
  padding: 9px;
  padding-top: 11px;
  background: url("images/searchbg.gif") no-repeat;
}
#searchform #s {
  width: 169px;
  height: 18px;
  padding: 9px;
  float: left;
  border: none;
  color: #695b4a;
  margin-right: 5px;
  background: url("images/search-input.gif") no-repeat;
}
#searchform #searchsubmit {
  width: 77px;
  height: 36px;
  float: left;
  border: none;
  cursor: pointer;
  background: url("images/search-button.gif") no-repeat;
}
#calendar_wrap {
  text-align: center;
}
#wp-calendar {  
  width: 90%;
  font-size: 12px;
  margin: 5px auto;
  color: #202325;
  text-align: center;
  border-collapse: collapse;
}
#wp-calendar caption {
  font-weight: 600;
  margin-top: 7px;
  background: #d2cdbb;
  padding: 5px 0px;
}
#wp-calendar th {
  text-align: center; 
  padding: 5px 3px; 
  border-bottom: solid 1px #d5d2bd;
}
#wp-calendar td {
  padding: 3px;
  text-align:center;
}
#wp-calendar td a {
    color: #54637a;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}
#wp-calendar td a:hover {
	color: #000;
}


/*-- ==================================== Entry title/header/footer ================================== --*/
.category-image {
  width: 28px;
  height: 36px;
  display: block;
  float: left;
  background: url("images/category-bg.gif") no-repeat;
}
.archive-title {
  width: 100%;
  height: 23px;
  padding-top: 7px;
  padding-left: 20px;
  margin-bottom: 20px;
  font-size:15px;
  color: #8c8863;
  border-bottom: 1px solid #ada985;
  background-color: #bbb793;
}
.post-top {
  width: 600px;
  height: 6px;
  background: url("images/post-top.gif") no-repeat;
}
.post-bottom {
  width: 600px;
  height: 6px;
  margin-bottom: 15px;
  background: url("images/post-bottom.gif") no-repeat; 
}
.entry-header {
  height: 31px;
  margin-bottom: 8px;
  border-bottom: 1px solid #d2cdb8;
}
.entry-title{
  font-size: 18px;
  font-weight: bold;
  font-family: helvetica, arial;
  color: #54637a;
  margin-top: 5px;
  display: inline-block;
}
.entry-title:hover {
  text-decoration:none;
}
.entry-date {
  height: 22px;
  padding-left: 26px;
  font-size: 13px;
  color: #797564;
  display: inline-block;
  background: url("images/date-icon.gif") no-repeat left bottom;
}
.date-wrap {
  float: left;
}
.entry-comment a{
  height: 22px;
  font-size: 13px;
  color: #797564;
  padding-left: 26px;
  display: inline-block;
  background: url("images/comment-icon.gif") no-repeat left bottom;
}
.comment-wrap {
  float: right;
}
/*-- Tags (footer) --*/

/*-- Navigation --*/
.navigation {
  width: 100%;
  clear: both;
  padding-top: 10px;
  font-weight: bold;
  color: #59677D;
  display: inline-block;
}
.navigation a{
  color: #59677D;
}
.nav-prev {
  text-align: left;
  float: left;
}
.nav-next {
  text-align: right;
  float: right;
}

/*-- ============================================== Comments and Gravatar ============================================ --*/

.comment-topleft {
  width: 15px;
  height: 12px;
  float: left;
  background: url("images/comment-topl.gif") no-repeat;
}

.comment-topright {
  width: 13px;
  height: 12px;
  float: right;
  background: url("images/comment-topr.gif") no-repeat;
}
.comment-bottomleft {
  width: 16px;
  height: 13px;
  float: left;
  background: url("images/comment-bottoml.gif") no-repeat;
}
.comment-bottomright {
  width: 13px;
  height: 13px;
  float: right;
  background: url("images/comment-bottomr.gif") no-repeat;
}
.comment-bottombg {
  width: 100%;
  height: 13px;
  background: url("images/comment-bottombg.gif") repeat-x;
}
li.comment{
  margin: 0;
  font-size: 13px;
  color: #65634e;
  clear: both;
  float: right;
  text-align: justify;
  display: inline-block;
  background: url("images/comment-topbg.gif") repeat-x #c0baa4;
}
.pingback{
  margin: 0;
  padding: 15px;
  font-size: 13px;
  color: #333;
  clear: both;
  float: right;
  background-color: #c2be9a;
}
.pingback a{
   margin-left: 5px;
   color: #59677D;
   font-style:normal;
}
.trackback{
  margin: 0;
  padding: 15px;
  font-size: 13px;
  color: #333;
  clear: both;
  float: right;
  background-color: #c2be9a;
}
.trackback a{
   margin-left: 5px;
   color: #7F7C5F;
   font-style:normal;
}
.commentsection {
  margin-bottom: 40px;
}
#respond {
  clear: both;
  float: none;
  display: inline-block;
  color: #333;
}

#respond a{
  font-size: 13px;
  font-weight: bold;
}
#cancel-comment-reply{
  padding-bottom: 10px;
  float: right;
}
#cancel-comment-reply a{
  padding: 8px;
  color: #fff;
  background-color: #7F7C5F;
}
.comment-author {
  font-size: 16px;
  font-weight: bold;
  color: #2f8da7;
}
.commentpadding {
  padding: 15px;
}
.entrycomment {
  padding-left: 55px;
}
li.depth-1{
  width: 600px;
}
li.depth-2{
  width: 550px;
}
li.depth-3{
  width: 500px;
}
li.depth-4{
  width: 450px;
}
li.depth-5{
  width: 400px;
}
li.depth-6{
  width: 350px;
}

li.comment p{
  padding-top: 15px;
  padding-bottom: 20px;
  clear: both;
  line-height:22px;
}
li.comment a{
  color: #59677D;
}

.comments-meta{
  text-align: right;
}
.commentmetadata {
  font-size: 10px;
  float: right;
  color: #898779;
  margin-top: 10px;
}

/*-- Gravatar --*/
img.avatar {  
  text-align: center;
}
.gravatar-wrap {
  margin: 0;
  float: left;
}

.meta-comment {
  font-size: 11px;
  color: #898779;
}
.comment-author .url{
  font-size: 16px;
  font-weight: bold;
  color: #59677D;
}
.comment-author {
  font-size: 16px;
  font-weight: bold;
  color: #59677D;
}
div .meta-comment a {
  color: #59677D;
  font-size: 11px;
}
#leaveareply {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -1px;
  color: #59677D;
  display: inline-block;
  margin-bottom: 20px;
}


/*-- Comment form  --*/
.comment-notes {
  font-size: 16px;
  font-weight: bold;
  color: #7c795b;
}


textarea#comment {
  width: 466px;
  padding: 7px;
  margin: 0;
  overflow:auto;
  font-family: arial;
  color: #939282;
  border: none;
  background: url("images/input-bg.gif") repeat-y;
}
.textarea-top {
  width: 480px;
  height: 10px;
  padding: 0;
  margin: 0;
  margin-top: 20px;
  background: url("images/input-top.gif") no-repeat;
}
.textarea-bottom {
  width: 480px;
  height: 10px;
  padding: 0;
  margin: 0;
  background: url("images/input-bottom.gif") no-repeat;
}
#commentform input {
  width: 165px;
  height: 17px;
  padding: 7px;
  margin-top: -5px;
  float: left;
  color: #939282;
  border: none;
  background: url("images/input.gif") no-repeat;
}
#commentform {
  color: #7c795b;
}
#commentform label {
  color: #7c795b;
  font-size: 12px;
  padding-left: 5px;
}
#commentform p {
  clear: both;
}
#commentform a {
  color: #7c795b;
}
.divform {
  clear: both;
}
.divform label{
  color: #8d8b7b;
  font-weight: bold;
  font-size: 14px;
  padding-left: 5px;
}
.divform label span{
  color: #4c93a3; 
}

.submit-button #submit{
  width: 112px;
  height: 34px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  background: url("images/submit.gif") no-repeat;
}

/*-- ================================================== Elements ====================================== --*/
.button-bg {
  height: 21px;
  padding: 7px 20px 7px 20px;
  margin-bottom: 30px;
  color: white;
  float: left;
  background: url("images/bluebutton-bg.gif") repeat-x;
}
.button-left {
  width: 5px;
  height: 35px;
  float: left;
  background: url("images/bluebutton-left.gif") no-repeat;
}
.button-right {
  width: 4px;
  height: 35px;
  float: left;
  background: url("images/bluebutton-right.gif") no-repeat;
}
blockquote {
  padding: 10px;
  margin: 30px;  
  color: #555;
  font-style: oblique;
  border-left: 2px solid #555;
}
pre {
  overflow: auto;
}
hr {
  border: 0;
  margin-top: 15px;
  padding-bottom: 50px;
  width: 100%;
  background: url("images/hr-bg.gif") repeat-x transparent;
}

h1,h2,h3,h4,h5,h6 {margin:0;padding:0; font-weight:normal; }
.entry-content h1 {font-size: 180%; color: #999786; margin-bottom: 5px;}
.entry-content h2 {font-size: 160%; color: #999786; margin-bottom: 3px;}
.entry-content h3 {font-size: 140%;}
.entry-content h4 {font-size: 130%;}
.entry-content h5 {font-size: 120%;}
.entry-content h6 {font-size: 110%;}

.entry-content table {border:1px solid #dbd5c0;}
.entry-content th {background-color: #dbd5c0; padding: 5px;}
.entry-content td { border-top:1px solid #dbd5c0; padding: 5px;}

.entry-content small{color: #625342}


/*-- ================ Randoms ================= --*/

.preload img{
  width: 0px;
  height: 0px;
  display: none;
}
.additional-meta {
  font-size: xx-small;
}

ul {
  margin:0;
  padding:0;
}
li {
  list-style-type:none;
  padding:0;
}
.disc {
  list-style-type:disc;
}

h2#comments{
  font-size: 17px;
  font-weight: normal;
  color: #a09e8d;
  display: inline-block;
}
h2#comments span{
  font-weight: bold;
  color: #59677D;
}
h3#comments{
  font-size: 17px;
  color: #222;
  display: inline-block;
}
.block-1 {
  float:right;
}
#search {
  width:100%;
  margin-top: 30px;
  margin-bottom: 8px;
  font-weight: bold;
  font-size:15px;
  color: #5F5447;
  border-bottom: 1px solid #a29e8c;
}


/* lists inside posts */
.entry-content ul ol {margin-left:0;}
.entry-content ul li {margin-left:10px; list-style:disc; list-style-position:inside;}
.entry-content ul li ol {margin-left:10px;}
.entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside;}
.entry-content ol li li {margin-left:5px;}

/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */

ul.children {margin-left:10px;}
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback { margin: 10px auto;}
ul.commentlist, ul.pinglist {margin:10px 0; background: none;}
.required { margin-bottom: 10px;}
#comment-notes { margin-bottom: 10px; color: white;}

/* -- ALIGNMENTS --*/
img.alignright {float:right;clear:none;margin:0 0 1em 1em}
img.alignleft {float:left;clear:none;margin:0 1em 1em 0}
img.aligncenter {display: block; margin:1em auto; text-align:center}
img.alignnone {margin:0 0.5em 0 0;}
div.alignleft {float: left; }
div.alignright {float: right; }

/*-- ============== Footer ================== --*/

#footer {
  width: 100%;
  height: 244px;
  font-size: 12px;
  overflow:hidden;
  clear:both;
  float:none;
  color: #47564a;
  background: url("images/footerbg.gif") repeat-x;
}

.recentposts-footer {
  width: 231px;
  float: left;
}
.bgfooterbox{
  width: 215px;
  height: 150px;
  padding: 8px;
  padding-top: 20px;  
  display: block;
  background: url("images/footer-box.gif") no-repeat; 
}
.recentposts-footer li{
  width: 215px;
  height: 29px;
  color: #425346;
  display: block;
}
.recentposts-footer li a{
  width: 201px;
  height: 15px;
  padding: 7px;
  color: #425346;
  border-bottom: 1px dotted #425346;
  display: block;
}
.recentposts-footer li a:hover{
  color: #fff;
}

.recentcomments-footer {
  width: 231px;
  float: left;
  margin-left: 110px;
}
.recentcomments-footer li{
  width: 215px;
  height: 29px;
  color: #425346;
  display: block;
}
.recentcomments-footer li a{
  width: 201px;
  height: 15px;
  padding: 7px;
  color: #425346;
  border-bottom: 1px dotted #425346;
  display: block;
}
.recentcomments-footer li a:hover{
  color: #fff;
}

.recentcomments2 {
  padding: 0;
  margin: 0;
}
.recentcomments2 li{
  margin: 0;
}
.categories-footer {
  width: 231px;
  margin-left: 115px;
  float: left;
}
.categories-footer li{
  width: 215px;
  height: 29px;
  color: #425346;
  display: block;
}
.categories-footer li a{
  width: 201px;
  height: 15px;
  padding: 7px;
  color: #425346;
  border-bottom: 1px dotted #425346;
  display: block;
}
.categories-footer li a:hover{
  color: #fff;
}
.footer-bottom {
  width: 100%;
  height: 30px;
  clear: both;
  text-align:left;
  padding-top: 15px;
  font-size: 11px;
  color: #47564a;
  background: url("images/footerbottombg.gif") repeat-x;
}
.footer-bottom a{
  color: #47564a;
}