/*
Theme Name: Stack & Tilt
Theme URI: http://stackandtilt.com/
Description: Custom developed template for Stack & Tilt
Version: 1.
Author: Thom Meredith Design
Author URI: http://thommeredith.com/

*/

@import url('css/reset.css');


/*
	
	TABLE OF CONTENTS
	
	Colors
  Nav
  HTML Tags
  Structure
  Headers
  Content Styles
  Post Styles
  Form Elements
  Float Clearing
  Footer
  JS-enabled Styles
  
  
*/

/* Colors 

	black: #000000;
	red: #ee3024;
	green: #7daf39;

*/


/*********************/
/** COLOR USAGE **/
/*********************/


/*********************/
/** NAV **/
/*********************/

#mnav {
	float: left;
	width: 700px;
	height: 30px;
	margin-top: 28px;}
	
#mnav li {
	float: left;
	display: left;
	margin-right: 5px;}
	
#mnav a {
	display: block;
	text-indent: -999em;
	height: 30px;}

/*	
#mnav #homenav a {
	background: transparent url(i/b/nav/home.png) no-repeat top left;
	width: 75px;}
*/

#mnav #recordnav a {
	background: transparent url(i/b/navtabs/_record.png) no-repeat top left;
	width: 80px;}

#mnav #newsnav a {
	background: transparent url(i/b/navtabs/_news.png) no-repeat top left;
	width: 66px;}
	
#mnav #aboutnav a {
	background: transparent url(i/b/navtabs/_about.png) no-repeat top left;
	width: 72px;}
	
#mnav #clinicnav a {
	background: transparent url(i/b/navtabs/_clinics.png) no-repeat top left;
	width: 76px;}

#mnav #instructornav a
{
	background: transparent url(i/b/navtabs/_instructors.png) no-repeat top left;
	width: 110px;
}

#mnav #olnav a {
	background: transparent url(i/b/navtabs/_online_lessons.png) no-repeat top left;
	width: 130px;}

#mnav #reviewsnav a {
	background: transparent url(i/b/navtabs/_reviews.png) no-repeat top left;
	width: 80px;}
	
/*	
#mnav #contactnav a {
	background: transparent url(i/b/nav/contact.png) no-repeat top left;
	width: 113px;}
*/

#mnav li a:hover,  #mnav li .selected {
	background-position: bottom left !important;}

/* second nav */
#snav {
	margin-top: 40px;}

#snav li a{
	background: transparent url(i/b/snavbg.png) no-repeat top left;
	height: 23px;
	width: 135px;
	display: block;
	font-weight: bold;
	font-size: 1.2em;
	padding: 12px 0px 0 13px;
	color: #000000;
	margin-bottom: 2px;}
	
#snav li li a, #snav li.current_page_item li a {
	background-image: none;
	border-bottom: 1px solid #ffffff;
	color: #000000;}
	
#snav li li:last-child a {
	border-bottom: none;}

#snav li a:hover, #snav li.current_page_item a, #snav .current_page_parent > a {
	background-position: bottom left;}
	
#snav .current_page_item a, #snav .current_page_parent > a {
	color: #ee3024;}

/*********************/
/** HTML TAGS **/
/*********************/

a {
	color: #4d6c19;
	text-decoration: none;}
	
a:hover {
	text-decoration: underline;}
	
strong {
	font-weight: bold;}
	
em {
	font-style: italic;}
	
h1, h2 {
	font-size: 2.2em;
	line-height: 1.2em;
	padding-bottom: 15px;
	border-bottom: 1px solid #4f4f4f;
	padding-left: 2px;
	text-transform: uppercase;
	letter-spacing: -.025em;
	color: #999999;}
	
h2 {
border: none;}
	
h6 {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 27px;}


/*********************/
/** STRUCTURE **/
/*********************/
	
body {
	font-family: Arial, sans-serif;
	background-color: #000000;
	height: 100%;}
	
body #bcontainer {
	background: #cacaca url(i/b/secondbg.gif) repeat-x top left;
	height: 100%;}
	
.rap {
	width: 962px;
	margin: 0px auto;}
	
#header {
	position: relative;
	z-index: 2;}
	
#body {
	margin: 24px 0px 0px;
	position: relative;}
	
#body .rap {
	margin-bottom: 27px;}
	
/* home */
body.home #bcontainer {
	background: #cacaca url(i/b/bodybg.jpg) repeat-x top left;}
	
