/*
Theme Name: hot yoga massapequa
Theme URI: http://hotyogamassapequa.com
Description: Custom theme for hot yoga massapeuqua
Author: Michelle Martlelo
Author URI: http://minimadesigns.com
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

img {
	border: 0;
}


body {	
	color:#56150d;
	background: #b65021 url(images/bg_stripe.jpg) repeat-x center top;}

/*body#page-home {background: #a5421b url(images/bg_bend.jpg) repeat-x scroll 50% 0;}*/

body, select, textarea, input {	
	font: 100% Arial, Helvetica, sans-serif;
	}


.clear {clear:both}
.clearleft {clear:left}


#header {background: #a5421b url(images/bg_header.jpg) no-repeat; height:218px;width:960px;}
#header img {margin:10px 0 0 0}


#page-home #container{background:transparent url("images/bg_bend.gif") no-repeat 25% 0%}
#page-about #container{background:transparent url("images/bg_toe.gif") no-repeat 25% top;}
#page-whats-hot-yoga #container{background:transparent url("images/bg_twistgirl.gif") no-repeat 25% top;}
#page-faq-2 #container{background:transparent url("images/bg_faq.gif") no-repeat 25% top;}
#page-new-to-yoga #container{background:transparent url("images/bg_new.gif") no-repeat 25% top;}
#page-resources #container{background:transparent url("images/bg_camel.gif") no-repeat 25% top;}
#page-rates #container{background:transparent url("images/bg_toestandman.gif") no-repeat 25% top;}
#page-contactdirections #wrapper{background:transparent url("images/bg_fold.gif") no-repeat 25% top;}
#page-parking-mantra-2 #wrapper{background:transparent url("images/bg_triangle.gif") no-repeat 25% top;}
#page-testimonials #wrapper{background:transparent url("images/bg_test.gif") no-repeat top left ;}



/* Contact Page */
#page-contactdirections #content input {margin:0 0 10px 0;padding:3px}
#page-contactdirections #content input, #page-contactdirections #content textarea {background:#fdfcf6;border:1px solid #7f3012}
#directions {width:400px;}

#page-contactdirections h3 {clear:left;padding:10px 0 0 0}

#wpcf7-f1-p12-o1 p {padding:0;margin:0}
/* Header ////////////////////////////////////////////////////////// */



#wrapper {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	
}


#sidebar {
	float: left;
	width: 185px;
	text-align: left;
	margin:0 0 0 15px;
	margin-bottom: 30px;
	margin-top: 20px;
}

#content {
	width: 720px;
	float: right;
	display: inline;
	padding:0 0px 0 40px;
	margin-top: 20px;
	margin-bottom: 10px;
}
blockquote {background:#e36c34;padding:20px;margin:20px 0 0 0;width:300px}

.video {border:3px solid #f8f7e7;margin:30px 0 0 0;width:425px; }

p {
color: #f8f7e7;
margin: 15px 10px 15px 0;
line-height:145%;
}

#content p img {border:3px solid #f8f7e7}


#content p a {color:#fcfcf5;border-bottom:1px solid #fe923a;text-decoration:none;font-weight:bold}
#content p a:hover  {color:#e36c34;text-decoration:none;}

#content ul {margin:0 0 0 20px}
#content li {list-style-type:disc;color: #f8f7e7;}




#content h1 {font-family: Helvetica, Arial, sans-serif;
font-size: 36px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: -0.1;
line-height: 1.4em;color:#f8f7e7}

#content h2 {font-family: Helvetica, Arial, sans-serif;
font-size: 30px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: -0.1;
line-height: 1.4em;color:#ed9622}


#content h3 {font-family: Helvetica, Arial, sans-serif;
font-size: 24px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: -0.1;
line-height: 1.4em;color:#ed9622;margin:10px 0 0 0}


#sidebar h3 {color:#f8f7e7;text-decoration:none;
font-family: arial,helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 1.2em;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
-x-system-font: none;line-height:1.6em}


#sidebar li a{color:#f8f7e7;text-decoration:none;
font-family: arial,helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 1.2em;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
-x-system-font: none;line-height:1.6em}
#sidebar li a:hover {color:#ffc46b;text-decoration:none;}
#sidebar #address {margin:20px 0 15px 0;width:184px;height:185px;background:transparent url(images/address.gif) no-repeat}

#newsletter {}
#newsletter .mailinput {background:#e36c34;margin:5px 0 10px 0;padding:2px;border:1px solid #e36c34;width:180px;font-size:12px;color:#871b0b}
#newsletter img {margin:10px 0 0 0}


/* Classes ////////////////////////////////////////////////////////// */
#rates, #classes {background:#fdfdf8;border-left:1px solid #b65021;border-top:1px solid #b65021}
.price, .time {text-align:right;font-weight:bold;border-right:1px solid #b65021;}
#classes th {text-align:center;font-weight:bold;padding:4px;border-bottom:1px solid #b65021}
#rates td, #classes td {padding:4px;border-bottom:1px solid #b65021;border-right:1px solid #b65021}




/* Footer ////////////////////////////////////////////////////////// */

#footer {clear:both;color:#f8f7e7;margin:0 0 0 220px}
#copyright {border-top:1px solid #fe923a;padding:10px 0 0 0;margin:0 0 0 20px}
#credits {font-size:90%;margin:10px 0 0 20px}
#credits a {color:#fe923a;text-decoration:none}
#credits a:hover {color:#e36c34;text-decoration:none}

.alignright {margin:0 0px 0 10px}
.alignleft {margin:0 10px 0 0}