/*   
Theme Name: Ejhansel.com
Theme URI: http://ejhansel.com/
Description: A Thematic Child Theme for ejhansel.com
Author: Eric Hansel
Author URI: http://ejhansel.com
Template: thematic
Version: 1.0
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

.
The Thematic Theme is copyright Ian Stewart http://themeshaper.com/
The Storeatic Child Theme is copyright Eric J Hansel http://ejhansel.com/
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
.

*/





/* Reset =================================================== */
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}
/* Variables =================================================== */
/* Mixins =================================================== */
.clearfix {
    *zoom: 1;
}
.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
}
.clearfix:after {
    clear: both;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    position: static;
    clip: auto;
    height: auto;
    width: auto;
    margin: 0;
    overflow: visible;
}
/* Page =================================================== */
html {
    background: #ffffff;
    font-size: 62.5%;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: #f3f5f6;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: transparent;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5em;
    color: #5c5f63;
    text-rendering: optimizeLegibility;
}
/* Typography =================================================== */


@font-face {
    font-family: 'OpenSansRegular';
    src: url('library/fonts/OpenSans-Regular-webfont.eot');
    src: url('library/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('library/fonts/OpenSans-Regular-webfont.woff') format('woff'),
        url('library/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
        url('library/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('/library/fonts/OpenSans-Italic-webfont.eot');
    src: url('/library/fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
        url('/library/fonts/OpenSans-Italic-webfont.woff') format('woff'),
        url('/library/fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
        url('/library/fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('/library/fonts/OpenSans-Semibold-webfont.eot');
    src: url('/library/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
        url('/library/fonts/OpenSans-Semibold-webfont.woff') format('woff'),
        url('/library/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
        url('/library/fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*
@font-face {
    font-family: 'OpenSansLight';
    src: url('OpenSans-Light-webfont.eot');
    src: url('OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Light-webfont.woff') format('woff'),
         url('OpenSans-Light-webfont.ttf') format('truetype'),
         url('OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('OpenSans-LightItalic-webfont.eot');
    src: url('OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-LightItalic-webfont.woff') format('woff'),
         url('OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('OpenSans-SemiboldItalic-webfont.eot');
    src: url('OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('OpenSans-Bold-webfont.eot');
    src: url('OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Bold-webfont.woff') format('woff'),
         url('OpenSans-Bold-webfont.ttf') format('truetype'),
         url('OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('OpenSans-BoldItalic-webfont.eot');
    src: url('OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('OpenSans-ExtraBold-webfont.eot');
    src: url('OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

body {
    font-family: 'OpenSansRegular', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'OpenSansRegular', "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    color: inherit;
    text-rendering: optimizelegibility;
    clear: both;
}
h1 small,
h2 small {
    font-weight: normal;
    color: #bfbfbf;
}
h1,
.h1 {
    margin-bottom: 0.75em;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 2;
}
h2,
.h2 {
    margin-bottom: 0.75em;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.2;
}
h3,
.h3 {
    margin-bottom: 1em;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.3;
}
h4,
.h4 {
    margin-bottom: 1.5em;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25;
}
h5,
.h5 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 1.5em;
}
h6,
.h6 {
    margin-bottom: 1.5em;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.header h1,
.header h2,
.header h3 {
    float: left;
    margin-right: 24px;
}
.header h1 a,
.header h2 a,
.header h3 a {
    display: block;
    position: relative;
    top: 6px;
    float: right;
    padding: 4px 12px;
    font-size: 14px;
    font-size: 1.4rem;
    background-color: #f3f5f6;
}
.header h1:hover,
.header h2:hover,
.header h3:hover {
    background-color: #f3f5f6;
}
.header .a-rss,
.header .a-rss:hover {
    float: left;
    width: 16px;
    height: 16px;
    padding: 0;
    background: transparent url(../img/a-rss.png) no-repeat 0 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
p,
ol,
ul,
dl,
address {
    margin-bottom: 1.5em;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 2em;
}
p{
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;

}
small {
    font-size: 12px;
    font-size: 1.2rem;
}
ul,
ol {
    padding: 0 0 0 24px;
}
li ul,
li ol {
    margin: 0;
    font-size: 14px;
    font-size: 1.4rem;
}
blockquote {
    margin: 0 0 1.5em;
    padding-left: 24px;
    border-left: 1px solid #ccc;
    font-family: Cambria, Georgia, Times, "Times New Roman";
    font-style: normal;
}
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
cite {
    font-style: normal;
}
dl,
dd {
    margin-bottom: 1.5em;
}
dt {
    font-weight: bold;
}
.dl-horizontal dt {
    float: left;
    clear: left;
    width: 20.25%;
    text-align: right;
}
.dl-horizontal dd {
    margin-left: 22.78%;
}
abbr[title] {
    border-bottom: 1px dotted #c7ced6;
    cursor: help;
}
b,
strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
ins {
    background-color: #f3f5f6;
    color: #000000;
    text-decoration: none;
}
mark {
    background-color: #f3f5f6;
    color: #000000;
    font-style: italic;
    font-weight: bold;
}
pre,
code,
kbd,
samp {
    font-family: Monaco, Courier New, monospace;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5em;
}
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
sub,
sup {
    position: relative;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 0;
    vertical-align: baselineheight;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
/* Color =================================================== */
a {
    text-decoration: none;
    color: #013568;
}
a:visited {
    color: #000203;
}
a:hover {
    text-decoration: underline;
    color: #011b35;
}
a:focus {
    outline: thin dotted;
    color: #000000;
}
a:hover,
a:active {
    outline: 0;
}
::-moz-selection {
    background-color: #d6dbe1;
    color: #2d353e;
    text-shadow: none;
}
::selection {
    background-color: #d6dbe1;
    color: #2d353e;
    text-shadow: none;
}
/* Elements =================================================== */
hr {
    display: block;
    margin: 1em 0;
    padding: 0;
    height: 1px;
    border: 0;
    border-top: 1px solid #c7ced6;
    border-bottom: 1px solid #ffffff;
}
img {
    max-width: 100%;
    border-width: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin-bottom: 1.5em;
}
figure img, .entry-content figure img.full-width, .entry-content figure img.size-full {
    border: none;
    margin-bottom: 0.375em;
}
figure figcaption {
    display: block;
    font-weight: normal;
    font-size: 11px;
    font-size: 1.1rem;
    color: #808080;
}
.list-bordered {
    list-style-type: none;
    margin: 0 0 1.5em 0;
    padding: 0;
}
.list-bordered li {
    margin-bottom: 0.375em;
    padding-bottom: 0.375em;
    border-bottom: 1px dashed #c7ced6;
}
.list-bordered li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom-width: 0;
}
/* Forms =================================================== */
form {
    margin: 0 0 1.5em 0;
}
form fieldset {
    margin-bottom: 1.5em;
    padding: 0;
    border-width: 0;
}
form legend {
    display: block;
    width: 100%;
    margin-bottom: 3em;
    *margin-left: -7px;
    padding: 0;
    color: #000000;
    border: 0;
    border-bottom: 1px solid #000;
    white-space: normal;
}
form legend small {
    font-size: 14px;
    font-size: 1.4rem;
    color: #bfbfbf;
}
form p {
    margin-bottom: 0.75em;
}
form ul {
    list-style-type: none;
    margin: 0 0 1.5em 0;
    padding: 0;
}
label,
input,
button,
select,
textarea {
    font-size: 14px;
    font-size: 1.4rem;
    vertical-align: baseline;
    *vertical-align: middle;
}
input,
button,
select,
textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
label {
    display: inline-block;
    margin-bottom: 0.1875em;
    font-weight: bold;
    color: #000000;
    cursor: pointer;
}
label input,
label textarea,
label select {
    display: block;
}
input,
textarea,
select {
    display: inline-block;
    padding: 4px;
    margin-bottom: 0.375em;
    background-color: #ffffff;
    border: 1px solid #ccc;
    color: #000000;
}
input:hover,
textarea:hover,
select:hover {
    border-color: #777;
}
.input-mini {
    width: 60px;
}
.input-small {
    width: 90px;
}
input[type="image"],
input[type="checkbox"],
input[type="radio"] {
    width: auto;
    height: auto;
    padding: 0;
    margin: 3px 0;
    *margin-top: 0;
    line-height: normal;
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0 \9;
}
input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    *width: 13px;
    *height: 13px;
}
input[type="image"] {
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
input[type="file"] {
    width: auto;
    padding: initial;
    line-height: initial;
    border: initial;
    background-color: transparent;
    background-color: initial;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
    width: auto;
    height: auto;
    cursor: pointer;
    *overflow: visible;
}
select,
input[type="file"] {
    height: 28px;
    *margin-top: 4px;
    line-height: 28px;
}
select {
    width: auto;
    background-color: #ffffff;
    font-size: 13px;
    font-size: 1.3rem;
}
select[multiple],
select[size] {
    height: auto;
}
textarea {
    resize: vertical;
    overflow: auto;
    height: auto;
    overflow: auto;
    vertical-align: top;
}
input[type="hidden"] {
    display: none;
}
.radio,
.checkbox {
    padding-left: 18px;
    font-weight: normal;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
    float: left;
    margin-left: -18px;
}
.radio.inline,
.checkbox.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle;
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
    margin-left: 10px;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    cursor: not-allowed;
}
input:focus,
textarea:focus {
    border-color: #000;
    outline: 0;
    outline: thin dotted \9;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
::-webkit-input-placeholder {
    font-size: 14px;
    font-size: 1.4rem;
}
input:-moz-placeholder {
    font-size: 14px;
    font-size: 1.4rem;
}
.help-block,
.help-inline {
    color: #808080;
}
.help-block {
    display: block;
    margin-bottom: 0.75em;
}
.help-inline {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
}
.form-inline input,
.form-inline textarea,
.form-inline select {
    display: inline-block;
    margin-bottom: 0;
}
.form-inline label {
    display: inline-block;
}
.form-inline .radio,
.form-inline .checkbox,
.form-inline .radio {
    padding-left: 0;
    margin-bottom: 0;
    vertical-align: middle;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
    float: left;
    margin-left: 0;
    margin-right: 3px;
}
.form-search input,
.form-search textarea,
.form-search select {
    display: inline-block;
    margin-bottom: 0;
}
.form-search .search-query {
    padding-left: 14px;
    padding-right: 14px;
    margin-bottom: 0;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
}
.form-search label {
    display: inline-block;
}
.form-search .radio,
.form-search .checkbox,
.form-inline .radio {
    padding-left: 0;
    margin-bottom: 0;
    vertical-align: middle;
}
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"] {
    float: left;
    margin-left: 0;
    margin-right: 3px;
}
/* Tables =================================================== */
table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1.5em;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: transparent;
}
table th,
table td {
    padding: 8px;
    vertical-align: top;
    border-top: 1px solid #000;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5em;
    text-align: left;
}
table th {
    font-weight: bold;
}
table thead th {
    vertical-align: bottom;
}
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
    border-top: 0;
}
table tbody + tbody {
    border-top: 2px solid #000;
}
table tbody tr td,
table tbody tr th {
    -webkit-transition: background-color 0.25s 0 linear;
    -moz-transition: background-color 0.25s 0 linear;
    -ms-transition: background-color 0.25s 0 linear;
    -o-transition: background-color 0.25s 0 linear;
    transition: background-color 0.25s 0 linear;
}
table tbody tr:hover td,
table tbody tr:hover th {
    background-color: #ccc;
}
.table-condensed th,
.table-condensed td {
    padding: 4px 5px;
}
.table-bordered {
    border: 1px solid #000;
    border-left: 0;
    border-collapse: separate;
    *border-collapse: collapsed;
}
.table-bordered th,
.table-bordered td {
    border-left: 1px solid #000;
}
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
    border-top: 0;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
    background-color: #c7ced6;
}

/* =Search Above Header
-------------------------------------------------------------- */
#searchAbove{
    clear: both;
}
#searchAbove form{
    margin: 0;
}
#searchAbove #s{
    border: none;
    color: #666;
    width: 100%;
    text-indent: 12px;
    padding: 10px 0;
    margin: 0;
}
#searchAbove #searchsubmit{
    display: none;
}

/* =Header
-------------------------------------------------------------- */
#headerWrapper{
    background: #efefef;
}
#header {
    padding: 5% 10%;
    z-index:2;
}
#branding {
    text-align: left;
    float: left;
}
#blog-title {
    margin: 0;
}
#blog-title a {
    color:#000;
    font-weight: bold;
    text-decoration:none;
}
#blog-title a:active,
#blog-title a:hover {
    color: #FF4B33;
}
#blog-description {
    color:#666;
    font-size:13px;
    font-size: 1.3rem;
    font-style:italic;
    font-weight: normal;
    line-height: 1.3;
    margin: 0 0 1.5em;
    text-align: left;
}

/* =Menu
-------------------------------------------------------------- */

.skip-link {
  position: absolute; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  height: 1px; width: 1px; 
  margin: -1px; padding: 0; border: 0;
}
#access {
    clear: both;
    font-size:13px;
    font-size: 1.3rem;
    margin: 0 0 12px;
    overflow:visible;
    z-index:100;
    *zoom: 1;
}
#access:before,
#access:after {
    display: table;
    content: "";
}
#access:after {
    clear: both;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin:0;
    padding:0;
    list-style:none;
}
.sf-menu {
    line-height:1.0;
    width: 100%;
}
.sf-menu ul {
    position:absolute;
    top:-999em;
    width:100%; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
    width:100%;
}
.sf-menu li:hover {
    visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    float:left;
    position:relative;
}
.sf-menu a {
    display:block;
    position:relative;
    font-size:14px;
    font-size: 1.4rem;
    line-height: 16px;
    line-height: 1.6rem;
    width: 100%;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul{
    position: relative;
    left:auto;
    top:auto; /* match top ul list item height */
    z-index:99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    position: absolute;
    top:-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    position: relative;
    left:auto;
    top:auto; /* match top ul list item height */
    z-index:99;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top:-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    position: relative;
    left:auto;
    top:auto; /* match top ul list item height */
    z-index:99;
}

/*** THEMATIC SKIN ***/
.sf-menu {
    float:left;
    margin-left:1px;
}
.sf-menu a {
    padding:9px 12px 10px 0;
    text-decoration:none;
}
.sf-menu .current-menu-item a,
.sf-menu .current-menu-parent a,
.sf-menu .current-menu-ancestor a,
.sf-menu .current-post-ancestor a,
.sf-menu .current_page_item a,
.sf-menu .current_page_ancestor a,
.sf-menu .current_page_parent a {
    border-bottom-color:#fff;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color:#666;
}
.sf-menu li li {
    background:#fafafa;
}
.sf-menu li li a{
    margin: 5px 12px;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    outline: 0;
}
.sf-menu ul ul {
    margin-top:0;
}
.sf-menu ul a {
    border-bottom:none;
}
.sf-menu ul a:hover {
    color: #FF4B33;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul{
    position: absolute;
    left:0;
    top:32px; /* match top ul list item height */
    z-index:99;
    width: 200px;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    position: absolute;
    top:-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    position: absolute;
    left:200px;
    top:0;
    z-index:99;
    width: 200px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top:-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    position: absolute;
    left:200px;
    top:0;
    z-index:99;
    width: 200px;
}
/* =Content
-------------------------------------------------------------- */

#main {
    width: 80%;
    clear: both;
    padding: 5% 10%;
}

