/*   
Theme Name: Tempo Dance
Theme URI: http://www.courtneyfantinato.com
Description: Custom Child Theme for Tempo Dance Academy.
Author: Courtney Fantinato
Author URI: http://www.courtneyfantinato.com
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

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

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

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

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

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

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





/* ---------------------------------------------------------------- */





/* --------------------

MAIN COLOUR SCHEME

Header Pink/Purple: 793a57
Menu Black: 060706
Main Content Lt Tan: eeeedd
Widget Footer Lt Blue: 324e67
Full Footer Blue: 213344

Main Links Blue: 006666; Purple: 440033
Widget Links Lt Blue: 88cccc;


White: ffffff
Black: 000000
Off-Black: 181818

-------------------- */





/* Sets all margin and padding to 0 */
* {
    margin: 0;
    padding: 0;
}

body {
    font-family: "Century Gothic", Applegothic, sans-serif;
    background-color: #eed;
}


/* General links in static pages/blog posts/post comments/post a comment box */
a:link, a:visited {
    color: #066;
    text-decoration: none;
    border-bottom: 1px #066 solid;
    font-weight: normal;
}
a:active, a:hover {
    color: #403;
    border-bottom: none;
}


#wrapper {
    margin: auto;
}





/* -------------------- BODY TEXT -------------------- */

body p {
    font-size: 1.0em; /* 16px */
    line-height: 1.8em; /* 28px */
    margin: 0 0 1.5em 0;
}

body a {
    color: #066;
    text-decoration: none;
    border-bottom: 1px #066 solid;
    font-weight: normal;
}
body a:hover {
    color: #403;
    border-bottom: none;
}
body strong {
    color: #181818;
}
body img {
    border: 1px #181818 solid;
}

/* Classes for left/right aligned paragraphs */
.alignleft, .alignright {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.alignleft img, .alignright img {
    margin: 0;
    padding: 0;
}




/* -------------------- HEADER -------------------- */

#header {
    z-index: 2;
    background: #060706 url("http://tempodanceacademy.com/wordpress/wp-content/themes/tempodancetheme/images/tempobanner01.png") top center no-repeat; /* Tempo Header Banner or BG */
}
#branding {
    padding: 88px 0px 100px 0px;
    width: 980px;
    background: url("") top left no-repeat; /* Tempo Header Banner */
}


/* Website Name */
#blog-title {
    font-size: 2.8em; /* 45px */
    font-weight: bold;
    visibility: hidden;
}
#blog-title a {
    color: #fff;
    text-decoration: none;
    border-bottom: none;
}
#blog-title a:active, #blog-title a:hover {
    color: #fff;
}


/* Website Description */
#blog-description {
    font-size: 1.4em; /* 22px */
    color: #fff;
    visibility: hidden;
}





/* -------------------- HORIZONTAL NAVIGATION MENU -------------------- */

/* Links hidden to skip to content */
.skip-link {
    display: none;
}


/* Div surrounding Menu */
#access {
    border-bottom: 0px;
    height: 40px;
    overflow: visible;
    z-index: 100;
    background-color: #060706;
    padding: 0px;
}


/* Essential Styles -- Not Touched -- (Found in original Thematic style sheet imported above) */


/* Thematic Skin -- Edited for my child theme Below: */

/* Enitre Menu */
.sf-menu {
    border: 0; /* Overrides the border around the menu */
    float: left;
    width: 1000px;
    margin-left: -25px;
}


/* Menu Link Sizing and Tab Sizing */
.sf-menu a {
    border: 0;
    padding: 14px 15px;
    font-size: 0.9em;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    font-weight: normal;
}
/* Windows computer triggered */
.windows .sf-menu a {
    font-size: 0.9em;
    padding: 14px 15px;
}

.sf-menu a:hover {
    border-bottom: 0;
}


/* Menu Text Links */
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color: #fff; /* Link Colour */
    border-bottom: none;
}


/* Current menu tab of current page */
.sf-menu .current_page_item a, .sf-menu .current_page_ancestor a, .sf-menu .current_page_parent a {
    border: 0;
    background-color: #eed;
    color: #000;
}


/* Menu Tabs */
.sf-menu li {
    background-color: #060706; /* Tab background color */
    margin-right: 0px; /* Space between tabs */
    margin-left: 0px; /* Space between tabs */
}


/* Menu Tab Hovering */
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background-color: #323232; /* Background colour on tab highlight */
    outline-width: 0px;
    color: #fff;
}


/* None otherwise #ccc border was showing for sub menu hidden above */
.sf-menu ul {
    border: none;
}


/* Not sure what this is? */
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    /* ? */
}
.sf-menu ul ul {
    margin-top: 0;
}


/* Sub-Menu Link Tabs */
.sf-menu li li {
    top: 8px;
}

