/*
Theme Name: Charter Oak
Theme URL:
Description: Clean professional business theme
Author: Argenti Aertheri
Author URI: http://www.feministborg.com
Version: 1.0
Tags:
Change Log : 1.0.0.0 Original version
*/    


/* Temp fix */
#contact_page_form {display: none;}

/* NOTE TO SELF --
<div>[su_gmap address=""]</div>
*/

/* I am Argenti's annoyance */
span#Argenti:before {
font-family: genericons;
content: '\f217';
position: fixed;
top: 300px;
left: 16px;
font-size: 6em;
color: rgba(255, 255, 255, 1);
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1), -1px -1px 2px rgba(0, 0, 0, 1), 1px -1px 2px rgba(0, 0, 0, 1), -1px 1px 2px rgba(0, 0, 0, 1), 0 0 10px rgba(255, 0, 0, 1);
z-index: 999;
}
span#Randall {position: relative;
  color: rgba(0, 0, 255, 1);
  background-color: rgba(0, 255, 255, 1);
  top: 0;
  width: 100%;
  min-height: 64px;
  padding: 16px;
  z-index: 999;
  display: none;
  font-size: 1.5em;
}



/* DRAFT MAP STUFF */
#map_wrapper img {max-width: none;}
#map_wrapper {position: relative;}
#map-canvas {
  max-height: 500px;
  max-width: 500px;
  height: 500px;
  width: 100%;
  margin: 0px;
  display: inline-block;
  padding: 0px
}
#panel {
  position: absolute;
  left: 100px;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
}
#directions-panel {
  height: 100%;
  float: right;
  width: 390px;
  overflow: auto;
  display: inline-block;
}
#control {
  background: #fff;
  padding: 5px;
  font-size: 14px;
  font-family: Arial;
  border: 1px solid #ccc;
  box-shadow: 0 2px 2px rgba(33, 33, 33, 0.4);
  display: none;
}
@media screen and (max-width: 960px) {
  #map-canvas {max-width: 400px;}
}
@media print {
  #map-canvas {
    height: 500px;
    margin: 0;
  }
  #directions-panel {
    float: none;
    width: auto;
  }
}




/* ------------------------------------------
---------------------------------------------
   CSS RESET 
   http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
---------------------------------------------
--------------------------------------------- */
html, body, div, span, applet, object, iframe, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, 
strike, strong, tt, var, b, u, i, center, dl, dt, dd, li, fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, 
figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
table {border-collapse: collapse; border-spacing: 0;}


/* ------------------- HTML TAG SETTINGS -------------------- */
html {height: 100%;}
body { /* See the non-standard stuff for background */
  font-family: "andika", Calibri, "Gill Sans", Verdana, Arial, sans-serif;
  text-shadow: 1px 1px 1px #fff;
  color: #1a1a1a;
  height: 100%;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  position: relative;
  font-size: 14px;
  overflow: auto !important;
  line-height: 1.6em;
}
a:link, a:hover, a:visited, a:active {color: #8B0000;}
img {max-width: 100%; height: auto;}
ins {text-decoration: none; background: #E0E0E0; padding: 3px;}
ol, ul {list-style-position: outside; margin-left: 36px;}
ol {list-style: decimal;}
ul {list-style-type: square;}
b, strong {font-weight: bold; font-size: 1.05em;}
i, em, cite, var {font-style: italic;}
big {font-size: larger;}
small {font-size: smaller;}
del, strike {text-decoration: line-through;}
tt, code, kbd, pre, var {
  font-family: "droid_sans", "lucida console", "lucida sans typewriter", "Courier New", Courier, monospace;
  -ms-word-wrap: normal;
  word-wrap: normal;
}
code, pre {
  white-space: pre;
  overflow: auto;
  background: #E0E0E0;
  border: #c4c4c4 solid 1px;
  display: block;
  max-width: 100%;
  margin: 8px 0;
  padding: 0 6px;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75);
}
code pre, pre code, code code, pre pre {border: none;}
abbr, acronym {border-bottom: #333 dotted 1px;}
address {
  background: #E0E0E0;
  display: inline-block;
  padding: 6px;
  text-shadow: none;
}
p {margin: 12px 0;}
hr {margin: 16px 0;}
hr + p {margin-bottom: 8px;}
p + hr {margin-top: 8px;}

/* HEADERS */
h1, h2, h3, h4, h5, h6 {font-weight: bold; margin: 4px 0;}
h1, h2, h3 {font-family: midiet, Georgia, "Times New Roman", Times, serif; margin: 8px 0;}
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {margin-top: 0;}
h1 {font-size: 2.25em;}
h2 {font-size: 2em;}
h3 {font-size: 1.75em;}
h4 {font-size: 1.5em;}
h5 {font-size: 1.25em;}

/* VIDEO */
.embed-youtube{
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.embed-youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
iframe {max-width: 100%;}
video {max-width: 100%;}

/* BLOCKQUOTES */
blockquote {
  color: #000;
  text-shadow: 1px 1px 1px #ccc;
  border: rgba(51,51,51,0.55) solid 1px;
  border-top-color: rgba(239,239,239,0.55);
  border-left-color: rgba(239,239,239,0.55);
  box-shadow: 1px 1px 2px rgba(117,117,117,0.55);
}
blockquote p {
  margin-right: 2.5em;
  position: relative;
  left: 2.2em;
}
blockquote a:link, blockquote a:hover, blockquote a:visited, blockquote a:active {font-weight: bold; font-style: normal;}
blockquote cite {display: block; text-align: right;}
blockquote:before {
  font-family: 'genericons';
  content: '\f106';
  position: absolute;
  padding: 8px;
  color: rgba(34,34,34,0.55);
  font-size: 1em;
  text-shadow: 1px 1px 1px #ccc;
}

/* TABLES */
th, td {padding: 0 8px; text-align: left;} /* This breaks on iPhone, fix it */
table.lines {
  border: #333 solid 1px;
  border-top-color: #fff;
  border-left-color: #fff;
  box-shadow: 2px 2px 3px #ccc;
  background: rgba(0, 0, 0, 0.05);
}
table.lines th {font-weight: bolder;}
table.lines th, table.lines td {
  border-right: #bbb solid 1px;
  border-bottom: #bbb solid 1px;
  padding: 6px;
}
table.lines tr > th:first-child {border-right-width: 2px;}
table.lines thead {border-bottom: #bbb solid 2px;}
table.table_bkgd_alternating {}
td.table_heading {
  font-weight: bold;
  border-bottom: 2px ridge rgba(123, 123, 123, 0.3);
  padding-top: 12px;
  padding-left: 0;
  vertical-align: bottom;
}
td.table_indent {}

table.table_bkgd_alternating tr:nth-child(odd) td:not(.table_heading):not(.table_indent) {
  background: rgba(255, 255, 255, 0.4);
}

tr.multi_unit :nth-child(n+2) {
  text-align: center;
  padding-left: 2em;
  padding-right: 2em;
}

tr.single_unit :nth-child(n+2) {
  text-align: center;
  padding-left: 2em;
  padding-right: 2em;
}

/* DEFINITION LISTS */
dl {background: #e0e0e0; border: #c4c4c4 solid 1px; padding: 8px; padding-left: 16px;}
dt {
  font-style: italic;
  font-size: 1.25em;
  display: inline-block;
  border-bottom: #aaa solid 1px;
  font-weight: bold;
}
dd {margin-left: 16px;}


/* --------------- WORDPRESS CORE ----------------- */
.aligncenter, div.aligncenter {display: block; margin: 35px auto; clear: both;}
a img.aligncenter {margin-left: auto; margin-right: auto;}
.alignnone, .wp-caption.alignnone, a img.alignnone {margin: 35px 0; clear: both;}
.alignright, a img.alignright, .wp-caption.alignright {float: right; margin: 0 0 0 20px;}
.alignleft, a img.alignleft, .wp-caption.alignleft {float: left; margin: 0 20px 0 0;}
.wp-caption {
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px;
    padding-bottom: 0;
    text-align: center;
    background: #f7f7f7;
    border: 1px solid #d1d1d1;
}
.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;
}

/* --------------- CUSTOM GALLERY --------------- */
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hides slides before JS loads. Avoids image jumping */
.gallery_wrapper {position: relative; width: 45%; float: left;}
.gallery_wrapper ol, .gallery_wrapper ul {margin: 0 !important;}
.gallery_wrapper li {margin-left: 0 !important; list-style-position: none;}
.gallery_wrapper li:before {content: '' !important;}
.gallery_wrapper [id^="gallery"] ul {list-style: none;}
.gallery_wrapper [id^="gallery"] {margin: auto; position: relative;}
.gallery_wrapper [id^="gallery"] .gallery-item span {text-align: center;}
.gallery_wrapper [id$="carousel"].flexslider {height: auto;}
.gallery_wrapper [id$="carousel"] li {margin-left: 5px !important;}
.gallery_wrapper [id$="carousel"] li:first-child {margin-left: 0 !important;}
.gallery_wrapper [id$="carousel"] img {max-height: 100%; width: auto; border: 1px solid #cfcfcf; margin: 0 auto;}
.gallery_wrapper [id$="carousel"] .gallery_image_wrapper {display: inline-block;}
.gallery_image_wrapper {position: relative;}
.gallery_wrapper [id$="carousel"] .gallery-caption {display: none;}
.gallery_wrapper [id$="slider"] .gallery-caption {
  position: absolute;
  left: 0;
  z-index: 9;
  background: rgba(255,255,255,0.8);
  opacity: 0.8;
  border-radius: 4px;
  padding-left: 1%;
  padding-right: 1%;
  margin: 1%;
  color: rgba(0,0,0,0.8);
  font-weight: bold;
}
.gallery_wrapper [id$="slider"] img {width: 100%;}
.flex-direction-nav {position: static !important;}
.flex-direction-nav a {
  height: 40px;
  width: 40px;
  overflow: hidden;
  position: absolute;
  margin: -20px 0 0;
  top: 50%;
  text-align: center;
  text-decoration: none;
  opacity: 0.5;
  background: rgba(239, 239, 239, 0.7);
  text-shadow: 1px 1px 1px #fff;
  color: #000;
  z-index: 10;
}
.gallery-caption:hover,
.gallery-caption:focus,
.gallery-caption:active,
.flex-direction-nav a:hover,
.flex-direction-nav a:focus,
.flex-direction-nav a:active {
  opacity: 0.8;
  color: #000;
}
.flex-direction-nav a:before {
  font-family: 'Genericons';
  font-size: 32px;
  display: inline-block;
  margin-top: -12.5%;
}
a.flex-next:before {content: '\f501'; margin-right: -16px;}
a.flex-prev:before {content: '\f503'; margin-left: -16px;}
.flex-next {right: 0; border-radius: 4px 0 0 4px;}
.flex-prev {left: 0; border-radius: 0 4px 4px 0;}


/* ----------------------------------------
-------------------------------------------
  THE OBNOXIOUSLY NON-STANDARDIZED THINGS
-------------------------------------------
------------------------------------------- */
#social_networking_icons,
#social_networking_icons a,
.flex-direction-nav a,
.screen-reader-text,
#cntctfrm_contact_form .valid + span > label,
#cntctfrm_contact_form label.invalid,
#cntctfrm_contact_form label.invalid:after,
#cntctfrm_contact_form label.invalid:before,
.gallery-caption {
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
.search_button {
  -webkit-transition: box-shadow 1s;
  transition: box-shadow 1s;
}
#arrow {
  background-size: 100%;
  -moz-background-size: 100% 100%;
  -webkit-background-size: 100%;
  -o-background-size: 100%;
}
#logo:before {transition: box-shadow ease-out 0.2s;}
#logo:after {transition: box-shadow ease-out 0.1s;}
#logo:hover:before {
  box-shadow: 0 0 0 6px rgba(255, 255, 255, 1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
#logo:hover:after {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 1);
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
}

/* GRADIENTS */
body {
  background:
    -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,1) 15%, rgba(0,0,0,0) 16%),
    -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,1) 15%, rgba(0,0,0,0) 16%),
    -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.1) 15%, rgba(0,0,0,0) 20%),
    -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.1) 15%, rgba(0,0,0,0) 20%);
  background:
    -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(15%,rgba(0,0,0,1)), color-stop(16%,rgba(0,0,0,0))),
    -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(15%,rgba(0,0,0,1)), color-stop(16%,rgba(0,0,0,0))),
    -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(15%,rgba(255,255,255,0.1)), color-stop(20%,rgba(0,0,0,0))),
    -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(15%,rgba(255,255,255,0.1)), color-stop(20%,rgba(0,0,0,0)));
  background:
    -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,1) 15%,rgba(0,0,0,0) 16%),
    -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,1) 15%,rgba(0,0,0,0) 16%),
    -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.1) 15%,rgba(0,0,0,0) 20%),
    -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.1) 15%,rgba(0,0,0,0) 20%);
  background:
    -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,1) 15%,rgba(0,0,0,0) 16%),
    -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,1) 15%,rgba(0,0,0,0) 16%),
    -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.1) 15%,rgba(0,0,0,0) 20%),
    -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.1) 15%,rgba(0,0,0,0) 20%);
  background:
    -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,1) 15%,rgba(0,0,0,0) 16%),
    -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,1) 15%,rgba(0,0,0,0) 16%),
    -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.1) 15%,rgba(0,0,0,0) 20%),
    -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.1) 15%,rgba(0,0,0,0) 20%);
 background:
    radial-gradient(ellipse at center,  rgba(0,0,0,1) 15%,rgba(0,0,0,0) 16%),
    radial-gradient(ellipse at center,  rgba(0,0,0,1) 15%,rgba(0,0,0,0) 16%),
    radial-gradient(ellipse at center,  rgba(255,255,255,0.1) 15%,rgba(0,0,0,0) 20%),
    radial-gradient(ellipse at center,  rgba(255,255,255,0.1) 15%,rgba(0,0,0,0) 20%);
  background:
    radial-gradient(black 15%, transparent 16%) 0 0,
    radial-gradient(black 15%, transparent 16%) 8px 8px,
    radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
    radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
  background-color:#282828;
  background-size:16px 16px;
} /* But hey, it looks good right? */

