/*
Theme Name: Side Out
Author: Larry Judd Oliver - Tradesouthwest
Description: Sideout is a wide HTML5, CSS3 fluid grid layout theme with option to show posts in two columns or just one column wide. Vertical menu with transitions. In total theme is a four column with navigation on left, content splits into one or two column; then right sidebar is very wide, making it perfect for ads or social media APIs. Two widget areas in footer. Theme Features= Blog page posts display as 1 or 2 columns; Add social links, phone numbers and company info to footer; Removed home page title and metadata; Set background color of right sidebar and footer; Replace footer credits. Comment form button toggles off by default. Theme will work fine on mobile devices and tablets. Built using Gridiculous, a responsive grid boilerplate that takes you all the way from 1200px on down to 320px. Menu is a mobile ready menu.
Author URI: http://tradesouthwest.com
Theme URI: http://tradesouthwest.com/sideout/
Copyright: 2014 - Tradesouthwest
Version: 0.9
Tags: light, custom-header, custom-background, fluid-layout, editor-style, translation-ready
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Additional Licenses in readme.txt file
*/

/* =Normalize 
-------------------------------------------------------------- */
article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block} audio:not([controls]){display:none;height:0}[hidden]{display:none}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0}
a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:0.67em 0}
abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre-wrap}
q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}
figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
p {position: relative; margin-bottom: .725em;}

/* =clearfix */
.row:before,.row:after,.clearfix:before,.clearfix:after{content:'';display:table}
.row:after,.clearfix:after{clear:both}
.row,.clearfix{zoom:1}


/* =Gridiculous 
-------------------------------------------------------------- */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
body {
    font-size:   100%;
    line-height: 1.2; 
    color:       #4a4f4c; 
    font-family: sans-serif, "Open-sans", "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial; 
    padding:     0; 
}
.grid{margin:0 auto;max-width:1200px;width:100%;}
img{max-width:100%;height:auto;display:block;margin-left:auto;margin-right:auto}
.wfull{width:100%;max-width:100%}
.w320{max-width:320px}
.w640{max-width:640px}
.w960{max-width:960px}
.row{width:100%;margin-bottom:20px}
.row .row{width:auto;margin:0 -20px}
.c1{width:8.33%}
.c2{width:16.66%}
.c3{width:25%}
.c4{width:33.33%}
.c5{width:41.66%}
.c6{width:50%;}
.c7{width:58.33%}
.c8{width:66.66%}
.c9{width:75%}
.c10{width:83.33%}
.c11{width:91.66%}
.c12{width:100%}
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{min-height:1px;float:left;padding-left:20px;padding-right:10px;position:relative}
.s1{margin-left:8.33%}
.s2{margin-left:16.66%}
.s3{margin-left:25%}
.s4{margin-left:33.33%}
.s5{margin-left:41.66%}
.s6{margin-left:50%}
.s7{margin-left:58.33%}
.s8{margin-left:66.66%}
.s9{margin-left:75%}
.s10{margin-left:83.33%}
.s11{margin-left:91.66%}
.end{float:right!important;}
.breaker {clear: both;width: 100%;height: 1px;display: block;}

/* =main inside structure 
-------------------------------------------------------- */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.screen-reader-text {
    position: absolute !important;
    left: -999em;
}
#site-container {
    position: relative;
    width: 83.3752%;
    left: -1em;
    top: 0;
    display: inline-block;
    padding-left: 1em;
}
#side-out {
/* side out of grid -!- */
    postion: absolute;
    left: 0;
    top: -1em;
    min-height: 539px;
    height: 101vh;
    width: 16.3895%;
    float: left;
    background: #2c3c3c;
}
.top-side {
    min-height: 99px;
    background: #2c3d3c;
    padding-left: 1em;
    border-bottom: 1px dotted #484848;
    width: 95%;
    margin: 0 auto;
}
#right-side {
    height: 100vh;
    height: 100%;
    overflow-y: visible;
    padding-bottom: .825em;
}
#site-header {
    background: #fafafa;
    background-image: linear-gradient(to bottom, rgba(255,255,255, .1), rgba(190,200,205, .8) );
}
.site-title {
    font-size: 24px;
}
.site-title a {
    color: #4a4f5c;
    text-shadow: 0 1px 1px #9c9d9c;
    text-decoration: none;
    border-bottom: 2px dotted #ccc;
}
h2.site-description {
    color: #fafafa;
    font-size: 97.5%;
    width: 95%;
    margin: 19px auto 9px auto;
}
#branding {
    position: relative;
    left: 0;
}
figure.logo,
#branding {
    position: relative;
    top: 0;
}
/* =posts
--------------------------------------------------------- */
.entry-title,
.meta-header,
.entry {
    word-wrap: break-word;
}
.sticky {}
.bypostauthor p {
    color: #045;
    font-style:italic;
}

