/* Reset v1.0 | 20080212
-----------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Grid
-----------------------------------------------------------------------------*/

.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 984px;
}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	display: inline;
	float: left;
	position:relative;
	margin-left: 8px;
	margin-right: 8px;
}

.container_12 .grid_1 {width: 66px;}
.container_12 .grid_2 {width: 148px;}
.container_12 .grid_3 {width: 230px;}
.container_12 .grid_4 {width: 312px;}
.container_12 .grid_5 {width: 394px;}
.container_12 .grid_6 {width: 476px;}
.container_12 .grid_7 {width: 558px;}
.container_12 .grid_8 {width: 640px;}
.container_12 .grid_9 {width: 722px;}
.container_12 .grid_10 {width: 804px;}
.container_12 .grid_11 {width: 886px;}
.container_12 .grid_12 {width: 968px;}

/* General
-----------------------------------------------------------------------------*/

.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0!important
	}
	
.center {margin: 0 auto 0 auto}

html, body {height:100%}

h1, h2, h3 {letter-spacing: -1px}

h1 {font-size: 36px; line-height: 36px}
h2, h3 {font-size: 18px;}

body {
	background: #ffffff;
	line-height: 21px;
	font-family: "helvetica neue", arial, helvetica, monico, unicode, sans-serif;
	font-size: 12px;
	line-height: 24px;
	}
	
p {margin-bottom: 12px }
	
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -62px;
	}
	
#footerContainer, .push {height: 72px;}

#footerContainer {background: #d9d9d9}

.active {color: black; font-weight: bold}

/* Header
-----------------------------------------------------------------------------*/

#header {
	height: 120px;
	background: #d9d9d9
	}
	
#logo {
	font-size: 18px; 
	font-weight: bold; 
	letter-spacing: -1px; 
	float: left;
	margin: 5px 0 0 8px;
	}
	
#signup {float: right; margin: 7px 16px 17px}

#navMain {
	height: 36px; 
	clear: both;
	width: 910px;
	}

.navActive {background: #e9e9e9}

#navMain li, #navSecond li {
	height: 30px;
	display: inline-block;
	text-align: center;
	padding: 6px 8px 0 8px;
	width: 109px;
	}
	
#navSecond {
	height: 36px;
	background: #e9e9e9;
	width: 984px;
	font-size: 10px;
	}


/* Content
-----------------------------------------------------------------------------*/

#contentContainer {
	margin-top:12px;
	position: relative
	}

#intro {
	float: right; 
	padding-right: 8px; 
	margin-right: 0px;
	height: 432px;
	font-size: 13px;
	}

#aboutIntro {
	float: left; 
	margin-left: 0px; 
	padding: 0 8px 0 0;
	height: 168px;
	font-size: 18px;
	margin-top: 48px
	}

#intro, #aboutIntro, #communityBar, #faceIntro {	
	position: relative;
	background: #d9d9d9;
	opacity: .9
	}
	
#intro p, #aboutIntro p {width: 460px;}
	
#introHead, #aboutHead {
	font-size: 28px !important;
	line-height: 36px;
	font-weight: bold;
	letter-spacing: -1px;
	padding-bottom: 10px;
	}

#introHead {padding-top: 57px}
#aboutHead {padding-top: 31px}

#join, .join {	
	margin-top: 14px;
	text-align: center;
	height: 31px;
	padding-top: 5px;
	font-size: 24px;
	margin-left: 8px;
	border: 1px solid #000;
	width: 300px;
	font-weight: bold;
	letter-spacing: -1px;
	}
	
#latestPost, #newsletter {
	height: 250px;
	background: #e9e9e9;
	margin: 14px 0 14px;
	}
	
#latestPost h2 {
	margin-left: 8px;
	margin-top: 14px;
	width: 624px;
	border-bottom: 1px solid #cccccc;
	}
	
#latestPostThumb {
	margin-top: 14px;
	height: 184px;
	border: 1px solid #000;
	}
	
#latestPostThumb span {
	display: block;
	position: relative;
	width: 100%;
	text-align: center;
	top: 85px;
	}
	
#latestPostContent {
	margin: 14px 0px 0px 35px;
	width: 230px;
	}
	
#newsletter {
	margin: 14px 0 14px 16px;
	padding-right: 16px;
	}
	
#newsletter h2 {
	margin-top: 14px;
	margin-left: 8px;
	margin-bottom: 14px;
	width: 284px;
	border-bottom: 1px solid #cccccc;
	}
	
#newsletter span {margin-left: 8px}
	
#newsletter input {margin-left: 8px}

#newsletter input#email {
	margin-top: 3px;
	width: 278px;
	}
	
#newsletter h4 {float: left; display: inline}
#newsletter span.date {float: left; margin-right: 14px}	

#newsletter img {
	height: 42px;
	margin-right: 8px;
	}

