/*
----------------------------------------
Jacksonville Dance Alliance
     Author:    Dennis Eusebio
---------------------------------------- */

/* zeros out everything */
@import "/css/whitespace-reset.css";

/* png transparency */
#logo a, #home #title-area img { behavior: url(/iepngfix.htc); }

body {
	background: #f7f6eb;
	font: .8em/140% Arial, sans-serif;
	color: #333;
}

p { margin-bottom: .7em; }
small { font-size: 90%; }

/* links
---------------------------------------- */
a:link { color: #d02860; outline: none; }
a:visited { color: #d02860; outline: none; }
a:hover { color: #990033; outline: none; }
a:active { color: #d02860; outline: none; }

/* headers
---------------------------------------- */
h1, h2, h3, h4 {
  line-height: 140%;
}

h2 {
  margin-bottom: .7em;
  font-size: 140%;
}

h3 {
  margin-bottom: .7em;
  font-size: 120%;
}


/* universal
---------------------------------------- */
.container {
  margin: 0 auto;
  width: 940px;
}

body#home { background: #f4f2e3 url(/images/bg_home.png) center 40px no-repeat; }
body#ballroom, body#tales, body#blog, body#directory, body#contact { background: #f4f2e3 url(/images/bg_about.png) center 60px no-repeat; }

#header {
  padding: 20px 0;
  float: left;
  width: 100%;
}
  #logo a:link, #logo a:visited, #logo a:hover, #logo a:active {
    text-indent: -9999px;
    float: left;
    width: 160px; height: 84px;
    background: url(/images/logo.png) no-repeat;
  }
  #nav {
    float: right;
    width: 640px;
  }
    #nav li { float: left; }
    #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
      margin: 20px 15px 0 0; padding: 5px 10px;
      float: left;
      display: inline;
      text-transform: uppercase;
      font-size: 90%;
      color: #999;
    }
      #nav a:hover { color: #666; }
      #home #nav-home, #ballroom #nav-ballroom, #tales #nav-tales, #blog #nav-blog, #directory #nav-directory, #contact #nav-contact {
        background: #333;
        color: #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
      }

#title-area {
  float: left;
  width: 100%;
}
  #title-area h1 {
    padding: 20px 40px;
    font-size: 260%;
    color: #fff;
    text-transform: uppercase;
  }

#application {
  padding: 0 0 40px 0;
  float: left;
  width: 100%;
}
  #application #content-box {
    padding: 40px;
    float: left;
    width: 860px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #fff;
  }
  #content {
    float: left;
    width: 860px;
  }
    #sidebar {
      float: right;
      width: 240px;
    }
      .sidebar-module {
        margin-bottom: 20px; padding: 0 0 20px 0;
        float: left;
        width: 240px;
        border-bottom: 1px dashed #ccc;
        font-weight: bold;
      }
        .sidebar-module:last-child { border: none; }
      #subscribe-email {
        margin-right: 5px; padding: 10px;
        border: 1px solid #ccc;
        width: 108px;
        display: inline;
      }
      #subscribe .universal-submit { 
        padding: 10px 0;
        width: 80px; 
      }
      #subscribe a { 
        margin-left: 10px;
        font-size: .9em; 
      }
      #categories li, #neighborhoods li { float: left; }
      #categories a:link, #categories a:visited, #categories a:hover, #categories a:active {
        padding: 3px 5px;
        float: left; 
        width: 110px;
        font-size: .9em;
      }
        #categories a.selected {
          background: #d02860;
          color: #fff;
          -moz-border-radius: 4px;
          -webkit-border-radius: 4px;
        }
      #neighborhoods a:link, #neighborhoods a:visited, #neighborhoods a:hover, #neighborhoods a:active {
        padding: 3px 5px;
        float: left; 
        width: 110px;
        font-size: .9em;
      }
        #neighborhoods a.selected {
          background: #d02860;
          color: #fff;
          -moz-border-radius: 4px;
          -webkit-border-radius: 4px;
        }
      #subscribe fieldset { margin-bottom: 10px; }
      #search-term {
        margin-right: 5px; padding: 10px;
        border: 1px solid #ccc;
        width: 108px;
        display: inline;
      }
      #search .universal-submit { 
        padding: 10px 0;
        width: 80px; 
      }
      #follow-us a:link, #follow-us a:visited, #follow-us a:hover, #follow-us a:active { 
        padding: .25em 0 .25em 26px; 
        display: block;
        font-size: .9em;
      }
        .icon-facebook { background: url(/images/icon_facebook.png) 0 50% no-repeat; }
        .icon-twitter { background: url(/images/icon_twitter.png) 0 50% no-repeat; }
        .icon-flickr { background: url(/images/icon_flickr.png) 0 50% no-repeat; }
        .icon-youtube { background: url(/images/icon_youtube.png) 0 50% no-repeat; }
      #directory-callout { 
        padding: 0;
        border: none; 
      }
        #directory-callout a { 
          display: block;
          text-align: center;
          width: 220px;
        }
    #footer {
      margin-top: 20px; padding: 10px 0 0 0;
      float: left;
      width: 860px;
      border-top: 1px dashed #ccc;
      color: #999;
      font-size: 90%;
    }

