/* 
Theme Name: Meditaion Village
Description: Custom WordPress theme developed for Meditaion Village. ( derived from: whiteboard by Brian Purkiss - http://brianpurkiss.com )
Author: Pyfo Web Design & Development.
Author URI: http://www.pyfo.ca
*/


/*######################		GLOBAL		######################*/



* { margin: 0; padding: 0; }

img { border:none; outline:none; }

.center_this
{
	position:relative;
  width: 100% !important;
  width: 960px; 
  min-width: 960px;
  max-width: 960px;
	padding:0 200px;
  margin: 0 auto;
  display: block;
}

header, section, content, sidebar, footer { display:block; }

html, body, #wrapper { height: 100%; }
body > #wrapper { height: auto; min-height: 100%; }

body
{
  position: relative;
	width:100%;
	min-width:960px;
  min-height:100%;
  height:auto !important; 
  height:100%; 
	border-top:solid 2px #011c2f;
	background: #c19ab0 url(images/bg_image.jpg) no-repeat 0 0;
	background-size:100%;
}

/*body.homepage { background: #c19ab0 url(images/bg_image.jpg) no-repeat center top; }*/

input { padding:2px; border:1px solid #ccc; color:#999; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;  }
input[type="submit"] { padding:3px 6px; color:#482b3a; border:1px solid #999; 
-webkit-box-shadow:0px 1px 3px #ccc; -moz-box-shadow:0px 1px 3px #ccc; box-shadow:0px 1px 3px #ccc; }
input[type="submit"]:hover { cursor:pointer; background:#F6F8F9;
-webkit-box-shadow:0px 1px 2px #ccc; -moz-box-shadow:0px 1px 2px #ccc; box-shadow:0px 1px 2px #ccc; }
textarea { padding:2px; border:1px solid #ccc; color:#999; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;  }

/*######################		HEADER		######################*/


header
{
  position: relative;
  width: 100%;
	min-width:960px;
  height: 127px;
}

#nav-wrap
{

	z-index:		99;
	padding:0 0 0 0;
}


#header_shadow
{
	position:absolute;
	top:127px;
	width:100%;
	min-width:960px;
	height:7px;
	background:url(images/header_shadow.png) center top no-repeat;
	margin:0 auto;
	z-index:1000;
}




#drop_down_login, #drop_down_register {
	display:none; position:absolute; top:-5px; right:205px; width:180px; height:auto; padding:2em 2em 2em; font-size:.75em; background:#fff; z-index:10000;
	-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	-webkit-box-shadow:0px 1px 5px #391E2D; -moz-box-shadow:0px 1px 5px #391E2D; box-shadow:0px 1px 5px #391E2D;
}

#login { width:300px; height:auto; margin:0 auto; }


#login_error { margin:0 0 1em; }

#login_register
{
	float:right;
	position:absolute;
	right:283px; 
	width:175px;
	min-width:175px;
	margin:8px 0px 0px;
}








section { padding:0 0 250px; background:url(images/bg_fade.png) center repeat-y; }  /* must be same height as the footer */

/*######################		CONTENT		######################*/

content { float:left; width:60%; height:auto; min-height:300px; margin:0 8% 0 2%; padding:3em 0; }  

content.no_sidebar { width:98%; height:auto; min-height:300px; margin:0 0 0 2%; }  

#login { width:300px; height:auto; margin:0 auto; }

.post { margin:0 0 2em; }

#how_it_works_steps { margin:0 0 0 -15px; text-align:center; line-height:1em; }
#how_it_works_steps .steps { float:left; width:185px; height:auto; }
#how_it_works_steps .steps h5 { margin:0; }
#how_it_works_steps .steps span { font-size:.9em; color:#666; }

img.villager { margin:25px 0 10px 20px; float:right; }
img#villager_at_store { margin:-10px 40px; float:right; }
img#villager_community { margin:-50px -35px 0px 20px; float:right; }

table#offer { width:781px; height:auto; margin:2em 4em; font-size:.9em; line-height:1.5em; border:1px solid #ccc; }
tr.spacer { height:40px; border:none; }
td.offer-desc h3, td.offer-desc h4 { background:none; }

td.offer-preview { width:133px; height:141px; border:1px solid #f1f1f1; text-align:center; color:#91838b; }
td.offer-desc { width:458px; height:136px; padding:5px 25px 0px; background:url(images/corner_store_text_area.jpg) no-repeat; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1;  }
td.offer-start input.purchase { display:inline-block; width:136px; height:141px; background:0 0 no-repeat; border:1px solid #f1f1f1; text-align:center; text-indent:-9000px; overflow:hidden; margin:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
td.offer-start input.purchase:hover { background-position:0 -141px; }

tr#offer-row1 td.offer-preview { background-image:url(images/corner_store_complete_01.png); color:#d6a4b7; }
tr#offer-row1 td.offer-desc { background-image:url(images/corner_store_complete_02.png); color:#fff; }
tr#offer-row1 td.offer-desc h1, tr#offer-row1 td.offer-desc h3, tr#offer-row1 td.offer-desc h4 { background:none; color:#fff; margin:0; }
tr#offer-row1 td.offer-desc h1 { margin:0em 0 .2em; }

tr#offer-row1 td.offer-start input#paypal_intro { background-image:url(images/corner_store_complete_03.png); }

tr#offer-row2 td.offer-start input#paypal_step_1 { background-image:url(images/corner_store_step_1.png); }

tr#offer-row3 td.offer-start input#paypal_step_2 { background-image:url(images/corner_store_step_2.png); }

tr#offer-row4 td.offer-start input#paypal_step_3 { background-image:url(images/corner_store_step_3.png); }

tr#offer-row5 td.offer-start input#paypal_subscribe { background-image:url(images/corner_store_subscribe.png); }

table#offer p { margin:0; }

input.purchase1 { width:580px; clear:both; display:block; padding:12px 16px; background:0 0 repeat-x; margin:1.5em 0; color:#fff; font-size:1.15em; font-weight:bold; line-height:12px; text-align:center; -webkit-box-shadow:1px 2px 5px #aaa; -moz-box-shadow:1px 2px 5px #aaa; box-shadow:1px 2px 5px #aaa; background-image:url(http://www.meditationvillage.ca/wp-content/themes/meditation-village/images/btn_orange_bg.jpg); }
input.purchase1:hover { background:#c76035; }

input.purchase2 { width:580px; clear:both; display:block; padding:12px 16px; background:0 0 repeat-x; margin:1.5em 0; color:#fff; font-size:1.15em; font-weight:bold; line-height:12px; text-align:center; -webkit-box-shadow:1px 2px 5px #aaa; -moz-box-shadow:1px 2px 5px #aaa; box-shadow:1px 2px 5px #aaa; background-image:url(http://www.meditationvillage.ca/wp-content/themes/meditation-village/images/btn_green_bg.jpg); }
input.purchase2:hover { background:#0a8da0; }

input.purchase3 { width:580px; clear:both; display:block; padding:12px 16px; background:0 0 repeat-x; margin:1.5em 0; color:#fff; font-size:1.15em; font-weight:bold; line-height:12px; text-align:center; -webkit-box-shadow:1px 2px 5px #aaa; -moz-box-shadow:1px 2px 5px #aaa; box-shadow:1px 2px 5px #aaa; background-image:url(http://www.meditationvillage.ca/wp-content/themes/meditation-village/images/btn_purple_bg.jpg); }
input.purchase3:hover { background:#7a2f5e; }


.library_files
{ position:relative; padding:0em 3em 1em 2em; background:#fff; border:1px solid #e8e8e8; margin:3em 0 0em; text-align:center;
	-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
 -webkit-box-shadow:1px 2px 2px #EFE6EB; -moz-box-shadow:1px 2px 2px #EFE6EB; box-shadow:1px 2px 2px #EFE6EB;
}

img.step_img { position:absolute; top:-.93em; left:2em; }


.founder { margin:0; }
.founder + .founder { margin:10em 0 0; }
img.alignright { }
.img_border { float:right; width:300px; height:200px; padding:8px 10px 10px 8px; background:url(images/img_border.png) no-repeat; margin:0 0 35px 35px; }

/*.postmeta { position:relative; left:-2em; width: 543px; padding:1em 2em .3em; border: 1px solid #F6F8F9; background:#F6F8F9;	-webkit-box-shadow:1px 2px 2px #eee; -moz-box-shadow:1px 2px 2px #eee; box-shadow:1px 2px 2px #eee; 	-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  }
*/
.postmeta {
 width: 88%; padding:1.5em 6% .8em; border: 1px solid #ccc; background:#fcfcfc; margin:2em 0;
 -webkit-box-shadow:1px 2px 2px #eee; -moz-box-shadow:1px 2px 2px #eee; box-shadow:1px 2px 2px #eee;
 -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}

ol#comments_list { list-style-position:outside; margin:3em auto 1em; }
ol#comments_list li { margin:2em auto; border:2px solid #F6F8F9; 	-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.comments_meta p { color:#999; font-size:.75em; padding:.25em 3em .25em 1em; margin:0; background:#F6F8F9; }
.comments_meta p span.comment_author { color:#482b3a; font-size:1.25em; }
.comment_text { padding:1em 2em .3em; border-top:2px solid #F6F8F9; }

ol#comments_list li.author { margin:2em auto; border:2px solid #F9F3F6; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
ol#comments_list li.author .comments_meta p { color:#999; font-size:.75em; padding:.25em 3em .25em 1em; margin:0; background:#F9F3F6; }
ol#comments_list li.author .comments_meta p span.comment_author { color:#482b3a; font-size:1.25em; }
ol#comments_list li.author .comment_text { padding:1em 2em .3em; border-top:2px solid #F9F3F6; }

img.avatar { float:left; padding: 4px; margin:0em 1em .5em 0; border: 1px solid #ddd; background:#fff; }
img.post_avatar { padding: 2px; margin:0em 1em .5em 0; border: 1px solid #ddd; background:#fff; }

p.date_n_time { color:#ccaabb; font-size:1em; margin:.5em 0; letter-spacing:-.5px; }
span.author { display:block; font-weight:bold; font-size:1.2em; color:#6a2b5f; letter-spacing:0px; margin:.25em 0; }
.moretext { position:relative; top:-.5em; display:block; text-align:right; }

ul.excerpt { margin:3em 0 0; }
ul.excerpt li { padding:0 0 1em; margin:0; }
ul.excerpt li + li { border-top: 1px dotted #efe6e9;  padding:3em 0 1em; }
ul.excerpt li p { line-height:1.5em; }


/*######################		SIDEBAR		######################*/



sidebar { float:left; width:30%; max-width:285px; height:auto; padding:0 ; margin:3em auto; } 


#how_it_works_sidebar 
{
	position:relative;
	 width:217px;
	 height:340px;
	 padding:50px 28px 0px;
	 background:url(images/how_it_works_sidebar.png) no-repeat;
	 line-height:1.25em;
	 margin:0 auto;
}

#mp3_player
{
	position:relative; 
	/*left:-11px;*/
	width:209px;
	height:362px;
	padding:20px 29px 20px 28px;
	background:url(images/mp3_player.png) no-repeat;
	margin:0 auto 1em;
}

.sidebar_quote
{
	position:relative;
	/*left:-24px;*/
	width:283px;
	text-indent:-9000px;
	overflow:hidden;
	margin:3em auto 0;
	-webkit-box-shadow:1px 2px 5px #aaa;
	-moz-box-shadow:1px 2px 5px #aaa;
	box-shadow:1px 2px 5px #aaa;
}

#step_1_quote
{
	height:352px;	
	background:url(images/step_1_sidebar.png) no-repeat;
}

#step_2_quote
{
	height:328px;	
	background:url(images/step_2_sidebar.png) no-repeat;
}

#step_3_quote
{
	height:190px;	
	background:url(images/step_3_sidebar.png) no-repeat;
}


#forum_finder { width:80%; height:auto; padding:.5% 10% 10%; background:#994373 url(images/community_center_sidebar.jpg) right top no-repeat; color:#fff }

#purple_sidebar { width:85%; height:auto; padding:.5% 5% 10% 10%; background:#994373 url(images/community_center_sidebar.jpg) right top no-repeat; color:#fff; 
	-webkit-box-shadow:1px 2px 5px #999; -moz-box-shadow:1px 2px 5px #999; box-shadow:1px 2px 5px #999;
}

#search_form { position:relative; top:-5px; left:-5px; display:inline-block; margin:0 auto; }
input#s { padding:2px; border:1px solid #ccc; color:#999; 	-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
input.go { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
#search_frame 
{ 
	background:#994373; 
	position:relative;
	 width:228px;
	 height:auto;
	 padding:25px 28px 0;
	 margin:3em auto 0;
	 text-align:center;
	-webkit-box-shadow:1px 2px 5px #aaa; -moz-box-shadow:1px 2px 5px #aaa; box-shadow:1px 2px 5px #aaa;
}

#search_frame { background:#F6F8F9; }
#search_frame.how_it_works { background:#F6F8F9; width:215px; }
/*#search_frame.step_1 {background:#d46718; }
#search_frame.step_2 {background:#0a8da0; }
#search_frame.step_3 {background:#814466; }*/

#random_image_wrapper
{
	width:255px; height:380px;
	padding:15px;
	background:url(images/sidebar_img_border.jpg) no-repeat;
	margin:3em auto;
	-webkit-box-shadow:1px 2px 5px #aaa;
	-moz-box-shadow:1px 2px 5px #aaa;
	box-shadow:1px 2px 5px #aaa;
}


/*######################		FOOTER		######################*/



footer
{
	position: relative;
	clear:both;
	width:100%;
	min-width:960px;
	margin-top: -183px; 
	height: 183px;
	background:url(images/bg_purple_footer.jpg) repeat;
	border-top:2px solid #945779;
	border-bottom:77px solid #402233;
} 


#sub_footer
{
	height:65px;
	margin:0;
	padding:10px 5px 0;
}







/*######################		TOOLS		######################*/


.clearfloat { clear:both; }

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.no_display
{
	display:none;
	width:0;
	height:0;
	margin:0;
	padding:0;
}




/*
 *	microAudio Wordpress Plugin
 *	(c) 2008-9 Christopher O'Connell
 *	Dual Licensed under the MIT and GPL licenses
 *  See license.txt, included with this package for more
 *
 *	microAudio.example.css
 *  Release 0.6.2, March 2009
 */
 

.microAudio-bg {
	color: #E5E5E5;
	}

.microAudio-leftbg {
	color: #CCC;
	}

.microAudio-lefticon {
	color: #333;
	}

.microAudio-voltrack {
	color: #F2F2F2;
	}

.microAudio-volslider {
	color: #666;
	}

.microAudio-rightbg {
	color: #B4B4B4;
	}

.microAudio-rightbghover {
	color: #999;
	}

.microAudio-righticon {
	color: #333;
	}

.microAudio-righticonhover {
	color: #FFF;
	}

.microAudio-skip {
	color: #666;
	}

.microAudio-text {
	color: #333;
	}

.microAudio-track {
	color: #FFF;
	}

.microAudio-border {
	color: #CCC;
	}

.microAudio-loader {
	color: #c19ab0;
	}

.microAudio-tracker {
	color: #DDD;
	}

.mAp, .adplr {
	width: 209px; margin:.5em auto 0;
	}
	
table .mAp, table .adplr {
	width: 133px; margin:0 auto;
	}