/*
Theme Name: MuseEEK
Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.3
License: GNU General Public License
License URI: license.txt
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* ---------------------------- GUW Start ---------------------------------------- */

body {
    }

div#page {
    width: 100%;
    margin: 0 auto;
    background: url('images/main-bg.png');
    float:left;
}

/* --------------Header--------------- */
header {
    width:100%
}

div#page-head {
    background: url('images/top-bg.jpg') no-repeat black;
    background-size: 100%;
    width: 100%;
    height: 582px;
    margin: 0 auto;
    background-attachment: fixed;
}

div#page-head h1 {
    font-family: 'Poiret One', cursive;
    font-size: 123px;
    color: #B6B6B6;
    margin: 0 0 0 0;
    padding-top: 34px;
}

div#head-content {
    background: url('images/title-strip.png') right no-repeat;
    background-position-y: 0;
    background-position-x: 100%;
    padding-right: 231px;
    width: 70em;
    height: 100%;
    margin: 0 auto;
}

div#page-head p#head-pri {
    color: #606060;
    font-family: 'Poiret One', cursive;
    font-size: 40px;
    margin: -11px 0 0 200px;
}

div#page-head p#secone {
    font-family: 'Economica', sans-serif;
    font-size: 36px;
    margin: 10px 0 0 440px;
    color: #8F8F8F;
}

div#page-head p#sectwo {
    font-family: 'Economica', sans-serif;
    font-size: 36px;
    margin: 10px 0 0 559px;
    color: #8F8F8F;
}

div#page-head img#title-strip {
    margin: -278px 0 0 1048px;
    position: absolute;
}

div#page-head div#cta {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("images/CTA-bg.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 166px;
    margin: 138px 0 0 774px;
    position: relative;
    width: 255px;
}

div#page-head div#cta img {
    margin: 125px 0 0 64px;
}

div#main_menu {
    width: 1024px;
    margin: 0 auto;
    position: relative;
    clear: right;
    background-color: transparent;
    background-image: url("images/grad.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    height: 79px;
}

div#main_menu ul {
    width: 925px;
    margin: 0 0 0 170px;
}

div#main_menu ul li {
    float: left;
    font-family: 'Poiret One', cursive;
    font-size: 24px;
    text-transform: uppercase;
    margin: 20px 0 10px;
    padding: 0 15px;
    letter-spacing: 3px;
    font-weight: 700;
    color: #4C4C4C;
    border-right: 1px solid #4C4C4C;
}

div#main_menu ul li:last-child {
    float: left;
    font-family: 'Poiret One', cursive;
    font-size: 24px;
    text-transform: uppercase;
    margin: 20px 0 10px;
    padding: 0 15px;
    letter-spacing: 3px;
    font-weight: 700;
    color: #4C4C4C;
    border: none;
}

div#main_menu ul li a {
    color: #4C4C4C;
    text-decoration: none;
}

div#main_menu ul li img {
    margin-top: -10px;
}

/* ---------------- Main Body ----------------------- */

div#main {
    float:left;
    width:100%;
    clear: left;
}

div.entry-content {
    margin: 0 auto;
    width: 1024px;
}

div#title-h {
    max-width: 1024px;
    text-align: center;
    margin: 0 auto;
}

h1.entry-title {
    font-family: 'Poiret One', cursive;
    font-size: 84px;
    color: #505050;
}

div#title-h h2{
    font-family: 'Economica', sans-serif;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #707DB7;
    line-height: 32px;
}

div#title-h p{
    font-family: 'Economica', sans-serif;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #000;
    line-height: 32px;
}

div#title-h h2 img {
    margin: 0 10px 5px 10px;
}

div#primary {
    width: 100%;
    float: left;
}

div#primary div#content {
    width: 1024px;
    float: left;
    margin: 0 auto;
}

div#button_cont {
    margin: 10px auto;
    width: 39em;
}

div.button_go {
    background: url('images/button.png');
    background-size: auto 100%;
    padding: 5px 20px;
    text-align: center;
    width: 8em;
    float: left;
    margin: 0 20px 0 20px;
}

div.button_go a {
    font-family: 'Economica', sans-serif;
    font-size: 22px;
    color: #fff;
    text-decoration: none;
}

/* --------------------------- Product Categories ------------------------------ */

div#prod_cats {
    float: left;
}

.clear {
	clear: both;
}

div#cat_roll {
    width: 100%;
    clear: left;
    text-align: center;
    padding-top: 30px;

}

div#cat_roll span {
    font-family: 'Poiret One', cursive;
    font-size: 33px;
    text-transform: uppercase;
}

div#cat_roll div.cat_class {
    float: left;
    width: 335px;
    position: relative;
}

div#cat_roll div.cat_class div.cat_item {
    height: 300px;
    margin-top: 25px;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

div#cat_roll div.cat_class p {
    text-decoration: none;
    font-family: 'Poiret One', cursive;
    font-size: 33px;
    text-transform: uppercase;
    color: #505050;
    text-align: center;
    background: url('images/gBar.png') no-repeat top;
    padding-top: 5px;
}