/* forms */
fieldset { 
  padding: 10px;
  background: #eee;
  border: none; 
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
  fieldset dl { margin: 0 0 .8em 0; }
  fieldset dl:last-child { margin: 0; }
  fieldset dt, fieldset dd { margin: 0; padding: 0; }
.universal-submit {
  padding: 10px;
  background: #d02860;
  border: none;
  cursor: pointer;
  font-weight: bold;
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  overflow: visible;
  font-size: .9em;
}
  .universal-submit:hover { background: #990033; }

/* slates */
.slate {
  margin: .8em 0; padding: 10px;
  text-align: center;
  font-weight: bold;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
  .slate p { margin: 0; }
  .blank.slate { background: #eee; }

/* pagination */
#pagination { margin: .8em 0 0 0; }
  #pagination a:link, #pagination a:visited, #pagination a:hover, #pagination a:active {
    margin-right: 5px; padding: 5px;
    font-size: 90%;
    color: #666;
    font-weight: bold;
  }
    #pagination a:hover { color: #333; }
    #pagination .pages a:hover { 
      background: #ddd;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
    }
  .pages a {
    background: #f7f7f7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
  }
  #pagination .pages strong {
    margin-right: 5px; padding: 5px;
    font-size: 90%;
    color: #333;
    background: #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
  }
  #pagination a:last-child { margin: 0; }
  #pagination .pages { display: inline; }











/*-------------------------------------------------------    CALL TO ACTION SECTION -----------------------------------------------------*/


/* page specific
---------------------------------------- */
/*index*/
#home #title-area .container {
  position: relative;
  height: 294px;
}
  #home #title-area img.homeimg {
    float: left;
    width: 381px;
    position: absolute;
    top: -50px; left: 0;
    z-index: 5;
  }
  #index-call-to-action {
    float: right;
    width: 660px;
    position: absolute;
    top: 95px; left: 250px;
    color: #fff;
    z-index: 2;
  }
  
  #index-call-to-action img {
  margin: 24px 0 0 40px;
  }
  
    #index-call-to-action h1 {
      margin-right: 20px; padding: 0;
      font-size: 310%;
      text-align: right;
      line-height: normal;
      text-transform: none;
    }
    #index-call-to-action p {
      margin: 30px 20px 0 0;
	    float: right;
    }
      #btn-directory {
        padding: 10px;
        color: #fff;
        float: left;
        background: #0b898a;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        font-size: 120%;
        line-height: normal;
      }
        #btn-directory:hover { background: #006666; }
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
#blog-posts {
  float: left;
  width: 600px;
}
  .blog-post {
    margin-bottom: .7em;
    float: left;
    width: 600px;
  }
    .blog-post:last-child { margin: 0; }
    .blog-date {
      padding: 10px;
      float: left;
      width: 40px;
      text-align: center;
      font-weight: bold;
      background: #ffd963;
      color: #fff;
      font-size: 120%;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
    }
      .blog-date p { margin: 0; }
    .blog-content {
      padding-top: .7em;
      float: right;
      width: 520px;
    }
      .blog-meta {
        margin-bottom: .7em; 
        color: #666;
        font-weight: bold;
      }
      .blog-body { margin-bottom: .7em; }
      .blog-body img { max-width: 520px; }
      .blog-category {
        font-weight: bold;
        color: #666;
      }