.page-title {
    padding:0 0 44px 0;
}
.attachment .page-title {
    font-style:italic;
    display: block;
}
.page-title a {
    color:#666;
    text-decoration:none;
}
.page-title a:active,
.page-title a:hover {
    color: #FF4B33;
}
.page-title span {
    font-style:italic;
}
.page-title .meta-nav {
    font-style:normal;
}
.hentry {
    padding:0 0 22px 0;
}
.single .hentry {
    padding:0;
}
/* Uncomment after testing /////////////////////////////////////////////////////
.home #content .sticky {
    border:1px solid #ccc;
    margin:0 0 24px 0;
    padding:22px 20px 0 20px;
}
///////////////////////////////////////////////////////////////////////////// */
.entry-title {
    margin: 0;
}
.entry-title a {
    color:#000;
    text-decoration:none;
}
.entry-title a:active,
.entry-title a:hover {
    color: #FF4B33;
}
.entry-meta {
    color:#666;
    font-size:13px;
    font-size: 1.3rem;
    font-style:italic;
    line-height:18px;
}
.entry-meta .author {
}
.entry-meta .n, .entry-meta .nickname {
    font-size:11px;
    font-size: 1.1rem;
    font-style:normal;
    letter-spacing:0.05em;
    text-transform:uppercase;
}
.entry-meta a {
    color:#666;
    text-decoration:none;
}
.entry-meta a:active,
.entry-meta a:hover {
    color: #FF4B33;
}
.entry-meta abbr {
    border:none;
    cursor:text;
    font-size:11px;
    font-size: 1.1rem;
    font-style:normal;
    letter-spacing:0.05em;
    text-transform:uppercase;
}
.entry-content {
    padding:22px 0 0 0;
}
.entry-content h1,
.entry-content h2 {
    font-size:19px;
    font-size: 1.9rem;
    font-weight:bold;
    padding:28px 0 14px 0;
}
.entry-content h3 {
    font-size:17px;
    font-size: 1.7rem;
    font-style:italic;
    padding:28px 0 14px 0;
}
.entry-content h4 {
    font-size:11px;
    font-size: 1.1rem;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:0.05em;
}
.entry-content table {
    margin-left:1px;
}
.entry-content embed {
    margin:0 0 22px 0;
}
.entry-utility {
    clear:both;
    color:#666;
    font-size:13px;
    font-size: 1.3rem;
    line-height:18px;
    margin:0 0 44px 0;
}
.entry-utility a {
    color:#666;
    font-style:italic;
    text-decoration:none;
}
.entry-utility a:active,
.entry-utility a:hover {
    color: #FF4B33;
}
.page .edit-link {
    clear:both;
    display:block;
}
.page-link {
    clear:both;
    font-size:13px;
    font-size: 1.3rem;
    font-weight:bold;
    line-height:18px;
    margin:0 0 22px 0;
    padding:22px 0 0 0;
    word-spacing:0.5em;
}
.page-link a {
    border:1px solid #ccc;
    color:#666;
    font-weight:normal;
    padding:0.5em 1em;
    text-decoration:none;
}
.page-link a:active,
.page-link a:hover {
    color: #FF4B33;
}
ul#links-page,
ul#archives-page {
    list-style:none;
    margin-left:0;
    overflow:hidden;
}
li.content-column {
    float:left;
    margin-right:20px;
    width:45%;
}
#author-info {
    margin:0 0 44px 0;
    overflow:hidden;
}
#author-info .avatar {
    float:left;
    margin:.3em 1em 0 0;
}
.entry-content figure br{
    display: none;
}

