/*   
Theme Name: Moving Moxie Theme
Theme URI: http://movingmoxie.com
Description: A custom theme for Moving Moxie Pilates, designed and developed by Periscope Creative
Author: Andrew Barden
Author URI: www.periscopecreative.com
Version: v1
.
Not for reproduction. Enjoy!
.
*/
* { outline: 0; }
body {
	margin: 0;
	padding: 0;
	font-family: Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', Myriad, 'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', Tahoma, Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 87%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	color: #572700;
	background: #ba2c31 url(img/bg-gradient.png) repeat-x;
	border-top: 4px solid #572700;
	}
/*basic link structure*/
a {
	text-decoration: none;
	color: #3b8fc1;
	outline: none;
	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	}
a:focus {
	outline: 1px dotted invert;
}

input, textarea {
	border:2px solid #e4f4f3;
	padding: 5px 10px;
	margin: 10px 0 0;
	background: #fff;
	font: 1em/1.2em Arial, Helvetica, sans-serif;
	letter-spacing: .02em;
	color: #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
input:focus, textarea:focus {
	border: 2px solid #93cfd2;
	}
input#submit {
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	background: #93cfd2;
	border: 0;
	cursor: pointer;
	}
input#submit:hover {
	background: #83cad1;
	}
	
/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 1.57em;
	letter-spacing: -.02em;
	margin-top: 0;
}

h2 {
	font-size: 1.15em;
	margin-bottom: .4em;
}

h3 {
	font-size: 1em;
	margin-bottom: .2em;
}

h4 {
	font-size: 1.8em;
	color: #a92a2e; 
	font-weight: bold;
        margin-bottom: .2em;
}

h5 {
	font-size: 1.15em;
        font-weight: lighter;
        margin-bottom: 1em;
        margin-top: 0;
}

h6 {
	font-size: 1.15em;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: square;
}

li {
	margin: 0;
}

img {
	border: 0;
	}
ol, ul, li, blockquote {
	list-style: none;
	line-height: 1.2em;
	}
#main ul li {
	list-style: disc;
	}
#main ol li {
	list-style: decimal;
	}
p {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 1.2em 0;
	}
#main p {
	margin: 0;
	}
#main p + p {margin: 1.2em 0}
li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}
	

	/* `Basic HTML
----------------------------------------------------------------------------------------------------*/


hr {
	border: 0 #d7e6e5 dotted;
	border-top-width: 2px;
	clear: both;
	height: 0;
	margin-top: 20px;
}
#header {
	position: relative;
	width: 865px;
	height: 31px;
	background: url(img/bg-top.png) no-repeat;
	margin: 60px 0 0 50px;
	}
	#follow a {
		position: relative;
		width: 41px;
		height: 23px;
		display: block;
		background: url(img/sprites-twitter.gif) top left no-repeat;
		float: right;
		margin: 38px 44px 0 0;
		z-index: 2;
		}
	#follow a:hover {
		background: url(img/sprites-twitter.gif) bottom left no-repeat;
		}
	ul.twitter {
		position: relative;
		float: right;
		margin: 35px 15px 0 0;
		width: 380px;
		height: 30px;
		overflow: hidden;
		z-index: 2;
		}
		ul.twitter li {
			text-align: right;
			font-size: 10px;
			letter-spacing: .05em;
			}
#content {
	width: 865px;
	background: url(img/bg-mid.png) repeat;
	margin-left: 50px;
	}
#page {
	position: relative;
	width: 915px;
	margin: 0 auto;
	}
	#logo a {
		position: absolute;
		width: 372px;
		height: 157px;
		background: url(img/logo.png) no-repeat;
		z-index: 2;
		margin: -37px 0 0 -50px; 
		}
#interior {
	margin: 0em;
	padding: 121px 65px 20px 54px;/* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i'll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. */
	}
	#main {
		float: left;
		width: 422px;
		margin-right: 33px;
		}

	#aside {
		float: left;
		margin-left: 33px;
		width: 255px;
		}
#footer {
	position: relative;
	width: 865px;
	height:38px; 
	background: url(img/bg-bottom.png) no-repeat top left;
	margin-left: 50px;
	}
	#footer p {
		text-align: center;
		padding: 36px 0 0;
		margin: 0;
		width: 865px;
		color: #e4f4f3;
		}
	#footer a {color: #E4F4F3;text-decoration: underline;}
	#footer a:hover {color: white;}
	
/* `Home Page
----------------------------------------------------------------------------------------------------*/
#slideshow-container {
	height: 188px;
	width: 255px;
	margin: 1.2em 0;
	float: left;
	overflow: hidden;
	}
#slideshow {
	height: 188px;
	width: 255px;
	margin: 0;
	}
#links {
	position: relative;
	margin-top: 40px;
	padding: 0;
	}
#links li {
	display: block;
	margin-right: 20px;
	height:40px;
	width: 40px;
	float: left;
	}
li#certified a, li#hillsdale a, span.facebook {background-image: url(img/sprites-links.png);float: left;height:40px;width: 40px}
#certified a {
	background-position: 0 0;
	}