.home #body {
	top: -34px;
	z-index: 1;
	margin-top: 0px;}
	
#body .rap {
	position: relative;}

#maincontentwrap {
position: relative;
height: 550px;}

.home #maincontent {
	position: absolute;
	z-index: 10;
	left: 15px;
	bottom: 13px;
	padding-top: 18px;
	width: 330px;
	background: transparent url(i/home/hometop.png) no-repeat top left;}
	
.home #maincontent .container h1, .home #maincontent .container p {
	background: transparent url(i/home/homebg.png) repeat top left;
	padding-right: 22px;
	padding-left: 22px;
	width: 286px;}

.home #maincontent .container {
	background: transparent url(i/home/homebtm.png) no-repeat bottom left;
	padding-bottom: 18px;
	width: 330px;
	color: #ffffff;}
	
.home #maincontent h1 {
	font-size: 2.1em;}
	
.home #content {
	margin-top: 24px;}
	
.home #content #book {
	width: 356px;
	margin-right: 25px;
	display: inline;
	float: left;
	padding: 14px 0 0 14px;
	background: transparent url(i/home/home-corner.gif) no-repeat top left;}
	
.home #content #video {
	width: 546px;
	padding: 14px 0 0 4px;
	background: transparent url(i/home/home-corner.gif) no-repeat top left;
	display: inline;
	float: left;}
	
.home #content #follow {
	margin-right: 0px;}
	
/* about */
.page #col1, .about #col2, .about #col3 {
	float: left;
	display: inline;}
	
.page #col1 {
	width: 148px;
	margin-right: 39px;}
	
.page #col2 {
	width: 510px;
	margin-right: 40px;}
	
.page #col3{
	width: 225px;}
	
.page #pagecontent {
	margin-top: 27px;}
	
.page #pagecontent img {
	margin-bottom: 18px;}
	
.page .the-record #pagecontent img {
margin-bottom: 0;
margin-top: 24px;}

	
/* news section*/

.news #col1, .news #col2 {
	float: left;
	display: inline;}
	
.news #col1 {
	width: 558px;
	padding-left: 24px;
	margin-right: 40px;}
	
.news #col2 {
margin: 0;
width:auto;}
	
#sortnav {
	float: right;
	width: 150px;
	font-size: 1.2em;
	margin-top: -30px;
	text-align: right;}
	
#sortnav p, #sortnav li {
	float: right;
	display: inline;
	margin-left: 12px;}
	
#sortnav li {
	font-weight: bold;}
	
#pagenav li {
	float: left;
	display: inline;}
	
/* swing */
.swing #col1, .swing #col2 {
	display: inline;
	float: left;}
	
.swing #col1 {
	width: 148px;
	margin-right: 30px;}
	
.swing #col2 {
	width: 775px;
	position: relative;
	margin-right: 0}
	
.swing #col2 .alignleft {
	float: left;
	margin-right: 40px;}
	
.swing #pagenav {
	position: absolute;
	top: 0px;
	right: 0px;
	margin-top: 12px;}
	
.swing .pagetitle {
	margin-bottom: 23px;}
	
/* instruction */
.instruction #col1, .instruction #col2 {
	float: left;
	display: inline;}
	
.instruction #col1 {
	width: 558px;
	margin-right: 40px;
	margin-left: 24px;}
	
.instruction #pagecontent {
	margin-top: 18px;}
	
.instruction #pagecontent p {
	padding-left: 8px; }
	
.instruction #col2 {
	width: 331px;
	margin: 0;}
	
#calendar li div {
	margin-bottom: 0px;
	font-size: 1.2em;}
	
#calendar li {
	padding: 14px 8px;
	border-top: 1px solid #999999;}
	
#testimonials li {
	padding: 19px 18px 18px 54px;
	border-top: 1px solid #999999;
	color: #471b1a;
	background: transparent url(i/inst/quote.gif) no-repeat left 18px;}
	
#testimonials li div {
	font-size: 1.2em;
	line-height: 1.5em;}
	
#testimonials .quote {
	margin-bottom: 10px;}
	
#testimonials .attr {
	text-align: right;
	margin: 0;}

.record p + p {
border-top: 1px solid white;
padding-top: 15px;
}

/* Instructors */

#pagecontent p.instructor_name
{
	font-size: large;
	font-weight: bold;
	text-decoration: underline;
}

#pagecontent img.instructor_picture
{
	float: right;
	border: 3px solid #000;
	clear: right;
	margin: 0 0 10px 10px;
}

