/* ==========================================================================
   Kettlebells Los Angeles — static site stylesheet
   Consolidated from the original WordPress theme (Damla) + Blueprint CSS.
   One file replaces six; visuals are unchanged.
   ========================================================================== */

/* ---- Reset (Blueprint) ---- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul,
li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0; padding: 0; border: 0;
  font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
  vertical-align: baseline;
}
body { line-height: 1.5; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }

/* ---- Base typography (Blueprint) ---- */
body { font-size: 75%; color: #222; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #111; }
h1 { font-size: 3em; line-height: 1; margin-bottom: .5em; }
h2 { font-size: 2em; margin-bottom: .75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }
p { margin: 0 0 1.5em; }
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
sup, sub { line-height: 0; }
li ul, li ol { margin: 0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
table { margin-bottom: 1.4em; width: 100%; }
th { font-weight: bold; }
th, td, caption { padding: 4px 10px 4px 5px; }
hr { background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.45em; border: none; }

/* ---- Grid (Blueprint, only the columns this site uses) ---- */
.container { width: 950px; margin: 0 auto; }
div.span-4, div.span-7, div.span-11, div.span-12, div.span-13 { float: left; margin-right: 10px; }
.last, div.last { margin-right: 0; }
.span-4  { width: 150px; }
.span-7  { width: 270px; }
.span-11 { width: 430px; }
.span-12 { width: 470px; }
.span-13 { width: 510px; }
.span-24, div.span-24 { width: 950px; margin: 0; float: left; }
.clearfix:after, .container:after {
  content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden;
}
.clearfix, .container { display: block; }
.clear { clear: both; }

/* ---- Layout ---- */
body { background: #faf9f7; }
#contentwrap { background: #fff url(/images/theme/content-wrap.png) right top repeat-y; }
a { color: #aa6e3d; text-decoration: underline; }
a:hover { color: #cc8f0e; text-decoration: underline; }

/* ---- Header ---- */
#header { height: 285px; }
.logoimg { margin: 0; }

/* ---- Navigation (pure CSS dropdowns; replaces MooTools/MenuMatic) ---- */
#navcontainer { height: 36px; display: block; position: relative; z-index: 100; }
#nav, #nav ul { padding: 0; margin: 0; list-style: none; line-height: 1em; }
#nav { width: 950px; margin: 0 auto; font-size: 12px; display: block; }
#nav li { float: left; margin: 0; padding: 0; position: relative; }
#nav a {
  display: block; float: left; margin: 0 2px 0 0; padding: 12px 16px;
  text-decoration: none; text-transform: uppercase;
  color: #fff; font-weight: bold; font-size: 12px; line-height: 12px;
  background: url(/images/theme/nav-bg.png) left top repeat-x;
}
#nav li a:hover, #nav li a:focus { background: #fff; color: #cc8b02; }
#nav ul.sub-menu {
  display: none; position: absolute; top: 36px; left: 0; z-index: 1000;
  min-width: 200px; background: #fff;
}
#nav ul.sub-menu ul.sub-menu { top: 0; left: 100%; }
#nav li:hover > ul.sub-menu { display: block; }
#nav .sub-menu li { float: none; }
#nav .sub-menu a {
  float: none; margin: 0; padding: 5px 20px; text-align: left;
  background: #fff; color: #cc8b02; white-space: nowrap;
}
#nav .sub-menu a:hover, #nav .sub-menu a:focus { background: #e8dfce; color: #cc8b02; }

/* ---- Content ---- */
#content { padding: 15px; color: #504d4d; }
.post { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #f1eee7; }
.post p { margin-bottom: 10px; }
.post img { max-width: 680px; }
.title {
  margin: 0 0 8px 0; padding: 0; line-height: 22px; font-size: 24px;
  font-family: Arial, Helvetica, sans-serif; color: #4a4848; font-weight: bold;
}
.title a { text-decoration: none; color: #4a4848; }
.title a:hover { color: #cc8f0e; }
.entry {
  text-align: justify; line-height: 18px; padding-top: 8px;
  font-family: Arial, Helvetica, sans-serif; font-size: 13px;
}
blockquote {
  overflow: hidden; margin: 1.5em; padding-left: 9px;
  font-style: italic; color: #666; border-left: 3px solid #cadae7;
}
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; }
.alignright { float: right; }
.wp-caption {
  border: 1px solid #ddd; text-align: center; background-color: #f3f3f3;
  padding-top: 4px; margin: 10px; border-radius: 3px;
}
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/* ---- Sidebars ---- */
.sidebar { margin: 0 0 10px 0; color: #4f4f4f; }
.left-sidebar, .right-sidebar { padding-right: 10px; }
.sidebar a { text-decoration: none; color: #6d6d6e; }
.sidebar a:hover { text-decoration: underline; color: #cc8f0e; }
.sidebar h2 {
  margin: 10px 0 0 0; text-align: center; padding: 5px 0 20px 0;
  font-size: 16px; line-height: 16px; font-family: Arial, Helvetica, sans-serif;
  font-weight: bold; text-transform: uppercase; color: #312e23;
  background: url(/images/theme/sidebar_tab.png) center bottom no-repeat;
}
.sidebar ul { list-style-type: none; margin: 0 0 10px 0; padding: 0; }
.sidebar ul li { list-style-type: none; margin: 0 0 5px 0; padding: 0; }
.sidebar ul ul { margin: 0; padding: 0; }
.sidebar ul li li { padding: 6px 0 6px 4px; margin: 0; }
.sidebar ul li li:hover { background: #f7f4f1; }

.addthis_toolbox { padding: 10px 0 0 0; text-align: center; }
.addthis_toolbox .custom_images a,
.addthis_toolbox .custom_images img { width: 32px; height: 32px; margin: 0 0 0 1px; padding: 0; }
.addthis_toolbox .custom_images img { opacity: .85; }
.addthis_toolbox .custom_images a:hover img { opacity: 1; }

.socialboxes { background: #fff; border: 1px solid #e8e2d9; padding: 10px; margin: 10px 0 0 0; }
.socialboxes:hover { border: 1px solid #dfd6c6; background: #efebe5; }
.socialboxes a {
  color: #343024; text-transform: uppercase; font-size: 12px; font-weight: bold;
  text-decoration: none; font-family: Arial, Helvetica, sans-serif;
}
.socialboxes a:hover { color: #343024; text-decoration: underline; }

.sidebarvideo iframe { border: 0; }
.sidebaradbox125 { margin-top: 10px; text-align: center; }
.ad125 { margin: 5px 0; }

/* ---- Footer ---- */
#footer {
  padding: 16px 0; text-align: center; color: #c3b190; font-size: 13px; background: #2b2920;
}
#footer a, #footer a:hover { color: #c3b190; }
#footer a:hover { text-decoration: none; }
#footer2 { color: #796747; font-size: 11px; text-align: center; padding: 10px; }
#footer2 a { color: #796747; text-decoration: none; }

/* ---- Print ---- */
@media print {
  #navcontainer, .addthis_toolbox, .socialboxes, .sidebaradbox125, .sidebarvideo,
  #statcounter_image { display: none; }
  body { background: #fff; color: #000; }
  #contentwrap { background: #fff; }
}