/**
 * Theme Name: Cascade
 * Theme URI: http://devpress.com/themes/cascade/
 * Description: An advance, responsive theme with 4 menus, 12 layouts, per post/page layout option, custom post templates/stylesheets, built-in breadcrumbs, pagination, and 12 widget areas.
 * Version: 0.1.3
 * Author: Tung Do
 * Author URI: http://devpress.com/
 * Tags: theme-options, threaded-comments, microformats, translation-ready, rtl-language-support, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-width, featured-images, full-width-template, post-formats, theme-options, threaded-comments, custom-background
 * License: GNU General Public License v2.0
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 *
 */
 
/**
 * Reset
 ************************************************/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, 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 {
 text-decoration: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
 display: block;
}

/**
 * Containers
 ************************************************/

div#menu-primary,
 #header,
 div#menu-secondary,
 #main .wrap,
  #content,
   .hfeed,
#footer {
 clear: both;
 float: left;
 width: 100%;
}

div#menu-primary .wrap,
  .header-wrap,
div#menu-secondary .wrap,
 #main,
 .footer-wrap {
 width: 992px;
 }
 
 #main {
  clear: both;
  }
  #main .wrap {
   clear: both;
   background: #fff;
   margin: 18px 0 60px;
   }

/**
 * Global Menus
 ************************************************/

div.menu ul,
 div.menu ul li {
 background: transparent;
 list-style: none;
 line-height: 1.0;
 margin: 0;
 padding: 0;
 }
 div.menu ul ul {
  position: absolute;
  top: -9999em;
  }
  div.menu ul ul li {
   width: 100%;
   }
 div.menu li {
  float:left;
  position: relative;
  }
 div.menu li:hover {
  visibility: inherit;
  }
  div.menu li a {
   display: block;
   position: relative;
   }
  div.menu li:hover ul {
   left: 0;
   top: 100%;
   visibility: visible;
   z-index: 99;
   }
   div.menu li:hover li ul {top: -9999em;}
   div.menu li li:hover ul {left: 100% !important;top:0;}
   div.menu li li:hover li ul {top: -9999em;}
   div.menu li li li:hover ul {top: 0;}
   div.menu li li li:hover li ul {top: -9999em;}
   div.menu li li li li:hover ul{top: 0;}
   
#menu-primary-title,
#menu-header-primary-title,
#menu-secondary-title,
#menu-footer-title {
 display: none;
}

/**
 * Primary Menu
 ************************************************/
 
div#menu-primary {
 background: #0f0f0f;
}
div#menu-primary .wrap,
div#menu-secondary .wrap {
 text-align: center;
}
div#menu-primary div.menu li,
div#menu-secondary div.menu li {
 float: none;
 display: inline-block;
 text-align: left;
}
div#menu-primary div.menu li a,
div#menu-secondary div.menu li a {
 background: url(images/dotted-vertical.png) right 11px no-repeat;
 color: #fff;
 font: 12px/20px OswaldLight, Helvetica, Arial, sans-serif;
 letter-spacing: 0.05em;
 padding: 6px 20px;
 text-transform: uppercase;
}
div#menu-primary div.menu li.current-menu-item a {
 color: #aaa;
}
div#menu-primary div.menu li.current-menu-item li a {
 color: #fff;
}
div#menu-primary div.menu li a.with-ul,
div#menu-secondary div.menu li a.with-ul {
 padding-right: 60px;
}
div#menu-primary div.menu li a span.sub-indicator,
div#menu-secondary div.menu li a span.sub-indicator {
 background: url(graficos/menu-sub-indicator.png) no-repeat;
 height: 3px;
 position: absolute;
 right: 40px;
 text-indent: -9999em;
 top: 15px;
 width: 5px;
}
div#menu-primary div.menu li:last-child a,
div#menu-primary div.menu li li a,
div#menu-secondary div.menu li:last-child a,
div#menu-secondary div.menu li li a {
 background-image: none;
}
/* Dropdowns */
div#menu-primary div.menu ul ul,
div#menu-secondary div.menu ul ul {
 text-align: left;
 width: 310px !important;
}
div#menu-primary div.menu li li a,
div#menu-secondary div.menu li li a {
 background-color: #0f0f0f;
 border-bottom: 1px dotted #222;
}
div#menu-primary div.menu li li a:hover,
div#menu-secondary div.menu li li a:hover {
 background-color: #222;
 border-color: #333;
}
div#menu-primary div.menu ul ul ul,
div#menu-secondary div.menu ul ul ul {
 margin-left: 1px;
}
/**
 * Header
 ************************************************/
#header {
 background: #111;
 margin-bottom: 18px;
}
.header-wrap {
}
#branding {
 text-align: center;
}
#site-title,
#site-description {
 margin: 0 auto;
}
#site-title {
 font: italic bold 80px/80px CrimsonTextWeb, Georgia, serif;
 letter-spacing: -0.02em;
 padding: 45px 0 18px;
}
#site-title a {
 color: #fff;
}
#site-title img {
 height: auto;
 max-width: 100%;
 width: auto;
}
#site-description {
 color: #999;
 font-size: 17px;
 padding: 0 0 24px;
}

/**
 * Header Primary Menu
 ************************************************/
 
div#menu-header-primary {
 clear: both;
 float: left;
 margin: 0 0 18px;
 width: 100%;
}
div#menu-header-primary .wrap {
 padding: 0 40px;
}
div#menu-header-primary div.menu ul ul {
 width: 200px !important;
}
div#menu-header-primary div.menu li {
 width: 100%;
}
div#menu-header-primary div.menu li a {
 background-color: #fff;
 border-bottom: 1px dotted #eee;
 padding: 12px 0;
}
div#menu-header-primary div.menu li.current-menu-item a {
 color: #888;
}
div#menu-header-primary div.menu li a span.sub-indicator {
 background: url(graficos/menu-sub-indicator.png) no-repeat;
 height: 3px;
 position: absolute;
 right: 20px;
 text-indent: -9999em;
 top: 18px;
 width: 5px;
}
/* Menu Header Primary Dropdowns */
div#menu-header-primary div.menu li li a {
 background-color: #111;
 border-color: #222;
 color: #fff;
 padding: 12px 20px;
}
div#menu-header-primary div.menu li.current-menu-item li a {
 color: #fff;
}

.layout-hr-1c div.menu li li:hover ul,
.layout-hr-2c-l div.menu li li:hover ul,
.layout-hr-2c-r div.menu li li:hover ul {
 left: auto !important;
 right: 100% !important;
}
 
/**
 * Secondary Menu
 ************************************************/
div#menu-secondary div.menu li a {
 background: url(graficos/dotted-vertical-alt.png) right 11px no-repeat;
 color: #999;
}
div#menu-secondary div.menu li.current-menu-item a {
 color: #333;
}
div#menu-secondary div.menu li.current-menu-item li a {
 color: #fff;
}
div#menu-seconary div.menu li li.current-menu-item a {
 color: #aaa;
}
div#menu-secondary div.menu li li.current-menu-item li a {
 color: #fff;
}
/* Dropdowns */
div#menu-secondary div.menu li li a {
 background-color: #0f0f0f;
 border-bottom: 1px dotted #222;
}
div#menu-secondary div.menu li li a:hover {
 background-color: #222;
 border-color: #333;
}