/* Sub-Sub Menu (if applicable) */
.sf-menu li li li {
    display: none;
}

/* Sub-Menu links etc */
.sf-menu li:hover .children a {
    background-color: #060706;
    color: #fff;
}
.sf-menu li:hover ul a {
    background-color: #060706;
    color: #fff;
}
.sf-menu li:hover ul a:hover {
    background-color: #323232;
    color: #fff;
}






/* -------------------- MAIN CONTENT AREA -------------------- */

#main {
    clear: both;
    padding: 0;
    width: 1000px;
    background-color: #eed;
}
#container {
    width: 1000px;
}
#content {
    width: 980px;
    padding: 0;
}


/* Page Title and links (Blog archive) */
.page-title {
    font-family: "Century Gothic", Applegothic, sans-serif;
    font-size: 1.9em; /* 30px */
    font-weight: bold;
    padding-bottom: 15px;
    color: #181818;
}
.attachment .page-title {
    font-style: normal;
}
.page-title a {
    color: #181818;
    text-decoration: none;
    border-bottom: none;
}
.page-title a:active, .page-title a:hover {
    color: #fff;
}
.page-title span {
    font-style: italic;
}
.page-title .meta-nav {
    font-style: italic;
}


/* Individual Blog Entries */
.hentry {
    padding: 30px 0px;
    margin: 0;
    border-bottom: 2px #4D3339 dotted;
}


/* Non-Blog Pages (Careful, Body classes...) */
.slug-welcome, .slug-news, .slug-schedule, .slug-calendar, .slug-registration, .slug-faculty, .slug-dance-programmes, .slug-dance-101, .slug-gallery, .slug-dancewear, .slug-contact-us, .slug-links {
    border: 0;
    margin: 0;
    border-bottom: 0;
}


/* Single Blog Entries on a page */
.single .hentry {
    padding: 10px 0px;
    margin: 20px 0 30px 0;
    border-bottom: 0;
}


/* -------------------- */
/* This section not edited yet */
.home #content .sticky {
    border: 1px solid #ccc;
    margin: 0 0 66px 0;
    padding: 0px;
}
/* -------------------- */


/* Page/Blog Entry Titles */
h1.entry-title, h2.entry-title {
    font-family: "Century Gothic", Applegothic, sans-serif;
    font-size: 1.9em; /* 30px */
    font-weight: bold;
    padding-bottom: 15px;
    color: #181818;
}


/* Page/Blog Entry Title Links */
.entry-title a {
    color: #181818;
    text-decoration: none;
    border-bottom: none;
    font-weight: bold;
}
.entry-title a:active, .entry-title a:hover {
    color: #181818;
    border-bottom: none;
}


/* Tag-line under page title */
.entry-meta {
    color: #066;
    font-size: 0.9em; /* 14px */
    font-style: normal;
    line-height: 1.8em;
    padding-bottom: 15px;
}


/* Same thing as below? */
.entry-meta .author {
    font-size: 1.0em; /* 16px */
    font-style: normal;
    letter-spacing: 0.05em;
    text-transform: none;
    display: none; /* Hides the name of the poster */
}


/* Posted by USER NAME in tag-line */
.entry-meta .n {
    font-size: 1.0em; /* 16px */
    font-style: normal;
    letter-spacing: 0.05em;
    text-transform: none;
    display: none; /* Hides the name of the poster */
}
.meta-prep-author {
    display: none; /* Hides the "By " part before the poster name */
}


/* Links in tag-line */
.entry-meta a {
    color: #066;
    text-decoration: none;
    border-bottom: 1px #066 underlined;
    font-weight: normal;
}
.entry-meta a:active, .entry-meta a:hover {
    color: #403;
    border-bottom: none;
}


/* Date in tag-line */
.entry-meta abbr {
    font-size: 1.0em; /* 16px */
    border: none;
    cursor: text;
    font-style: normal;
    letter-spacing: 0.05em;
    text-transform: none;
}
.meta-sep-entry-date {
    display: none; /* Hides the "|" between poster and date */
}
.meta-prep-entry-date {
    display: none; /* Hides the "Published: " before the date */
}


/* Div around content below Page Title */
.entry-content {
    padding: 0;
}