/* =Attachments
-------------------------------------------------------------- */

.attachment-jpeg #container,
.attachment-png #container {
    width:100%;
}
.attachment-jpeg #content,
.attachment-png #content {
}
.attachment-jpeg #comments,
.attachment-png #comments {
    overflow:hidden;
}
.attachment-jpeg .main-aside,
.attachment-png .main-aside {
    display:none;    
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
    color:#666;
    font-size:13px;
    font-size: 1.3rem;
    line-height:18px;
    margin:0px 0 22px 0;
    overflow:hidden;
}
.navigation a {
    color:#666;
    font-style:italic;
    text-decoration:none;
}
.navigation a:active,
.navigation a:hover {
    color: #FF4B33;
}
.navigation .meta-nav {
    font-style:normal;
}
.nav-previous {
    float: left;
    width:50%;
}
.nav-next {
    float: right;
    width:50%;
    text-align:right;
}
#nav-above,#nav-below {
    width: 100%;
}
#nav-above {
    display:none;
}
.paged #nav-above {
    display:none;
    padding:0 0 44px 0;
}
.single .page-link{
    margin-top: 48px;
    margin-bottom: 72px;
}

/* =Comments
-------------------------------------------------------------- */

#comments {
    clear:both;
    padding:22px 0 0 0;
}
#comments,
#comments input,
#comments textarea {
    font-size:13px;
    font-size: 1.3rem;
    line-height:18px;
}
#comments code {
    font-size:12px;
    font-size: 1.2rem;
    line-height:18px;
}
#comments h3 {
    font-size:15px;
    font-size: 1.5rem;
    font-weight:bold;
    line-height:22px;
    padding:0 0 18px 0;
}
#comments-list {
    border-bottom:none;
    margin:0 0 18px;
}
#comments-list h3 {
    padding-bottom: 0;
}
#comments-list,
#comments-list ul {
    list-style:none;
    padding: 0;
}
#comments-list ul,
#comments-list ol {
    padding: 5%;
}
#comments-list ul ul,
#comments-list ol ol,
#comments-list ul ul ul,
#comments-list ol ol ol {

}
#comments-list .comment {
    background:#fafafa;
    padding:0 1.5em 0 0;
    position:relative;
}
#comments-list li.alt {
    background:#fff;
}
#comments-list li.bypostauthor {
    /*background:#FFFFCC;*/
}
#comments-list ul .comment {
    margin:0 0 18px 0;
    width: 100%;
}
#comments-list li .avatar {
    position:absolute;
    top:0;
    left:0;
    width:36px;
    height:36px;
}
#comments-list .comment-author {
    font-weight:bold;
    padding:0 0 0 46px;
}
#comments-list .comment-meta {
    color:#666;
    font-size:11px;
    font-size: 1.1rem;
    padding:0 0 9px 46px;
}
#comments-list .comment-meta a {
    color:#666;
    font-style:italic;
    text-decoration:none;
}
#comments-list .comment-meta a:active,
#comments-list .comment-meta a:hover {
    color: #FF4B33;
}
.comment-reply-link {
    font-size:11px;
    font-size: 1.1rem;
    padding:0 0 18px 0;
    text-align:right;
}
.comment-reply-link a {
    color:#666;
    font-style:italic;
    text-decoration:none;
}
.comment-reply-link a:active,
.comment-reply-link a:hover {
    color: #FF4B33;
}
.comment-navigation {
    font-weight:bold;
    padding: 18px 0 24px;
    margin-right:0.5em;
}
.comment-navigation a {
    border:1px solid #ccc;
    color:#666;
    font-weight:normal;
    padding:0.5em 0.75em;
    text-decoration:none;
}
.comment-navigation a:active,
.comment-navigation a:hover {
    color: #FF4B33;
}
.comment-navigation a,
.comment-navigation span {
    margin-right:0.5em;
}
#trackbacks-list .comment-content {
    position:absolute;
    left:-10000px;
}
#respond {
    background:#fff;
    margin-bottom:22px;
    overflow:hidden;
    padding:18px 0 0 0;
    position:relative;
}
#comments-list #respond {
    border-bottom:1px solid #ccc;
    margin:0 0 18px 0;
    padding:18px 1.5em;
}
#comments-list ul #respond {
    border:1px solid #ccc;
    margin:0;
}
#cancel-comment-reply {
    font-size:11px;
    font-size: 1.1rem;
    position:absolute;
    top:18px;
    right:1.5em;
}
#cancel-comment-reply a {
    color:#666;
}
#respond .required {
    color:#FF4B33;
    font-weight:bold;
}
.form-section label {
    font-size:11px;
    font-size: 1.1rem;
}
.form-section input {
    margin:0 0 18px 0;
    width:98%;
}
.form-section textarea {
    width:98%;
}
#form-allowed-tags p {
    color:#666;
    font-size:11px;
    font-size: 1.1rem;
    margin:0;    
}
#form-allowed-tags span {
    font-style:italic;
}
#form-allowed-tags code {
    font-size:11px;
    font-size: 1.1rem;
    line-height:normal;
}
.form-submit {
    padding:18px 0 0 0;
    text-align:right;
}
.subscribe-to-comments {
    color:#666;
    float:left;
    font-size:11px;
    font-size: 1.1rem;
    margin:0;
    padding:18px 0 0 0;
}
.solo-subscribe-to-comments {
    color:#666;
    font-size:11px;
    font-size: 1.1rem;
    padding:18px 0 0 0;
}
.comment_license {
    color:#666;
    clear:both;
    font-size:11px;
    font-size: 1.1rem;
    margin:0;
    padding:18px 0 0 0;
}
.page #comments-list .edit-link{
    display: inline;
    clear: none;
}
.comment-content{
    margin: 0 1.5em 0 46px;
}