#hillsdale a {
	background-position: -40px 0;
	}
#facebookfan a {
	height:40px;
	display: block
	}
	#facebookfan a span.facebook {
		background-position: -80px 0;
		background-repeat: no-repeat;
		text-indent: 48px;
		line-height: 40px;
		width: 200px
		}

/* `Classes Pages
----------------------------------------------------------------------------------------------------*/
#main p.jump {
	margin: -10px 0 25px;
	}
.schedule {
	background: white;
	-moz-border-radius: 26px;
	-webkit-border-radius: 26px;
	width: 210px;
	padding: 22px;
	color: #231f20;
	font-size: .8em;
	}
	.schedule h3 {
		font-size: 14px;
		color: #e31b23;
		text-transform: uppercase;
		margin-top: 0;
		}
	.schedule p {letter-spacing: .01em;line-height: 1.2em;}
	.schedule span {
		float: right;
		font-size: 9px;
		text-transform: uppercase;
		}
p.note {
	padding: 0 20px;
	line-height: 1.6em;
	}
#accordion {
	margin:20px 0 0;
	padding:0;
	width:253px;
	text-align: left;
}
#accordion a.head {
	text-align: center;
	width: 253px;
	height: 40px;
	cursor:pointer;
	background: url(img/bg-redbtn.gif) no-repeat scroll center left;
	color:#FFFFFF;
	display:block;
	margin:0;
	padding: 0;
	line-height: 40px;
}
.ui-accordion ul {
	border-width:0px;
	margin:0px;
	padding: 0;
	text-indent:0px;
}
.ui-accordion li {
	list-style:none outside none; display:inline;
}
.ui-accordion li span {
	font-size: 10px;
	color: #572700;
	}
.ui-accordion li li {
	display:block;
	font-size: 12px;
	padding: .4em 0 .2em 1em;
	}
.ui-accordion li li a {
	text-decoration: none;
	display: block;
	color:#572700;
	}
.ui-accordion li li a:hover {
	color:#E20D2B;
}
.ui-accordion li ul {
	background: white;
	margin: 0 20px;
	display: block;
	position: relative;
	text-align: left
	}
#a-private, #a-duet, #a-mat, #a-roller, #a-focus {
	width:253px;
	text-align: center;
	cursor:pointer;
	background: url(img/bg-redbtn.gif) no-repeat scroll top left;
	color:#FFFFFF;
	display:block;
	margin:20px 0 40px 0;
	padding: 0;
	line-height: 36px;
	}
#a-private li ul, #a-duet li ul, #a-mat li ul, #a-roller li ul, #a-focus li ul {
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	}

#mytable {
	padding: 0;
	margin: 0 0 40px;
}
#mytable tr.disclaimer {
	background: url(img/bg-ctable-bottom.gif) no-repeat bottom right;
	height: 10px;
	}

#mytable th {
	color: #572700;
	border:	none;
	text-transform: uppercase;
	text-align: center;
	padding: 6px 6px 8px 8px;
}

#mytable tr.numbers th.nobg {
	background: none;
	}
#mytable .noborder {
	border-right:none !important;
	}

#mytable td {
	border-right: 1px solid white;
	padding: 10px 6px 10px 12px;
	text-align: left;
	background: #e9f6f5;
	text-align: center;

	}
#mytable tr {
	color: #572700;
	font-size: 13px;
	font-weight: bold;
	background: #fff;
	}
#mytable tr.numbers th {
	color: #fff;
	border-right: 1px solid white;
	background-color: #9AD7DB;
	}
#mytable tr.disclaimer td {
	padding-left: 75px;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	color: #fff;
	background: none;
	}

/* `Testimonials Page
----------------------------------------------------------------------------------------------------*/

a.read-more {
	text-decoration: none;
	text-transform: uppercase;
	font-size: .8em;
}

/* `Intake Form Page
----------------------------------------------------------------------------------------------------*/

body#intake-form #main { width: 743px; }
body#intake-form #main em {
	color: #777;
	}
body#intake-form h2 {
	text-align: center;
	display: block;
	padding: 10px 0;
	margin: 30px 0 20px;
	color: #d2373b;
	border-bottom: 1px dashed #572700;
	}
body#intake-form h2 span {
	text-align: center;
	padding: 0;
	margin: 0;
	color: #d2373b;
	font-size: 13px;
	color: #572700;
	}
body#intake-form input, body#intake-form textarea {width: 300px}
body#intake-form .wpcf7-list-item input {width: auto;}

#wpcf7-f2-p101-o1 p, #wpcf7-f2-p101-o1 p + p {
	width: 320px; 
	float:left;
	padding: 15px;
	margin: 0 10px 10px 0;
	background: #f1f7f7;
	color: #572700;
	font-size: 16px;
	}
#wpcf7-f2-p101-o1 p.submit {background: none; width: 300px !important; margin: 0 auto;}
.wpcf7-list-item { margin-right: 15px; font-weight: bold; float: left; clear: both; }
#wpcf7-f2-p101-o1 p .other {float: left; clear: both;}