#pagecontent hr
{
	width: 75%;
	margin: 2em auto;
	clear: both;
	
}

/* subscribe form */

.home #subscribe {
	margin-top: -1px;
	margin-left: -9px;
	padding-top: 6px;
	background: transparent url(i/home/homeformtop.png) no-repeat -1px top;}
	
.home #subscribe .container {
	padding-bottom: 19px;
	background: transparent url(i/home/homeformbtm.png) no-repeat -1px bottom;}

#subscribe {
	width: 980px;
	margin: 0 auto;
	padding-top: 13px;
	background: transparent url(i/b/sformtop.png) no-repeat top left;}
	
#subscribe .container {
	background: transparent url(i/b/sformbtm.png) no-repeat -1px bottom;
	padding-bottom: 6px;}
	
#subscribe .innercontainer {
	background: transparent url(i/b/sformbg.png) repeat-y -1px top;
	padding: 16px 40px 6px;
	width: 900px;
	color: #ffffff;}
	
#subscribe h2, #subscribe h2 + p {
	float: left;
	display: inline;}

#subscribe h2 {
	display: block;
	text-indent: -999em;
	background: transparent url(i/b/subscribe.gif) no-repeat top left;
	height: 14px;
	width: 334px;
	margin-right: 15px;
	padding-bottom: 11px;}
	
#subscribe h2 + p {
	font-size: 1.3em;
	margin-top: 2px;}
	
#subscribe form {
	clear: left;
	padding-top: 18px;}
	
#subscribe .alignright {
	clear: both;
	float: right;
	padding-top: 18px;}
	
#subscribe .alignright * {
	float: left;
	display: inline;}
	
#subscribe .alignright p {
	width: 75px;
	font-size: 1.2em;}
	
#subscribe input[type=text] {
	background: #171717 url(i/b/sforminputbg.gif) no-repeat top left;
	height: 15px;
	width: 205px;
	border: none;
	padding: 5px;
	margin-right: 21px;
	color: #ffffff;
	font-family: Arial, sans-serif;
	font-size: 1.2em;}
	
#subscribe label {
	font-size: 1.2em;}

#subscribe .alignright p {
	margin-top: 8px;}	

#subscribe button {
	margin-left: 75px;
	margin-top: -22px;}
	
/*********************/
/**   HEADER    **/
/*********************/
#header {
	height: 93px;}
	
#header #logo{
	background: transparent url(i/b/logobg.png) no-repeat top left;
	height: 93px;
	width: 256px;
	float: left;}
	
#header #logo a{
	height: 83px;
	width: 229px;
	padding: 10px 0px 0px 27px;
	display: block;}
	
/*********************/
/**   CONTENT STYLES    **/
/*********************/
	
.boldred {
	font-weight: bold;
	color: #ee3024;}
	
.boldwhite {
	font-weight: bold;
	color: #ffffff;}
	
/* home */
.home #maincontent p {
	padding-bottom: 9px;
	font-size: 1.2em;
	line-height: 1.5833em;}

.home #maincontent h1 {
	border-bottom: 0px;
	font-size: 3.0em;
	line-height: .9em;}
	
.home #content .title {
	font-size: 2.0em;}
	
.home #content #book h2.title {
	display: block;
	text-indent: -999em;
	background: transparent url(i/b/ournewbook.gif) no-repeat top left;
	height: 23px;
	width: 214px;
	margin-bottom: 11px;}
	
.home #content #book #bookimg {
	float: left;
	margin-right: 27px;}
	
.home #content #book p, .home #content #video p  {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 18px;}
	
.home #content #video .title {
	display: block;
	text-indent: -999em;
	background: transparent url(i/b/video.gif) no-repeat top left;
	height: 23px;
	width: 84px;
	margin-bottom: 11px;
	margin-left: 10px;}
	
#booknav li{
	padding-bottom: 12px;}

#booknav li a{
	font-weight: bold;
	padding-left: 24px;
	font-size: 1.2em;
	background: transparent url(i/b/arrow.png) no-repeat top left;}
	
.home #content #videoreplace, .home #content #videoreplace2 {
	display: inline;
	float: left;
	width: 265px;
	}

.home #content #videoreplace {
	margin-right: 15px;}
	
.home #content #videoreplace p, .home #content #videoreplace2 p {
padding-top: 5px;
} 
	
/* summary */
#pagecontent p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 18px;}
	