/* =Asides, Sidebars & Widget-Ready Areas
-------------------------------------------------------------- */

.aside,
.aside input {
    font-size:13px;
    font-size: 1.3rem;
    line-height:18px;
    margin-bottom:6px;
}
.aside p,
.aside ul,
.aside ol,
.aside dd,
.aside pre {
    margin-bottom:18px;
}
.aside pre,
.aside code {
    font-size:12px;
    font-size: 1.2rem;
    line-height:18px;
}
.aside .current-menu-item a,
.aside .current_page_item a {
    color: #FF4B33;
}
.aside .current-menu-item .menu-item a,
.aside .current_page_item .menu-item a {
    color:#666;
}
.aside .current-menu-item .menu-item a:hover,
.aside .current-menu-item .menu-item a:active,
.aside .current_page_item .menu-item a:hover,
.aside .current_page_item .menu-item a:active {
    color: #FF4B33;
}
.aside {
    color:#666;
}
.aside a {
    color:#666;
}
.aside a:active,
.aside a:hover {
    color: #FF4B33;
}
.aside h3 {
    font-size:15px;
    font-size: 1.5rem;
    font-style:italic;
    line-height:22px;
}
.aside h3 a {
    text-decoration:none;
}
.aside caption {
    font-size:11px;
    font-size: 1.1rem;
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:0.05em;
}
.aside ul {
    list-style:none;
    margin-left:0;
}
.aside ul ul {
    list-style:disc;
    margin:0 0 22px 20px;
}
.aside ul ul li {
    padding:1px 0;
}
.aside ul ul ul {
    margin-bottom:0;
}
.aside form,
.aside table {
    margin-bottom:22px;
}
.aside table {
    border:none;
}
.aside thead {
    border:1px solid #ccc;
}
.aside tbody {
    border:1px solid #ccc;
}
.aside th, .aside td {
    border-right:1px solid #ccc;
    padding:.25em .8em;
}
.aside tfoot tr {
    border:none;
}
.aside tfoot td {
    border-color:transparent;
}
.widget_tag_cloud {
    margin:0 0 22px 0;
}
.aside #searchsubmit {
    display: none;	
}
/*
    Main Asides
*/
.main-aside ul {
    padding:0 20px;
}
.main-aside h3 {
}
.main-aside ul ul {
    padding:0;
}
#primary {
    border:1px solid #ccc;
    padding:18px 0 0 0;
    margin-bottom:22px;
}
/*
    Content Asides
*/
#content .aside {
    border:1px solid #ccc;
    margin:0 0 22px 0;
    padding:18px 0 0 0;
}
#content .aside ul {
    padding:0 20px;
}
#content .aside h3 {
    font-family:Georgia,serif;
    font-weight:normal;
    font-size:17px;
    font-size: 1.7rem;
    font-style:italic;
    padding:0 0 7px 0;
    text-transform:none;
}
#content .aside ul ul {
    padding:0;
}
/*
    Footer Asides
*/
#subsidiary {
    padding:33px 0 0 0;    
}


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

#footerWrapper {
    background: #efefef;
    clear: both;
    padding: 0 5%;
}
#siteinfo {
    color:#666;
    font-size:11px;
    font-size: 1.1rem;
    line-height:18px;
    padding:22px 0 44px 0;
}
#siteinfo a {
    color:#666;
}
#siteinfo a:active,
#siteinfo a:hover {
    color: #FF4B33;
}












/* -------------------------------------------------------------- 
   
   Default styles for Images
  
-------------------------------------------------------------- */   
.entry-content .wp-post-image {
    border: 1px solid #ccc;
    float:right;
    margin: 0 0 24px 18px;
    padding: 5px;
}
.entry-content img {
    height:auto;
    margin: 0 0 24px 0;
    max-width:100%;
}
.alignleft,
img.alignleft {
    float: left;
    margin-right:20px;
}
.alignright,
img.alignright {
    display: block;
    float: right;
    margin-left:20px;
}
.aligncenter,
img.aligncenter {
    margin-left:auto;
    margin-right:auto;
    display: block;
    clear: both;
}
.wp-caption {
    border:1px solid #ccc;
    text-align: center;
    margin-bottom:18px;
    max-width: 96%;
    padding:9px 5px 0;
}
.wp-caption img {
    border: 1px solid #ccc;
    margin: 0;
    padding: 0;
}
.wp-caption p.wp-caption-text {
    margin: 0;
    padding:18px 5px;
}
.gallery {
    display: block;
    clear: both;
    overflow: hidden;
    margin: 0 auto;
    padding:0 0 22px 0;
}
.gallery-row {
    display: block;
    clear: both;
    overflow: hidden;
    margin: 0;
}
.gallery-item {
    overflow: hidden;
    float: left;
    margin: 0;
    text-align: center;
    list-style: none;
}
#content .gallery img {
    border: none;
    margin:0;
    padding: 6px;
}
.gallery-item img, .gallery-item img.thumbnail {
    margin: 0 auto;
}
.gallery-caption {
    padding:6px 6px 0;
}
.wp-caption-text,
.gallery-caption {
    color:#666;
    font-size:13px;
    font-size: 1.3rem;
    line-height:18px;
}
.wp-smiley { /* Prevent the smileys from breaking line-height */
    max-height:12px;
    margin:0 !important;
}

