/* CSS Document 

Created by Julian Smith
Websmiths - http://www.websmiths.com.au
2007

---- CONTENTS -----

- Basics
- Forms
- Main Layout 
- Nav Lists
- Main Typography
- Pathways classes
- General Classes

-------------------*/



/*
----- set basics -----*/

* {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	border: 0;
}

a {
	text-decoration: none;
	color: #930;
}
	a:hover {
		text-decoration: underline;
	}
	
ul, ol { margin: .4em 0 .8em 2.5em; }

/*
----- Form fields etc. ------*/
input, textarea {
	padding: .2em;
	border: 1px solid #666;
	border-left-color: #CCCCCC;
	border-top-color: #CCCCCC;
}


form b, form i { float: left; }
form b {
	width: 140px;
	padding: 0 1em 0 0;
	text-align: right;
}

form p { clear: both; }

sub, sup { font-size: .5em; }
sub { vertical-align: baseline; }


/*
em { 
	color: #930;
	font-weight: bold;
}
*/
blockquote { padding: 0 2em; }


/*
----- Main Layout -----*/

body {
	background: #f6c28f url(../../images/numina_site_01.jpg) repeat-y top center;
	text-align: center;
	font-size: 72%;
}

div#wrap {
	width: 801px;
	margin: 0 auto;
	
}

div#header {
	padding: 170px 0 40px;
	background: url(../../images/numina_header.jpg) no-repeat center top;

}


div#logo {
	float: left;
}

div#content {
	clear: both;
	background: url(../../images/numina_content.jpg) no-repeat center top;
	min-height: 550px;
}


.copy {
	padding: 26px 12px 10px 50px;
}
	.copy ul { margin-left: 4em; } 
	.copy li {
		padding: .3em 100px .5em .5em;
		list-style-image: url(../../images/bullet.gif);
	}

div#footer {
	font-size: .8em;
	color: #000033;
	padding: 40px 0 2em;
	clear: both;
}

div#websmiths {
	font-size: .7em;
	color: #888;
}
	#websmiths a { color: #f90; }
	#websmiths p { padding: 5px; }

#footer p, #websmiths p { text-align: center; }

/* temporary
div#header, div#wrap, div#mainnav, div#content, div#footer {
	border: 1px solid #444;
}
 */







/* 
----- Nav lists -----*/
/* -- Top Nav --*/
div#mainnav, #mainnav li, #mainnav a{
	float: left;
}

#mainnav ul { 
	margin: 0 0 0 45px;
}

#mainnav li { 
	list-style-type: none;
	padding: 0;
	position: relative;
}
	#mainnav a {
		padding: 8px 10px;
		font-size: 1.1em;
		color: #551D29;
		font-weight: bold;
}
	#mainnav a:hover {
		text-decoration: none;
		color: #c30;
	}
	#mainnav li#active a, #mainnav li#active a:hover { 
		color: #444;
		text-decoration: none;
	}
	
	#mainnav li ul { 
		display: none;
		position: absolute;
		padding: 0;
		margin: 0;
		top: 28px;
		left: 0;
		background: #df9b3f;
		
	}
	
	
	#mainnav li ul li, #mainnav li ul a  {
	
	}
	
	#mainnav li ul a { 
		padding: 3px 10px;
		white-space: nowrap;
	}
	
		#mainnav li#active ul a:hover {
			color: #c30;
		}
	
	#mainnav li:hover ul { display: block; }


/* Left nav 
div#leftnav, div#logo { background: #CFE0D6; }
*/	
div#leftnav {
	float: left;
	width: 140px;
	padding: 1em 0 2em;
	border: 1px dotted #ccc;
}

#leftnav ul { 
	padding: 10px 0;
	margin: 0 1em; 
}

#leftnav li { 
	list-style-type: none;
	padding: 0;
	clear: both;
}
	#leftnav a { 
		padding: 10px 6px 6px;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 1.1em;
		float: left;
	}
	#leftnav a:hover {
		text-decoration: none;
		border: 1px solid #093;
		border-width: 0 0 1px;
	}
	#leftnav li#lef_active a, #leftnav li#lef_active a:hover
	/*, #footnav li.active a, #footnav li.active a:hover*/ { 
		color: #660000;
		text-decoration: none;
	}
	
	#leftnav li ul { display: none; }
	#leftnav li#lef_active ul { display: block; }
	


