/*
Theme Name: Moving Moxie v1.3
Theme URI: http://movingmoxie.com
Description: A custom theme for Moving Moxie Pilates, designed my Emily Sapp
Author: Tessa Watson
Version: 1.3
.
Not for reproduction. Enjoy!
.
*/
* { outline: 0; }
body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 87%;
	color: #0A496C;
	background: url(img/wood_bkg.jpg) repeat top left;
	}
/*basic link structure*/
a {
	text-decoration: none;
	color: #0A496C;
	outline: none;
	}

a:hover {
	text-decoration: underline;
	}
a:focus {
	outline: 1px dotted invert;
}

input, textarea {
	border:1px solid #F0EFEF;
	width: 200px;
	padding: 10px 10px;
	margin: 10px 0 0;
	background: #fff; 
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	letter-spacing: .02em;
	color: #000;
	}
input:focus, textarea:focus {
	border: 1px solid #DEE3AF;
	}
	
::-webkit-input-placeholder {
   color: #8C9499;
	font-style: italic;
	font-size: 1.2em;
	font-weight: 200;
}
:-moz-placeholder { /* Firefox 18- */
   color: #8C9499;
	font-style: italic;
	font-size: 1.2em;
	font-weight: 200; 
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #8C9499;
	font-style: italic;
	font-size: 1.2em;
	font-weight: 200;  
}

:-ms-input-placeholder {  
   color: #8C9499;
	font-style: italic;
	font-size: 1.2em;
	font-weight: 200; 
}


/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 1.9em;
	letter-spacing: -.02em;
	margin-top: 0;
	padding-right: 1em;
	line-height: 1em;
}

h2 {
	font-size: 1.5em;
	margin-bottom: .2em;
	margin-top: 1.6em;
}

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

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

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

h6 {
	font-size: 1.08em;
        margin-bottom: 1em;
        margin-top: 0;
}
h7 {
	font-size: .95em;
        margin-bottom: 1em;
        margin-top: 0;
        font-weight: 600;
}

/* `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;
	font-weight: bold;
	line-height: 1.7em;
	margin: 1.2em 0;
	font-weight: 300;
	}
#main p {
	margin: 0;
	font-size: .9em;
	}
#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: 600;
	}


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


hr {
	border: 0 #d7e6e5 dotted;
	border-top-width: 2px;
	clear: both;
	height: 0;
	margin-top: 20px;
}
#color-bar {
	height: 5px;
	background-color: #DEE3AF;
}
#header {
	width: 840px;
	background: #ffffff;
	margin: 0px auto;
	padding-top: 42px;
	}
#content {
	width: 840px;
	background: #ffffff;
	margin: 0 auto;
	}
#content.wide #main{
	float: none;
	margin-right: 0;
	width: 100%;
}
#page {
	position: relative;
	margin: 0 auto;
	background: #ffffff;
	}
#logo {
	width: 140px;
	padding-left: 25px;
	float: left;
}
#logo a {
	position: absolute;
	width: 201px;
	height: 46px;
	background: url(img/logo-horizontal.jpg) no-repeat;
	z-index: 2;
}
#interior {
	margin: 0em;
	padding: 36px 0 0 0;/* 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. */
	}
	
.slideshow_container_style-light .slideshow_slide_image img{
	height: 364px !important;
	width: 528px !important;
}
	
#main-content {
	width: 240px;
	position: absolute;
	left: 570px;
	padding-right: 30px;
	top: 100px;
}	
.wide #interior{
	padding-left: 28px;
	padding-right: 36px;
}
	#main {
		width: 840px;
		position: relative;
	}
	#feature-slide{
	width: 530px;
	float: left;
	}
	#feature-text {
		float: right;
		width: 250px;
		min-height: 330px;
		height: 100%;
		border-top: 1px solid #DEE3AF;
		border-bottom: 1px solid #DEE3AF;
		border-right: 1px solid #DEE3AF;
		border-left: 1px solid #DEE3AF;
		padding: 28px 20px 4px 30px;
	}
	.get-moving {
		background-color: #DEE3AF;
		padding: 5px 5px 5px 20px;
		width: 100px;
		font-style: italic;
		float: right;
		position: absolute;
		left: 155px;
		top: 220px;
	}
	.get-moving a:hover{
		text-decoration: none;
	}
	#info-cols{
		width: 840px;
		color: #3F3E39;
		display: inline-block;
	}
	#info-cols li{
		font-weight: 300;
		font-size: .85em;
		line-height: 1.7em;
	}
	#info-cols p{
		font-size: .85em;
	}
	#call-out-box {
		padding-top: 2em;
		padding-bottom: 2.5em;
		font-style: italic;
		font-size: 1.7em;
		font-weight: 200;
	}
	#cross-leaf {
		float: left;
		width: 125px;
		text-align: center;
		position: relative;
		top: 30px;
	}
	#callout {
		float: right;
		width: 82%;
		padding-right: 20px;
	}
	
#footer {
	margin: 0 auto;
	width: 840px;
	color: #fff;
	padding-bottom: 15em;
	padding-top: 3em;
	}
	#footer p {
		text-align: center;
		padding: 16px 0 0;
		margin: 0;
		color: #e4f4f3;
		font-size:12px;
		}
	#footer a {color: #ffffff;text-decoration: none;}
	#footer a:hover {text-decoration: underline;}

	#footer #sitemap{
		margin:0;
		padding-top: 25px;
		text-align: center;
		font-size: .85em;
		font-weight: 200;
	}
	#footer #sitemap li{
		display: inline;
	}
	#footer #social {
		margin: 0 auto;
		text-align: center;
	}
	#footer #social li{
		display: inline;
	}
	#footer #social li a{
		background-image: url(img/social-sprite.png);
		display: inline-block;
		width: 40px;
		height: 40px;
	}
	#footer #social li a.fb {
		background-position:0px 0px;
	}
	#footer #social li a:hover.fb {
		background-position:0px 38px;
	}
	#footer #social li a.twitter {
		background-position:-40px 1px;
	}
	#footer #social li a:hover.twitter {
		background-position:-40px 39px;
	}

