/*
Theme Name: Clearfield
Theme URI: https://www.andreaclearfield.com
Description: Standalone theme for Andrea Clearfield, consolidated from Thematic + Clearfield child theme.
Version: 1.2
Author: Ian Stewart, customized for Andrea Clearfield
Author URI: http://themeshaper.com/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Reset browser defaults */
@import url('library/styles/reset.css');

/* Apply basic typography styles */
@import url('library/styles/typography.css');

/* Apply a basic layout */
@import url('library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('library/styles/images.css');

/* Apply default theme styles and colors */
@import url('library/styles/default.css');

/* Prepare theme for plugins */
@import url('library/styles/plugins.css');

/* -------------------------------------------------------------- 
   
   Default styles for Images
   
   I've duplicated these styles here from images.css in
   order to get Thematic through the auto-checker at the
   official WordPress Themes directory.
   
   When the directory can hunt though css files linked
   through @import the styles below will no longer be
   neccesary and will be removed.
   
   Cheers. --Ian Stewart
  
-------------------------------------------------------------- */

.entry-content img {
  height: auto;
  margin: 0 0 18px 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 {
  text-align: center;
  margin-bottom: 18px;
  max-width: 96%;
}
.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}
.wp-caption p.wp-caption-text {
  margin: 0;
  padding: 5px;
}
.gallery img {
  margin: 0;
}
.wp-smiley {
  /* Prevent the smileys from breaking line-height */
  max-height: 12px;
  margin: 0 !important;
}

/* ==============================================================
   Clearfield child theme styles (merged)
   ============================================================== */

.page-item-5310 {
  display: none !important;
}

.entry-content img {
  margin: 0px 0 0px 0;
  border: 1px solid #bfbfbf;
}
.alignleft,
img.alignleft {
  float: left;
  margin-right: 20px;
}
.alignright,
img.alignright {
  display: block;
  float: right;
  margin-left: 20px;
  margin-top: 20px;
}
.aligncenter,
img.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: block;
  clear: both;
}
.wp-caption {
  text-align: center;
  margin-bottom: 18px;
}
.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}
.wp-caption p.wp-caption-text {
  margin: 0;
  padding: 5px;
}
.gallery img {
  margin: 0;
}
#mc_signup_submit {
  float: left;
  margin: 10px 0 0 0;
}
#mc_message {
  color: #5e34ff;
}
#mc_submit_type {
  margin: 50px 0 0 0;
  color: #e3e3e3;
}
.wp-caption-text,
.gallery-caption {
  color: #5b1c10;
  font-size: 10px;
  line-height: 18px;
}

/* =Global Elements
-------------------------------------------------------------- */

#slides {
  width: 422px;
  height: 202px;
}

#slides img {
  border: none;
}

body,
input,
textarea {
  font:
    12px/24px Arial,
    Helvetica,
    Geneva,
    sans-serif;
  color: #5b1c10;
}

a:link,
a:visited {
  color: #c20000;
}
a:active,
a:hover {
  color: #ff7b38;
}
img {
  margin: 0px 0px 0px 0px;
  border: 1px solid #bfbfbf;
}
table {
  border: none;
  font-size: 13px;
  line-height: 12px;
  margin: 0 0 22px 0;
  text-align: left;
}
tr {
  border-bottom: none;
}
table h3 {
  margin: 0px 0px -15px 0px;
}
th,
td {
  padding: 0px 20px 0px 0px;
}