/*
----- Main Typography -----*/
p {
	padding: .4em 0 .7em 0;
	letter-spacing: .075ex;
}

h1, h2, h3 { 
	padding: 1.8em 0 0 0;
	text-align: center;
}

h1 {
	font-size: 1.2em;
	padding: 1em 0 .3em 0;
	
}

h2, h3 {
	
	line-height: 1.35em;
}
h2 {
	font-size: 1.1em;
}

h3 a, h1 a { 
	color: #000;
}



h4, h5 {
	padding: .7em 3em 0 .8em;
}

h6 {
	text-transform: uppercase;
	line-height: 1.3em;
	padding: 1em 4em 1em 0;
}

.centre, .centre p { text-align: center; }


/* inline styles */ 
span.highlight, #passages span.highlight { 
	font-weight: bold;
	color: #600;
	width: auto;
}

.emphasise {
	font-weight: bold;
	font-style: italic;
	color: #930;
}


/*
----- Client area styles (for FCKEditor) -----*/


#fck, .fck { background: #fff; }

div#quotescol {
	float: left;
	width: 190px;
	margin: 35px 0 0;
}

	#quotescol p, .education-quote p {
		padding: 2em 2em 0 1em;
		font-size: .9em;
		letter-spacing: normal;
	}
	#quotescol p.byline, .education-quote p.byline {
		text-align: right;
		padding: 0 2.5em 0 1em;
	}
	
	#quotescol ul.annalinks {
		margin-left: 1em;
	}
	#quotescol ul.annalinks li {
		list-style: none;
	}
	#quotescol ul.annalinks a, .annalinks a {
		color: #930;
		font-weight: bold;
		white-space: nowrap;
	}
	p.annalinks { 
		text-align: right;
		padding-top: 2em; 
	}
	
	.education-quote { padding: 0 50px 0 5px; }

div#maincopy {
	margin: 0 60px 0 260px;
}

div#maincopy.calendar {
	margin: 0;
}

div#maincopy .byline {
	text-align: right;
	font-size: .95em;
	padding: 0 3em 1.5em;
	margin-top: -10px;
	
}

div#faqs, div#logistics {
	margin: 0 60px 0 200px;
}

	div#faqs h3 { text-align: left; }
	div#faqs p { padding-left: 50px; }
	
/*	div#logistics h1 { padding: 1em 0; } */
	div#logistics h2 {
		text-align: left;
		font-size: 1em;
		padding-top: 1em;
	}



div#registration_form {
	margin: 0 60px 0 130px;
}
div#registration_form h1 { margin-bottom: 2em; }

div#contact_form { margin: 0 130px; }

	#contact_form .address { margin: 0 0 0 150px; }
	#contact_form .address h1, #contact_form .address h2 { text-align: left; }
		
div.item { 
	clear: both;
	padding-top: 1em;
	overflow: auto;
}

div#education { margin: 0 20px 0 10px; }

#education h1 { 
	padding: 1em 0 0 250px;
	text-align: left;
}

.label, .detail { float: left; }

	.label {
		width: 250px;
	}
	
	.item .	 { margin-top: 16px; }
	
	.label h2, .detail p, .detail h3 { padding-top: 0; }
	.label h2 {
		text-align: right;
		font-weight: bold;
		padding-right: 70px;
		font-size: .9em;
	}
	
	.detail { 
		width: 380px; 
	}
	.detail h3 { text-align: left; }

#calendar .item { 
	overflow: auto;
}

div.calendar_event {
	clear: both;
	/*
	border: 1px dotted #666;
	border-width: 1px 0 0;
	*/
	padding-top: 2em;
	margin-top: 2em;
}
	
	.calendar_event p,	.calendar_event h2 { 
		padding: .2em;
	}

