﻿html, body, div, span, object, embed, ruby, output, 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, canvas, details, figcaption, figure,  footer, header, hgroup, 
menu, nav, section, summary, time, mark, audio, video { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }     
html { overflow-y: scroll; }            
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ol, ul { list-style: none; }
blockquote, q { quotes:none; }
blockquote:after {bottom: 10px;content: "”";right: 5px;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
a:hover, a:active { outline: none; }
body { font-size:15px; line-height: 1.5em; font-family: Georgia, serif; } 
select, input, textarea, button { font:99% sans-serif; }
body, select, input, textarea {   color: #444; }
pre {  padding: 15px;  white-space: pre;  white-space: pre-wrap;  white-space: pre-line;  word-wrap: break-word; }
input, select { vertical-align:middle; }
textarea { overflow: auto; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:invalid, textarea:invalid { border-radius: 1px; box-shadow: 0px 0px 5px red; }
button {  width: auto; overflow: visible; }
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); }
.clearfix:after, div.menu ul:after {display: block;height: 0;clear: both;visibility: hidden;}
.clearfix { zoom: 1; }
.clearfix:after { clear: both; }
.left { float: left; }
.right { float: right; }
body { background-color: #efefef; -webkit-text-size-adjust : 100%;-ms-text-size-adjust : 100%;}
a, a:visited { color: #1a90db; text-decoration: underline; }
a:hover { text-decoration: none; }
a:link {-webkit-tap-highlight-color: #f01d4f; }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; }
h1 { font-size:2.2em; line-height: 1em; }
h2 { font-size: 1.85em; line-height: 1.1em;font-family: 'Michroma', Verdana, Geneva, sans-serif;margin-bottom: 5px;margin-top: 20px; }
h3 { font-size: 1.25em; font-family: 'Michroma', Verdana, Geneva, sans-serif;margin-bottom: 5px;margin-top: 20px;}
h4 { font-size: 1.1em; }
article[id*=post-] { padding: 2.2em 30px; }
.widget { /*margin: 2.2em 0;*/margin: 2.2em 25px 2.2em 25px; word-wrap: break-word; }
.widget li { line-height: 1.5em; margin-bottom: 0.75em; }
body {background: url(images/bg.png);font-family: Verdana, Geneva, sans-serif;color: #000;}
#container, .wrap {width: 94%;margin: 2% auto;padding: 0;max-width: 1044px; box-shadow: 0 0 10px #ddd;border-radius: 7px 7px 0 0;}
.col620 {max-width: 60%; *width:60%; margin-right:10px;}
.col300, .col620 {display: inline;float:left; position: relative;}
/* default styles & fixes */
#main {margin-left: 0;} /* fixes alignment (defaulted at col620) */
#sidebar {margin-right: 0; max-width: 30%;} /* fixes alignment (defaulted at col300) */
a, a:visited {color: #0096ff}
a:link {-webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */}
#sidebar { float: right; }
#sidebar h4 {margin-top: 30px;margin-bottom:11px;background: url(images/widget-title.png) no-repeat scroll 0 0 #FFCC00;font-family: 'Michroma', Verdana, Geneva, sans-serif;font-size: 1em;font-weight: normal;line-height: 30px;margin-left: -34px;padding-left: 25px;text-shadow: 1px 1px #FFE476;}
#sidebar h4:first-child {margin-top:0;}
h1 a, .h1 a, h2 a, .h2 a, .entry-title a {color: #000}

/** SLIDER **/
#header-img {padding:0; text-align:center;margin:auto;}
#header-img img {border: medium none;height: auto;max-width: 100%;}
#site-heading h4 {margin-top: 0;background:none;text-shadow:none;}
#site-heading h3, #site-heading h4 {margin-left: 25px;}
header[role=banner] {background: url(images/header-bg.jpg) repeat-x #fff;position: relative;padding-top: 1px;border-top: 1px solid #fff;border-radius: 7px 7px 0 0;}
#site-heading {min-height: 80px;padding-top: 20px;padding-left: 0px;}
#site-title {margin-bottom: .1em;margin-right: 300px;font-family: 'Alfa Slab One', Verdana, Geneva, sans-serif;font-size: 40px;font-weight: normal;text-shadow: 1px 2px #e2e2e2;line-height: 1.2em;}
#site-title a {color: #f00;text-decoration: none;}
#site-description {font-family: 'Michroma', Verdana, Geneva, sans-serif;font-weight: normal;font-size: 0.85em;color: #000;padding-bottom: 10px;}
header[role=banner] #s {float: left;font-size: 0.9em;padding: 7px;border-radius: 5px 0 0 5px;border: 1px solid #9a9a9a;border-right: 0px;box-shadow: 3px 3px 5px #ddd inset;min-width: 250px;height: 30px;outline: none;}
#content img {background: #fff none repeat scroll 0 0;border: medium none;box-shadow: 0 20px 10px -18px #000;height: auto;margin: 10px;max-width: 100%; padding: 2px;}.entry-header {margin-bottom: 5px}
.entry-title, .page-title {font-family: 'Michroma', Verdana, Geneva, sans-serif;font-weight: normal;font-size: 1.9em;text-shadow: -1px 2px #e4e4e4;margin-bottom: 0.25em;}
.page-title {font-size: 1.8em;}
.entry-title a:hover {color: #f00}
body.page .entry-title, body.single .entry-title {font-size: 2.2em}
body.archive .entry-header {margin-bottom: 7px}
body.archive .entry-title {font-size: 1.3em;text-shadow: -1px 1px #e4e4e4;}
.page-header {margin-left: 30px;margin-top: 20px;}

/*menu*/
#main-menu{background:url(images/nav-bg.png) no-repeat #000; background-size:100%; padding-left:10px;}
#main-menu ul { list-style-type:none; overflow:hidden;}
#main-menu ul li{ display:block; float:left;}
#main-menu ul li a { display: block; text-decoration: none;}
#main-menu  ul li a, #main-menu  #menu-icon {padding: 10px 20px;color: #fff;font-family: 'Michroma', Verdana, Geneva, sans-serif;font-size: 0.88em;}
#main-menu  #menu-icon {width: 100px;cursor: pointer;display: none;}
#active a {color: #FFCC00;}
#nav a:hover {color: #FFCC00;}
#nav {display: table !important;margin: 0 auto;}
#content {background: #fff; display:table;padding-bottom: 1px;padding-top: 10px; min-width: 100%;}
blockquote:before {content: "“";float: left;font-family: Georgia, serif;font-size: 2.75em;margin-top: 0.1em;opacity: 0.3;text-indent: -0.8em;}
blockquote:after {content: "”";float: right;font-family: Georgia, serif;font-size: 2.75em;margin-top: 0.1em;opacity: 0.3;text-indent:-0.8em;}
#content blockquote {padding: 34px 31px;font-style: italic;}
#content li {margin-bottom: 7px;}
fieldset#contact-form {margin: 20px 0px 20px 10px;padding: 10px;color: #000;width:465px;background: #eee;border: 2px solid #aaa;}
fieldset#contact-form label {display: inline-block;min-width: 5em; font-size: 13px;}
fieldset#contact-form input {font-size: 15px;height: 31px;margin-right: 48px;margin-bottom: 15px;padding: 0 7px;width:65%;float: right;margin-top: -25px; line-height:31px;}
fieldset#contact-form textarea {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #D4D4D4;border-radius: 5px 5px 5px 5px;box-shadow: 3px 3px 5px #E3E3E3 inset;font-size: 15px;float: right;margin-right: 48px;margin-bottom: 15px;margin-top: -25px;padding: 5px 7px;resize: none;width:65%;}
fieldset#contact-form #contact-button {background:#5FB600;border: 1px solid #588E12;border-radius: 5px 5px 5px 5px;box-shadow: 0 0 1px #FFFFFF inset, 1px 1px 3px #CCCCCC;clear: both;color: #FFFFFF;margin-right:130px; margin-top: 20px;outline: medium none;padding: 5px 15px;position: relative;text-shadow: -1px -1px #5D9E2E; width: 137px; line-height:normal !important;}
.col620.clearfix {padding: 2.2em 30px;}
article[id*=post-] {word-wrap: break-word;}
.dash, .dash2 {background: url(images/dash.png) repeat-x 30px bottom;height: 2px;overflow: hidden;margin-top: 4em;}
.dash2 {margin-top: 0;margin-bottom: 5px;}
body.archive .dash2 {margin-bottom: 20px}
.yellow-bar {height: 1px;background: #fc0;overflow: hidden;}
/* post content */
.post_content {overflow: hidden;}
#image-navigation, #comment-nav-below, #comment-nav-above, #nav-above, #nav-below {font-family: 'Michroma', Verdana, Geneva, sans-serif;font-weight: normal;font-size: 0.85em;display: block;overflow: hidden;margin: 0;}
#comment-nav-above a, #comment-nav-below a, #nav-above a, #nav-below a {text-decoration: none;}
#comment-nav-above a:hover, #comment-nav-below a:hover, #nav-above a:hover, #nav-below a:hover {text-decoration: underline;}
.widget {background: #f3f3f3; /*margin: 2.2em 30px 2.5em 0;*/ padding: 1em 1em 1em 2em;border: 1px solid #fff;border-radius: 5px;box-shadow: 0 0 3px #bababa;}
.widget li, #meta.widget aside a {background: url(images/bullet.png) no-repeat left 5px;padding-left: 25px;color: #000;text-decoration: none;}
.widget li a {text-decoration: none;color: #000;}
.widget li a:hover, #meta.widget aside a:hover {text-decoration: underline;}
.widget-title {background: url(images/widget-title.png) no-repeat;margin-left: -34px;font-family: 'Michroma', Verdana, Geneva, sans-serif;font-weight: normal;font-size: 1em;line-height: 30px;padding-left: 25px;text-shadow: 1px 1px #ffe476;}
img.size-auto, img.size-full, img.size-large, img.size-medium, .widget-area img, .wp-caption {max-width: 100%; height: auto; }
form #contact-form {background: none repeat scroll 0 0 #F3F3F3;border: 1px solid #FFFFFF;border-radius: 5px 5px 5px 5px;box-shadow: 0 0 3px #BABABA;margin-bottom: 2em;margin-top: 2em;padding:2.3em 1em 1em 3.5em;}
#contact-form input {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #D4D4D4;border-radius: 5px 5px 5px 5px;box-shadow: 3px 3px 5px #E3E3E3 inset;}
body.archive .cat-links, body.archive .tag-links, body.archive .comments-link, body.archive .bookmark-link {background: none;padding: 0;margin: 0;}
footer[role=contentinfo] {background: #000;padding: 1.2em 0;color: #fff;clear: both;}
.attribution {float: none;text-align: center;}
#site-generator {text-align: center;font-size: 0.8em;}
#site-generator a {color: #fff;text-decoration: none;}
#site-generator a:hover {text-decoration: underline}
.screen-reader-text, .assistive-text {position: absolute !important;clip: rect(1px 1px 1px 1px); /* IE6, IE7 */clip: rect(1px, 1px, 1px, 1px);}
.red {color: #f00;}
#main ul {margin-left:30px; margin-bottom:20px;}
#main li{background: url(images/bullet.png) no-repeat left 5px;padding-left: 25px;color: #000;text-decoration: none;margin-bottom: 10px;}
p { margin-bottom: 15px; }
hr {margin:30px 10px;border:1px solid #FFCC00;}
@media (max-width: 992px) {.col620 {max-width: 55%;}#sidebar {max-width: 30%;}#content {overflow: hidden;}}
@media (max-width: 800px) {.col620 {max-width: 100%;float:none;}#sidebar {margin-right: 0;max-width: 100%;float:none;}#site-title {font-size: 35px;margin-right: 15px;}.entry-title, .page-title {font-size: 1.6em;}.menu ul li {list-style-type: none;float: none;}.menu #menu-icon {display: block}#header-img {padding: 0;}#main ul {margin-left:20px;}#main li{background: url(images/bullet.png) no-repeat left 5px;padding-left: 15px;color: #000;text-decoration: none;margin-bottom: 4px;}.widget {margin: 2.2em 30px 2.2em 30px;}}
@media (max-width: 767px) {.col300, .col620 {display: block;}#content {display: block;}}
@media (max-width: 700px) {body {background: url(images/bg.png) repeat scroll 0 0 transparent!important;}#main-menu {display: none; padding-left: 0;}form #contact-form {padding: 10% 4% 5% 4%;}fieldset#contact-form {width: 80%;}fieldset#contact-form textarea,fieldset#contact-form input {padding: 0;margin-right: 20px;}}
@media (max-width: 555px) {fieldset#contact-form textarea,fieldset#contact-form input {padding: 0;margin-right: 10px;}fieldset#contact-form {width: 93%;}}
@media (max-width: 480px) {#header-img {padding:0;}#content img {box-shadow: none;clear: both;float: none !important;padding: 0;}#content img {float:none!important;clear:both;}#site-heading h3, #site-heading h4 {margin-left: 10px;}#site-title {font-size: 30px;margin-right: 10px;}#site-description {padding-left: 0;}h2, .h2 {font-size: 1.2em;line-height: 1.1em;}h3, .h3 {font-size: 1.05em;}.col620.clearfix {padding: 1.2em 20px;}.blog-post h2.blog-title {font-size: 16px;line-height: 21px;}.entry-title, .page-title {font-size: 1.3em;}}
@media (max-width: 450px) {fieldset#contact-form textarea{margin-top: 10px;float:right;}fieldset#contact-form #contact-button {margin-right: 10px;margin-top: 5px;}}
@media (max-width: 375px) {form #contact-form {margin:0;padding: 10% 3% 5% 9%;}fieldset#contact-form input {height: 25px;margin-bottom: 6px;float: left;margin-top: 0;padding: 0 7px;width: 97%;}fieldset#contact-form textarea {float: left;margin-top: 10px;width: 92%;}fieldset#contact-form input {float: left;margin-top: 0;padding: 0 7px;width: 88%;}.blog-date {font-size: 12px;padding-right: 5px;white-space: nowrap;}}