.entry-content {
    position: relative;
    left: 0;
    overflow: hidden;
    background: #fafafa;
    border-top: 1px solid #fafafa;

box-shadow:         3px 3px 4px 0px rgba(70, 70, 70, .5), -1px -1px 3px 0px rgba(170, 170, 170, .4);
    padding: 0 9px 5px 9px;
    margin: 0 0 12px 0;
}
.entry-content .entry-content {
    background: #ffffff;
    box-shadow: 0px 0px 0px transparent;
    padding-top: .582em;
    background-image: none;
}

body.home .c6 .entry-content {
    background: #ffffff;
    background-image: linear-gradient(to bottom, rgba(255,255,255, .7), rgba(180,185,190, .4) );
}
ul.onetwo {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.onetwo img {

}
ul.onetwo li {
    position: relative;
    padding-top: 0;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
    
    width: 47.2585%;
    margin: .625em;
}
@media screen 
    and (max-width: 1068px) {
        ul.onetwo li {
        width: 98.8992%;
        margin: 3px;
        display: block;
    }
}
ul.onetwo:after {
    content: "";
    clear: both;
    width: 100%;
    height: 2px;
    background: #ddd;
    display: table;
}
ul.onetwo li:last-child {
    margin-bottom: 1em;
}
.onetwo li:nth-child(even) {
    float: left
}
.onetwo li:nth-child(odd) {
    float: right;
}
.entry {
    color: #222222;
}
.meta-header {
/* header for posts */
    width: 100%;
    margin: 0;
    position: relative;
    left: 0;
    line-height: 1;
    background: #ffffff;
    padding-top: 1px;
    padding-left: 5px;
    padding-bottom: -9px;
    border-bottom: 2px dotted #ccc;
}
.meta-header .entry-title a {
    color: #0a3a3a;
    text-decoration: none;
    padding: 1px 2px;
}
.meta-header h1.entry-title {
/* h1 elmnt in post header */
    font-size: 20px;
    font-weight: 700;
}
.more-link,
.page-link,
.post-edit-link,
a[rel="tag"],
.tag-link a,
.cat-link a,
.entry-date {
    color: #456;
    font-weight: 400;
    text-decoration: none;
}
.more-link,
.page-link,
.post-edit-link,
.tag-link,
.cat-link,
.entry-date {
    font-size: .725em;
    line-height: 1;
}
.more-link,
.entry-date a,
.comment-reply-link,
#single-post-header .entry-date a {
    text-decoration: none;
    background: rgba(50, 50, 50, .7);
    border: 1px solid #567;
    border-radius: 5px;
    position: relative;
    padding: 3px 4px;
    margin-bottom: 5px;
    color: #fff;
}
.more-link,
.comment-reply-link {
    background: rgba(150, 150, 150, .7);
}
#single-post-header {
    background: #fff;
    min-height: 1.3em;
    padding-top: .222em;
    margin: 0 auto;
}
#single-post-header h1.entry-title a {
    font-size: 20px;
    color: #777777;
}
#single-post-header h1.entry-title {
    text-align: center;
}
/* =custom widgets and widget parts 
--------------------------------------------------------------------------- */
.widget {
    position: relative;
    margin-top: 1em;
    left: -.285em;
    background: rgba( 255, 255, 255, .8);
    padding: .422em;
}
.widget ul li {
    position: relative;
    padding-left: 0;
    left: -1.322em;
    word-wrap: break-word;
}
#right-side .widget ul { 
    list-style: none;
    position: realtive;
    left: 0;
}
#right-side .widget li:before {
    content: "\25E6";
    position: relative;
    left: -5px;
    color: #345;
}
#right-side .widget ul a {
    color: #456;
    font-weight: 400;
    text-decoration: none;
}
#right-side .meta-header h4 {
/* widget title */
    line-height: 1;
    font-weight: 600;
    padding: 0;
    margin: 9px 3px;
}
#right-side .widget .meta-header {
    min-height: 1em;
    position: relative;
    padding: 3px 1px 3px 1px;
    margin-left: 4px;
    margin-bottom: .45em;
}
/* =footer parts 
----------------------------------------------------------- */
#social-block {
    width: 97%;
    margin: 0 auto 0 1.582%;
    list-style: none;
    background: rgba(255, 255, 255, .9);
    padding: 1em;
}
#social-block li {
    line-height: 2.484;
    display: block;
    position: relative;
    margin: 1px 0 3px 0;
    min-height: 32px;
    color: #222;
    font-size: 85%;
}
#social-block img {
    float: left;
    width: 28px;
    height: 28px;
    margin-right: 9px;
}
#social-block li span {
    min-height: 32px;
    margin-top: 5px;
    margin-bottom: -9px; 
    margin-left: .528em;
}
#social-block li a {
    font-size: 72%;
    text-decoration: none;
    color: #036;
}
.social-widget-area {

    display: block;
    margin-top: 1em;
    background: rgba(255, 255, 255, .7);
    position: relative;
    left: -1.2895em;
    padding: .444em 0 .9582em 0;
    border-left:   1px solid #bbb;
    border-right:  1px solid #bbb;
    border-top:    1px solid #ddd;
    border-bottom:1px dotted #bbb;
}
.social-widget-area .widget-title {
    font-size: 1.038em;
    line-height: 1.75;
    width: 97%;
    margin: .5em auto 0 auto;
    background: rgba(255, 255, 255, .8);
    border-bottom: 2px dotted #ccc;
    padding-top: .4em;
    padding-left: .825em;
}
.site-footer {
    width: 100%;
    margin-bottom: 0;
    padding-bottom: .5em;
}
.site-footer .c4 {
    margin-left: 0;
    padding-left: 0;
}
#second,
#third {
    position:         relative;
    min-height:       1.333em;
    margin:           0 auto;
    margin-top:       1em;
    background:       rgba(255, 255, 255, .8);
    border-left:    1px solid #bbb;
    border-right:   1px solid #bbb;
    border-top:     1px solid #ddd;
    border-bottom: 1px dotted #bbb;
}
.site-footer #second {
    width:            98%;
    margin-left:      -1.722%;
    margin-right:     auto;
    color: #111;
}
.sideout-list {
    position:        relative;
    margin-left:     -1.825em;
}
.sideout-list a {
    color:           #456;
    font-weight:     400;
    text-decoration: none;
}
#second .widget h4,
#third .widget h4 {
    width:           100%;
    margin:          0 0 5px -5px;
    position:        relative;
    left:            0;
    line-height:     .875em;
    background:      #ffffff;
    padding-top:     1px;
    padding-left:    5px;
    padding-bottom:  9px;
    border-bottom:   2px dotted #ccc;
}
#credits {
    position:        relative;
    min-height:      1.333em;
    margin-top:      1em;
    background:      rgba( 255, 255, 255, .3);
    padding-top:     1px;
    line-height:     1.2;
}
#credits span {
    color: #000;
    text-shadow: 0 .5px .5px #fff;
}
.copyright {
    position: relative;
    width: 22%;
    margin: 0 auto;
    font-size:       85%;
    background:      rgba( 255, 255, 255, .3);
}
.copyright a {
    text-decoration: none;
    color:           #3b3b3b;
}
.top-button {
    font-size:       2em;
    background:      #e5e9e8;
    border-left:     2px solid #bbb;
    border-right:    2px solid #bbb;
    text-align:      center;
    float:           right;
    position: relative;
    right: 12px;
}
.top-button a {
    width:           1.5em;
    display:         block;
    margin:          0 auto 0 3px;
    background:      #fff;
    color:           #37a;
}

