/* Main Settings */
body {font-family:'Saira Condensed', Helvetica, Arial, Verdana, sans-serif;}
form {display: inline;}
/* -------------------------------------------------------------- */

/* HTML 5 Reset - Makes older browsers recognise them as block elements. */
article, aside, figure, footer, header, hgroup, nav, section { display: block; margin: 0; padding: 0; }

/* Template settings */
/*.noPrint{}
.header {margin: 0; padding: 0;}
.banner {height: 100px; margin: 0; padding: 0; font-size: 25pt; line-height: 100px;}
.content {margin: 0 0 10px 0; padding: 0; background-color: #fff;}
.footer {margin: 0; padding: 0; height: 30px; color: #B5B5B5; font-size: 0.8em; text-transform: uppercase;}*/
.smartBlogLeft {width: 78%;float:left;}
.smartBlogLeft h1 {font-size: 2em;margin: 1.5em 0 0 0;}
.smartBlogRight {width: 20%;float:right;padding-top:50px;}
.payload {padding-top:25px;padding-bottom:40px;; vertical-align: top;}
/* -------------------------------------------------------------- */

/* General settings */
.showTxt {visibility: visible;}
.hideTxt {visibility: hidden; display: none;}

/*h1 {font-size: 16pt; font-weight: bold; margin: 10px 0 0 0; padding: 0;}
h2 {font-size: 14pt; font-weight: bold; margin: 0; padding: 0;}
h3 {font-size: 12pt; font-weight: bold; margin: 0; padding: 0;}
h4 {font-size: 10pt; font-weight: bold; margin: 0; padding: 0;}
h5 {font-size: 10pt; font-weight: bold; margin: 0; padding: 0;}*/
/* -------------------------------------------------------------- */

/* Search */
.smartBlogRight > form > #smartSearchInput {width: 70%; margin: 0 5% 20px 0; padding: 0;float:left;}
.smartBlogRight > form > #smartSearchButton {padding:13px 15px;border-radius:3px; margin: 0 0 20px 0; background:#96bd23;border:none;}