.search-field {
  background: #D5D5D5;
  background: -moz-linear-gradient(top, rgba(213, 213, 213, 1) 0%, rgba(252, 252, 252, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(213, 213, 213, 1) 0%, rgba(252, 252, 252, 1) 100%);
  background: -o-linear-gradient(top, rgba(213, 213, 213, 1) 0%, rgba(252, 252, 252, 1) 100%);
  background: -ms-linear-gradient(top, rgba(213, 213, 213, 1) 0%, rgba(252, 252, 252, 1) 100%);
  background: linear-gradient(to bottom, rgba(213, 213, 213, 1) 0%, rgba(252, 252, 252, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5d5d5', endColorstr='#fcfcfc', GradientType=0);
}

.search_button {
  background: #E4E4E5;
  background: -webkit-linear-gradient(top, rgb(228, 228, 229) 0%, rgb(149, 146, 150) 100%);
  background: -o-linear-gradient(top, rgb(228, 228, 229) 0%, rgb(149, 146, 150) 100%);
  background: -ms-linear-gradient(top, rgb(228, 228, 229) 0%, rgb(149, 146, 150) 100%);
  background: -moz-linear-gradient(top, rgb(228, 228, 229) 0%, rgb(149, 146, 150) 100%);
  background: linear-gradient(to bottom, rgb(228, 228, 229) 0%, rgb(149, 146, 150) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E4E4E5', endColorstr='#959296',GradientType=0 );
}

#header_wrapper {
  background: #959296;
  background: -webkit-linear-gradient(top, rgb(149, 146, 150) 0%, rgb(228, 228, 229) 50%, rgb(149, 146, 150) 100%);
  background: -o-linear-gradient(top, rgb(149, 146, 150) 0%, rgb(228, 228, 229) 50%, rgb(149, 146, 150) 100%);
  background: -ms-linear-gradient(top, rgb(149, 146, 150) 0%, rgb(228, 228, 229) 50%, rgb(149, 146, 150) 100%);
  background: -moz-linear-gradient(top, rgb(149, 146, 150) 0%, rgb(228, 228, 229) 50%, rgb(149, 146, 150) 100%);
  background: linear-gradient(to bottom, rgb(149, 146, 150) 0%, rgb(228, 228, 229) 50%, rgb(149, 146, 150) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959296', endColorstr='#959296',GradientType=0 );
}

blockquote,
#main_nav div:first-child,
#main_nav li,
body:not(.archive):not(.search) #loop_wrapper .post .title,
#sidebar h3,
#commentform input[type="submit"]:hover,
.contact_admin input[type="submit"]:hover {
  background: #757575;
  background: -moz-linear-gradient(top,  rgba(117,117,117,1) 0%, rgba(73,73,73,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(117,117,117,1)), color-stop(100%,rgba(73,73,73,1)));
  background: -webkit-linear-gradient(top,  rgba(117,117,117,1) 0%,rgba(73,73,73,1) 100%);
  background: -o-linear-gradient(top,  rgba(117,117,117,1) 0%,rgba(73,73,73,1) 100%);
  background: -ms-linear-gradient(top,  rgba(117,117,117,1) 0%,rgba(73,73,73,1) 100%);
  background: linear-gradient(to bottom,  rgba(117,117,117,1) 0%,rgba(73,73,73,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#494949',GradientType=0 );
}

#contact_info_wrapper {
  background: #515151;
  background: -moz-linear-gradient(top,  rgba(81,81,81,1) 0%, rgba(38,38,38,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(81,81,81,1)), color-stop(100%,rgba(38,38,38,1)));
  background: -webkit-linear-gradient(top,  rgba(81,81,81,1) 0%,rgba(38,38,38,1) 100%);
  background: -o-linear-gradient(top,  rgba(81,81,81,1) 0%,rgba(38,38,38,1) 100%);
  background: -ms-linear-gradient(top,  rgba(81,81,81,1) 0%,rgba(38,38,38,1) 100%);
  background: linear-gradient(to bottom,  rgba(81,81,81,1) 0%,rgba(38,38,38,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#262626',GradientType=0 );
}

#main_nav a:hover {
  background: #494949;
  background: -moz-linear-gradient(top,  rgba(73,73,73,1) 0%, rgba(117,117,117,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,73,73,1)), color-stop(100%,rgba(117,117,117,1)));
  background: -webkit-linear-gradient(top,  rgba(73,73,73,1) 0%,rgba(117,117,117,1) 100%);
  background: -o-linear-gradient(top,  rgba(73,73,73,1) 0%,rgba(117,117,117,1) 100%);
  background: -ms-linear-gradient(top,  rgba(73,73,73,1) 0%,rgba(117,117,117,1) 100%);
  background: linear-gradient(to bottom,  rgba(73,73,73,1) 0%,rgba(117,117,117,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#757575',GradientType=0 );
}

#footer {
  background: #494949;
  background: -moz-linear-gradient(bottom,  rgba(73,73,73,1) 0%, rgba(117,117,117,1) 100%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(73,73,73,1)), color-stop(100%,rgba(117,117,117,1)));
  background: -webkit-linear-gradient(bottom,  rgba(73,73,73,1) 0%,rgba(117,117,117,1) 100%);
  background: -o-linear-gradient(bottom,  rgba(73,73,73,1) 0%,rgba(117,117,117,1) 100%);
  background: -ms-linear-gradient(bottom,  rgba(73,73,73,1) 0%,rgba(117,117,117,1) 100%);
  background: linear-gradient(to top,  rgba(73,73,73,1) 0%,rgba(117,117,117,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757575', endColorstr='#494949',GradientType=0 );
}

#main_nav .current-menu-item > a,
#main_nav .current_page_item > a,
#commentform input[type="submit"],
.contact_admin input[type="submit"] {
  background: #848484;
  background: -moz-linear-gradient(top,  rgba(132,132,132,1) 0%, rgba(93,93,93,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(132,132,132,1)), color-stop(100%,rgba(93,93,93,1)));
  background: -webkit-linear-gradient(top,  rgba(132,132,132,1) 0%,rgba(93,93,93,1) 100%);
  background: -o-linear-gradient(top,  rgba(132,132,132,1) 0%,rgba(93,93,93,1) 100%);
  background: -ms-linear-gradient(top,  rgba(132,132,132,1) 0%,rgba(93,93,93,1) 100%);
  background: linear-gradient(to bottom,  rgba(132,132,132,1) 0%,rgba(93,93,93,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#5d5d5d',GradientType=0 );
}

#banner_wrapper {
  background: #222222;
  background: -moz-linear-gradient(top,  #222222 0%, #333333 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#333333));
  background: -webkit-linear-gradient(top,  #222222 0%,#333333 100%);
  background: -o-linear-gradient(top,  #222222 0%,#333333 100%);
  background: -ms-linear-gradient(top,  #222222 0%,#333333 100%);
  background: linear-gradient(to bottom,  #222222 0%,#333333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#333333',GradientType=0 );
}

#commentform textarea {
  background: #474747;
  background: -moz-linear-gradient(top,  rgba(71,71,71,0.65) 0%, rgba(71,71,71,0.5) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(71,71,71,0.65)), color-stop(100%,rgba(71,71,71,0.5)));
  background: -webkit-linear-gradient(top,  rgba(71,71,71,0.65) 0%,rgba(71,71,71,0.5) 100%);
  background: -o-linear-gradient(top,  rgba(71,71,71,0.65) 0%,rgba(71,71,71,0.5) 100%);
  background: -ms-linear-gradient(top,  rgba(71,71,71,0.65) 0%,rgba(71,71,71,0.5) 100%);
  background: linear-gradient(to bottom,  rgba(71,71,71,0.65) 0%,rgba(71,71,71,0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6474747', endColorstr='#80474747',GradientType=0 );
}

#cntctfrm_contact_form label.invalid {
  background: #F91800;
  background: -moz-linear-gradient(top,  rgba(249,24,0,1) 0%, rgba(183,0,0,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,24,0,1)), color-stop(100%,rgba(183,0,0,1)));
  background: -webkit-linear-gradient(top,  rgba(249,24,0,1) 0%,rgba(183,0,0,1) 100%);
  background: -o-linear-gradient(top,  rgba(249,24,0,1) 0%,rgba(183,0,0,1) 100%);
  background: -ms-linear-gradient(top,  rgba(249,24,0,1) 0%,rgba(183,0,0,1) 100%);
  background: linear-gradient(to bottom,  rgba(249,24,0,1) 0%,rgba(183,0,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f91800', endColorstr='#b70000',GradientType=0 );
}

#cntctfrm_contact_form .valid + span > label {
  background: #4BB500;
  background: -moz-linear-gradient(top,  rgba(75,181,0,1) 0%, rgba(15,119,0,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(75,181,0,1)), color-stop(100%,rgba(15,119,0,1)));
  background: -webkit-linear-gradient(top,  rgba(75,181,0,1) 0%,rgba(15,119,0,1) 100%);
  background: -o-linear-gradient(top,  rgba(75,181,0,1) 0%,rgba(15,119,0,1) 100%);
  background: -ms-linear-gradient(top,  rgba(75,181,0,1) 0%,rgba(15,119,0,1) 100%);
  background: linear-gradient(to bottom,  rgba(75,181,0,1) 0%,rgba(15,119,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bb500', endColorstr='#0f7700',GradientType=0 );
}


/* -------------------------
----------------------------
   THIS A BOX & AN ARROW
----------------------------
---------------------------- */
.box {
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-top-color: rgba(255,255,255, 1);
  border-left-color: rgba(255,255,255, 1);
  display: inline-block;
  padding: 4px 12px;
  border-radius: 8px;
  background: rgb(210, 210, 210);
  background: -moz-linear-gradient(top, rgba(210, 210, 210, 1) 0%, rgba(192, 192, 192, 1) 40%, rgba(149, 149, 149, 1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(210, 210, 210, 1)), color-stop(40%, rgba(192, 192, 192, 1)), color-stop(100%, rgba(149, 149, 149, 1)));
  background: -webkit-linear-gradient(top, rgba(210, 210, 210, 1) 0%, rgba(192, 192, 192, 1) 40%, rgba(149, 149, 149, 1) 100%);
  background: -o-linear-gradient(top, rgba(210, 210, 210, 1) 0%, rgba(192, 192, 192, 1) 40%, rgba(149, 149, 149, 1) 100%);
  background: -ms-linear-gradient(top, rgba(210, 210, 210, 1) 0%, rgba(192, 192, 192, 1) 40%, rgba(149, 149, 149, 1) 100%);
  background: linear-gradient(to bottom, rgba(210, 210, 210, 1) 0%, rgba(192, 192, 192, 1) 40%, rgba(149, 149, 149, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2d2d2', endColorstr='#959595', GradientType=0);
  box-shadow: 2px 2px 5px 0px rgba(0,0,0, 0.8);
  word-break: break-word;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);
}
.box_w_ribbon {margin: 0 3.5em 12px; padding-bottom: 12px;}
.ribbon_title {
  color: rgba(255, 255, 255, 1);
  text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.9);
  box-shadow: 0px 4px 2px -4px rgba(0, 0, 0, 1);
  margin: 8px -1em;
  text-align: center;
  position: relative;
  background: rgb(172, 0, 0);
  background: -moz-linear-gradient(top, rgba(172, 0, 0, 1) 0%, rgba(92, 0, 0, 1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(172, 0, 0, 1)), color-stop(100%, rgba(92, 0, 0, 1)));
  background: -webkit-linear-gradient(top, rgba(172, 0, 0, 1) 0%, rgba(92, 0, 0, 1) 100%);
  background: -o-linear-gradient(top, rgba(172, 0, 0, 1) 0%, rgba(92, 0, 0, 1) 100%);
  background: -ms-linear-gradient(top, rgba(172, 0, 0, 1) 0%, rgba(92, 0, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(172, 0, 0, 1) 0%, rgba(92, 0, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ac0000', endColorstr='#5c0000', GradientType=0);
}
.ribbon_title:before, .ribbon_title:after {
  content: '';
  position: absolute;
  display: block;
  bottom: -0.75em;
  border: 0.75em solid rgba(152, 0, 0, 1);
  border-top-color: rgba(172, 0, 0, 1);
  z-index: -2;
}
.ribbon_title:after {
  right: -1em;
  border-right-color: transparent;
  box-shadow: -1px 2px 1px 0px rgba(0, 0, 0, 0.5);
}
.ribbon_title:before {
  left: -1em;
  border-left-color: transparent;
  box-shadow: 1px 2px 1px 0px rgba(0, 0, 0, 0.5);
}
.ribbon_title div:before, .ribbon_title div:after {
  content: '';
  position: absolute;
  display: block;
  border-style: solid;
  bottom: -0.5em;
  border-color: transparent;
  border-top-color: rgba(60, 0, 0, 1);
  z-index: -1;
}
.ribbon_title div:first-of-type:before {left: 0; border-width: 0.5em 0 0 0.5em;}
.ribbon_title div:first-of-type:after {right: 0; border-width: 0.5em 0.5em 0 0;}
#arrow {
  position: relative;
  height: 214px;
  display: inline-block;
  width: 172px;
  float: left;
  top: 32px;
  left: -80px;
}
#arrow_top, #arrow_bottom {
  height: 50%;
  width: 100%;
  display: block;
}
#arrow_top {
  background: -moz-linear-gradient(70deg,  rgba(221,221,221,0) 19%, rgba(221,221,221,1) 20%, rgba(221,221,221,1) 21%, rgba(10,10,10,1) 22%, rgba(221,221,221,1) 24%, rgba(221,221,221,1) 25%, rgba(10,10,10,1) 29%, rgba(10,10,10,1) 31%, rgba(221,221,221,1) 39%, rgba(221,221,221,1) 45%, rgba(10,10,10,1) 55%, rgba(10,10,10,1) 61%, rgba(221,221,221,1) 69%, rgba(221,221,221,1) 71%, rgba(10,10,10,1) 75%, rgba(10,10,10,1) 76%, rgba(221,221,221,1) 78%, rgba(10,10,10,1) 79%, rgba(10,10,10,1) 80%, rgba(10,10,10,0) 81%);
  background: -webkit-linear-gradient(70deg,  rgba(221,221,221,0) 19%,rgba(221,221,221,1) 20%,rgba(221,221,221,1) 21%,rgba(10,10,10,1) 22%,rgba(221,221,221,1) 24%,rgba(221,221,221,1) 25%,rgba(10,10,10,1) 29%,rgba(10,10,10,1) 31%,rgba(221,221,221,1) 39%,rgba(221,221,221,1) 45%,rgba(10,10,10,1) 55%,rgba(10,10,10,1) 61%,rgba(221,221,221,1) 69%,rgba(221,221,221,1) 71%,rgba(10,10,10,1) 75%,rgba(10,10,10,1) 76%,rgba(221,221,221,1) 78%,rgba(10,10,10,1) 79%,rgba(10,10,10,1) 80%,rgba(10,10,10,0) 81%);
  background: -o-linear-gradient(70deg,  rgba(221,221,221,0) 19%,rgba(221,221,221,1) 20%,rgba(221,221,221,1) 21%,rgba(10,10,10,1) 22%,rgba(221,221,221,1) 24%,rgba(221,221,221,1) 25%,rgba(10,10,10,1) 29%,rgba(10,10,10,1) 31%,rgba(221,221,221,1) 39%,rgba(221,221,221,1) 45%,rgba(10,10,10,1) 55%,rgba(10,10,10,1) 61%,rgba(221,221,221,1) 69%,rgba(221,221,221,1) 71%,rgba(10,10,10,1) 75%,rgba(10,10,10,1) 76%,rgba(221,221,221,1) 78%,rgba(10,10,10,1) 79%,rgba(10,10,10,1) 80%,rgba(10,10,10,0) 81%);
  background: -ms-linear-gradient(70deg,  rgba(221,221,221,0) 19%,rgba(221,221,221,1) 20%,rgba(221,221,221,1) 21%,rgba(10,10,10,1) 22%,rgba(221,221,221,1) 24%,rgba(221,221,221,1) 25%,rgba(10,10,10,1) 29%,rgba(10,10,10,1) 31%,rgba(221,221,221,1) 39%,rgba(221,221,221,1) 45%,rgba(10,10,10,1) 55%,rgba(10,10,10,1) 61%,rgba(221,221,221,1) 69%,rgba(221,221,221,1) 71%,rgba(10,10,10,1) 75%,rgba(10,10,10,1) 76%,rgba(221,221,221,1) 78%,rgba(10,10,10,1) 79%,rgba(10,10,10,1) 80%,rgba(10,10,10,0) 81%);
  background: linear-gradient(70deg,  rgba(221,221,221,0) 19%,rgba(221,221,221,1) 20%,rgba(221,221,221,1) 21%,rgba(10,10,10,1) 22%,rgba(221,221,221,1) 24%,rgba(221,221,221,1) 25%,rgba(10,10,10,1) 29%,rgba(10,10,10,1) 31%,rgba(221,221,221,1) 39%,rgba(221,221,221,1) 45%,rgba(10,10,10,1) 55%,rgba(10,10,10,1) 61%,rgba(221,221,221,1) 69%,rgba(221,221,221,1) 71%,rgba(10,10,10,1) 75%,rgba(10,10,10,1) 76%,rgba(221,221,221,1) 78%,rgba(10,10,10,1) 79%,rgba(10,10,10,1) 80%,rgba(10,10,10,0) 81%);
}

#arrow_bottom {
  background: -moz-linear-gradient(-20deg,  rgba(221,221,221,0) 19%, rgba(221,221,221,1) 20%, rgba(221,221,221,1) 21%, rgba(10,10,10,1) 22%, rgba(221,221,221,1) 24%, rgba(221,221,221,1) 25%, rgba(10,10,10,1) 29%, rgba(10,10,10,1) 31%, rgba(221,221,221,1) 39%, rgba(221,221,221,1) 45%, rgba(10,10,10,1) 55%, rgba(10,10,10,1) 61%, rgba(221,221,221,1) 69%, rgba(221,221,221,1) 71%, rgba(10,10,10,1) 75%, rgba(10,10,10,1) 76%, rgba(221,221,221,1) 78%, rgba(10,10,10,1) 79%, rgba(10,10,10,1) 80%, rgba(10,10,10,0) 81%);
  background: -webkit-linear-gradient(-20deg,  rgba(221,221,221,0) 19%,rgba(221,221,221,1) 20%,rgba(221,221,221,1) 21%,rgba(10,10,10,1) 22%,rgba(221,221,221,1) 24%,rgba(221,221,221,1) 25%,rgba(10,10,10,1) 29%,rgba(10,10,10,1) 31%,rgba(221,221,221,1) 39%,rgba(221,221,221,1) 45%,rgba(10,10,10,1) 55%,rgba(10,10,10,1) 61%,rgba(221,221,221,1) 69%,rgba(221,221,221,1) 71%,rgba(10,10,10,1) 75%,rgba(10,10,10,1) 76%,rgba(221,221,221,1) 78%,rgba(10,10,10,1) 79%,rgba(10,10,10,1) 80%,rgba(10,10,10,0) 81%);
  background: -o-linear-gradient(-20deg,  rgba(221,221,221,0) 19%,rgba(221,221,221,1) 20%,rgba(221,221,221,1) 21%,rgba(10,10,10,1) 22%,rgba(221,221,221,1) 24%,rgba(221,221,221,1) 25%,rgba(10,10,10,1) 29%,rgba(10,10,10,1) 31%,rgba(221,221,221,1) 39%,rgba(221,221,221,1) 45%,rgba(10,10,10,1) 55%,rgba(10,10,10,1) 61%,rgba(221,221,221,1) 69%,rgba(221,221,221,1) 71%,rgba(10,10,10,1) 75%,rgba(10,10,10,1) 76%,rgba(221,221,221,1) 78%,rgba(10,10,10,1) 79%,rgba(10,10,10,1) 80%,rgba(10,10,10,0) 81%);
  background: -ms-linear-gradient(-20deg,  rgba(221,221,221,0) 19%,rgba(221,221,221,1) 20%,rgba(221,221,221,1) 21%,rgba(10,10,10,1) 22%,rgba(221,221,221,1) 24%,rgba(221,221,221,1) 25%,rgba(10,10,10,1) 29%,rgba(10,10,10,1) 31%,rgba(221,221,221,1) 39%,rgba(221,221,221,1) 45%,rgba(10,10,10,1) 55%,rgba(10,10,10,1) 61%,rgba(221,221,221,1) 69%,rgba(221,221,221,1) 71%,rgba(10,10,10,1) 75%,rgba(10,10,10,1) 76%,rgba(221,221,221,1) 78%,rgba(10,10,10,1) 79%,rgba(10,10,10,1) 80%,rgba(10,10,10,0) 81%);
  background: linear-gradient(110deg,  rgba(221,221,221,0) 19%,rgba(221,221,221,1) 20%,rgba(221,221,221,1) 21%,rgba(10,10,10,1) 22%,rgba(221,221,221,1) 24%,rgba(221,221,221,1) 25%,rgba(10,10,10,1) 29%,rgba(10,10,10,1) 31%,rgba(221,221,221,1) 39%,rgba(221,221,221,1) 45%,rgba(10,10,10,1) 55%,rgba(10,10,10,1) 61%,rgba(221,221,221,1) 69%,rgba(221,221,221,1) 71%,rgba(10,10,10,1) 75%,rgba(10,10,10,1) 76%,rgba(221,221,221,1) 78%,rgba(10,10,10,1) 79%,rgba(10,10,10,1) 80%,rgba(10,10,10,0) 81%);
}

/* ONE TIME STUFF */
body.page-moving-sale .title, .FAQ h4:before {
  background: rgb(172,0,5);
  background: -moz-linear-gradient(top,  rgba(172,0,5,1) 0%, rgba(213,47,51,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(172,0,5,1)), color-stop(100%,rgba(213,47,51,1)));
  background: -webkit-linear-gradient(top,  rgba(172,0,5,1) 0%,rgba(213,47,51,1) 100%);
  background: -o-linear-gradient(top,  rgba(172,0,5,1) 0%,rgba(213,47,51,1) 100%);
  background: -ms-linear-gradient(top,  rgba(172,0,5,1) 0%,rgba(213,47,51,1) 100%);
  background: linear-gradient(to bottom,  rgba(172,0,5,1) 0%,rgba(213,47,51,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ac0005', endColorstr='#d52f33',GradientType=0 );
}

/* ----------------------
-------------------------
   GENERAL LAYOUT
-------------------------
------------------------- */
.good:before, .bad:before {
  font-family: Genericons;
  font-size: 1.25em;
  font-weight: bold;
  position: relative;
  top: 0.25em;
  line-height: 1em;
}
.good:before {content: '\f418'; color: rgba(34, 139, 34, 0.9);}
.bad:before {content: '\f405'; color: rgba(255, 75, 75, 0.9);}
.clear_float {clear: both; margin-bottom: 16px;}
.float_right {float: right; width: 53%;}
.navigation_archive_top a {margin-bottom: 20px;}
.navigation_single_bottom div {max-width: 48%;}
.navigation_archive_bottom div {margin-bottom: 16px;}
.search-highlight {
  background: rgba(0, 0, 0, 0.15);
  padding: 0 3px;
  display: inline;
  border-radius: 3px;
}
.search-results .wp-caption-text {display: none;}
.screen-reader-text {position: absolute; left: -99999999px;}
.screen-reader-text:focus {
  left: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0 0 2px 0;
  padding: 4px;
}
#content_wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
}


/* ----------------------
-------------------------
   HEADER
-------------------------
------------------------- */
#header_wrapper {
  position: relative;
  text-shadow: 0px 2px 3px #fff;
  width: 90%;
  padding-left: 10%;
  height: 154px;
  padding-top: 30px;
  padding-bottom: 30px;
}
#logo {
  position: absolute;
  max-width: 144px;
  background: #fff;
}
#logo img {
  min-height: 140px;
  min-width: 140px;
  border: 2px solid black;
  padding: 0;
  margin: 0 -2px -3px -2px;
}
#logo, #logo img, #logo:before, #logo:after {border-radius: 50%;}
#logo:before,
#logo:after
{
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  top: 0px;
  left: 0px;
}
#logo:hover:before, #logo:hover:after {opacity: 0.3;}
#header_info {
  display: inline-block;
  padding-top: 20px;
  position: absolute;
  left: 350px;
  right: 460px;
  font-size: 3em;
}
#blog_title a:visited,
#blog_title a:active,
#blog_title a:link,
#blog_title a:hover {
  font-family: "dayposterblack", Copperplate, impact, tahoma, "Times New Roman", Times, serif;
  text-decoration: none;
  color: rgba(92, 0, 0, 1);
  letter-spacing: 0.05em;
  text-shadow:
    0px 1px 0px #999,
    0px 2px 0px #888,
    0px 3px 0px #777,
    1px 3px 5px #001135;
}
#blog_title {width: 100%; font-size: 0.9em; line-height: 0.8em;}
#blog_subtitle {
  font-size: 0.4em;
  font-family: "dayposterblack", Copperplate, impact, tahoma, "Times New Roman", Times, serif;
  letter-spacing: 0.04em;
  line-height: 1.2em;
  word-spacing: 0.2em;
  width: 100%;
  font-weight: normal;
  text-shadow: 1px 1px 1px rgba(255,255,255, 0.4)
}
            
/* --------------- CONTACT INFO --------------- */
#contact_info_wrapper {
  position: absolute;
  right: 0;
  top: -32px;
  bottom: 0;
  width: 380px;
  padding-right: 6px;
}
#contact_info {
  position: absolute;
  margin-top: 92px;
  left: 110px;
  color: #eee;
  text-shadow: 1px 1px 5px #000;
  font-size: 1.5em;
  line-height: 0.7em;
  width: 276px;
}
#contact_info p {width: 100%; font-size: 0.65em;}
#contact_info a {font-size: 0.75em; color: #eee;}

/* --------------- SEARCH BOX --------------- */
#search_container {
  position: absolute;
  top: 52px;
  left: 96px;
  width: 254px;
  height: 36px;
}
.search-field {
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-right-color: rgba(255, 255, 255, 0.7);
  border-radius: 34px;
  height: 32px;
  width: 200px;
  margin: 0;
  padding: 0 0 0 12px;
  position: relative;
  z-index: 9;
}
.search-form {
  position: relative;
  border-width: 1px;
  border-style: solid;
  border-color: #333 #999 #999 #333;
  box-shadow: rgba(255, 255, 255, 1) -1px -1px 1px 0px, rgba(0, 0, 0, 1) 1px 1px 1px 0px;
  border-radius: 34px;
}
.genericon-search:before {
  content: '\f400';
  font-family: 'Genericons';
  padding: 3px;
  float: right;
  top: 4px;
  right: 3px;
  position: relative;
  text-shadow: 1px 1px 0px #fff, -1px -1px 0px #000;
  color: #999;
  float: right;
  font-weight: bold;
}
.search-submit {
  background: none;
  border: none;
  padding: 0;
  font-family: 'Genericons';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.search_button {
  position: absolute;
  right: 0;
  top: -1px;
  margin: 0;
  font-size: 2em !important;
  width: 53px;
  height: 100%;
  border-radius: 0 34px 34px 0;
  padding: 1px 0;
  box-shadow: rgb(255, 255, 255) -1px -1px 1px 0px, rgb(0, 0, 0) 1px 1px 1px 0px;
}
input.search-field:focus {outline: none; box-shadow: inset 0px 0px 7px 0px rgba(0, 155, 255, 0.8);}
.search_button:hover {box-shadow: 0px 0px 24px #aaa inset;}
/* A smidge of adjusting for the sidebar */
#sidebar .genericon-search:before {line-height: 1;}
#sidebar .search-form {
  border-color: #999 #fff #fff #999;
  width: 254px;
  height: 34px;
  margin: 0 auto;
}
#sidebar .search-field {height: 33px;}


/* --------------- NAV MENU --------------- */
#main_nav {
  height: auto;
  clear: both;
  position: relative;
  z-index: 99;
  border-top: 1px solid rgba(200, 200, 200, 1);
  border-bottom: 1px solid #333;
}
#main_nav div:first-child {padding: 0 9%; min-height: 32px;}
#main_nav .clear_menu {clear: both;}
#main_nav ul {padding: 0; margin: 0; z-index: 99; position: relative;}
#main_nav li {
  display: block;
  float: left;
  line-height: 32px;
  height: 32px;
  position: relative; /* this is needed in order to position sub menus */
  cursor: pointer;
}
#main_nav li a {
  display: block;
  line-height: 32px;
  padding: 0 16px;
  color: #efefef;
  text-shadow: 0 0 4px #000;
  text-decoration: none;
}
#main_nav .current-menu-item ul.children li, #main_nav .current_page_item ul.children li {background: #5D5D5D;}
#main_nav ul ul {display: none; position: absolute; border-top: #aaa solid 2px; z-index: 999; width: 250px !important;} /* target submenus and hide */
#main_nav ul ul li {float: none; background: #494949; height: auto; width: 250px;} /* set submenu width, must match value below */
#main_nav.no-js ul li:hover > ul {display: block;} /* show sub menus when hovering over a parent */
#main_nav ul ul li a {padding: 5px 10px;} /* target all sub menu item links */
#main_nav ul ul li ul {left: 250px; top: 0px; z-index: 999;} /* target level 2+ , left matches width above */


/* -------------- CAROUSEL -------------- */
#banner_wrapper {
  padding: 32px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  box-shadow: 0px 5px 9px rgba(0,0,0,0.5) inset;
}
#banner_wrapper .flexslider {margin: 0 auto;}
#banner_wrapper li {text-align: center; height: 300px; position: relative; left: -40px;}
#banner_wrapper li:last-child {float: none !important;}
#banner_wrapper img {width: auto !important; border: 1px solid #000; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); height: 98% !important;}
#banner_wrapper .slider_caption {display: block;}


/* ---------------------------------
------------------------------------
   CONTENT FORMATTING
------------------------------------
------------------------------------ */
#loop_wrapper {
  padding: 0 1%;
  background: rgba(220, 220, 220, 1);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-color: rgba(255, 255, 255, 1) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) rgba(255, 255, 255, 1);
  border-radius: 8px;
  box-shadow: 4px 3px 3px 0px rgba(0, 0, 0, 0.5);
  line-height: 1.65;
  text-shadow: 1px 1px 1px #fff;
  margin-left: 10%;
  margin-top: 16px;
}
#loop_wrapper.no_sidebar {width: 78%;}
#loop_wrapper.has_sidebar {float: left; width: 60%;}
.post_content {position: relative; padding-bottom: 16px;}
.post {clear: both; margin-top: 16px;}
.post .title a span:after {font-family: 'Genericons'; content: '\f107';}
.sticky {background: rgba(200,200,200,0.2);}
.sticky:before {
  content: '\f308';
  font-family: 'Genericons';
  font-size: 24px;
  font-style: normal;
  float: left;
  padding: 6px 0 6px 8px;
  color: #ddd;
  text-shadow: 1px 1px 1px #999;
}
#loop_wrapper .title {
  font-weight: bold;
  font-family: midiet, Georgia, "Times New Roman", Times, serif;
  color: rgba(139, 0, 0, 0.8);
  text-shadow:
    1px 1px 0px rgba(255, 255, 255, 1),
    0px 0px 1px rgba(0, 0, 0, 0.8),
    0px 0px 2px rgba(255, 255, 255, 1);
}
#loop_wrapper .title a {
  text-decoration: none;
}
body:not(.page) .post_content {padding: 0 12px 12px;}
.comments:before,
.time:before,
.author:before,
.categories:before,
.tags:before {
  font-family: 'Genericons';
  padding: 0 6px;
  color: #333;
}
.comments:before {content: '\f108';}
.time:before {content: '\f307';}
.categories:before {content: '\f301';}
.tags:before {content: '\f302';}
.author:before {content: '\f200';}
.post .post_meta {padding: 8px 16px; height: auto; border-bottom: #aaa solid 1px; margin-bottom: 4px;}
*:not(.post) .post_meta {padding: 0 0 4px 0;}


/* -----------------------------------------
--------------------------------------------
   CONTACT FORM, COMMENTS & AUTHOR BLURB
--------------------------------------------
-------------------------------------------- */
.page #comments {width: 100%;}
.comments_title, #reply-title, .nocomments {
  color: rgba(139,0,0,1);
  font-family: midiet, Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  line-height: 1;
  margin: 16px 0;
}
.nocomments {font-size: 24px; text-align: center; float: none;}
.form_allowed_tags code {white-space: normal; display: block; margin: 8px 0; overflow: visible;}
.logged-in-as {font-size: 1.25em;}
.contact_admin form {width: 50%; margin-bottom: 48px;}
.contact_admin form div {display: inline;}
p.form-submit {width: 100%}
.contact_admin div[style*="color: red"]:first-child {display: block;}
.contact_admin div[style*="color: red"] {color: #c00 !important; font-weight: bold;}
.contact_admin .required {color: #c00;}
#cntctfrm_thanks {font-size: 2em; text-align: center;}
#cntctfrm_contact_attachment + label {display: block;}
.contact_admin form div:last-child:after {
  content: '\f412';
  font-family: genericons;
  float: right;
  position: relative;
  left: 1.25em;
  font-size: 1.5em;
  color: #efefef;
  text-shadow: 0 0 4px #000;
}
.contact_admin input[type="submit"] {text-indent: 1em;}

/* --------- FORMAT COMMENTS --------- */
.commentlist {margin: 32px 0;}
.commentlist .comment {
  margin: 24px 0;
  background: #e0e0e0;
  position: relative;
  clear: both;
  box-shadow: 1px 1px 2px 1px #fff, -1px -1px 2px 1px #999;
}
.commentlist .gravatar {position: absolute; padding: 8px;}
.comment_name_time {padding: 4px 0; display: block; position: relative; width: 100%;}
.comment_wrapper {border-left: #3F5A60 solid 1px; position: relative; left: 64px; padding-left: 12px; margin-right: 64px;}
.comment_content {border-top: #3F5A60 dotted 1px; border-bottom: #3F5A60 dotted 1px; margin-left: -12px; padding: 0 12px;}
.comment-content .reply {display: inline;}
.edit-comment-admin-links {margin-right: 16px; margin-top: 8px;}
.comment_wrapper code, .comment_wrapper pre, .comment_wrapper address, .comment_wrapper ins {background: rgba(224, 224, 224, 0.6);}

/* --------- BUTTONS, LABELS & INPUT FIELDS --------- */
#commentform input[type="submit"],
.contact_admin input[type="submit"] {
  float: right;
  font-size: 1.25em;
  padding: 4px 8px;
  border-radius: 8px;
  color: #efefef;
  text-shadow: 0 0 4px #000;
  border-width: 1px;
  border-style: solid;
  border-color: #eee #222 #222 #eee;
  box-shadow: 1px 1px 2px #999;
}
#commentform input[type="submit"]:hover,
.contact_admin input[type="submit"]:hover {
  border-color: #666 #ccc #ccc #666;
  position: relative;
  top: 2px;
  left: 2px;
}
#commentform input[type="submit"]:focus,
.contact_admin input[type="submit"]:focus {
  outline: none;
  box-shadow: 0 0 2px 2px rgba(0, 255, 255, 1);
}
.contact_admin input[type="text"],
.contact_admin textarea,
#commentform .comment-form-author input,
#commentform .comment-form-email input,
#commentform .comment-form-url input,
#commentform textarea {
  width: 100% !important;
  background: #fefefe;
  font-size: 1.125em;
  padding: 2px;
  border: rgba(0,0,0,0.4) 1px solid;
  border-bottom-color: rgba(255,255,255,1);
  border-right-color: rgba(255,255,255,1);
  box-shadow: rgba(0,0,0, 0.6) 1px 1px 13px -5px inset, rgba(255, 255, 255, 1) 1px 1px 4px 0px;
  border-radius: 6px;
}
.contact_admin label,
.contact_admin input[type="submit"],
#comment_form label {
  font-size: 1.5em;
  font-variant: small-caps;
  font-weight: bold;
}
.contact_admin label:before, #comment_form label:before {font-family: 'Genericons'; padding-right: 8px;}
.contact_admin label[for*="send_copy"] {font-size: 1.25em;}
.contact_admin label[for*="name"]:before, #comment_form label[for*="author"]:before {content: '\f304';}
.contact_admin label[for*="email"]:before, #comment_form label[for*="email"]:before {content: '\f410';}
.contact_admin label[for*="message"]:before, #comment_form label[for*="comment"]:before {content: '\f300';}
.contact_admin label[for*="subject"]:before {content: '\f411';}
.contact_admin label[for*="address"]:before {content: '\f409';}
.contact_admin label[for*="phone"]:before {content: '\f437';}
#comment_form label[for*="url"]:before {content: '\f107';}


/* --------- CONTACT FORM --------- */
#contact_page_address,
#contact_page_phone,
#contact_page_email,
#contact_page_form {
  position: relative;
  margin: 26px 0 16px 48px;
  border-left: 2px groove rgba(255, 255, 255, 1);
  padding-left: 8px;
}
#contact_page_address h3,
#contact_page_phone h3,
#contact_page_email h3,
#contact_page_form h3 {
  line-height: 0.9;
  margin-bottom: 0;
}
#contact_page_address:before,
#contact_page_phone:before,
#contact_page_email:before,
#contact_page_form:before {
  position: absolute;
  left: -50px;
  font-size: 42px;
  line-height: 1;
  font-family: Genericons;
  text-shadow:
    -1px -1px 0px rgba(0, 0, 0, 1),
    2px 2px 1px rgba(255, 255, 255, 1),
    -1px -1px 2px rgba(0, 0, 0, 1),
    1px 1px 0px rgba(255, 255, 255, 1);
  color: rgba(120, 120, 120, 1);
}
#contact_page_address:before {content: '\f409';}
#contact_page_phone:before {content: '\f437';}
#contact_page_email:before {content: '\f410';}
#contact_page_form:before {content: '\f300';}
#cntctfrm_contact_form label.invalid:after,
#cntctfrm_contact_form label.invalid:before {
  padding: 0;
  margin: 0;
  font-family: 'Genericons';
  color: #fcfcfc;
  text-shadow: -1px -1px 1px rgba(0,0,0,0.4);
  font-size: 1em;
  position: relative;
  top: -4px;
}
#cntctfrm_contact_form label.invalid {
  position: relative;
  top: -24px;
  float: right;
  right: -8px;
  height: 22px;
  padding: 0 4px 0 0;
  margin: 0;
}
#cntctfrm_contact_form textarea + span > label.invalid {top: -31px; right: -6px;}
#cntctfrm_contact_form label.invalid:after {content: '\f405';}
#cntctfrm_contact_form .valid + span > label:after {content: '\f418';}
#cntctfrm_contact_form label:after {float: left; padding-left: 2px !important;}
#cntctfrm_contact_form label.invalid, #cntctfrm_contact_form .valid + span > label {border-width: 1px; border-style: solid;}
#cntctfrm_contact_form label.invalid {border-color: #F90602 #C60505 #C60505 #F90602;}
#cntctfrm_contact_form .valid + span > label {border-color: #53C900 #105B00 #105B00 #53C900;}

