/*
Author:         Robbii
Author URI:     http://www.rabbitroyalty.com/
Version:	   	1.0
Project:   		Vedic Meditation - Will Dalton Website	
Description:	
*/

/*
---------------------------------------------------------------------------------------
TABLE OF CONTENTS
	-- RESETS
	-- BASICS
	-- STRUCTURE
	-- CUSTOM
---------------------------------------------------------------------------------------
*/


/*---------------------------------------------------------------------------------------
--- RESETS
---------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
	p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	body {
		line-height: 1;
		text-align:left;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
	}
	:focus {
		outline: 0;
	}
	ins {
		text-decoration: none;
	}
	del {
		text-decoration: line-through;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	address{ font-style:normal; font-weight:normal;}


/*---------------------------------------------------------------------------------------
--- BASICS / CONTROLS
---------------------------------------------------------------------------------------*/

html{		font-size:100%;	min-height:100%;}
body{		font-size:62.5%; color:#666; font-family: "Arial", Helvetica Neue, Helvetica, Geneva, sans-serif;}

a{ text-decoration:none; color: #5678aa;}
a:hover{ color:#3a5174;}
a:active{ color:#3a5174;}
a:visited{ color: #5678aa;}

.left{	float:left; }
.right{	float:right; }
.clear{	clear:both; }
.padding{	padding:10px; }
.centerTxt { text-align:center;}
.centerImg { margin: 0 auto; display:block;}
.zero { margin:0; padding:0;}

.topa{ margin-top:10px;}
.top1{ margin-top:20px;}
.top2{ margin-top:40px;}
.top3{ margin-top:60px;}
.top4{ margin-top:80px;}
.top5{ margin-top:90px;}

.right1{ margin-left:20px;}
.right2{ margin-left:40px;}
.right3{ margin-left:60px;}
.right4{ margin-left:80px;}
.right5{ margin-left:90px;}

.left1{ margin-right:20px;}
.left2{ margin-right:40px;}
.left3{ margin-right:60px;}
.left4{ margin-right:80px;}
.left5{ margin-right:90px;}

.hidden{ display:none;}
.test{ border: solid 1px red;}
.note { color:#935b3f; font-style:italic;}

img.left{	margin:0 1em 1em 0; }
img.right{	margin:0 0 1em 1em; }

#content p{	margin:1.1em 0; }

.brown{ color:#935b3f;}
.brown:hover{ color: #bf7653;}
.brown:visited{ color:#935b3f;}


/*---------------------------------------------------------------------------------------
--- STRUCTURE					 
---------------------------------------------------------------------------------------*/

#container{ width: 800px; height:auto; margin:20px auto 0 auto;}
#content{ width: 550px; padding-left: 25px; position:absolute;}

#nav{ float: right; width:150px; color: #935b3f; padding-right:25px;}

#header{ height: 200px; width:796px; padding-bottom:30px; overflow:hidden;}
#footer{ clear:both; }



/*---------------------------------------------------------------------------------------
---CUSTOM [ STYLING FOR TEXT AND STRUCTURE ]
---------------------------------------------------------------------------------------*/
#header > img{ margin-left:20px; margin-top:125px; z-index:100; position:absolute; display:block;}

#nav li{ line-height:2em;}
#nav li a{ color:#935b3f; font-size: 10pt;}
#nav li.select a{ font-weight:bold; color:#703f26;}
#nav li.select a:hover{ font-weight:bold; color:#935b3f; }
#nav li a:hover{ color:#703f26; font-weight:bold; }

h1{ font:bold 18pt "Arial", Helvetica Neue, Helvetica, sans-serif; color: #444444;}
h2{ font:bold 16pt "Arial", Helvetica Neue, Helvetica, sans-serif; color: #444444;}
h3{ font:bold 12pt "Arial", Helvetica Neue, Helvetica, sans-serif; color: #444444;}
p{ font:normal 10pt "Arial", Helvetica Neue, Helvetica, sans-serif;}


/* HOME */


.postHome{ display:block; width:550px; height:260px;}
.postHome iframe{ display:block; background-color:#ccc; float:left; margin-right:20px;}
.video{ display:block; width:165px; height:199px; background-color:#ccc; float:left; margin:6px 20px 0 0; }
.postHome h1{ font:bold 18pt "Arial", Helvetica Neue, Helvetica, sans-serif; color: #444444; }
.postHome h2{ font:bold 14pt "Arial", Helvetica Neue, Helvetica, sans-serif; color: #444444; }
.postHome p{ font:normal 10pt "Arial", Helvetica Neue, Helvetica, sans-serif; line-height:1.5em; display:block; position:relative; max-width:350px; float:left; margin-top: -2px !important;}
.postHome p a{ text-decoration:underline;}
.postHome p a:hover{ opacity:0.7;}
.postHome p + p + p{ display:block; padding-top:0; margin:-18px 0 0 0 !important; width: 200px; float:left; color: #b4b4b4; font-size: 8pt; text-transform:uppercase; clear:both;}

.postHome2{ display:block; width: 500px; position: relative;}
.postHome2 p{ font:normal 10pt "Arial", Helvetica Neue, Helvetica, sans-serif; line-height:1.65em;}
.postHome2 p a{ text-decoration:underline;}
.postHome2 em{ color: #5678aa; font-style:normal; font-weight:bold; }
.postHome2 h2{ font:bold 14pt "Arial", Helvetica Neue, Helvetica, sans-serif; color: #444444; margin-bottom:-8px; display:block; max-width:450px;}
.postHome2 h2 + p{ }



.register{ display:block; position:relative; width: 350px; }
.register h1{ display:block; padding:4px 10px; background-color:#5678aa; color:#fff; text-transform:uppercase; font:normal 13pt "Arial"; text-align:center;}
.register form{ display:block; margin-top:20px;}
.register fieldset{ display:block; position:relative; padding-bottom:14px;  }
.register fieldset.group{ margin-bottom:8px;}

.register form fieldset legend, label{ font:normal 10pt "Arial";}

.register form input{ width:78%; float:right; margin:0;}
.register form input[name^=phone]{ width:70%; float:right; margin:0;}
.register form select{ margin:0;}
.register form select[name^=type]{ margin:10px 0 0 0;}

.register form p { text-align:center; margin:0 0 10px; padding-left:50px; padding-top:0;}
.register form fieldset select[name^="type"] { width: 100%;}
.register form fieldset select[name^="how"] { width: 35%;}
.register form input[name="rsvp"]{ width:15%; float:left;}

.register fieldset.groupLast{margin:0px; padding:0;}


#testimonials{ clear:right; float: right; width:150px; color: #935b3f; padding:40px 25px 0 0; /*width:150px; position:relative; left: 620px; top:340px;*/}

#testimonials h2{ color: #5678aa; margin-bottom:10px;}
/*#testimonials blockquote{ margin-bottom:20px;}*/
#testimonials blockquote p{ font-size: 10pt; color: #5678aa; line-height: 1.25em;}
#testimonials blockquote span{ display:block; margin-top:10px; font:bold 12pt "Arial"; color: #5678aa;}

.testimonialGroup{ margin-bottom:20px;}


/* PAGES */

.post{ border-bottom:1px solid #5678aa; margin-bottom:40px;}
.post h1, h2, h3, h4{ color: #5678aa; font-weight: bold; }
#content address{ font-size:10pt;}
#content li{ font-size:10pt; list-style-type:disc; margin-left:40px; margin-bottom:4px;}

.faq strong{  display:block;}

.post2{ display:block; width:550px; height:260px; margin-bottom: 30px;}
.post2 object { float:left;}
.post2 img { float:left;}
.post2 div{ float:left; width:340px; margin-left: 20px;}

.registerButton{ padding:4px 10px; background-color:#5678aa; color:#fff; font:normal 10pt "Arial"; text-align:center;}
.registerButton:hover{ opacity:.8;}

a:visited.registerButton{ color:#fff;}
a:hover.registerButton{ color:#fff; }