/* =menu
-------------------------------------------------------------- */
#access {
  padding: 0;
  margin: 0;
  border: 0;
  line-height: 1;
}
#access ul,
#access ul li,
#access ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#access ul {
  position: relative;
  z-index: 597;
  float: left;
}
#access ul li {
  float: left;
  min-height: 1px;
  line-height: 1em;
  vertical-align: middle;
  position: relative;
}
#access ul li.hover,
#access ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
#access ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0px;
  z-index: 598;
  width: 100%;
}
#access ul ul li {
  float: none;
}
#access ul ul ul {
  top: 2px;
  right: 0;
}
#access ul li:hover > ul {
  visibility: visible;
}
#access ul ul {
  top: 1px;
  left: 99%;
}
#access ul li {
  float: none;
}
#access ul ul {
  margin-top: 1px;
}
#access ul ul li {
  font-weight: normal;
}
#access {
    width:            200px;
    width:            16.015vw;
    background:       #333333;
    zoom:             1;
    font-size:        12px;
}
#access:before {
    content:          '';
    display:          block;
}
#access:after {
    content:          '';
    display:          table;
    clear:            both;
}
#access a {
    display:          block;
    padding:          15px 20px;
    color:            #ffffff;
    text-decoration:  none;
    text-transform:   uppercase;
  -webkit-transition: background-color 300ms linear;
     -moz-transition: background-color 300ms linear;
       -o-transition: background-color 300ms linear;
      -ms-transition: background-color 300ms linear;
          transition: background-color 300ms linear;
}
#access > ul {
  width: 200px;
}
#access ul ul {
  width: 200px;
}
#access > ul > li > a {
  border-right: 4px solid #1b9bff;
  color: #ffffff;
}
#access > ul > li > a:hover {
  color: #ffffff;
}
#access ul li:hover,
#access > ul > li.active a {
  background: #1b9bff;
}
#access > ul > li a:hover,
#access > ul > li:hover a {
  background: #1b9bff;
}
#access li {
  position: relative;
  background: #333333;
  border-bottom: thin dotted #455;
}
#access ul li.menu-item-has-children > a:after {
  content: '\002B';
  color: #cfd;
  position: absolute;
  top: 50%;
  right: 4px;
  margin-top: -6px;
  background: rgba(100,150,120, .5);
  border: .5px solid #7a9a8a;
  border-radius: 999px;
  padding: 0 .5px 0 1px;
  letter-spacing: .5px;
  line-height: 1;
}
#access ul ul li:first-child {
  border-radius: 0 3px 0 0;
}
#access ul ul li:last-child {
  border-radius: 0 0 3px 0;
  border-bottom: 0;
}
#access ul ul {
  border-radius: 0 3px 3px 0;
}
#access ul ul {
  border: 0px solid #000000;
}
#access ul ul a {
  font-size: 12px;
  color: #ffffff;
}
#access ul ul a:hover {
  color: #ffffff;
}
#access ul ul li {
  border-bottom: 0px solid #000000;
}
#access ul ul li:hover > a {
  background: #4eb1ff;
  color: #ffffff;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
    color: #7cf;
    font-weight: 700;
}
.pagination {
    width:          98%;
    margin:         0 auto;
    position:       relative;
    left:           0; 
    background:     #f4f4f4;
    padding-left:   1.33em;
    font-size:      92.5%;
    border-bottom:  1px solid #bbb;
    text-align:     center;
    color:          #044;
}
.pagination a {
    color:           #044;
    text-decoration: none;
    background-color: #afc7c9;
    border-radius: 3px;
    cursor: pointer;
    padding: 3px;
}
.pagination b {
    color: #044;
}
.pagination span {}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}
.navigation li {
    display: inline;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled,
.navigation p a {
    background-color: #afc7c9;
    border-radius: 3px;
    cursor: pointer;
    padding: 9px;
}
.navigation li a:hover,
.navigation li.active a {
    background-color: #8cada5;
}
#navigation {
    display: block;
    width: 100%;
    position:relative;
    height: 52px;
    overflow: hidden;
    background: #f8f8f8;
}
#navigation:before {
    content: "";
    clear:both;
}
/* comments 
----------------------------------------------- */
#comments > * {
    font-size:          87.5%
}
#comments ol {
    list-style:         inside decimal;
}
#comments p {
    color:              #333;
    width:              95%;
    margin-bottom:      .875em;
}
.comment-body ul {
    list-style:         inside;
    clear:              both;
}
li.comment {
    background:         #f7f7f7;
    width:              95%;
    padding-left:       4.515%;
}
.comment-form-author label:after,
.comment-form-email label:after {
    content: "\002A";
    color: green;
}
.comment-body ul li,
.comment-body ul li ul {
    margin-left: 0.612em;
}
.comment-body:after {
    content: " ";
    width: 95%;
    margin: 7px 0;
    display: block;
    height: 3px;
    border-bottom: 1px dotted #ddd;
    clear:both;
}
.comment-meta {
    color: #777;
    padding: 5px 0;
}
.comment-meta a {
    color: #7a8a9f;
    text-decoration: none;
    margin: 7px 4px;
    font-weight:        normal;
}
.comment-meta a:hover {
    color: royalblue;
}
#respond {
    background: #fafdfd;
    color: #245;
    padding-left: 16px;
}
.responses {}
h3#reply-title {
    color: transparent;
}
h3#reply-title.comment-reply-title:before {
    content: "Comment on This Post";
    position:relative;
    left: 0;
    font-size:       small;
    color:           #568;
    margin-left:     5px;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 3s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