/* --------------- AUTHOR BLURB --------------- */
.author_blurb {
  background: #ccc;
  border-style: solid;
  border-color: #666;
  border-width: 2px 0;
  margin-top: 16px;
  padding: 8px;
  min-height: 90px;
  position: relative;
  z-index: 0;
  text-shadow: 1px 1px 1px #eee;
  color: #333;
}
body.author .author_blurb {margin-top: 0;}
.author_blurb .gravatar {float: left; position: absolute; top: 8px;}
.author_name {font-size: 1.25em;}
.author_info {padding-left: 8px; margin-left: 90px;}



/* -------------------------------------------------------
----------------------------------------------------------
                      PAGE SPECIFIC CODE
-----------------------------------------------------------
----------------------------------------------------------- */
.tptn_counter {display: none;}
#wpstats {display: none;}
#crumbs {border-bottom: 1px dotted #aaa; padding-bottom: 4px; margin: 0;}
#error_title {
  font-size: 8em;
  font-weight: bold;
  text-align: center;
  margin: 32px 0;
  font-family: "dayposterblack", Copperplate, impact, tahoma, "Times New Roman", Times, serif;
  text-shadow:
    rgba(255, 255, 255, 1) -2px -2px 2px,
    rgba(0, 0, 0, 0.7) 0px 0px 2px,
    rgba(255, 255, 255, 1) 0px 0px 6px,
    rgba(255, 255, 255, 1) -2px -2px 7px;
  color: rgba(0, 0, 0, 0.6);
}
body.page-moving-sale .title {
  text-align: center; 
  border-radius: 16px;
  color: rgba(240, 240, 240, 1) !important;
  text-shadow: rgba(20, 20, 20, 1) 1px 1px 1px !important;
  box-shadow: rgba(20, 20, 20, 0.9) 1px 1px 2px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.7) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(255, 255, 255, 0.7);
}
body.page-moving-sale .post_content div {clear:both; padding: 16px 0;}
body.page-moving-sale .post_content table {margin: 0 0 64px 0;}
body.page-moving-sale .post_content td {width: 3000px;}
body.page-moving-sale .post_content td.table_heading {font-size: 1.5em; text-align: center;}
body.page-moving-sale .post_content > div > span {
  width: 330px;
  display: inline-block;
  float: left;
}