.navigation li {
	margin-bottom: 9px;}
	
.navigation a {
	font-weight: bold;
	font-size: 1.2em;}
	
.page #pagecontent .navigation img {
margin: 0;}

/* news */
.news .content li {
	padding: 18px 10px;
	border-bottom: 1px solid #999999;
	font-size: 1.2em;}
	
.news .content li .title {
	font-weight: bold;
	margin-bottom: 8px;}
	
/* onespot box */
#onespot {
	width: 331px;
	padding: 18px 0px 0 0px;
	background: transparent url(i/news/webnewstop.png) no-repeat top left;
	font-size: 1.2em;
	line-height: 1.5em;}
	
	#onespot h2 {
	display: none;}
	
#onespot .container {
	padding-bottom: 17px;
	background: transparent url(i/news/webnewsbtm.png) no-repeat bottom left;}
	
#onespot ul, #onespot h1, #onespot .more, #onespot #onespotlink {
	padding: 0 16px;
	background-color: #171717;}
	
#onespot ul ul {
padding: 0;
}

.entry_image {
display: none;}
	
#onespot .more, #onespot #onespotlink {
	display: block;}
	
#onespot #onespotlink {
	display: block;
	text-indent: -999em;
	background: #171717 url(i/news/onespot.gif) no-repeat 202px 12px;
	height: 27px;
	width: 299px;
	padding-bottom: 1px;
	padding-top: 12px;}
	
#onespot h1, #onespot {
	color: #ffffff;}
	
#onespot h1 {
	border-bottom: none;
	padding-left: 22px;
	padding-bottom: 12px;}
	
#onespot li.even, #onespot li.odd {
	padding: 16px 36px 18px 6px;
	border-bottom: 1px solid #4f4f4f;
	background: transparent url(i/news/speech.gif) no-repeat 274px 20px;}
	
#onespot ul ul li, #onespot ul ul li:first-child {
	padding: 0;
	border: none;
	background: none;
}

#onespot li img {
padding-right: 10px;}
	
#onespot li:first-child {
	border-top: 1px solid #999999;}

#onespot .more {
padding: 0;
clear: both;
height: 50px;}
	
#onespot .more a {
	padding: 16px 33px 16px 28px;
	border-bottom: 1px solid #4f4f4f;
	background: #171717 url(i/b/arrow.png) no-repeat 6px 16px;
	display: block;
	color: #7daf39;}
	
#onespot ul ul li {
	margin-top: 6px;
	color: #999999;}
	
#onespot ul li a:link {
	color: white;
}	

#onespot ul ul li a:link {
	color: #7daf39;
}	

#onespot li {
display: none;}

#onespot li.odd, #onespot li.even {
height: auto;
display: block;}
	
	
/* slideshow */
#slideshow {
	padding-top: 18px;
	background: transparent url(i/news/webnewstop.png) no-repeat top left;
	margin-bottom: 24px;
	color: #ffffff;}
	
#slideshow .container {
	padding-bottom: 17px;
	background: transparent url(i/news/webnewsbtm.png) no-repeat bottom left;}
	
#slideshow .innercontainer {
	background-color: #171717;
	padding: 3px 19px 19px; 
	min-height: 307px;
	}
	
#slideshow ul li {
	display: block;
	padding-bottom: 15px;
	border-bottom: 1px solid #999999;
	margin-bottom: 18px;
	}
	
#slideshow li p {
	font-size: 1.2em;
	line-height: 1.5em;}
	
#slideshow li img {
	margin-bottom: 15px;}
	
/* quiz wide */
#askwide {
	padding-top: 18px;
	width: 331px;
	background: transparent url(i/b/graytop.png) no-repeat top left;
	margin-bottom: 24px;}
	
#askwide .container {
	padding-bottom: 17px;
	background: transparent url(i/b/graybtm.png) no-repeat bottom left;}

#askwide.narrow {
	background: transparent url(i/b/graytop_narrow.png) no-repeat top left;
	width: 225px;
}

#askwide.narrow .container {
	background: transparent url(i/b/graybtm_narrow.png) no-repeat bottom left;
}

#askwide h1 {
	padding: 0px 16px 18px;
	border-bottom: 0px;
	background-color: #999999;
	color: #000000;}
	
#askwide form {
	background-color: #999999;
	padding: 0px 16px 11px;
	font-size: 1.2em;}
	