/* General Smart Blog Settings */
.smartTopBorder {margin-top: 20px;}
.smartSubTitle {font-size: 16pt; border-bottom: 1px solid #CCC; width: 100%; clear: both; display: block; color: #000;}

/* Posts & Listing */
#postPageBody {margin: 0 0 20px 0;}
.postList {margin: 20px 0 ;}
.post {padding: 20px 20px 30px;background: #FFF;border: 1px solid rgba(0,0,0,.09);border-radius: 3px;margin: 1.5rem 0;}
.post:last-of-type {border-bottom: none;}
.post > p {margin: 0 0 15px 0;}
.post img {width:100%!important;height:auto!important;}

/* Tag Settings */
.tag-1 {font-size: 1.0em;}
.tag-2 {font-size: 1.1em;}
.tag-3 {font-size: 1.3em;}
.tag-4 {font-size: 1.4em;}
.tag-5 {font-size: 1.5em;}
.tag-6 {font-size: 1.6em;}
.tag-7 {font-size: 1.7em;}
.tag-8 {font-size: 1.8em;}
.tag-9 {font-size: 1.9em;}

/* Archive */
.smartArchive {list-style: none; margin: 0; padding: 0;}
.smartArchive ul {list-style: none; margin: 0 0 0 15px; padding: 0;}
.smartArchive li {margin: 0 0 5px 0;}

/* Link settings */
a {text-decoration: none; font-weight: normal;}
a:hover {text-decoration: underline; }
a img {border: none;}

.banner > a {color: #000;}

.footer a {}
.footer a:hover {}
/* -------------------------------------------------------------- */

/* Miscellaneous settings */
.copyright {color:#5B5B5B; font-size: 0.85em;}
.pagingBar {width: 694px; background-color: #DDD; padding: 5px 10px 5px 10px;}
.date {float: right; color: #AAA; font-size: 0.8em;}
/* -------------------------------------------------------------- */

/* Comment Form */
.commentFormTable {}
.commentFormTable input[type="text"] {margin: 10px 0;padding: 16px 1%;width: 98%;height: 15px;border: none;background-color: #FFF;color: #666;border: 1px solid rgba(0,0,0,.1);}
.commentFormTable input[type="submit"] {margin: 0; padding: 14px 10px; background-color: #96BD23 ; color: #FFF; border: 0;border-radius: 3px;}
.commentFormTable input[type="submit"]:hover {color: #FFF; cursor: pointer;}
.commentFormTable input[type="button"] {margin: 0; padding: 5px 10px; background-color: #96BD23 ; color: #FFF; border: 0; display:none;}
.commentFormTable input[type="button"]:hover {color: #FFF; cursor: pointer;}
.commentFormTable label {color: #666;}
.commentFormTable textArea {background-color: #FFF; margin: 10px 0; padding: 16px 1%; width: 100%; height: 200px; color: #666; }
.commentFormTable td {padding-right: 15px;}
.commentFormTable .captcha {margin: 0 5px 0 -35px !important; width: 190px !important;}
.commentFormTable .buttonsArea {text-align: right;}

/* Comment */
#commentsContainer {position: relative; float: left; width: 98%;margin-bottom:25px;}
.comment {float:left; width: 100%; height: auto; margin: 0 0 20px 0; clear: both;}
.commentInner {float: left;}
.commentName {float:left; width: 100%; font-style:italic; font-weight: bold; margin: 0 0 5px 0;}
.commentComment {float:left; width: 100%;font-style:italic;letter-spacing: .035em;word-spacing: .035em;}
.commentDate {float:left; width: 100%; font-size: 12px;margin-top:14px;}
/* -------------------------------------------------------------- */

/* Breadcrumb */
ul.breadcrumb {display: block; float: left; width: 710px; margin: 0; padding: 0; color: #222; font-size: 0.8em;  list-style: none;}
ul.breadcrumb > li {display: block; float: left;  margin: 0; padding: 10px 0 0 3px;color:#222;}
ul.breadcrumb > li > a.bc {color: #222!important; text-decoration: underline;}
ul.breadcrumb > li > a.bc:hover {color: #222!important; text-decoration: none;}
ul.breadcrumb > li > span.bchighlight {color: #222!important;  font-weight: bold;}
.breadcrumb li a {color:#222!important;}
/* -------------------------------------------------------------- */

/* Pagination */
nav.pagination {
  display: block;
  float: right;
  width: auto;
  height: 35px;
  margin: 0;
  padding: 0;
  clear: both;
  overflow: hidden; }
  nav.pagination.top {
    margin: 10px 0 0 0; }
  nav.pagination > a, nav.pagination > span {
    display: block;
    float: left;
    margin: 0 4px;
    padding: 0 12px;
    font-size: 16px;
    line-height: 33px;
    font-weight: bold;
  border-radius:2px;}
  nav.pagination > span {
    color: #aaa;
    background-color: #EDEDED; }
  nav.pagination > span.pagePrev, nav.pagination > span.pageNext {
    }
  nav.pagination > a.pagePrev, nav.pagination > a.pageNext {
    }
  nav.pagination > span.pageCurrent {
    background-color: #6aabe2 ;
    color: #fff;
    }
  nav.pagination > .pageFirst, nav.pagination > .pageLast {
    font-style: italic; }
/* -------------------------------------------------------------- */

/* Validation */
.validation-summary-valid {display: none;}
.validation-summary-errors {color: #DD0000;}
.valid {}
.input-validation-error {color: #DD0000 !important;}
/* -------------------------------------------------------------- */

/* Clean up */
.blockClose {margin: 0; padding: 0; height: 0; clear: both;}
/* -------------------------------------------------------------- */

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

.smartBlogLeft .post h3 {
    font-size: 2.2em;
    line-height: 1.1;
    margin-bottom: 1em;
}