/* =Photos
-------------------------------------------------------------- */
#photo-linline {
  margin: 5px 10px 0px 0px;
  border: none;
  max-width: 420px;
  float: left;
}
#photo-lft {
  max-width: 420px;
}
#photo-lft p {
  font-size: 0.8em;
  line-height: 1.2em;
  font-style: italic;
  text-align: right;
  margin: 5px 22px 20px 0;
  color: #d3c597;
}
#photo-lft h6 {
  font-size: 0.8em;
  line-height: 1.2em;
  font-style: italic;
  text-align: right;
  margin: 5px 22px 20px 0;
  color: #d3c597;
}
#photo-rt {
  float: right;
  margin-bottom: 40px;
  width: 300px;
}
#photo-rt img {
  margin: 0px 0px 5px 0px;
}
#photo-rt h4 {
  font-size: 12px;
  line-height: 1.2em;
  padding: 0 0 0 0;
  letter-spacing: 2px;
  color: #ff7b38;
}
#photo-rt h5 {
  font-size: 11px;
  padding: 0 0 0 0;
  letter-spacing: 1px;
  color: #ff7b38;
  text-transform: lowercase;
}
#photo-rt h6 {
  font-size: 0.8em;
  line-height: 1.2em;
  font-style: italic;
  text-align: right;
  color: #d3c597;
  margin: 0px 0px 20px 0px;
}
#photo-rt2 {
  float: right;
  margin-bottom: 0px;
  width: 300px;
  padding: 50px 0 20px 20px;
}
#photo-rt2 h6 {
  font-size: 0.8em;
  line-height: 1.2em;
  font-style: italic;
  text-align: right;
  color: #d3c597;
  margin: 0px 0px 20px 0px;
}

#photo-rt280 {
  float: right;
  margin: 42px 0px 0px 0px;
  width: 280px;
}
#photo-rt280 h6 {
  font-size: 0.8em;
  line-height: 1.2em;
  font-style: italic;
  text-align: right;
  color: #d3c597;
  margin: 0px 0px 20px 0px;
}

/* =Classes
-------------------------------------------------------------- */
.nomargin {
  margin: 0 0 0 0;
}
.recording {
  margin: 6px 0px 30px 10px;
  float: right;
}
.quote {
  margin: 0px 0px 10px 0px;
  line-height: 17px;
}

/* Headings
-------------------------------------------------------------- */

h1 {
  padding: 20px 0px 22px 0px;
  font:
    bold 18px/22px Arial,
    Arial Black,
    sans-serif;
  color: #5b1c10;
  text-transform: lowercase;
}
h2 {
  padding: 40px 0 8px 0;
  font:
    14px/20px Arial,
    Arial Black,
    sans-serif;
  font-weight: bold;
  color: #ff7b38;
  text-transform: lowercase;
}
h3 {
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  padding: 20px 0 20px 0;
  line-height: 1.5em;
}
h4 {
  font-size: 13px;
  font-weight: bold;
  margin: 0 0 0.5em 0;
  padding: 0 0 0px 0;
  text-transform: lowercase;
  letter-spacing: 0px;
}
h5 {
  font-size: 10px;
  color: #8b746b;
  font-weight: bold;
  margin: 0em 0 0em 0;
  padding: 0 0 2em 0;
}
h6 {
  font-size: 10px;
  font-style: italic;
  margin: 5px 0px 30px 0px;
  padding: 0 0 0em 0;
  text-align: left;
  line-height: 1.2em;
}
.salon {
  text-transform: none;
}
.pagetop {
  padding-top: 0;
}
.date {
  padding: 0px 0px 0px 0px;
  text-transform: none;
  font-weight: normal;
  color: #8b746b;
}
.lower {
  clear: left;
}
.clear {
  clear: left;
}
.event {
  margin: -18px 0 0 0;
  padding: 0 0 0px 0;
  letter-spacing: 0px;
  line-height: 22px;
}
.review {
  margin: 0px 0 0em 0;
  padding: 0 0 0px 0;
  line-height: 20px;
}
.perform {
  font-size: 12px;
  margin: 0 0 0em 0;
  padding: 0 0 40px 0;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0;
}

/* RIGHT */

#rt-content h2 {
  padding: 20px 0 0px 0;
}
#rt-content h3 {
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  padding: 20px 0 8px 0;
  line-height: 16px;
  clear: right;
}
#rt-content h5 {
  font-size: 10px;
  margin: 0 0 0em 0;
  padding: 0 0 10px 0;
  line-height: 1.5;
}

/* LEFT */
#lft-content h3 {
  padding: 20px 0 0px 0;
}

