/*
Theme Name: supername
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;
  padding-bottom: 80px;
  font-size: 11pt;
  font-family: Geneva, arial, sans-serif;  
  text-align: center;
  color:#000;
  background: url("images/bg.gif") repeat-x #badde0;
}
* {
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
}
.alignleft {
  float: left;
}
.alignright {
  float: right;
}
.wp-caption {
  padding: 5px;
  margin-right: 10px;
  text-align: center;
  border: 1px solid #ddd;
  background-color: #eee;
}
.wp-caption img {
  border: 1px solid #ddd;
}
.wp-caption p {
  color: #333;
  text-align: center;
}
/*-- =============================== Main divs (content, header, footer) ================================ --*/

#wrapper {
  width:940px;
  padding-bottom: 20px;
  margin:0 auto;
  margin-bottom: 0;
  float:none;
  clear:both;
  text-align: left;
  display: inline-block;
  border-left: 1px solid #9dbec1;
  border-right: 1px solid #9dbec1;
  background: #fff;
}

.marginauto {
  width: 942px;
  margin: 0 auto;
}
/*-- ============== Footer ================== --*/

#footer {
  width: 922px;
  height: 97px;
  padding-top: 10px;
  padding-left: 20px;
  margin: 0 auto;
  margin-top: -3px;
  font-size: 12px;
  overflow:hidden;
  clear:both;
  float:none;
  text-align:left;
  color: #939393;
  background: url("images/footer.gif") no-repeat;
}
#footer a {
  color: #939393;
  font-weight: bold;
}


.clear { clear: both; }
/*-- ============================================ Header ================================================ --*/

.banner {
  width: 100%;
  height: 136px;
  padding: 0;
  color: #667b7d;
  display: inline-block;
  font-family: georgia, "Times New Roman", serif;
  margin: 0;
}

.loginwrap {
  float: right;
}

.subscribe {
  width: 134px;
  height: 36px;
  display: block;
  float: right;
  background: url("images/rss.gif") no-repeat;
}
.headerspacer {
  width: 2px;
  height: 42px;
  float: left;
  background: url("images/logospacer.gif") no-repeat;
}
#searchform2 {
  width: 241px;
  height: 42px;
  margin: 0;
  padding: 0;
  float: left;
}
#searchform2 #s2{
  width: 175px;
  height: 18px;
  padding: 9px;
  margin: 0;
  float: left;
  font-weight: normal;
  border: none;
  color: #fff;
  background: url("images/searchbar.gif") no-repeat;
}
#searchsubmit2 {
  width: 48px;
  height: 36px;
  padding: 0;
  margin: 0;
  float: left;
  border: none;
  cursor: pointer;
  background: url("images/searchgo.gif") no-repeat;
}
.topbars {
  display: inline-block;
  float: right;
  width: 600px;
  height: 42px;
  padding: 0;
  margin: 0;  
  padding-top: 95px;
  font-size: 12px;
  font-weight: bold;
  font-family: tahoma, helvetica, arial;
}

.topheader {
  width: 100%;
  height: 41px;
  padding-top: 4px;
  background: url("images/topbarbg.gif") repeat-x;
}
.logowrap {
  display: inline-block;
  float: left;
  padding-top: 90px;
}
.logo {
  display: inline;
}
.logo a{
  height: 32px;
  padding-top: 6px;
  color: #667b7d;
  font-family: georgia, "Times New Roman", serif;
}
.slogan {
  height: 23px;
  margin-left: 10px;
  padding-top: 19px;
  padding-left: 20px;
  font-size: 13px;
  color: #809c9f;
  display: inline-block;
  background: url("images/logospacer.gif") no-repeat top left;
  
}