#commentform input[type="text"], #commentform textarea {
    font-family: Arial, Sans-Serif;
    font-size: 15px;
    padding: 4px;
    border: solid 1px #85b1de;
    border-radius: 4px;
}

#respond form textarea {
    height: 100px;
}
.comment-author.vcard {
    border-top: thin solid #fafafa;
    background: #fcfcfc;
    padding: 5px;
    box-shadow: 0 1px 1px #bbb;
    width: 95%;
}
#commentform {
    position: relative;
    padding: 0 5px;
}

#commentform p {
    margin: 3px 0;
}

#commentform label {
    min-width: 124px;
    width: auto;
    max-width: 124px;
    border-bottom: thin dotted #999;
    display: inline-block;
}
.form-allowed-tags,
.form-allowed-tags code {
    font-size: 73%;
    color: #577791;
}
/* =images
-------------------------------------------------------- */
img {
    max-width: 100%
}
.entry-content img {
    margin: 0 0 1.5em 0;
    max-width: 98.8992%;
}
.entry img,
.entry-content img,
img[class*="align"],
img[class*="wp-image-"],
div[class*="attachment_"] {
    height: auto; /* Make sure images height and width attributes are scaled reasonable */
    max-width: 98.333%;
    margin: 3px 11px;
}
.attachment-post-thumbnail {
    max-height: 320px;
    width: auto;
}
.alignnone, img.alignnone, .alignnone img {
    max-width: 99.899%;
    margin: 0 auto; /* mini reset */
}
.entry .size-large,
.entry .size-medium,
.entry .size-thumbnail {
    margin: 3px 11px;
}
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}
.entry-content div:last-child { /* this is my clearing floats hack */
    clear: both;
    margin: 0;
}
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter,
div.aligncenter { display: block; margin: 5px auto 5px auto; }