div#cat_roll div.cat_class a div.button_prod {
    background: url('images/button.png');
    padding: 5px 20px;
    text-align: center;
    width: 70px;
    margin: 0 110px;
    position: absolute;
    bottom: -58px;
    color: white;
    text-transform: none;
    letter-spacing: 0;
    font-family: 'Economica', sans-serif;
    font-size: 32px;
    z-index: 99;
}

/* ----------------- LESSONS SECTION --------------------------- */

div#live_lessons {
    float: left;
    margin-top: 150px;
    text-align: center;
}

div#live_lessons h1 {
    font-family: 'Poiret One', cursive;
    font-size: 83px;
    color: #505050;
}

div#live_lessons p {
    font-family: 'Economica', sans-serif;
    font-size: 27px;
    color: #505050;
    line-height: 34px;
}

div#live_lessons div.button_go {
    float: none;
    margin: 20px auto;
}

div#live_lessons img {
    margin: -100px -161px 0 0;
}

div#content div#prod_cats div#live_lessons div#lesson_container {
    height: 448px;
    margin: -37px 0 3px 160px;
    padding-top: 28px;
    width: 735px;
}



/* ------------------- Fixed bottom image --------------------------- */

div#fixed_window {
    width: 100%;
    height: 651px;
    float: left;
}
div#win_to_fixed {
    position: fixed;
    background: url('images/big_arnold_bg.jpg') no-repeat;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: -10;
}

/* -------------------- Footer --------------------------------- */

div#main_foot {
    float: left;
    z-index: 10;
    background: url('images/main-bg.png');
    width: 100%;
    text-align: center;
}

div#main_foot p {
    font-family: 'Poiret One', cursive;
    font-size: 83px;
    letter-spacing: 9px;
    color: #505050;
    text-transform: uppercase;
    clear: both;
}

div#main_foot ul {
    width: 270px;
    margin: 0 auto;
}

div#main_foot ul li {
    float: left;
    margin: 5px;
}

img#spacer {
    width: 600px;
    height: 2px;
}

div#main_foot p#secondary_p {
    font-family: 'Economica', sans-serif;
    font-size: 28px;
    letter-spacing: 5px;
    color: #A1A1A1;
    clear: both;
    margin: 10px;
}

div#shell_pick {
    margin: 10px auto 20px;
    width: 120px;
    height: 134px;
    background: url('images/shell_pick.png') no-repeat;
    background-size: 100% 100%;
}

/* --------------------- Members Section -------------------------- */

div#main div#content div.entry-header div#title-f h2 {
    color: #707DB7;
    font-family: 'Economica',sans-serif;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 32px;
}


.searchFAQs {
	clear: both;
	text-align: left;
}

/* CTA Styling */

form.infusion-form {
    padding-left: 26px;
    padding-top: 196px;
    width: 487px;
}

form.infusion-form input.cleardefault {
	border: 1px solid #B2B2B2;
	color: #6C6D6D;
	font-family: economica;
	font-size: 23px;
	height: 38px;
	padding-left: 10px;
	padding-right: 10px;
	text-transform: lowercase;
	width: 211px;
}

form.infusion-form input {
	
}

form.infusion-form label {
    float: left;
    font-family: economica;
    margin-bottom: 5px;
    margin-top: 5px;
}


form.infusion-form    .checkbox, .radio {
    background: url("images/checkboxes.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    height: 15px;
    margin: 5px 0 5px 16px;
    padding: 0 5px 0 0;
    width: 15px;
    }
form.infusion-form    .radio {
      background: url(images/checkboxes.jpg) no-repeat;
      width: 15px;
      height: 15px
     	    float: left;
    }
form.infusion-form    .select {
	    float: left;
      position: absolute;
      width: 15px;
      height: 15px;
      padding: 0 24px 0 8px;
      color: #fff;
      font: 12px/21px arial,sans-serif;
      background: url(images/checkboxes.jpg) no-repeat;
      overflow: hidden;
    }


form.infusion-form h5 {
    clear: both;
    color: #17214A;
    font-family: economica;
    font-size: 25px;
    line-height: 25px;
    margin-left: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
}

form.infusion-form input.submit {
	    background: url("images/submitBTN.jpg") no-repeat scroll 0 0 transparent;
    border: medium none;
    clear: both;
    cursor: pointer;
    font-size: 0;
    height: 46px;
    margin-left: 165px;
    margin-top: 15px;
    text-indent: -9999px;
    width: 137px;
}

form.infusion-form div.styleMusic {
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 73px;
    padding-right: 78px;
}

form.infusion-form div.skill_level {
    float: left;
    margin-bottom: 10px;
    padding-left: 95px;
}

form.infusion-form div.interest {
    float: left;
    padding-left: 144px;
    padding-right: 167px;
}

body.category-membership table td img.wp-post-image {
	display: block;
	margin: 0 auto;
}

a.button_go {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("images/button.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto 100%;
    bottom: -15px;
    color: white;
    font-family: 'Economica',sans-serif;
    font-size: 30px;
    left: -563px;
    margin: 15px;
    padding: 5px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 100px;
}

a.button_go.wide {
    width:150px;
    left: -430px;
}