#lft-content h5 {
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  padding: 0px 0 8px 0;
  line-height: 16px;
  clear: right;
}

/* LAYOUT */

body {
  min-width: 920px;
  background-color: #000;
}

/* HEADER */

#header {
  position: relative;
}
#branding {
  padding: 0px 0 0px 0;
  background: url(https://www.andreaclearfield.com/sandbox/images/header.jpg) no-repeat center;
  width: 900px;
  height: 269px;
  margin: 0 auto;
  background-color: #fff;
}
#branding2 {
  padding: 0px 0 0px 0;
  background: url(https://www.andreaclearfield.com/sandbox/images/header2.jpg) no-repeat center;
  width: 900px;
  height: 269px;
  margin: 0 auto;
  background-color: #000;
}
#branding3 {
  padding: 0px 0 0px 0;
  background: url(https://www.andreaclearfield.com/sandbox/images/header3.jpg) no-repeat center;
  width: 900px;
  height: 269px;
  margin: 0 auto;
  background-color: #000;
}
#branding4 {
  padding: 0px 0 0px 0;
  background: url(https://www.andreaclearfield.com/sandbox/images/header4.jpg) no-repeat center;
  width: 900px;
  height: 269px;
  margin: 0 auto;
  background-color: #000;
}
#branding5 {
  padding: 0px 0 0px 0;
  background: url(https://www.andreaclearfield.com/sandbox/images/header5.jpg) no-repeat center;
  width: 900px;
  height: 269px;
  margin: 0 auto;
  background-color: #000;
}
#branding6 {
  padding: 0px 0 0px 0;
  background: url(https://www.andreaclearfield.com/sandbox/images/header6.jpg) no-repeat center;
  width: 900px;
  height: 269px;
  margin: 0 auto;
  background-color: #000;
}
#branding7 {
  padding: 0px 0 0px 0;
  background: url(https://www.andreaclearfield.com/sandbox/images/header7.jpg) no-repeat center;
  width: 900px;
  height: 269px;
  margin: 0 auto;
  background-color: #000;
}
#branding8 {
  padding: 0px 0 0px 0;
  background: url(https://www.andreaclearfield.com/sandbox/images/header8.jpg) no-repeat center;
  width: 900px;
  height: 269px;
  margin: 0 auto;
  background-color: #000;
}
#branding9 {
  padding: 0px 0 0px 0;
  background: url(https://www.andreaclearfield.com/sandbox/images/header9.jpg) no-repeat center;
  width: 900px;
  height: 269px;
  margin: 0 auto;
  background-color: #000;
}
#branding10 {
  padding: 0px 0 0px 0;
  background: url(https://www.andreaclearfield.com/sandbox/images/header10.jpg) no-repeat center;
  width: 900px;
  height: 269px;
  margin: 0 auto;
  background-color: #000;
}
#access {
  position: relative;
  overflow: hidden;
}
#main {
  width: 900px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  background-color: #fff;
  clear: both;
  padding: 10px 0 30px 0;
}
#container {
  width: 900px;
  float: left;
}
#content {
  margin: 30px 74px 100px 74px;
  width: 752px;
  overflow: hidden;
}
#pg-container {
  width: 752px;
  overflow: hidden;
}

#lft-content {
  width: 380px;
  overflow: hidden;
  float: left;
}
#rt-content {
  width: 300px;
  float: right;
  padding: 0px 0px 0px 0px;
  position: relative;
  clear: right;
}

#rt-280 {
  width: 280px;
  float: right;
  position: relative;
  padding: 0px 0px 0px 0px;
}
#rt-216 {
  width: 216px;
  float: right;
  position: relative;
  padding: 0px 0px 0px 0px;
}
#lft-422 {
  margin: 100px 0px 180px 0px;
  width: 422px;
  overflow: hidden;
  float: left;
}