/* ------------- ARCHIVE PAGES ------------ */
.archive2 h1 {
  color: rgba(139,0,0,1);
  font-weight: bold;
  line-height: 1;
  margin: 8px 0 -16px 0;
}
.archive2 .title {font-size: 1.25em; font-weight: normal;}
.archive2 .time:before {padding: 0}
.archive2 .post {margin-top: 8px; border: none;}
.archive2 .comment_count {text-decoration: none;}
.archive2 .comments:before {color: rgba(139,0,0,1);}
.archive2 .comment_count > span > span {text-decoration: underline;}
.float_manual_mills {float: left; width: 45%;}
.manual_mills_wrapper .float_manual_mills:nth-child(odd) {margin-right: 6%;}
.manual_mill_upgrades .product_overview {overflow: hidden;}
.manual_mill_upgrades .product_overview br:first-of-type {display: none;}
.float_manual_mills .gallery_wrapper {width: 100%;}
.float_manual_mills .gallery_wrapper [id$="slider"] img {width: auto;}
.float_manual_mills .gallery_image_wrapper {
  margin: 0 auto;
  display: inherit;
  font-size: 0.75em;
}

/* ------------ HOME PAGE ----------------- */
.home_page_left {width: 40%; float: left;}
.home_page_right {float: right; width: 58%;}
.product_overview_text {overflow: hidden; margin: 0 0 0 170px !important;}
.product_overview .float_right {width: 48%; float: left;}
.product_overview img.alignleft {max-width: 48%; padding: 0.9em 0;}
#products_wrapper {
  -webkit-columns: 400px 2;
  -webkit-column-gap: 20px;
  -moz-columns: 400px 2;
  -moz-column-gap: 20px;
  columns: 400px 2;
  column-gap: 20px;
}
.product_overview {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  column-break-inside: avoid;
  break-inside: avoid;
  clear: both;
  max-width: 400px;
}