.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }

a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.wp-smiley {
     margin: 0 !important;
    max-height: 1em;
}

/* =wordpress core elements
------------------------------------------------------------- */
/* tag-cloud widget */ 
.tagcloud a { 
    display: inline-block;
    margin: .5px;
    line-height: 1.62;
    height: 1.6em;
    font-size: 10pt !important;
    color: #049; 
    text-decoration: none;
    background-color: #bfd7d9;
    border-radius: 3px;
    cursor: pointer;
    padding: 1px;
    overflow: hidden;
} 
/* text widget */ 
.textwidget {} .widget_text {} .textwidget p {}
/* calendar widget */
#calendar_wrap td {padding: 1px 2px; text-align: center;} 
#wp-calendar tr td {
    border-bottom: thin dotted #ddd;
    border-right: thin dotted #ddd;
} #wp-calendar 
caption {} #wp-calendar #today {background: #ade; border-radius: 3px;} #wp-calendar #prev {} #wp-calendar #next {} #wp-calendar #next a {} #wp-calendar #prev a {}
#wp-calendar {
    padding: 1px 2px;
    color: #444;
    font-size: 15px;
    box-shadow: 0 1px 5px rgba(0,80,90,0.5);
}
#wp-calendar a {    color: #467b89 }
 
blockquote {
    background:        #f3f3f3; 
    color:             #495f55;
    border-left:       4px solid #bbb;
    font-family:       "DejaVu Serif", serif;
    font-style:        italic;
    padding:           .5em;
    padding-left:      0;
}
blockquote p {
    position:          relative;
    left:              1.33em;
    width:             90%;
    margin:            0 auto;
    word-wrap:         break-word;
}
blockquote.left {
    margin-right: 20px;
    text-align: right;
    margin-left: 0;
    width: 33%;
    float: left;
}
blockquote.right {
    margin-left: 20px;
    text-align: left;
    margin-right: 0;
    width: 33%;
    float: right;
}
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption { 
    color: #000; 
    font-weight: 300; 
    width: 91%; 
    background: rgba( 150, 250, 250, 0.7); 
    margin-right: 7px; 
    padding: 0 3px; 
}
.wp-smiley {
    margin: 0 !important;
    max-height: 1em;
}