/* `Footer Widget Area
----------------------------------------------------------------------------------------------------*/
#footer-widget-strip {
	margin: 0 auto;
	background: #DEE3AF;
	padding: 3em 0 4em 0;
}

#footer-widgetized-area {
	margin: 0 auto;
	width: 875px;
}
.footer-widget {
	width: 28%;
	padding: 0 1.5em;
	float: left;
}
.textwidget {
	font-size: .9em;
	font-weight: 200;
	line-height: 160%;
	padding-top: 3px;
}
.pre-widget {
	width: 32%;
	float: left;
}
.left-col{
	width:245px;
	float: left;
}
.middle-col{
	width:255px;
	padding-left: 35px;
	float: left;
}
.right-col{
	width:245px;
	float: right;
}

table {
	padding: 0;
	margin: 20px 0;
	border: 0;
	border-bottom: 2px solid #96d8db;
}
/*#interior tr.disclaimer {
	background: url(img/bg-ctable-bottom.gif) no-repeat bottom right;
	height: 10px;
	}*/

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

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

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

	}
#interior tr {
	color: #572700;
	font-size: 13px;
	font-weight: bold;
	background: #fff;
	border: 0;
	}
#interior th {
	color: #fff;
	border-right: 1px solid white;
	border-width: 0 1px 0 0;
	background-color: #9AD7DB;
	padding: 6px 6px 8px 8px
	}
#interior tr.disclaimer td {
	padding-left: 75px;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	color: #fff;
	background: none;
	}
#interior tr > td:first-child{
	background: #fff;
}

/* About Page
___________________________________________________________________________________________________*/
body#about h1{
	padding: 0;
}

body#about #main-content {
	top: 70px;
}
body#about .get-moving {
	top: 250px;
}

/* Contact Page
___________________________________________________________________________________________________*/
body#contact #main-content {
	top: 50px;
}
#wpcf7-f517-p52-o1 {
	margin-top: 10px;
}
#wpcf7-f517-p52-o1 textarea{
	height: 88px;
	font-size: .9em; 
}
#wpcf7-f517-p52-o1 input[type="submit"] {
	background-color: #DEE3AF;
	padding: 4px 6px 5px 20px;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	font-style: italic;
	color:#0A496C;
	font-size: 1.1em;
	text-align: left;
	width: 126px;
	margin-left: 155px;
	margin-top: -25px;
	cursor: pointer;
}
.pink {
	color: #A13E5C;
	font-weight: 600;
}

/* `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: #9E3F5D;
	border-bottom: 1px dashed #3F3E39;
	clear: both;
	}
body#intake-form h2 span {
	text-align: center;
	padding: 0;
	margin: 0;
	font-size: 13px;
	color: #3F3E39;
	}
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: 356px;
	padding: 15px;
	margin: 0 10px 10px 0;
	background: #f1f7f7;
	color: #3F3E39;
	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; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }
#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; padding: 1em;}
#wpcf7-f2-p101-o1 .liability p, #wpcf7-f2-p101-o1 .liability p + p {
	float: none;
	width: 690px;
	background: none;
	}



/* `Navigation
----------------------------------------------------------------------------------------------------*/
#main-nav{
	width: 455px;
	float: right;
	margin-top: 0px;
}
ul.nav {
	padding: 12px 6px 0 0;
	height: 5px;
	background: #fff;
	text-align: left;
	font-family: 'Open Sans', arial, sans-serif;
	}
.nav li {
	display: inline-block;
	height: 18px;
	line-height: 18px;
	font-size: 1em;
	}
.nav li a {
	height:18px;
	display: block;
	outline: 0;
	padding: 0 18px;
	font-weight: 300;
	color: #0A496C;
}
.nav li a:hover{
	text-decoration: none;
}
.nav li.current-menu-item a {
	font-weight: 600;
}
.menu-item {
	display: inline-block;
	position: relative;
}
.menu-item:after {
	content: '';
	display: block;
	margin: 5px auto 0px auto;
	height: 3px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}
.menu-item:hover:after {
	width: 85%;
	background: #3F3E39;
}
li#menu-item-528:hover:after {
	width:105px;
}
li#menu-item-529:hover:after {
	width:90px;
}
li#menu-item-530:hover:after {
	width:46px;
}
li#menu-item-402:hover:after {
	width:53px;
}

/*** 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:#9E3F5D;
	}
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: #9E3F5D;
	-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:#DEE3AF; outline: 0;border: 0;text-decoration: none; color:#0A496C;}
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; }

p.redButton a{
	padding: 6px 8px;
	background-color: #e21e25;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius: 6px;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
}
p.redButton a:hover{
	background-color: #BA2C31;
	text-decoration: none;
}

#mobile-call-out-box{
	visibility: hidden;
    position: absolute;
    top: -9999px;
}

#mobile-widgets{
	visibility: hidden;
    position: absolute;
    top: -9999px;
}
hr {
	visibility: hidden;
}

/* `media query
----------------------------------------------------------------------------------------------------*/

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
  
	  #mobile-call-out-box{
		  visibility: true;
		  position: relative;
		  color: #0A496C;
	}
	#mobile-widgets{
	visibility: true;
    position: relative;
    background-color: #DEE2B5 !important;
}
   
}