/* Contact Form 
-------------------------------------------------------------- */
span.wpcf7-form-control-wrap input, span.wpcf7-form-control-wrap textarea{
    padding: 10px;
    width: 100%;
}
.wpcf7-submit{
    padding: 10px 24px;
}


span.wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 4%;
    z-index: 100;
    background: #efefef;
    border: 1px solid #999;
    font-size: 12px;
    font-size: 1.2rem;
    width: 87%;
    padding: 5px 2%;
}
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok {
    border: 2px solid #efefef;
}
.entry-content div div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 2em 2%;
    width: 95%;
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem;
}

/* Syntax plugin */
.wp_syntax td.code {
    background-color: #fff;
    background-image: -webkit-linear-gradient( transparent 50%, transparent 50% );
    background-image: -moz-linear-gradient( transparent 50%, transparent 50% );
    background-image: -ms-linear-gradient( transparent 50%, transparent 50% );
    background-image: -o-linear-gradient( transparent 50%, transparent 50% );
    background-image: linear-gradient( transparent 50%, transparent 50% );
}
.wp_syntax pre {
    padding: 24px !important;
}
.wp_syntax {
    background-color: #f9f9f9;
    border: 1px solid #efefef;
}












/* =PageNavi for post
-------------------------------------------------------------- */

/* Page Nav */
.wp-pagenavi{
    clear: left;
}