/* ballroom */
#ballroom-reference {
  float: left;
  width: 600px;
}
  #ballroom-reference img#section-header {
    margin: 0 20px 20px 0;
    float: left;
    display: inline;
  }
ul.dances {
  margin: .8em 1.5em;
  float: left;
  width: 600px;
}
  ul.dances li { 
    list-style: disc; 
    float: left;
    width: 200px;
  }

/* stories */
#testimonials {
  float: left;
  width: 600px;
}
  .testimonial {
    margin-bottom: 1.5em;
    float: left;
    width: 600px;
  }
    .testimonial:last-child { margin: 0; }
    .testimonial blockquote {
      padding: .8em 0 0 60px;
      float: left;
      width: 540px;
      background: url(/images/bg_blockquote.png) 0 0.8em no-repeat;
    }
    .testimonial blockquote img {
      margin-right: 5px;
      float: left;
      max-width: 540px;
    }

/* blog */
.comment {
  margin: .8em 0;
  float: left;
  width: 600px;
}
  .comment img {
    float: left;
    width: 60px;
  }
  .comment-meta { 
    margin-bottom: .8em; 
    float: right;
    width: 520px;
  }
    .comment-meta small {
      margin-left: 5px;
      font-size: 90%;
      color: #999;
    }
  .comment-message {
    float: right;
    width: 520px;
  }
input#comment-name, input#comment-email, textarea#comment-body {
  padding: 10px;
  background: #fff;
  border: 1px solid #ccc;
  width: 548px;
}
  textarea#comment-body { height: 150px; }

/* directory */
#directory-listings {
  float: left;
  width: 600px;
}
  .directory-listing {
    margin-bottom: 1.5em;
    float: left;
    width: 600px;
  }
    .directory-listing:last-child { margin: 0; }
    .listing-thumb {
      float: left;
      width: 120px;
    }
      .listing-thumb img { width: 120px; }
    .listing-info {
      padding: .8em 0;
      float: right;
      width: 460px;
    }
      .listing-info h3 a { font-size: 140%; }
      .listing-info p strong {
        font-weight: bold;
        color: #666;
      }
#directory-detail {
  float: left;
  width: 600px;
}
  #directory-detail h2 {
    font-size: 220%;
  }
  #directory-detail #studio-media {
    float: left;
    width: 180px;
  }
    #studio-media img {
      margin-bottom: 1.6em;
      display: block;
    }
  #studio-head-bio {
    padding: .8em 0;
    float: right;
    width: 400px;
  }
#map-module {
  margin-bottom: 1.5em; padding: 10px;
  background: #eee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
  #map-module .map { width: 220px; height: 160px; }
#studio-contact #btn-directory {
  margin-bottom: .8em;
  display: block;
  text-align: center;
  width: 220px;
}
#studio-contact small { color: #666; }

/* contact */
#contact-us {
  float: left;
  width: 600px;
}
  form#contact-jda {
    float: left;
    width: 580px;
  }
    input#message-name, input#message-email, input#message-phone, textarea#message-body {
      padding: 10px;
      width: 548px;
      background: #fff;
      border: 1px solid #ccc;
    }
      input#message-phone { width: 200px; }
      textarea#message-body { height: 150px; }
#address address { font-weight: normal; }