/* Posted content's header text */
.entry-content h1 {
    font-family: "Century Gothic", Applegothic, sans-serif;
    font-size: 1.4em; /* 22px */
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    padding: 0 0 0.4em 0;
    color: #181818;
}
.entry-content h2 {
    font-family: "Century Gothic", Applegothic, sans-serif;
    font-size: 1.1em; /* 1.1em is 18px */
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    padding: 0 0 0.4em 0;
    color: #181818;
}
.entry-content h3 {
    font-family: "Century Gothic", Applegothic, sans-serif;
    font-size: 1.0em; /* 1.0em is 16px */
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    padding: 0 0 0.4em 0;
    color: #181818;
}
.entry-content h4 {
    font-family: "Century Gothic", Applegothic, sans-serif;
    font-size: 0.9em; /* 0.9em is 14px */
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    padding: 0 0 1.4em 0;
    color: #181818;
}
.entry-content h5 {
    font-family: "Century Gothic", Applegothic, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    padding: 0 0 1.4em 0;
    color: #181818;
}
.entry-content h6 {
    font-family: "Century Gothic", Applegothic, sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    padding: 0 0 1.4em 0;
    color: #181818;
}


/* -------------------- */
/* This section not edited yet */
.entry-content table {
    margin-left: 1px;
}
/* Not edited */
.entry-content embed {
    margin: 0 0 22px 0;
}
/* -------------------- */


/* Tag-line about tags/categories/etc after post content (don't forget archives...) */
.entry-utility {
    color: #066;
    font-size: 0.9em; /* 14px */
    line-height: 1.8em;
    margin: 20px 0 0 0;
    border-top: 1px #066 dashed;
    padding-top: 10px;
    display: none; /* Hides the category/etc tag-line after each post */
}

/* Tag-ling after post content links */
.entry-utility a {
    color: #066;
    font-style: normal;
    text-decoration: none;
    border-bottom: 1px #066 solid;
    font-weight: normal;
}
.entry-utility a:active, .entry-utility a:hover {
    color: #403;
    border-bottom: none;
}


/* Next page links for comments */
.page-link {
    font-size: 0.9em; /* 14px */
    font-weight: bold;
    line-height: 1.8em;
    margin: 20px 0;
    border: 1px solid #181818;
    color: #181818;
}
.page-link a {
    border: 1px solid #666;
    color: #666;
    font-weight: normal;
    padding: 3px;
    text-decoration: none;
}
.page-link a:active, .page-link a:hover {
    color: #000;
    border-bottom: none;
}


/* -------------------- */
/* This section not edited yet */
ul#links-page, ul#archives-page {
    list-style: none;
    margin-left: 0;
    overflow: hidden;
}
li.content-column {
    float: left;
    margin-right: 20px;
    width: 45%;
}
.gallery {
    padding: 0 0 22px 0;
}
.wp-caption-text, .gallery-caption {
    color: #666;
    font-size: 13px;
    line-height: 18px;
}

/* Author Bio Card */
#author-info {
    margin: 0 0 44px 0;
    overflow: hidden;
}
#author-info .avatar {
    float: left;
    margin: .3em 1em 0 0;
}
/* -------------------- */





/* -------------------- BLOG'S POST TO POST NAVIGATION -------------------- */

/* General above/below navigation text and links */
.navigation {
    color: #066;
    font-size: 0.9em; /* 14px */
    line-height: 1.8em;
    margin: 0;
    overflow: hidden;
    text-transform: uppercase;
}
.navigation a {
    color: #066;
    font-style: normal;
    text-decoration: none;
    border-bottom: 1px #066 solid;
}
.navigation a:active, .navigation a:hover {
    color: #403;
    border-bottom: none;
}
.navigation .meta-nav {
    font-style: normal;
}

.nav-previous {
    float: left;
    width: 45%;
    padding-left: 15px; /* Moves link in a bit */
}
.nav-next {
    float: right;
    width: 45%;
    text-align: right;
    padding-right: 15px; /* Moves link in a bit */
}


/* Above and Below Posts */
#nav-above, #nav-below {
    width: 100%;
}


/* Below Posts navigation */
#nav-below {
    margin: 20px 0 25px 0;
}

/* Above Posts navigation */
#nav-above {
    display: none;
}
.paged #nav-above {
    display: block;
    margin: 30px 0 -20px 0;
    display: none;
}






/* -------------------- ASIDES & WIDGET-READY AREAS -------------------- */

/* Primary Right Side-bar in Content Area */
#primary {
    border: 0;
    padding: 18px 0 0 0;
    margin-bottom: 20px;
    color: #000;
}
#primary ul a {
    color: #fff;
    border-bottom: 1px #fff dashed;
}
#primary ul a:hover {
    color: #000;
    border-bottom: none;
}


/* Footer Widget -- 3 Subsidiary Asides */
.aside {
    border: 0;
    padding: 0;
}
.aside p {
    font-size: 1.0em; /* 16px */
    line-height: 1.8em;
    margin: 0 0 1.5em 0;
    color: #fff;
}
.aside a {
    color: #8cc;
    border-bottom: 1px #8cc solid;
    font-weight: normal;
    font-style: italic;
}
.aside a:hover {
    color: #fff;
    border-bottom: none;
}
.aside ul ul {
    margin-left: 0;
}
.aside li {
    list-style-type: none;
}