#wpcf7-f2-p101-o1 p.send { width: 700px; margin: 0 auto; text-align: center; background: none; }
.wpcf7-not-valid-tip-no-ajax {color: #D2373B; font-style: italic;}

/* Liability */

div.liability {background: #f1f7f7;}
#wpcf7-f2-p101-o1 .liability p, #wpcf7-f2-p101-o1 .liability p + p {
	float: none;
	width: 690px;
	background: none;
	}


/* `Navigation
----------------------------------------------------------------------------------------------------*/
ul.nav {
	position: absolute;
	z-index: 1;
	top: 81px;
	right:46px;
	padding: 0;
	width: 505px;
	height: 18px;
	background: url(img/sprites-nav.gif) no-repeat;
	}
.nav li {
	float: left;
	height: 18px;
	}
.nav li a {height:18px;display: block;outline: 0;}

.nav li.nav-teachers a {background: url(img/sprites-nav.gif) no-repeat 0 0;width: 101px;}
.nav li.nav-teachers a:hover {background-position: 0 -18px;}

.nav li.nav-method a {background: url(img/sprites-nav.gif) no-repeat -101px 0;width: 96px;}
.nav li.nav-method a:hover {background-position: -101px -18px;}

.nav-classes {width: 91px;}
.nav li.nav-classes a {background: url(img/sprites-nav.gif) no-repeat -197px 0;width: 91px;}
.nav li.nav-classes a:hover {background-position: -197px -18px;}
.nav li.nav-classes-descriptions a {background: url(img/sprites-nav.gif) no-repeat -504px 0;width: 95px; margin-right: 5px}
.nav li.nav-classes-descriptions a:hover {background-position: -504px -18px;}
.nav li.nav-classes-pricing a {background: url(img/sprites-nav.gif) no-repeat -598px 0;width: 60px;}
.nav li.nav-classes-pricing a:hover {background-position: -598px -18px;}


.nav li.nav-testimonials a {background: url(img/sprites-nav.gif) no-repeat -288px 0;width: 92px;}
.nav li.nav-testimonials a:hover {background-position: -288px -18px;}

.nav li.nav-faq a {background: url(img/sprites-nav.gif) no-repeat -380px 0;width: 51px;}
.nav li.nav-faq a:hover {background: url(img/sprites-nav.gif) no-repeat -380px -18px;}

.nav li.nav-contact a {background: url(img/sprites-nav.gif) no-repeat -431px 0;width: 74px;}
.nav li.nav-contact a:hover {background-position: -431px -18px;}


.nav-classes-over {
	position: relative;
	left:-40px;
	}
/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	height:			2.5em;
	padding-bottom:	2.5em;
	position:		relative;
}
.sf-navbar li {
	position:		static;
}
.sf-navbar li ul {
	width:			30em; /*IE6 soils itself without this*/
}
.sf-navbar li li {
	position:		relative;
}
.sf-navbar li li ul {
	width:			13em;
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}
.sf-navbar li.current {
}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {

}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {

}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
	top: 			-999em;
}

.sf-navbar li li.current > a {
	font-weight:	bold;
}

/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {
	background: transparent;
	padding: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}	

/* `Utility Classes
----------------------------------------------------------------------------------------------------*/

blockquote {
	background:transparent url(img/quotes-start.gif) no-repeat;
	text-indent:35px;
	}
blockquote p {
	background:transparent url(img/quotes-end.gif) no-repeat right bottom;
	display:inline;
	font-size:1.2em;
	font-style:italic;
	font-weight:normal;
	margin:0;
	padding-right:35px;
	}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
    clear: both;
    height: 0;
    
    display: block;
    visibility: hidden;
    
    content: ".";
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


.a {
	position: absolute;
	left: -9999px;
	}

.bold {
	font-weight: bold;
}	

.tiny {
	font-size:.85em;
}

.alignleft {
	float:left;
	text-align:left;
	margin-right:10px;
}

.floatright {
	float: right;
	}
.red {
	color:#E20D2B;
	}
a.red:hover {
	color:#000;
	}
.sub {color: #888;text-transform: uppercase;}
a.btn {
	color: #fff;
	font-weight:bold;
	text-decoration: none;
	line-height: 35px;
	font-size: 12px;
	text-transform: uppercase;
	cursor: pointer;
	display: block;
	}
.smallbtn {
	color: #fff;
	text-decoration: none;
	background: #e31b23;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 8px;
	text-transform: uppercase;
	outline: 0;
	border: 0;
	cursor: pointer;
	}
.smallbtn:hover, .smallbtn:active, .smallbtn:focus { background:#83cad1; outline: 0;border: 0;text-decoration: none}
a.bluebtn {
	width: 253px;
	height: 34px;
	background: url(img/bg-bluebtn.gif) no-repeat top left;
	text-align: center;
	display: block;
	}
a.bluebtn:hover {
	background-position: bottom left;
	}
.col { float: left; width: 300px; margin-right: 20px; }