/* hide extend and pages */
.wp-pagenavi .extend{
    display: none;
}
.wp-pagenavi .pages{
    display: none;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi span.current{
    border: 1px solid #CCC;
    color: #666;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    -moz-box-shadow: inset 0 0 1px #fff;
    -ms-box-shadow: inset 0 0 1px #fff;
    -webkit-box-shadow: inset 0 0 1px #fff;
    box-shadow: inset 0 0 1px white;
    background: #FAFAFA; /* For IE and older browsers */
    background-image: -moz-linear-gradient(top,#FAFAFA 0,#d5d4d4 100%);
    background-image: -ms-linear-gradient(top,#FAFAFA 0,#d5d4d4 100%);
    background-image: -o-linear-gradient(top,#FAFAFA 0,#d5d4d4 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FAFAFA),color-stop(100%,#d5d4d4));
    background-image: -webkit-linear-gradient(top,#FAFAFA 0,#d5d4d4 100%);
    background-image: linear-gradient(to bottom,#FAFAFA 0,#d5d4d4 100%);
    display: inline-block;
    line-height: 2.48em;
    height: 2.4em;
    text-decoration: none;
    margin: 0 .3em 12px;
    padding: 0 .85em;
    font-size: 12px;
    text-shadow: 0 1px 0 #fff;
}
.wp-pagenavi span.current{
    background: #d5d4d4; /* For IE and older browsers */
    background-image: -moz-linear-gradient(top,#d5d4d4 0,#FAFAFA 100%);
    background-image: -ms-linear-gradient(top,#d5d4d4 0,#FAFAFA 100%);
    background-image: -o-linear-gradient(top,#d5d4d4 0,#FAFAFA 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#d5d4d4),color-stop(100%,#FAFAFA));
    background-image: -webkit-linear-gradient(top,#d5d4d4 0,#FAFAFA 100%);
    background-image: linear-gradient(to bottom,#d5d4d4 0,#FAFAFA 100%);
    border: 1px solid #999;
    moz-box-shadow: inset 0 0 10px rgba(0,0,0,.35);
    -ms-box-shadow: inset 0 0 10px rgba(0,0,0,.35);
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.35);
}
.wp-pagenavi a:hover{
    border: 1px solid #aeacac;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
    -ms-box-shadow: 0 0 3px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
    box-shadow: 0 0 3px rgba(0,0,0,.25);
}

/* shortcodes */
.alertSc{
    color:#666;	
    margin:20px 0;
    font-size:15px;
    line-height:27px;
    text-shadow:1px 1px 0 rgba(255,255,255,.5);
    clear:left;
}
.alertSc span.boxTitleSc{
    float: left;
    font-size: 18px;
    line-height: 24px;
    margin: 12px 5% 0;
}
.alertSc .boxContent{
    clear:left;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 0 5% 12px;
    width: auto;
}
.alertSc .boxContent ul{
    width: auto;
}
.normalBoxSc{
    background:#F1F2F3;
}
.normalBoxSc .alertContent{
    min-height:40px;
}

/* google ads */
.no-js #content .ad{
        display: none;
}
.js #content .ad, .js #content .squareAd{
    width: 100%;
    margin: 0 0 1.5em 0;
    text-align: center;
}


img#wpstats{
    display: none;
}

/* CSS AJAX Loaders Post */
#loader{
    height: 35px;
    margin: 50px auto;
    position: relative;
    width: 35px;
}
#loader span{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}
#loader span:first-child{
    background: -moz-linear-gradient(top,  #0e0e0e 50%, #8e8e8e 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#0e0e0e), color-stop(50%,#8e8e8e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #0e0e0e 50%,#8e8e8e 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #0e0e0e 50%,#8e8e8e 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #0e0e0e 50%,#8e8e8e 50%); /* IE10+ */
    background: linear-gradient(to bottom,  #0e0e0e 50%,#8e8e8e 50%); /* W3C */
    width:100%;
    height: 100%;
    -webkit-animation: rotateIn 10s linear infinite;
    -moz-animation: rotateIn 10s linear infinite;
    -ms-animation: rotateIn 10s linear infinite;
    -o-animation: rotateIn 10s linear infinite;
    animation: rotateIn 10s linear infinite;
}
#loader span:nth-child(2){
    background: #fff;
    height: 70%;
    width: 70%;
    top: 15%;
    left: 15%;
}
@-webkit-keyframes rotateIn {
    0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-7200deg);

    }

    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0deg);

    }
}
@-moz-keyframes rotateIn {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(-7200deg);
    }

    100% {
        -moz-transform-origin: center center;
        -moz-transform: rotate(0);
    }
}
@-o-keyframes rotateIn {
    0% {
        -o-transform-origin: center center;
        -o-transform: rotate(-7200deg);
    }

    100% {
        -o-transform-origin: center center;
        -o-transform: rotate(0);
    }
}
@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-7200deg);
    }

    100% {
        transform-origin: center center;
        transform: rotate(0);
    }
}
#loader2{
    clear: both;
    height: 100px;
    margin: 50px auto;
    width: 100px;
    position: relative;
}
#loader2 span{
    background: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    display: block;
    float: left;
    height: 5px;
    width:5px;
    position: absolute;
}
#loader2 span:nth-child(1){
    top: 0;
    left:49%;
    -webkit-animation: growSize 2s linear infinite;
    -moz-animation: growSize 2s linear infinite;
    -ms-animation: growSize 2s linear infinite;
    -o-animation: growSize 2s linear infinite;
    animation: growSize 2s linear infinite;

}
#loader2 span:nth-child(2){
    top: 14%;
    left:80%;
    -webkit-animation: growSize 2s linear infinite;
    -webkit-animation-delay: .25s;
    -moz-animation: growSize 2s linear infinite;
    -moz-animation-delay: .25s;
    -ms-animation: growSize 2s linear infinite;
    -ms-animation-delay: .25s;
    -o-animation: growSize 2s linear infinite;
    -o-animation-delay: .25s;
    animation: growSize 2s linear infinite;
    animation-delay: .25s;
}
#loader2 span:nth-child(3){
    top: 45%;
    left:95%;
    -webkit-animation: growSize 2s linear infinite;
    -webkit-animation-delay: .5s;
    -moz-animation: growSize 2s linear infinite;
    -moz-animation-delay: .5s;
    -ms-animation: growSize 2s linear infinite;
    -ms-animation-delay: .5s;
    -o-animation: growSize 2s linear infinite;
    -o-animation-delay: .5s;
    animation: growSize 2s linear infinite;
    animation-delay: .5s;
}
#loader2 span:nth-child(4){
    top: 80%;
    left:81%;
    -webkit-animation: growSize 2s linear infinite;
    -webkit-animation-delay: .75s;
    -moz-animation: growSize 2s linear infinite;
    -moz-animation-delay: .75s;
    -ms-animation: growSize 2s linear infinite;
    -ms-animation-delay: .75s;
    -o-animation: growSize 2s linear infinite;
    -o-animation-delay: .75s;
    animation: growSize 2s linear infinite;
    animation-delay: .75s;
}
#loader2 span:nth-child(5){
    top: 95%;
    left:49%;
    -webkit-animation: growSize 2s linear infinite;
    -webkit-animation-delay: 1s;
    -moz-animation: growSize 2s linear infinite;
    -moz-animation-delay: 1s;
    -ms-animation: growSize 2s linear infinite;
    -ms-animation-delay: 1s;
    -o-animation: growSize 2s linear infinite;
    -o-animation-delay: 1s;
    animation: growSize 2s linear infinite;
    animation-delay: 1s;
}
#loader2 span:nth-child(6){
    top: 80%;
    left:13%;
    -webkit-animation: growSize 2s linear infinite;
    -webkit-animation-delay: 1.25s;
    -moz-animation: growSize 2s linear infinite;
    -moz-animation-delay: 1.25s;
    -ms-animation: growSize 2s linear infinite;
    -ms-animation-delay: 1.25s;
    -o-animation: growSize 2s linear infinite;
    -o-animation-delay: 1.25s;
    animation: growSize 2s linear infinite;
    animation-delay: 1.25s;
}
#loader2 span:nth-child(7){
    top: 45%;
    left:0%;
    -webkit-animation: growSize 2s linear infinite;
    -webkit-animation-delay: 1.5s;
    -moz-animation: growSize 2s linear infinite;
    -moz-animation-delay: 1.5s;
    -ms-animation: growSize 2s linear infinite;
    -ms-animation-delay: 1.5s;
    -o-animation: growSize 2s linear infinite;
    -o-animation-delay: 1.5s;
    animation: growSize 2s linear infinite;
    animation-delay: 1.5s;
}
#loader2 span:nth-child(8){
    top: 14%;
    left:14%;
    -webkit-animation: growSize 2s linear infinite;
    -webkit-animation-delay: 1.75s;
    -moz-animation: growSize 2s linear infinite;
    -moz-animation-delay: 1.75s;
    -ms-animation: growSize 2s linear infinite;
    -ms-animation-delay: 1.75s;
    -o-animation: growSize 2s linear infinite;
    -o-animation-delay: 1.75s;
    animation: growSize 2s linear infinite;
    animation-delay: 1.75s;
}
@-webkit-keyframes growSize {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: scale(1);
        opacity:1;
    }
    10% {
        -webkit-transform: scale(3);
        opacity:.2;
    }
    50% {
        -webkit-transform: scale(1);
        opacity:.2;
    }
    100% {
        opacity:1;
    }
}
@-moz-keyframes growSize {
    0% {
        -moz-transform-origin: center center;
        -moz-transform: scale(1);
        opacity:1;
    }
    10% {
        -moz-transform: scale(3);
        opacity:.2;
    }
    50% {
        -moz-transform: scale(1);
        opacity:.2;
    }
    100% {
        opacity:1;
    }
}
@-o-keyframes growSize {
    0% {
        -o-transform-origin: center center;
        -o-transform: scale(1);
        opacity:1;
    }
    10% {
        -o-transform: scale(3);
        opacity:.2;
    }
    50% {
        -o-transform: scale(1);
        opacity:.2;
    }
    100% {
        opacity:1;
    }
}
@keyframes growSize {
    0% {
        transform-origin: center center;
        transform: scale(1);
        opacity:1;
    }
    10% {
        transform: scale(3);
        opacity:.2;
    }
    50% {
        transform: scale(1);
        opacity:.2;
    }
    100% {
        opacity:1;
    }
}
#loader3{
    border: 1px solid #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    clear: both;
    height: 10px;
    margin: 50px auto;
    position: relative;
    overflow: hidden;
    width: 150px;
}
#loader3 div{
    position: absolute;
    right: 0;
    top: 0;
    width: 300%;
    -webkit-animation: move 1.5s linear infinite;
    -moz-animation: move 1.5s linear infinite;
    -ms-animation: move 1.5s linear infinite;
    -o-animation: move 1.5s linear infinite;
    animation: move 1.5s linear infinite;
}
#loader3 span{
    float: right;
    display: block;
    width: 15px;
    height: 15px;
    -webkit-transform: skewX(-15deg)
}
#loader3 span:nth-child(even){
    background: #000;
}
@-webkit-keyframes move {
    0% {
        -webkit-transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(27%);   
    }
}
@-moz-keyframes move {
    0% {
        -moz-transform: translateX(0);
    }
    100% {
        -moz-transform: translateX(27%);   
    }
}
@-o-keyframes move {
    0% {
        -o-transform: translateX(0);
    }
    100% {
        -o-transform: translateX(27%);   
    }
}
@keyframes move {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(27%);   
    }
}
#loader4{
    box-shadow: 0 0 5px #fff inset;
    clear: both;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    height: 50px;
    margin: 50px auto;
    position: relative;
    width: 150px;
}
#loader4 #ball{
    background: #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    height: 5px;
    position: absolute;
    top: 0;
    width: 5px;
    -webkit-animation: bounce 1.5s linear infinite;
    -moz-animation: bounce 1.5s linear infinite;
    -ms-animation: bounce 1.5s linear infinite;
    -o-animation: bounce 1.5s linear infinite;
    animation: bounce 1.5s linear infinite;
}
#loader4 #loader-4-text{
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    bottom: -15px;
    left: 0;
    -webkit-animation: bounceDown 1.5s ease-out infinite;
    -moz-animation: bounceDown 1.5s ease-out infinite;
    -ms-animation: bounceDown 1.5s ease-out infinite;
    -o-animation: bounceDown 1.5s ease-out infinite;
    animation: bounceDown 1.5s ease-out infinite;
}
@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translateY(10px) translateX(-10px);
    }
    10% {
        -webkit-transform: translateY(5px) translateX(10px);
    }
    20% {
        -webkit-transform: translateY(10px) translateX(30px);
    }
    30% {
        -webkit-transform: translateY(20px) translateX(50px);
    }
    40% {
        -webkit-transform: translateY(35px) translateX(65px);
    }
    50%{
        -webkit-transform: translateY(50px) translateX(75px);
    }
    60%{
        -webkit-transform: translateY(35px) translateX(95px);
    }
    70%{
        -webkit-transform: translateY(20px) translateX(115px);
    }
    80%{
        -webkit-transform: translateY(10px) translateX(135px);
    }
    90%{
        -webkit-transform: translateY(5px) translateX(150px);
    }
    100% {
        -webkit-transform: translateY(10px) translateX(165px);

    }
}
@-moz-keyframes bounce {
    0% {
        -moz-transform: translateY(10px) translateX(-10px);
    }
    10% {
        -moz-transform: translateY(5px) translateX(10px);
    }
    20% {
        -moz-transform: translateY(10px) translateX(30px);
    }
    30% {
        -moz-transform: translateY(20px) translateX(50px);
    }
    40% {
        -moz-transform: translateY(35px) translateX(65px);
    }
    50%{
        -moz-transform: translateY(50px) translateX(75px);
    }
    60%{
        -moz-transform: translateY(35px) translateX(95px);
    }
    70%{
        -moz-transform: translateY(20px) translateX(115px);
    }
    80%{
        -moz-transform: translateY(10px) translateX(135px);
    }
    90%{
        -moz-transform: translateY(5px) translateX(150px);
    }
    100% {
        -moz-transform: translateY(10px) translateX(165px);

    }
}
@-o-keyframes bounce {
    0% {
        -o-transform: translateY(10px) translateX(-10px);
    }
    10% {
        -o-transform: translateY(5px) translateX(10px);
    }
    20% {
        -o-transform: translateY(10px) translateX(30px);
    }
    30% {
        -o-transform: translateY(20px) translateX(50px);
    }
    40% {
        -o-transform: translateY(35px) translateX(65px);
    }
    50%{
        -o-transform: translateY(50px) translateX(75px);
    }
    60%{
        -o-transform: translateY(35px) translateX(95px);
    }
    70%{
        -o-transform: translateY(20px) translateX(115px);
    }
    80%{
        -o-transform: translateY(10px) translateX(135px);
    }
    90%{
        -o-transform: translateY(5px) translateX(150px);
    }
    100% {
        -o-transform: translateY(10px) translateX(165px);

    }
}
@keyframes bounce {
    0% {
        transform: translateY(10px) translateX(-10px);
    }
    10% {
        transform: translateY(5px) translateX(10px);
    }
    20% {
        transform: translateY(10px) translateX(30px);
    }
    30% {
        transform: translateY(20px) translateX(50px);
    }
    40% {
        transform: translateY(35px) translateX(65px);
    }
    50%{
        transform: translateY(50px) translateX(75px);
    }
    60%{
        transform: translateY(35px) translateX(95px);
    }
    70%{
        transform: translateY(20px) translateX(115px);
    }
    80%{
        transform: translateY(10px) translateX(135px);
    }
    90%{
        transform: translateY(5px) translateX(150px);
    }
    100% {
        transform: translateY(10px) translateX(165px);

    }
}
@-webkit-keyframes bounceDown{

    50%{
        -webkit-transform: translateY(0);
    }
    60%{
        -webkit-transform: translateY(5px);
    }
    100%{
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes bounceDown{

    50%{
        -moz-transform: translateY(0);
    }
    60%{
        -moz-transform: translateY(5px);
    }
    100%{
        -moz-transform: translateY(0);
    }
}
@-o-keyframes bounceDown{

    50%{
        -o-transform: translateY(0);
    }
    60%{
        -o-transform: translateY(5px);
    }
    100%{
        -o-transform: translateY(0);
    }
}
@keyframes bounceDown{

    50%{
        transform: translateY(0);
    }
    60%{
        transform: translateY(5px);
    }
    100%{
        transform: translateY(0);
    }
}
#loader5wrapper{
    margin: 50px auto;
    width: 250px;
    height: 100px;
    overflow: hidden;
    position: relative;
}
#loader5{
    clear: both;
    height: 100px;
    width: 100px;
    position: relative;
}
#loader5 span:nth-child(1){
    background: #000;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: block;
}
#loader5 span:nth-child(2){
    background: #fff;
    width: 95%;
    height: 95%;
    position: absolute;
    top: 3%;
    left: 65%;
    -webkit-animation: scaleHeight 1s ease-out infinite;
    -moz-animation: scaleHeight 1s ease-out infinite;
    -ms-animation: scaleHeight 1s ease-out infinite;
    -o-animation: scaleHeight 1s ease-out infinite;
    animation: scaleHeight 1s ease-out infinite;
}
#loader5pellets{
    position: absolute;
    top: 0;
    left: 5%;
    height: 100px;
    width:1000px;
    overflow: hidden;

}
#loader5pellets > span{
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    background: #000;
    margin: 40px 25px 0 0;
    -webkit-animation: movePellets 2s linear infinite;
    -moz-animation: movePellets 2s linear infinite;
    -ms-animation: movePellets 2s linear infinite;
    -o-animation: movePellets 2s linear infinite;
    animation: movePellets 2s linear infinite;
}
#loader5pellets span.ghost{
    width: 40px;
    height: 65px;
    margin: 25px 25px 25px 0;
    background: none;
    border-radius: 0;
    position: relative;
    overflow: hidden;

}
#loader5pellets span.ghost > span:first-child{
    background: #000;
    border-radius: 0;
    display: block;
    width: 40px;
    margin: 0 auto;
    height: 35px;
    border-radius: 50% 50% 2px 2px;
    position: absolute;
    top: 0;
    left: 0;
}
#loader5pellets span.ghost span span{
    width: 18px;
    height:18px;
    display: block;
    background: #000;
    -webkit-transform:  rotate(45deg);
    -moz-transform:  rotate(45deg);
    -webkit-transform:  rotate(45deg);
    -ms-transform:  rotate(45deg);
    -o-transform:  rotate(45deg);
    transform:  rotate(45deg);
    position: absolute;
    bottom: -9px;
    border-radius: 2px;
}
#loader5pellets span.ghost span span:first-child{
    left:-8px;
}
#loader5pellets span.ghost span span:nth-child(2){
    left:11px;
}
#loader5pellets span.ghost span span:last-child{
    right:-8px;
}
@-webkit-keyframes scaleHeight{

    0%{
        -webkit-transform: scaleY(0) rotate(45deg);
    }
    50%{
        -webkit-transform: scaleY(1) rotate(45deg);
    }
    100%{
        -webkit-transform: scaleY(0) rotate(45deg);
    }
}
@-moz-keyframes scaleHeight{

    0%{
        -moz-transform: scaleY(0) rotate(45deg);
    }
    50%{
        -moz-transform: scaleY(1) rotate(45deg);
    }
    100%{
        -moz-transform: scaleY(0) rotate(45deg);
    }
}
@-o-keyframes scaleHeight{

    0%{
        -o-transform: scaleY(0) rotate(45deg);
    }
    50%{
        -o-transform: scaleY(1) rotate(45deg);
    }
    100%{
        -o-transform: scaleY(0) rotate(45deg);
    }
}
@keyframes scaleHeight{

    0%{
        transform: scaleY(0) rotate(45deg);
    }
    50%{
        transform: scaleY(1) rotate(45deg);
    }
    100%{
        transform: scaleY(0) rotate(45deg);
    }
}
@-webkit-keyframes movePellets {
    0% {
        -webkit-transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-200px);     
    }
}
@-moz-keyframes movePellets {
    0% {
        -moz-transform: translateX(0);
    }
    100% {
        -moz-transform: translateX(-200px); 
    }
}
@-o-keyframes movePellets {
    0% {
        -o-transform: translateX(0);
    }
    100% {
        -o-transform: translateX(-200px);  
    }
}
@keyframes movePellets {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-200px);  
    }
}