.homeContent {height: 432px; background-color: #e9e9e9 !important;}
.faceContent {height: 480px; background-color: #e9e9e9 !important}

.homeContent, 
.faceContent {
	background: url(img.png) center center no-repeat;
	}
	
#aboutText p, #aboutText h1 {width: 460px;}
.aboutContent h1, .aboutContent h2 {margin: 9px 0 10px}

.divide {border-top: 1px solid #000; }
.aboutContent .divide {margin: 24px 0 28px}
.bioContent .divide {margin: 24px 0 35px}
.memberContent {margin-bottom: 66px}
.bioContent {padding-top: 19px}

.bioContent h1, .bioContent h2 {margin-bottom: 12px}

.bioPic {
	height: 432px;
	background: url(imgsmall.png) no-repeat center center #e9e9e9;
	outline: 1px solid black;
	}
	
#communityBar {
	position: absolute;
	right: 0;
	top: 0px;
	margin-right: 0px;
	margin-bottom: 24px;
	padding: 7px 8px 36px;
	}
	
#communityBar ul {margin-top: 6px; padding-left: 8px; line-height: 24px}

#communityBar li {
	padding: 6px 0 6px;
	}
	
#faceIntro {
	position: absolute;
	top: 0;
	margin-left: 0;
	padding: 27px 0px 0 0px;
	height: 453px;
	}
	
#faceIntro h1 {
	margin-bottom: 20px;
	font-size: 36px;
	padding-left: 8px;
	}
	
#faceIntro h2 {margin-bottom: 12px}
	
#faceIntro .grid_6 h1 {padding-left: 0px}

#faceIntro .faceIntroText, .wisdomIntroText, .onlineIntroText {width: 706px; font-size: 16px; line-height: 30px; margin-bottom: 14px;}

.onlineIntroText {margin-left: 0px }
.wisdomIntroText {margin-bottom: 8px}

.wisdomP, .faceIntroText, .wisdomIntroText {padding-left: 8px}

.wisdomP {
	width: 345px;
	float: left;
	padding-left: 10px
	}
	
#wisdomPoem {
	width: 706px; 
	text-align: center; 
	background: #e9e9e9;
	padding: 12px 8px 12px 8px;
	font-style: italic
	}

.commun h2 {margin-bottom: 6px !important}

.commun {
	background: #bbbbbb;
	margin: 0px;
	padding: 12px 7px 0px 8px;
	border-right: 1px solid #e9e9e9;
	height: 203px
	}
	
#theProcess {margin-top: 12px;}
#theProcess p, #theProcess h2, #theProcess h1  {clear: both}
#theProcess h1 {margin-top: 12px}

#onLogin {
	border-left: 1px dotted #666;
	height: 395px;
	margin: 0px; 
	padding: 0 8px 0 8px;
	position: absolute;
	top:0;
	padding-top: 83px
	}

#onLogin h2 {margin-bottom: 12px;}
#onLogin input {
	width: 290px; 
	height: 18px;
	font-size: 16px;
	padding: 3px;
	}
	
#onLogin #submit {
	width: 82px;
	height: 27px;
	}
	
.barCall {
	height: 24px;
	font-size: 13px;
	width: 98px;
	border: 1px solid black;
	margin-left: 8px;
	text-align: center;
	margin-top: 12px;
	}

.contactContent {
	padding-top: 19px;
	}
	
#contactForm {
	height: 432px;
	background: url(frame.png) center no-repeat #e9e9e9;
	border: 1px solid black;
	margin-left: 0px;
	}

#contactForm h1 {padding: 24px 0 0 24px; float: left}
#contactForm .center {width: 75px; padding-top: 204px}

.address {margin-top: 11px; border-top: 1px solid black; padding-top: 12px}

.upcoming {
	height: 28px;
	background: #d9d9d9;
	text-align: center;
	font-style: italic;
	padding-right: 2px;
	}
	
.archivePic {
	height: 130px;
	border: 1px solid #000;
	margin-right: 0px;
	}
	
.detailPic {
	height: 130px;
	border: 1px solid #000;
	margin-right: 8px !important;
	margin-left: 0px !important;
	}

.convPic {
	height: 320px; 
	border: 1px solid #000;
	margin-left: 0px;
	margin-bottom: 42px;
	}
	
.logs {
	height: 236px;
	border-right: 1px solid #000;
	padding: 42px 8px 42px 8px;
	margin-left: 0px;
	background: #cccccc;
	}
	
.logs b {
	font-size: 24px;
	letter-spacing: -1px;
	}
	
.convPic .grid_6 span {
	position: absolute;
	top: 140px;
	left: 260px;
	}
	
.convDesc {margin-left: 0px}
	
.authorInfo {float: right}
	
.detailBar {background: none !important}
	
.callInfo {margin: 0 0 21px 0; padding: 8px}
	
.archivePic span, .detailPic span {text-align: center; margin-top: 50px; display: block;}

.callTime {padding-bottom: 7px; margin-bottom: 7px; display: block; border-bottom: 1px solid #cccccc}

.prevPg {float: left}
.nextPg {float: right}

.callTitle {margin-bottom: 3px !important}

.details {
	display: block;
	height: 28px;
	border: 1px solid black;
	text-align: center;
	margin-left: 0px;
	margin-bottom: 7px;
	}

.dirNav {
	padding: 16px 0 0 8px;
	height: 42px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	position: relative;
	top: -44px;
	}

.dirNav input {width: 185px}	
.dirNav span {float: left; margin-right: 10px}
.dirNav ul {float: left; margin-right: 14px;}
.dirNav ul li {display: inline; margin-left: 10px}
.profileinfo p {line-height: 14px}