#askwide input[type="radio"], #askwide label {
	float: left;
	display: inline;}

#askwide input[type="radio"] {
	clear: left;
	margin: 0 0 20px;}
	
#askwide label {
	width: 267px;
	padding: 1px 0 0 8px;
	display: inline-block;}
	
#askwide.narrow label {
width: 165px;}
	
#askwide form p:first-child {
	border-top: 1px solid #4f4f4f;
	padding-top: 18px;
	margin-bottom: 18px;}
	
form button {
	clear: both;
	display: block;
	text-indent: -999em;
	background: transparent url(i/b/submit.png) no-repeat top left;
	height: 33px;
	width: 152px;
	border: none;
	cursor: pointer;}
	
form button:hover {
	background-position: bottom left;}
	
/* book sidebar */
#booksidebar {
	padding-top: 18px;
	background: transparent url(i/bios/booktop.png) no-repeat top left;
	margin-bottom: 17px;}
	
#booksidebar .container {
	padding-bottom: 18px;
	background: transparent url(i/bios/bookbtm.png) no-repeat bottom left;}
	
#booksidebar h1 {
	color: #ffffff;
	border-bottom: none;
	padding-left: 20px;
	padding-bottom: 0px;
	background-color: #171717;
	font-size: 1.9em;}
	
#booksidebar ul, #booksidebar img {
	background-color: #171717;
	padding: 0px 16px;} 
	
#booksidebar ul {
	margin-top: -3px;}
	
#booksidebar #bookimg {
	padding: 33px 51px 0px 47px;
	line-height: 0em;
	height: 209px;
	background: #171717 url(i/b/bookstop.gif) no-repeat 16px 15px;}
	
/* page nav */
	
#pagenav {
	float: right;
	margin-top: 16px;}
	
#pagenav a {
	font-size: 1.2em;
	font-weight: bold;
	height: 15px;
	padding: 4px 7px 3px;
	border: 1px solid #999999;
	margin-right: 2px;}
	
#pagenav .next a {
	margin-right: 0px;
	padding-right: 0px;}
	
#pagenav .selected a {
	background-color: #ffffff;
	color: #000000;}

#pagenav a:hover {
	background-color: #ffffff;}
	
#pagenav .prev a:hover, #pagenav .next a:hover {
	background-color: transparent;}
	
#pagenav .prev a, #pagenav .next a {
	border: 1px transparent solid;}
	
/*********************/
/**   FLOAT CLEARING    **/
/*********************/

.clearfloat {
	clear: both;}


/*********************/
/**   FOOTER    **/
/*********************/

#footer {
	background: #000000 url(i/b/footerbg.gif) repeat-x top left;
	color: #d4ccbf;
	padding-top: 16px;
	margin-top: -15px;}
	
#footer a {
	color: #d4ccbf}
	
#footer .rap {
	padding: 15px 0 120px;}
	
#fnav {
	float: right;
	margin-top: -10px;}
	
#fnav li {
	float: left;
	border-left: 1px solid #d4ccbf;
	padding-bottom: 1px;}
	
#fnav li a {
	padding: 0px 7px;}
	
#fnav a:hover {
	text-decoration: underline;}
	
#fnav li:first-child {
	border-left: 0px;}
	
/*********************/
/** COLOR USAGE **/
/*********************/
.hasjs #subscribeform {
	display: none;
	width: 900px;}
	
.hasjs #signup-btn {
	display: block;
	text-indent: -999em;
	background: transparent url(i/b/signup.png) no-repeat top left;
	height: 33px;
	width: 152px;
	float: right;
	margin-top: -8px;}
	
.hasjs #signup-btn:hover, .hasjs #signup-close:hover {
	background-position: bottom left;}
	
.hasjs #signup-close {
	display: block;
	text-indent: -999em;
	background: transparent url(i/b/close.png) no-repeat top left;
	height: 19px;
	width: 19px;
	float: right;
	margin-top: 0px;}
	
.hasjs #slideshow .container {
	hei ght: 332px;}

#ss-next, #ss-prev {
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 18px;}
	
#ss-prev {
	float: left;}
	
#ss-next {
	float: right;}
	
.hasjs #askanswer {
	display: none;
	font-size: 1.6em;
	color: #4D6C19;
	padding: 6px 16px 9px;
	background: #999999;}
	
#message h3 {
	font-size: 3.0em;
	color: #4D6C19;}
	
.error, .hasjs #askanswer.error {
	color: #cc0000;}