/*-- topbar button disabled(not selected) --*/
.topnav .page_item {padding: 0; margin: 0; margin-right: 15px; text-align: center; float: right;}
.topnav .page_item a{width: 88px; height: 25px; padding-top: 11px; display: inline-block; color: #fff; background: url("images/topbar.gif") no-repeat;}
.topnav .page_item a:hover{text-decoration:none; color: #3a3a3a; background: url("images/topbarhover.gif") no-repeat;}
/*-- topbar button enabled(selected) --*/
.topnav .current_page_item {padding: 0; margin: 0; margin-right: 15px; text-align: center; float: right;}
.topnav .current_page_item a{width: 88px; height: 25px; padding-top: 11px; display: inline-block; color: #3a3a3a; background: url("images/topbarhover.gif") no-repeat;}
.topnav .current_page_item a:hover{text-decoration:none; background: url("images/topbarhover.gif") no-repeat;}
/*-- topbar HOME disabled(not selected) --*/
.home-item {padding: 0; margin: 0; text-align: center; float: right;}
.home-item a{width: 88px; height: 25px; padding-top: 11px; display: inline-block; color: #fff; background: url("images/topbar.gif") no-repeat;}
.home-item a:hover{text-decoration:none; color: #3a3a3a;  background: url("images/topbarhover.gif") no-repeat;}
/*-- topbar HOME button enabled --*/
.home-current-item {padding: 0; margin: 0; text-align: center; float: right; }
.home-current-item a{width: 88px; height: 25px; padding-top: 11px; display: inline-block; color: #3a3a3a; background: url("images/topbarhover.gif") no-repeat;}
.home-current-item a:hover{text-decoration:none; background: url("images/topbarhover.gif") no-repeat;}

/*-- ============================================== Sidebar ============================================= --*/

.sidebar-wrap {
  width: 246px;
  padding: 0;
  margin:0 auto;
  overflow:hidden;
  float:left;
  clear:none;
}
.sidebar {
  width:100%;
  clear:none;
}

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

.widget {
  width: 222px;
  padding: 20px 12px 20px 12px;
  color: white;
  background: url("images/widgetbg.gif") repeat-y;
}
.widgettop {
  width: 246px;
  height: 5px;
  margin-top: 15px;
  clear: both;
  background: url("images/widgettop.gif") no-repeat;
}
.widgetbottom {
  width: 246px;
  height: 7px;
    clear: both;
  background: url("images/widgetbottom.gif") no-repeat;
}
.widget a {
  color: #757556;

}
.widget li {
  padding: 0;
  margin: 0;
  font-size: 13px;
  background-color: #f1f1f1;
}
.widget li a{
  width: 202px;
  height: 29px;
  padding: 15px 0 0 20px;
  margin: 1px 0 0 0;
  display: block;
  color: #444;
  background-color: #f1f1f1;
}
.widget li a:hover{
  color: #999;
  text-decoration:none;
}
.textwidget {
  padding: 10px;
  color: #444;
  line-height: 21px;
  background-color: #f1f1f1;
}
.widgettitle {
  width: 202px;
  height: 30px;
  text-indent: 5px;
  font-family:"Lucida Sans Unicode", "Trebuchet MS", arial;
  font-size: 17px;
  font-weight: bold;
  color: #666;
  display: block;
}

#searchform {
  margin: 0;
  padding: 0;
}
#searchform #s{
  width: 146px;
  height: 18px;
  padding: 5px;
  margin: 0;
  float: left;
  color: #333;
}
#searchsubmit {
  width: 55px;
  height: 30px;
  padding: 0;
  margin: 0;
  cursor: pointer;  
}

#calendar_wrap {
  text-align: center;
}
#wp-calendar {  
  width: 90%;
  font-size: 12px;
  margin: 5px auto;
  color: #202325;
  text-align: center;
  border-collapse: collapse;
  background: #e6e5e5;
}
#wp-calendar caption {
  font-weight: 600;
  margin-top: 7px;
  background: #F1F1F1;
  padding: 5px 0px;
}
#wp-calendar th {
  text-align: center; 
  padding: 5px 3px; 
  border-bottom: solid 1px #F1F1F1;
}
#wp-calendar td {
  padding: 3px;
  text-align:center;
}
#wp-calendar td a {
    color: #667b7d;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
}
#wp-calendar td a:hover {
	color: #000;
}

/*-- AJAX SIDEBAR --*/
#tags {
  height: 20px;
  padding: 10px 15px 0 15px;
  margin: 0;
  background-image: none;
  background-color: transparent;
}
#recentposts {
  height: 20px;
  padding: 10px 15px 0 15px;
  margin: 0;
  float: left;
  background-image: none;
  background-color: #fff;
}
#recentcomments {
  height: 20px;
  padding: 10px 15px 0 15px;
  margin: 0;
  float: left;
  background-image: none;
  background-color: transparent;
}
.widget-titles li {
  color: #333;
  cursor: pointer;
  display: inline-block;
}
.widget-titles {
  padding: 0;
  margin: 0;
}
.ajax-widget-title {
  padding: 0;
  margin: 0;
  font-size: 11px;
  display: inline-block;
  border: none;
}
.ajax-widget-title-selected {
  background-image: none;
  background-color: #efefd2;
}
.tagcloud li {
  padding: 10px;
}
.tagcloud li a{
  margin: 0;
  padding: 0;
  display: inline;
  background-image: none;
}
.tagcloud li a:hover{
  background-image: none;
}


.recentcomments li{
  background-color: #f1f1f1;
  font-size: 11px;
}
.recentcomments li a{
  width: 202px;
  height: 29px;
  padding: 15px 0 0 20px;
  margin: 1px 0 0 0;
  display: block;
  color: #333;
  background-image: none;
}
.recentcomments li a:hover{
  background-image: none;
}
.recentcomments  li a span{
  color: #555;
}