/* ------------- SIDEBAR ------------------ */
.navigation_archive, .navigation_single {clear: both; margin-top: 16px;}
#sidebar {width: 20%; float: left; line-height: 1.65; margin-top: 16px; margin-left: 1%;}
#sidebar ul, #sidebar ol {list-style: none; padding: 0;}
#sidebar li {padding-top: 16px; line-height: 1.25em;}
#sidebar .categories {padding: 0 0 0 16px;}
#sidebar .categories ul, #sidebar .categories ol {padding-top: 0; padding-bottom: 0; margin: 0;}
#sidebar select {margin: 16px 0 0 16px;}
#sidebar h3 {
  letter-spacing: 0.05em;
  word-spacing: 0.2em;
  font-size: 1.5em;
  color: #efefef;
  text-shadow: 0 0 4px #000;
  padding: 6px;
  padding-left: 16px;
  margin-bottom: 8px;
  margin: -1px 0 -1px -2px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(255, 255, 255, 1);
  border-radius: 7px 7px 0 0;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.6);
}
#sidebar > div:not([id*=search]) {
  padding-bottom: 16px;
  margin-bottom: 16px;
  background: rgba(230, 230, 230, 1);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-color: rgba(255, 255, 255, 1) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) rgba(255, 255, 255, 1);
  border-radius: 8px;
  box-shadow: 4px 3px 3px 0px rgba(0, 0, 0, 0.5);
}