#lft-280 {
  margin: 100px 0px 0px 0px;
  width: 280px;
  overflow: hidden;
  float: left;
}
#lft-salon {
  margin: 0px 0px 0px 0px;
  width: 400px;
  overflow: hidden;
  float: left;
}
#lft-even {
  margin: 0px 0px 0px 0px;
  width: 320px;
  overflow: hidden;
  float: left;
}
#rt-even {
  width: 320px;
  float: right;
  padding: 0px 20px 30px 20px;
  position: relative;
}
.topmargin {
  margin-top: 42px;
}

#blog-title a {
  display: block;
  text-indent: -9000px;
  width: 400px;
  height: 100px;
}
#blog-title a:active,
#blog-title a:hover {
  color: none;
}

#blog-description {
  color: #666;
  font-size: 13px;
  font-style: italic;
  text-indent: -9000px;
}

/* MENU */

#access {
  border-bottom: none;
  height: 0px;
  font-size: 12px;
  overflow: visible;
  z-index: 100;
}
.menu {
  width: 900px;
  margin: 0 auto;
  height: 32px;
  background-color: #fff;
  padding: 12px 0 0px 0;
}
.sf-menu {
  border-right: none;
  font-family: Arial, Helvetica, Geneva, sans-serif;
  text-transform: lowercase;
  letter-spacing: 0.1em;
  margin: 0 0 0 0;
  padding: 0px 58px 0px 58px;
}

.sf-menu a {
  padding: 0px 15px 0px 15px;
  text-decoration: none;
}
.sf-menu li {
  background: none;
  color: #661d25;
  border: none;
}
.sf-menu a,
.sf-menu a:link,
.sf-menu a:visited {
  border: none;
  background: none;
  color: #661d25;
  margin: 0 0px 0 0px;
}
.sf-menu .current_page_item a,
.sf-menu .current-cat a {
  background: none;
  border: none;
  color: #f00;
  text-decoration: none;
  font-weight: bold;
}
.sf-menu li:hover,
.sf-menu a:hover {
  color: #f00;
  background: none;
  border: none;
  text-decoration: none;
}
.sf-menu a:focus {
  background: none;
  color: #661d25;
}
.sf-menu li li {
  background: #fff;
  padding: 8px 0px 0px 0px;
}
.sf-menu li li li {
  background: #fff;
  padding: 8px 0px 0px 0px;
}
.sf-menu ul {
  border-right: none;
  border-bottom: none;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  top: 15px; /* overriding essential styles */
  background: #fff;
}
.hentry {
  padding: 0 0 0px 0;
}

#subnav {
  font-size: 12px;
  font-weight: bolder;
  text-transform: lowercase;
  letter-spacing: 1px;
  border: 1px solid #ccc;
  padding: 10px 10px 10px 10px;
  display: inline;
}

/*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-style: italic;
  padding: 0 0 7px 0;
  text-transform: none;
}
#content .aside ul ul {
  padding: 0;
}

/* ======== Forms */

div#content label {
  display: block;
  margin-bottom: 3px;
}

div#content input {
  width: 250px;
  padding: 6px;
  border: 1px solid #5b1c10;
  border-radius: 5px;
}

div#content input.btn {
  width: auto;
  padding: 4px;
  margin: 10px 0;
  background-color: #5b1c10;
  color: #fff;
  border-radius: 5px;
}

div#content input.radio {
  margin: 0;
  padding: 0;
  width: auto;
  border: 0;
}

.button {
  font-size: 14px;
  text-transform: lowercase;
  color: #fff;
  background-color: #5b1c10;
}

.mc_list {
  margin: 0px;
}

/* Footer Asides */
#subsidiary {
  padding: 33px 0 0 0;
}

/* FOOTER */

#footer {
  border-top: none;
  margin-top: 0px;
}
#siteinfo {
  color: #ff7b38;
  font-size: 11px;
  width: 900px;
  background-color: #fff;
  line-height: 18px;
  padding: 20px 0px 20px 0px;
  text-align: center;
}
#siteinfo a {
  color: #ff7b38;
}
#siteinfo a:active,
#siteinfo a:hover {
  color: #f00;
}