/* =Media query for 960 Screens - sets nested grids to 100%
-------------------------------------------------------------- */
@media only screen and (max-width:960px){
.row .row .c1,.row .row .c2,.row .row .c3,.row .row .c4,.row .row .c5,.row .row .c6,.row .row .c7,.row .row .c8,.row .row .c9,.row .row .c10,.row .row .c11,.row .row .c12{width:100%;margin-bottom:20px}
.row .row > div:last-child{margin-bottom:0 !important}
}

/* =Media query for iPad and tablets
-------------------------------------------------------------- */
@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){
body{font-size:90%}
.row{margin-bottom:0!important}
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{width:100%;margin-right:0;margin-left:0;margin-bottom:20px}
}
/*
  =added on ver 0.6 Mobile Nav
============================================================== */

/** Menu in mobile-view */
@media only screen and (max-width: 859px) {
    /** Button styling */
    .menu-button {
        display:block;
        width:50px;
        height:45px;
        padding:10px 10px 0px 10px;
        background-color:#000;
position: relative;
left: 1em;
cursor: pointer;
    }
    .menu-button span {
        display:block;
        width:100%;
        height:5px;
        margin-bottom:4px;
        background-color:#fff;
    }

    /** Titlebar */
    .menu-titlebar {
        -webkit-box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.2);
        box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.2);
    }
}

nav#mobile-nav, nav#nav-switch{ background: #222; text-align: left; width: 100%; color: #fff; } 
nav#mobile-nav a{ text-decoration: none; color: inherit; display: block; width: auto; height: 30px; text-align: center; }  
nav#mobile-nav a:hover{ color: #ddd; }
#mobile-nav ul { list-style: none; margin: 0; padding:0; }
#mobile-nav ul li:hover{ background: rgba(0,0,0,0.1); }  
#mobile-nav ul li:hover a{ color: #adadad; }


nav#mobile-nav ul{ margin-left: 5px; }	
#mobile-nav #nav-switch{ cursor: pointer; }
			
@media only screen and (min-width:860px){ 
	nav#mobile-nav{ display: none !important; } 
}  
@media only screen and (max-width: 859px){ 
	nav#access{ display: none; } 
	nav#nav-switch{ display: block; } 
#mobile-nav:after { content:""; clear: both; }
}