/* ------------- FOOTER ------------------ */
#footer, #push {
  clear: both;
  max-height: 100%;
  position: relative;
  padding: 16px 0;
}
#footer_contact, #footer_nav {
  color: #efefef;
  text-shadow: 1px 1px 3px #000;
  margin-bottom: 0;
  width: 37%;
  display: inline-block;
}
#footer_contact a, #footer_nav a {color: #efefef; text-shadow: 1px 1px 3px #000;}
#footer_contact {margin-left: 10%; float: left;}
#footer_nav {margin-right: 10%;}
#footer_nav ul > li:before {
  font-family: 'Genericons';
  content: '\f429';
  position: absolute;
  top: 2px;
  left: -14px;
  font-weight: bold;
}
#footer_nav ul > li {position: relative; list-style: none;}
#footer ul {margin-left: 14px;}
#footer {box-shadow: inset 0px 5px 6px 0px rgba(0, 0, 0, 0.7); border-top: 1px solid black;}

/* --------- CNC TABLE ---------- */
.CNC_comparison_table td:nth-of-type(1) {width: 20%;}
.CNC_comparison_table td:nth-of-type(2) {width: 30%;}
.CNC_comparison_table td:nth-of-type(3) {width: 10%;}
.CNC_comparison_table td:nth-of-type(4) {width: 30%;}
.CNC_comparison_table td:nth-of-type(5) {width: 10%;}
.CNC_comparison_table_5_col, .CNC_comparison_table_3_col {width: 100%;}
.CNC_comparison_table_5_col td {width: 20%;}
.CNC_comparison_table_3_col td:nth-of-type(1) {width: 20%;}
.CNC_comparison_table_3_col td:nth-of-type(2) {width: 40%;}
.CNC_comparison_table_3_col td:nth-of-type(3) {width: 40%;}