.infinite-scroll #nav-below, .infinite-scroll #nav-above{
    display: none;
}








/* MEDIA QUERIES */

/*Print __________________________________________________________________________________________________________ */
@media print {
    * { 
        background : transparent !important; 
        color : black !important; 
        text-shadow : none !important; 
        filter : none !important;
        -ms-filter : none !important; } 

    a, a:visited { 
        color : #444 !important; 
        text-decoration : underline; }

    a[href]:after { 
        content : " (" attr(href) ")"; }

    abbr[title]:after { 
        content : " (" attr(title) ")"; }

    a[href^="javascript:"]:after, 
    a[href^="#"]:after { 
        content : ""; }

    pre, blockquote { 
        border : 1px solid #999; 
        page-break-inside : avoid; }

    thead { 
        display : table-header-group; }

    tr, img { 
        page-break-inside : avoid; }

    @page { 
        margin : .5cm; }

    p, h2, h3 { 
        orphans : 3; 
        widows : 3; }

    h2, h3 { 
        page-break-after : avoid; }
    .js #content .ad, .js #content .squareAd{
        display: none;
    }
}
/*/mediaquery*/






/*480px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 480px) {
    /* =Header
    -------------------------------------------------------------- */
    #branding {
        text-align: left;
    }
    #blog-description {
        text-align: left;
    }
    /* =Menu
    -------------------------------------------------------------- */
    
}/*/mediaquery*/