.row1, .row2 { 
	padding: .3em;
	margin: 1px 0 0;
	background:#EEEBE0;		/*	F3E9D8	*/
}
	.row2 { background: #DDE5EE; }	/* DED6CF */

	.row1 img, .row2 img {
		float: left;
		margin: 0 1em 0 0;
	}
		.row1 h4, .row2 h4 {
			font-size: 1.4em;
			font-family: Arial, Helvetica, Geneva, sans-serif;
			font-weight: normal;
			letter-spacing: .17ex;
			color: #27471A;
		}


div.pagelist p.header span { font-weight: bold; }
div.pagelist p span {
	float: left;
	width: 80px;
}
div.pagelist p span.id { width: 1em; }
div.pagelist p span.description, div.pagelist p span.edit { width: 90px; }


div#links {
	position: absolute;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	top: 5px;
}
div#links a { 
	padding: 1em;
	color: #fff;
}


/*
----- Various classes -----*/

.clear { clear: both; }


.fl { float: left; }
.fr { float: right; }

	img.fl { margin: 20px 1em 0 20px; }


.note { padding-top: 1.5em; }

.unveiled_logo { margin-top: 2em; }
.unveiled_logo h1 {
	font-size: 1.6em;
	background: transparent url(/uploads/image/unveiled_logo_02.gif) no-repeat scroll 20px 0;
	padding: 18px 0 0 250px;
	height: 24px;
	font-weight: normal;
	text-align: left;
}
.unveiled_logo h2 {
	font-size: 1.2em;
	padding-top: 6px;
	font-weight: normal;
}
.unveiled_logo h2, .unveiled_logo h4 { text-align: center; }

.unveiled_logo h3 {
	font-size: .9em;
	text-align: center;
	padding-top: 4px;
	font-weight: normal;
	margin-bottom: 2em;
}

p.footnote {
	padding: 1em 2em;
	font-size: .85em;
}
p.copyright {
	padding: 1em 2em;
	font-size: .85em;
	text-align: center;
	letter-spacing: normal;
}

div.more_info {
	margin: 2em 0;
	font-size: 1em;
}
.more_info p { letter-spacing: normal; }

ul.radios li { 
	list-style-type: none;
	padding-bottom: 1px;
}

div.prices {
	overflow: auto;
	margin: 2em 0; 
}

.prices span.item, .prices span.price { float: left; }
.prices .item {
	margin: 0 10px 0 80px;
	width: 200px;
}
.prices .price { font-weight: bold; }
.prices h4 { 
	clear: both;
	font-weight: normal;
}

div.arrs { margin: 0 3em; }
div.arrs p { padding-top: .65em; }


#passages .passage { margin: 2em 0; }

#passages h1, #passages h2, #passages h3, .calendar_event h1, .calendar_event h2, .calendar_event h3 { padding: .3em 0; }

#passages h1 { padding-bottom: 0; }
#passages h3, .passage h3 { padding-top: 0; }

#passages h1, .calendar_event h1 { font-size: 1.4em; }
	#passages h1, #passages h1 a, .programs h1, .programs h1 a, .calendar_event h1 a { color: #930; }
#passages h2, #passages h4, .calendar_event h2 { font-size: 1em; }
#passages h3, .passage h3 { font-weight: normal; }
#passages h4 { padding: 1em 0 0; }

.passage .byline { 
	text-align: right;
/*	font-style: italic; */
	padding-top: 0;
}
#passages span { 
	float: left;
	width: 250px;
}
#passages span.label {
	font-weight: bold;
	width: 140px;
	text-align: right;
	margin-right: 20px;
}
#passages p { 
	clear: both; 
	overflow: auto;
}
#passages .passage p { padding-top: 1em; }


.programs { margin: 0 2em; }
.programs h1, .programs h2, .programs h3 { text-align: left; }
.programs h3 { padding-left: 2em; }

.programs p { padding-left: 4em; }

.book_title, #quotescol .book_title {
	padding: 0 2.5em 1em 0;
	font-size: .8em;
	text-align: right;
	font-style: italic;
}

.indented_para {
	padding-left: 3em;
	padding-right: 3em;

}

.next_retreat {
	margin-left: 70px;

}
.next_retreat h4 {
	padding-top: 0;
}

.nopadtop {
	padding-top: 0;
}

/*
div#wrap, div#header, div#content, div#links, div#footer, #mainnav li, div.copy { overflow: auto; }
*/