/* -------- MANUAL MILLS ----------- */
.manual_mill_option_title {font-weight: bold;}
.manual_mill_option_details {padding-left: 20px;}

/* --------- PAY ONLINE ------------ */
#pay_online form {float: left; margin: 32px 32px 0 0;}
.AuthorizeNetSeal {float: left;}
#pay_online .su-button .pay_online {
  font-size: 1.25em;
  padding: 4px 12px;
  border: 1px solid #cacaca;
  background: none;
  border-radius: inherit;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
  color: #1a1a1a;
  font-weight: bold;
  margin: 0;
}
#pay_online .su-button .pay_online em:before {font-family: "Genericons"; content: '\f447'; position: relative; top: 0.125em;}
#pay_online .su-button span {padding: 0 !important; border: none !important;}

/* --------- SOCIAL ICONS -------- */
#up_button .hidden_label {display: none;}
#social_networking_icons {
  position: fixed;
  left: 0;
  top: 64px;
  z-index: 100;
  padding: 8px;
  opacity: 0.6;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 0 4px 4px 0;
}
#social_networking_icons:hover {opacity: 1;}
#social_networking_icons a {display: block; padding: 4px 0; text-decoration: none;}
#social_networking_icons a:first-child {padding-top: 0;}
#social_networking_icons a:last-child {padding-bottom: 0;}
#social_networking_icons span {width: 26px; height: 26px;}
#social_networking_icons span:before {font-size: 26px;}
#social_networking_icons:hover a {opacity: 0.6; text-shadow: rgba(255, 255, 255, 0.9) 1px 1px 1px;}
#social_networking_icons:hover a:hover {opacity: 1; text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 1px;}