/*768px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 768px) {
    #wrapper{
        background: #efefef;
        overflow: hidden;
    }
    #headerWrapper{
        width: 30%;
        float: right;
        padding: 100px 0 0;
    }
    #header{
        padding:0 10%;
    }
    #access{
        margin: 0 0 2.5em;
    }
    #searchAbove {
        margin: 0 0 48px;
        max-width: 200px;
    }
    
    
    
    
    
    .sf-menu li {
        width: 100%;
    }
    #main {
        background: #fff;
        clear: none;
        float: left;
        width: 70%;
        padding: 0;
    }
    
    
    
    
    
    #container{
        width: 100%;
        margin: 100px 0 24px;    
    }
    #content header, #content .entry-utility,  #nav-above, #nav-below, .entry-content div, .page .edit-link, .entry-content h1, .page #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, dl, ul, ol, address, pre, #content p, .page-link, .attachment .page-title, ul#links-page, ul#archives-page, .search-no-results #content{
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        max-width: 650px;
    }
    .entry-content div div, #content div form, .page li .edit-link,  #content li div p, #content li p, .entry-content div p, .page #content header h1, .entry-content div h1 .entry-content div h2, .entry-content div h3, .entry-content div h4, .entry-content div h5, .entry-content div h6, .entry-content div dl, .entry-content div ul, .entry-content div ol, .entry-content div address, .entry-content div pre, .entry-content li div, .search-no-results #content p{
        width:100%;
        margin-left: 0;
        margin-right: 0;
    }
    .single .entry-content>p:nth-of-type(1):first-letter, .page .entry-content>p:nth-of-type(1):first-letter{
        font-weight: bold;
        float:left; 
        font-size: 50px;
        font-size: 5rem;
        margin: 12px 2px 0;
    }
    .no-js #content .ad{
        display: none;
    }
    .js #content .ad, .js #content .squareAd{
        float: left;
        width: 300px;
        height: 250px;
        margin: 0 4% 1.5em 5%;
        overflow: hidden;
    }
    .entry-content img.full-width, .entry-content img.size-full, .gallery {
        width: 90%;
        margin: 0 5% 24px;
    }
    figure figcaption {
        width: 90%;
        margin: 0 auto;
    }
    #content form{
        width: 80%;
        margin: 0 auto;
    }
    #content form p{
        width: 100%;
    }
    .entry-content table {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    
    dl dl, ul ul, ol ol, ul ol, ul dl dl ul, dl ol, ol ul, ol dl{
        width: 100%;
        
    }
    
    /* Custom Home Page */
    /*
    .home #container{
        width: 100%;
    }
    .home #content .sticky {
        padding: 2%;
    }
    .home .hentry{
        border: 1px solid #ccc;
        width: 44%;
        float: left;
        clear: left;
        padding: 2%;
        margin: 0 0 24px;
    }
    .home .hentry.right {
      float: right;
      clear: right;
    }
    */
    
    
    /* comments */
    #comments-list{
        width: 100%;
        max-width: 100%;
    }
    #comments-list ul, #comments-list ol {
        padding: 0;
        width: 100%;
        max-width: 100%;
    }
    #content div#comments form{
        width: 80%;
        margin: 0 auto;
        max-width: 650px;
    }
    #comments-list .comment {
        padding: 1% 10%;
    }
    #comments-list ul .comment{
        padding: 1% 2%;
    }
    #comments-list ul, #comments-list ol{
        padding: 0;
    }
    #comments-list li .avatar {
        top: 12px;
        left: 10%;
        width: 80px;
        height: 80px;
    }
    #comments-list ul li .avatar{
        left:2%;
    }
    #comments-list .comment-author {
        font-weight: bold;
        padding: 0 0 0 92px;
    }
    #comments-list .comment-meta {
        padding: 0 0 9px 92px;
    }
    .comment-content {
        margin: 0 1.5em 0 92px;
    }
    #comments-list ul ul,
    #comments-list ol ol,
    #comments-list ul ul ul,
    #comments-list ol ol ol {
        width: 100%;
    }
    #comments-list ul .comment {
        margin:0 0 18px 0;
        width: auto;
    }
    
    
    
    /* images */
    .entry-content div.alignleft {
        margin-left: 5%;
        margin-right: 2%;
    }
    .entry-content div.alignright {
        margin-left: 2%;
        margin-right: 5%;
    }
    #siteinfo {
        padding: 44px 0 44px 0;
    }
    
}/*/mediaquery*/







/*900px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 900px) {
    p, ol, ul, dl, address {
    font-size: 14px;
    font-size: 1.4rem;
    }
    .entry-content img.full-width, .entry-content img.size-full, .gallery , div.entry-attachment{
        display: block;
        margin: 0 auto 24px;
        max-width: 750px;
    }
    figure figcaption{
        max-width: 750px;
    }
    .single-post #nav-below{
        max-width: 800px;
    }
}/*/mediaquery*/








/*1100px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 1100px) {
    #headerWrapper {
        width: 25%;
    }
    #main{
        width: 75%;
    }
    #content .ad {
        margin: 0 4% 1.5em 5%;
    }
    .alertSc span.boxTitleSc{
        margin: 24px 5% 0;
    }
    .alertSc .boxContent{
        padding: 0 5% 24px;
    }
}/*/mediaquery*/



/*1200px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 1200px) {
    #headerWrapper {
        width: 22%;
    }
    #main{
        width: 78%;
    }
    #content .ad {
        margin: 0 4% 1.5em 5.5%;
    }
}/*/mediaquery*/








/*2x __________________________________________________________________________________________________________ */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

}/*/mediaquery*/



















/* -------------------------------------------------------------- 
   
   Default plugin styles
  
-------------------------------------------------------------- */