/*
    Main Colors
    
    Background:   #e9e5d8
    Green:        #03764a
    Purple:       #68428d
    Red:          #b52a45
    Gold:         #fec537
    
    
  */
  
  body { background: #cccccc url(http://www.artandstyledancestudio.com/images/header-bg-2.gif); }
  
  div#content { background: #fff url(http://www.artandstyledancestudio.com/images/header-bg-2.gif) repeat-x left bottom; width: 940px; margin: 0 auto; }

  div.wrapper { padding: 0 0px; }
  
  /* Typography */
  @font-face {
  	font-family: 'LeagueGothicRegular';
  	src: url('/fonts/League_Gothic.eot');
  	src: local('League Gothic Regular'), local('LeagueGothic'), url('/fonts/League_Gothic.ttf') format('truetype');
  }
  
  hr.spacious { margin: 30px 0; }
 
  h1, h2, h3, h4, h5, h6 { font-family: "Georgia", Times New Roman, Times, serif; }
/*   h1 { font-family: "LeagueGothicRegular", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 50px; text-transform: uppercase; } */
  h1 { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 50px; font-weight: 300; text-transform: uppercase; }
  h2 { font-family: Georgia, serif; font-size: 21px; color: #777; }
  p { margin-bottom: 10px; }
  p.lead { font-size: 20px; line-height: 25px; margin: 0 0 20px; }
  
  img.section-icon { float: right; margin: 0 10px 15px 10px; }
  img.left-icon { float: left; margin-right: 15px; }
  
  /* Page Headers */
  div.page-header { margin-bottom: 30px; }
  div.image-header { background-color: #eee; background-position: bottom left; background-repeat: no-repeat; padding-bottom: 190px; }
  div.page-header div.page-title { background: #fff url(http://www.artandstyledancestudio.com/images/header-bg.gif) no-repeat bottom left; padding: 20px 30px; }
  div.page-header div.page-title h1 { font-size: 40px; }
  div.page-header div.page-title a.button { float: right; margin-top: 2px; }
  
  /* Patterns */
  div.well { background: rgba(0,0,0,.1); padding: 19px 19px 2px; border: 1px solid rgba(0,0,0,.05); border-top-color: rgba(0,0,0,.15); border-bottom: none; -webkit-border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(255,255,255,.5); }
  div.narrow-well { width: 180px; }
  div.well.right { margin-left: 20px; margin-bottom: 20px; }
  div.well hr { border-top: 1px solid rgba(0,0,0,.15); border-bottom: 1px solid rgba(255,255,255,.25); }
  
  /* Header */
  div#header { background: #f5f2e9 url() repeat-x; height: 150px; }
  div#header div.container { background: url(http://www.artandstyledancestudio.com/images/container-bg.gif); width: 960px; height: 150px; padding: 0; position: relative; }
  div#header img { margin: 0px 0 0 10px; }
  
  div#header form { float: right; margin: 0 0 0 20px; }
  div#header form input.input-text { float: left; width: 180px; margin-right: 5px; }
  div#header form button {  }
  div#header form p { margin-bottom: 0; }
  
  div#header div.secondary { float: right; position: absolute; top: 18px; right: 30px; }
  
  ul#secondaryNav { float: right; margin: 0; }
  ul#secondaryNav li { display: inline; }
  ul#secondaryNav a { display: inline; float: left; padding: 5px 8px; }
 
  ul#mainNav { float: right; margin: 0; height: 50px; overflow: hidden; position: absolute; bottom: 19px; right: 20px; }
  ul#mainNav li { display: inline; }
  ul#mainNav a { background: url(http://www.artandstyledancestudio.com/images/main-nav.png) no-repeat 0 0; display: inline; float: left; width: auto; height: 50px;  font-size: 24px; margin: 0 0 0 0; text-transform: uppercase; color: #333; text-indent: -999em;   }
  
  ul#mainNav a#main { background-position: 0 0; width: 141px; }
  ul#mainNav a#main:hover, ul#mainNav li.active a#main { background-position: 0 -50px; }
  
  ul#mainNav a#directors { background-position: -145px 0; width: 185px; }
  ul#mainNav a#directors:hover, ul#mainNav li.active a#directors { background-position: -141px -50px; }
  
  ul#mainNav a#location { background-position: -340px 0; width: 190px; }
  ul#mainNav a#location:hover, ul#mainNav li.active a#location { background-position: -340px -50px; }
  
  ul#mainNav a#contact { background-position: -530px 0; width: 170px; }
  ul#mainNav a#contact:hover, ul#mainNav li.active a#contact { background-position: -530px -50px; }
  
  div.banner, div.banner div { height: 5px; }
  div.banner { background: #c7c4bb; width: 100%; }
  div.banner div.container { width: 940px; overflow: hidden; }
  div.banner div.container div { width: 1000px; }
  div.banner div.container div div { float: left; width: 320px; margin-left: -5px; }
  div.banner div.container div.rainbow-one { background: black; }
  div.banner div.container div.rainbow-two { background: #b52a45; }
  div.banner div.container div.rainbow-three { background: #fec537; }
   
  /* Footer */
  div#footer { width: 880px; margin: 30px 30px 0; background: #fff url(http://www.artandstyledancestudio.com/images/header-bg.gif); padding: 20px 0 40px; border-top: 3px solid #bdb7a3; }
  div#footer p { margin: 0 0 5px; }
  div#footer div.three { width: 140px; }
  
  div#footer div.footer-links { padding: 20px 0 0; border-top: 1px solid #bdb7a3;  }
  
  ul#socialNetworking { height: 24px; margin: -5px 0 0; overflow: hidden; }
  ul#socialNetworking li { display: inline; }
  ul#socialNetworking a { display: inline; float: left; padding: 5px 10px 5px 20px; background-repeat: no-repeat; background-position: 0 center; }
  ul#socialNetworking li.facebook a { background-image: url(http://www.artandstyledancestudio.com/images/facebook_logo.png); }

 
  /* Sidebars */
  /*div.sidebar-nav { background: #f2eee3; padding: 20px 20px 1px 30px; margin: -30px 0 20px -30px; }*/
  div.sidebar-nav { background: #f2eee3; padding: 20px 20px 1px 30px; margin:-5px 0px 20px -30px; }
  
  ul.side-nav { margin: 5px 0 20px -5px; }
  ul.side-nav li { width: 100%; }
  ul.side-nav li a { display: block; line-height: 24px; border-top: 1px dotted #bab7ae; padding: 0 5px }
  ul.side-nav li a:hover { background: #fff; }
  ul.side-nav li.active a { background: #68428d; color: #fff; }
 
  form.raised, div.raised { background: #fff; padding: 15px; margin: 0 0 20px; -webkit-border-radius: 3px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25); -moz-border-radius: 3px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,.25); }
 
  /* Jumbotrons */
  div.jumbotron { margin: 0 0 30px; }
  div.jumbotron h1 { font-size: 40px; line-height: 1; }
  div.jumbotron p { font-size: 20px; line-height: 25px; color: #999; }
  
  div#homepageJumbotron { background: #f2eee3; height: 275px; border-bottom: 1px dotted #ddd; position: relative; }
  div#homepageJumbotron img { position: absolute; top: 0; right: 0; }
  div#homepageJumbotron h1 {
	background: #fff;
	width: auto;
	padding: 20px 30px 0;
	margin: 0;
	position: absolute;
	bottom: 0px;
	left: 0;
	z-index: 3;
}
  div#homepageJumbotron p { background: #fff; width: 940px; padding: 0px; margin: 0; position: absolute; bottom: 0; left: 0; z-index: 2; }
  div#homepageJumbotron div.how-to-help { padding: 30px; width: 271px; }
  div#homepageJumbotron div.how-to-help h2 { margin-bottom: 10px; font: 300 25px/1 Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: uppercase; }
  div#homepageJumbotron div.how-to-help ul {  }
  div#homepageJumbotron div.how-to-help ul li { width: 100%; }
  div#homepageJumbotron div.how-to-help ul li a { display: block; border-top: 1px dotted #bab7ae; font-size: 18px; line-height: 35px; }
  div#homepageJumbotron div.how-to-help ul li a:hover { background: url(/images/jumbotron-nav-arrow.gif) no-repeat right center; }
  
  /* Common Tables */
  table.common-table {
    background: #fff;
    width: auto;
    padding: 0;
    margin: 0 0 20px;
    border-collapse: separate;
  }
  table.common-table tr {
  
  }
  table.common-table th {
    color: #555;
    padding: 10px 10px;
    border-bottom: 2px solid #ddd;
  }
  table.common-table td {
    padding: 5px 10px;
    color: #555;
    line-height: 18px;
    border-bottom: 1px solid #eee;
    vertical-align: top;
  }
  table.common-table .one { width: 60px; }
  table.common-table .two { width: 100px; }
  table.common-table .three { width: 160px; }
  table.common-table .four { width: 220px; }
  table.common-table .five { width: 280px; }
  table.common-table .six { width: 340px; }
  table.common-table td + td,
  table.common-table th + th {
    border-left: 1px solid #fff !important;
  }
  table.common-table p {
    margin: 0;
  }
 
  table.common-table a.block-link {
    display: block;
    margin: -10px;
    padding: 10px;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(255,255,255,.75);
  }
  table.common-table tbody tr:hover td {
    background: rgba(0,0,0,.03);
  }
  /* Style the table to have opposite background colors for improved readability -- WILL NEED TO BE REFACTORED FOR OLDER BROWSERS */
  table.zebra-striped td {
    text-shadow: 0 1px 1px rgba(255,255,255,.75);
  }
  table.zebra-striped thead tr th {
    border-bottom: 3px solid rgba(141,192,219,.6);
  }
  table.zebra-striped tbody tr td {
    border: 0 !important;
    border-bottom: 1px solid #fff !important;
  }
  table.zebra-striped tbody tr:nth-child(odd) td {
    background-color: rgba(204,234,243,.25) !important;
  }
  table.zebra-striped tbody tr:hover td {
    background-color: rgba(204,234,243,.5) !important;
  }
  /* Begin Table Sorter Styles */
  table.common-table th.header { /* For tablesorter tables, make THs have a pointer on hover */
    cursor: pointer;
    padding-right: 20px;
  }
  table.common-table th.headerSortUp,
  table.common-table th.headerSortDown { /* Style the sorted column headers (THs) */
    background-image: url(/public/images/tablesorter-indicators.png);
    background-position: right -23px;
    background-repeat: no-repeat;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    background-color: rgba(141,192,219,.25);
    text-shadow: 0 1px 1px rgba(255,255,255,.75);
  }
  table.common-table th.header:hover { /* Style the ascending (reverse alphabetical) column header */
    background-image: url(/public/images/tablesorter-indicators.png);
    background-position: right 16px;
    background-repeat: no-repeat;
  }
  table.common-table th.actions:hover {
    background-image: none !important;
  }
  table.common-table th.headerSortDown,
  table.common-table th.headerSortDown:hover { /* Style the descending (alphabetical) column header */
    background-position: right -24px;
  }
  table.common-table th.headerSortUp,
  table.common-table th.headerSortUp:hover { /* Style the ascending (reverse alphabetical) column header */
    background-position: right -64px;
  }