/*-- ==================================== Entry title/header/footer ================================== --*/
.archive-title {
  width: 90%;
  height: 23px;
  padding-top: 7px;
  padding-left: 20px;
  margin-bottom: 20px;
  font-size:15px;
  color: #db9e4d;
  border-bottom: 1px solid #DEDEDE;
}

#page .entry-title {
  height: 34px;
  color: #d5f1ff;
  letter-spacing:-1px;
  font-size:22px;
  display: inline-block;
  background: url("images/titlebg.gif") repeat-x;
}
.entry-title {
  float: left;
}
.entry-title a{
  height: 30px;
  padding-top: 4px;
  font-size: 22px;
  letter-spacing:-1px;
  color: #d5f1ff;
  display: inline-block;
  background: url("images/titlebg.gif") repeat-x;
}
.entry-title a:hover {
  text-decoration:none;
  color: #fff;
}
.entry-title-left {
  width: 10px;
  height: 34px;
  float: left;
  background: url("images/titleleft.gif") no-repeat;
}
.entry-title-right {
  width: 8px;
  height: 34px;
  float: left;
  background: url("images/titleright.gif") no-repeat;
}
.headermetaleft {
  width: 7px;
  height: 37px;
  float: left;
  display: block;
  background: url("images/metaleft.gif") no-repeat;
}
.headermetaright {
  width: 5px;
  height: 37px;
  float: left;
  display: block;
  background: url("images/metaright.gif") no-repeat;
}
.entryheadermeta {
  height: 32px;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  display: inline-block;
  background: url("images/metabg.gif") repeat-x;
}
.entryheadermeta a{
  font-size: 13px;
  font-weight: bold;
  display: inline-block;
  color: #595959;
}

.entryheadermeta a:hover{
  color: #000;
}
.headermetacategory {
  float: left;
  font-size: 13px;
  font-weight: bold;
  color: #595959;
  padding-top: 4px;
}
.headermetacomments {
  float: left;
  padding-top: 4px;
}
.metaspacer {
  width: 2px;
  height: 26px;
  margin-left: 10px;
  margin-right: 10px;
  float: left;
  background: url("images/metaspacer.gif") no-repeat;
}
.entry-metadata {
  color: #444;
  font-size: 12px;
}
.entry-metadata span{
  color: #444;
  font-size: 12px;
  float: left;
}
.entry-metadata a{
  color: #333;
  font-weight: bold;
}
/*-- Date button --*/
.post-date{
  width: 59px;
  margin-top: 10px;
  height: 55px;
  float: right;
  margin: 0 0 0 10px;
  text-align: center;
}
.post-date .day{
  height: 26px;
  font-size: 24px;
  font-family: helvetica, verdana, arial;
  font-weight: bold;
  color: #333;
}
.post-date .month{
  font-size: 14px;
  font-family: helvetica, verdana, arial;
  font-weight: bold;
  color: #db9e4d;
}
/*-- Comments meta --*/
.comments-link {
  font-weight: bold;
  color: #777;
}

/*-- Entry meta/single page --*/
.entry-meta { 
  width: 100%;
  height: 14px;
  padding: 4px 10px 4px 10px;
  font-size: 13px;
  color: #222222;
}
.entry-meta a{
  color: #a2c66f;
}
.entry-meta a:hover{
  color: #c6de72;
}
#entry-meta-single {
  height: 70px;
}
/*-- Navigation --*/
.navigation {
  width: 100%;
  padding-top: 50px;
  clear: both;
  color: #fff;
}
.navigation a{
  padding: 6px;
  font-size: 12px;
  color: #fff;
  background: #7fb4cd;
}
.navigation a:hover{
  text-decoration: underline;
}
.nav-prev {
  width: 48%;
  text-align: left;
  float: left;
}
.nav-next {
  width: 48%;
  text-align: right;
  float: right;
	
}

/*-- ============================================== Post ============================================= --*/
.contenttop {
  width: 942px;
  height: 7px;
  margin: 0 auto;
  background: url("images/contenttop.gif") no-repeat;
}
.posts-wrap {
  width: 630px;
  padding: 20px;
  text-align: justified;
  margin: 0;
  float:left;
  clear:none;
  background: url("images/contentleft.gif") no-repeat top left #fff;
}

.post {
  margin-bottom: 50px;
}
.entry-content {
  padding-bottom: 15px;
  padding-top: 6px;
  font-size: 13px;
  color: #222;
  text-align: left;
  clear: both;
  line-height:25px;
}
.readmore {
  width: 102px;
  height: 37px;
  margin-left: 10px;
  float: left;
  display: block;
  background: url("images/readmore.gif") no-repeat;
}