/* Widget Header Text (h3) */
.aside li .widgettitle {
    font-style: normal;
    font-weight: bold;
    color: #fff;
    margin-bottom: 3px;
    font-size: 1.3em;
}


/* -------------------- */
/* This section not edited yet */
#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: "Century Gothic", Applegothic, sans-serif;
    font-weight: normal;
    font-size: 1.0em; /* 17px */
    font-style: italic;
    padding: 0 0 7px 0;
    text-transform: none;
}
#content .aside ul ul {
    padding: 0;
}
/* --------------------*/






/* -------------------- FOOTER -------------------- */

/* Footer - Entire Subsidiary Asides Area */
#subsidiary {
    background: #324e67 url("http://tempodanceacademy.com/wordpress/wp-content/themes/tempodancetheme/images/roundcorner_bottomright.png") bottom right no-repeat; /* Bottom right round corner */
    padding: 0px 0px 0px 0px;
    width: 980px;
    border: 0px #fff solid;
    /*-moz-border-radius-topleft: 15px;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -webkit-border-bottom-right-radius: 15px;*/
}


/* Full-width of the Footer surrounding Subsidiary Asides Area */
#footer {
    background-color: #213344;
    padding: 20px 0 15px 0;
    margin: 0;
    border-top: 0;
}


/* WordPress/Thematic Tagline/Footer */
#siteinfo {
    background-color: #213344;
    width: 100%;
    margin: 0;
    color: #ccc;
    font-size: 0.8em; /* 13px */
    padding: 15px 0 0px 0;
}
#siteinfo a {
    color: #ccc;
    border-bottom: none;
    font-weight: normal;
}
#siteinfo a:active, #siteinfo a:hover {
    color: #fff;
}


/* All Footer Text (Inner div) */
#footer_text {
    padding: 0;
    width: 960px;
    margin: auto;
    text-align: right;
}






/* -------------------- BLOG COMMENTS -------------------- */

/* Removed, not needed for Tempo Dance */

/* Comment box on individual post pages */
#comments {
    display: none; /* Hides entire comment box */
}

/* -------------------- */





/* -------------------- SEARCH BOX -------------------- */

.widget_search {
    padding-top: 20px;
}

.aside input {
    width: 290px;
    padding: 3px;
    font-size: 0.9em; /* 14px */
    font-family: arial, helvetica, sans-serif;
    border: 2px solid #ccc;
}






/* -------------------- CONTACT FORM -------------------- */

#contact_form {
    width: 520px;
    padding: 10px 0px;
}
#contact_form input, #contact_form textarea {
    width: 500px;
    padding: 5px;
    font-size: 0.9em; /* 14px */
    font-family: arial, helvetica, sans-serif;
    border: 2px solid #ccc;
}
#contact_form #contact_quiz {
    width: 200px;
}






/* -------------------- Find Us Map -------------------- */
#map img {
    border: 1px solid #181818;
    margin: 0;
    padding: 0;
}
#map a {
    border-bottom: 0;
}






/* -------------------- AUTO RECENT POSTS WIDGET -------------------- */

/* Whole plugin area */
.widget_yd_rp {
    width: 600px;
    padding: 0;
    margin: 0;
}

/* Div surrounding UL of news excerpt LIs */
.yd_rp_widget {
    color: #eed;
}

/* Room between each news excerpt */
.yd_rp_widget li {
    margin-bottom: 5px;
}

/* Text of each li contained in a div */
.yd_rp_excerpt {
    padding-top: 3px;
}


/* First Footer Aside Area */
#first {
    background: #324e67 url("http://tempodanceacademy.com/wordpress/wp-content/themes/tempodancetheme/images/roundcorner_topleft.png") top left no-repeat; /* Top left round corner */
    padding: 20px 0 0 20px;
}







/* -------------------- DANCEWEAR PAGE -------------------- */

.slug-dancewear .entry-content a {
    border-bottom: 0;
}

.slug-dancewear .entry-content a img {
    border: 0;
}





/* -------------------- GALLERY -------------------- */

/* Gallery Columns */
.gallery-item, .gallery-icon {
    margin: 0;
    padding: 0;
    border: 0;
}

/* Gallery Thumbnails */
.gallery-icon a {
    border-bottom: none;
}

/* Single Photo Pages/Attachment */
.attachment .hentry {
    border-bottom: none;
}

/* Single Photo */
.entry-attachment a {
    border-bottom: none;
}
.entry-attachment {
    text-align: center;
}

/* Back to Gallery link */
.page-title {
    margin: 20px 0 0 0px;
}
.page-title a {
    color: #403;
}
.page-title a:hover {
    color: #066;
}






/* -------------------- ERROR PAGE -------------------- */

.error404 {
     padding: 25px 0;
}