/* --------- FAQ --------- */
.FAQ {counter-reset: FAQ;}
.FAQ h4:before {
  content: counter(FAQ);
  counter-increment: FAQ;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 36px;
  height: 72px;
  width: 72px;
  text-align: center;
  border-radius: 16px;
  color: rgba(240, 240, 240, 1);
  text-shadow: rgba(20, 20, 20, 1) 1px 1px 1px;
  box-shadow: rgba(20, 20, 20, 0.9) 1px 1px 2px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.7) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(255, 255, 255, 0.7);
}
.FAQ div {
  padding-left: 96px;
  position: relative;
  min-height: 128px;
}


/* -------------------------------
----------------------------------
   MOBILE FIXES
----------------------------------
---------------------------------- */
@media screen and (max-width: 1100px) {
  #header_wrapper {width: auto; padding-left: 32px; margin-left: 0;}
  #header_info {left: 200px;}
}

@media screen and (max-width: 1024px) {
  .post {border-width: 4px;}
  #contact_info {width: auto;}
}

@media screen and (max-width: 880px) {
  #header_wrapper .clear_float {margin: 0;}
  #header_info {width: auto; position: static; padding-left: 200px; padding-right: 16px; height: 160px;}
  #header_wrapper {padding: 0; padding-top: 44px; height: auto;}
  #logo {left: 32px;}
  #contact_info_wrapper {position: static; padding: 0; width: 100%; padding-bottom: 16px;}
  #contact_info {position: static; width: 50%; margin: 0 auto; padding: 16px;}
  #arrow {display: none;}
  #search_container {position: static; width: 50%; margin: 0 auto;}
  .search-field {width: 88%;}
  .search_button {width: 22%;}
  .gallery_wrapper, .float_right {float: none; width: 100%;}
  .gallery_caption {position: relative; left: 0; width: 100%;}
  .home_page_left, .home_page_right {float: none; width: 100%;}
  #loop_wrapper {float: left; width: 80% !important;}
  #loop_wrapper .post, #loop_wrapper .page {padding: 0 16px;}
  #breadcrumbs {padding-left: 16px;}
  #sidebar {width: 80%; float: left; margin-left: 10%;}
  #sidebar > div {float: right; width: 30%; margin: 0 1.5%;}
  #sidebar > div:first-child {margin-left: 0;}
  #sidebar div ul {padding: 0 0 0 16px;}
  .float_manual_mills {float: left; width: 100%;}
  .float_manual_mills:first-child {margin-right: 0;}
}

@media screen and (max-width: 700px) {
  #sidebar > div {width: 45%;}
  #footer_contact, #footer_nav {
    width: 80%;
    display: block;
    margin-left: 10%;
  }
  #loop_wrapper {
    float: left;
    width: 100% !important;
    box-shadow: none;
    margin: 0;
    border: none;
    border-radius: 0;
    padding: 0;
  }
  #moving_sale_banner_top, #moving_sale_banner_bottom {margin: 0 -16px !important;}
  #moving_sale_banner_top:before, #moving_sale_banner_bottom:before {left: 0;}
  #moving_sale_banner_top:after, #moving_sale_banner_bottom:after {right: 0;}
  #moving_sale_banner_middle {
    margin: 0 -16px !important;
    padding: 16px 16px 32px !important;
    border: none;
    box-shadow: none;
    border-radius: 0;
  }
}

@media screen and (max-width: 500px) {
  table {font-size: 0.8em;}
}

@media screen and (max-width: 480px) {
  #front_page_images img {margin: 0 auto; display: block;}
  #loop_wrapper .title a {font-size: 1.5em;}
  #logo {width: 100%; margin-left: 25%; left: 0;}
  #logo img {width: 50%;}
  #header_info {height: auto; width: auto; padding: 16px; text-align: center; margin-top: 166px;}
  #contact_info {width: auto; margin: 0; padding: 16px; padding-left: 50px;}
  #sidebar > div {width: 100%; margin: 0;}
  #sidebar h3 {padding: 6px 12px;}
  #sidebar > div > div {padding: 10px;}
  #search_container {width: auto;}
  .search-form {width: 75%; margin: 0 auto;}
  .search-field {width: 75%;}
  .search_button {width: 27%;}
  .product_overview_text {overflow: hidden;}
  .product_overview .float_right {width: 100%; float: none;}
  .product_overview img.alignleft {width: 100%; padding: 0.9em 0;}
  #main_nav {padding: 0;}
  #main_nav div:first-child {padding: 0;}
  #main_nav li {float: none;}
  #main_nav li a {padding-left: 50px;}
  #main_nav ul ul ul ul {left: auto; right: 250px;} /* sublevel 3 */
  #main_nav ul ul ul ul ul {left: 250px; right: auto;} /* sublevel 4 */
  #main_nav ul ul ul ul ul ul {left: auto; right: 250px;} /* sublevel 5 */
  #main_nav ul ul ul ul ul ul ul {left: 250px; right: auto;} /* sublevel 6 */
  #main_nav ul ul ul ul ul ul ul ul {left: auto; right: 250px;} /* sublevel 7 */
  #main_nav ul ul ul ul ul ul ul ul ul {left: 250px; right: auto;}
  /* sublevel 8 and if you need more levels, you're doing it wrong */
}

@media screen and (max-width: 300px) {
  #blog_title {font-size: 0.5em;}
  .search-field {width: auto;}
  #main_nav ul ul li {width: 100px;}
  #main_nav ul ul ul ul {left: auto; right: 100px;} /* sublevel 3 */
  #main_nav ul ul li ul {left: 100px;}
  #main_nav ul ul ul ul ul {left: 100px; right: auto;} /* sublevel 4 */
  #main_nav ul ul ul ul ul ul {left: auto; right: 100px;} /* sublevel 5 */
  #main_nav ul ul ul ul ul ul ul {left: 100px; right: auto;} /* sublevel 6 */
  #main_nav ul ul ul ul ul ul ul ul {left: auto; right: 100px;} /* sublevel 7 */
  #main_nav ul ul ul ul ul ul ul ul ul {left: 100px; right: auto;}
  /* sublevel 8 and if you need more levels, you're doing it wrong */
}