/*-- ============================================== Comments and Gravatar ============================================ --*/
li.comment{
  margin: 0;
  padding: 15px;
  font-size: 13px;
  color: #333;
  clear: both;
  float: right;
  background-color: #ededed;
}
.pingback{
  margin: 0;
  padding: 15px;
  font-size: 13px;
  color: #333;
  clear: both;
  float: right;
  background-color: #ededed;
}
.pingback a{
   margin-left: 5px;
   color: #333;
   font-style:normal;
}
.trackback{
  margin: 0;
  padding: 15px;
  font-size: 13px;
  color: #333;
  clear: both;
  float: right;
  background-color: #ededed;
}
.trackback a{
   margin-left: 5px;
   color: #333;
   font-style:normal;
}

#respond {
  clear: both;
  float: none;
  color: #333;
}
#respond a{
  font-size: 13px;
  font-weight: bold;
}
#cancel-comment-reply{
  padding-top: 15px;
  padding-bottom: 15px;
  float: right;
}
#cancel-comment-reply a{
  padding: 8px;
  color: #fff;
  background-color: #333;
}
li.depth-1{
  width: 95%;
}
li.depth-2{
  width: 90%;
}
li.depth-3{
  width: 80%;
}
li.depth-4{
  width: 70%;
}
li.depth-5{
  width: 60%;
}
li.depth-6{
  width: 50%;
}

li.comment p{
  padding-top: 15px;
  padding-bottom: 20px;
  clear: both;
}
li.comment a{
  color: #000;
}

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

/*-- Gravatar --*/
img.avatar {  
  text-align: center;
  margin-right: 10px;
}
.gravatar-wrap {
  padding: 0;
  margin: 0;
  color: #333;
  font-weight: bold;
  font-size: 13px;
  float: left;
}
.gravatar-wrap a{
  color: #333;
  font-weight: bold;
  font-size: 13px;
}
.meta-comment {
  color: #333;
}
div .meta-comment a{
  color: #333;
}

/*-- Comment form  --*/
#respond {
  border-top: 1px dashed #BDBDBD;
}
textarea#comment {
  padding: 20px;
  margin-top: 20px;
  overflow:auto; 
  color: #000;
  border: 1px solid #DEDEDE;
  background-color: #FFF;
}
#commentform input {
  padding: 5px;
  background-color: #FFF;
  border: 1px solid #DEDEDE;
  float: left;
  color: #000;
}
#commentform label {
  color: #444;
  font-size: 12px;
  padding-top: 10px;
  padding-left: 5px;
}
#commentform p {
  clear: both;
}
#commentform a {
  color: #555;
}
#commentform div {
  padding-top: 7px;
  clear: both;
}

/*-- ================================================== Elements ====================================== --*/

blockquote {
  padding-left: 5px;
  margin: 20px;
  font-style: oblique;
  color: #777;
}
pre {
  overflow: auto;
}

h1,h2,h3,h4,h5,h6 {margin:0;padding:0; font-weight:normal; }
.entry-content h1 {font-size: 180%; color: #999; border-bottom: 1px solid #D4D7DA; margin-bottom: 5px;}
.entry-content h2 {font-size: 160%; color: #BCBFA7; 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 #D9D9D9;}
.entry-content th {background-color: #E9E9E9; padding: 5px;}
.entry-content td {border-top:1px solid #D9D9D9; padding: 5px;}

.hr {
  width: 511px;
  margin: 0 auto;
  height: 27px;
  border: 0;
  background: url("images/hr.gif") no-repeat;
  color: transparent
}

.entry-content a {color: #777}
.entry-content small{color: #777}


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

.preload {
  width: 0px;
  height: 0px;
  display:inline;
  background-image: url("images/widgethover.gif");
}
.additional-meta {
  font-size: xx-small;
}

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

h2#comments{
  margin:20px auto 10px;
  font-size: 22px;
  color: #777;
}
h3#comments{
  margin:20px auto 10px;
  font-size: 18px;
  color: #777;
}
.block-1 {
  float:right;
}
#search {
  width: 95%;
  height: 23px;
  padding-top: 7px;
  padding-left: 20px;
  margin-bottom: 20px;
  font-size:15px;
  color: #666;  
  border-bottom: 1px solid #DEDEDE;
  background-color: #EBEBEB;
}
#searchnone {
  margin-left: 100px;
  margin-top: 30px;
}
.searchnothingfound {
  margin-left: 165px;
  margin-top: 50px;
}
#pings {
  margin:20px auto 10px;
  font-size: 22px;
  color: #777;
}
.trackback {
  width: 85%;
  padding: 30px;
  font-size: 13px;
  color: #555555;
  float: right;
  background-color: #F0F0F0;  
}
.trackback a{
  color: #999;
}

/* 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; }