/***** Global Settings *****/

html, body {
border:0;
margin:0;
padding:0;
}

body {
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
background-color: #292824;
font:100%/1.25;
}

/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font:2em arial, helvetica, sans-serif;
}

h2 {
font-weight: bold;
font-size: 1.25em;
padding-left: 0;
padding-bottom: 20px;
padding-right: 0;
letter-spacing: -1px;
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}

h3 {
margin-bottom: 15px;
font:1.1em arial, helvetica, sans-serif;
font-weight:bold;
}

p, ul, ol {
margin:0;
padding:0 0 18px 0;
}

ul, ol {
list-style:none;
padding:0 0 18px 40px;
}

blockquote {
margin:22px 40px;
padding:0;
}

small {
font-size:0.85em;
}

img {
border:0;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

/***** Links *****/

a, a:visited {
color: #f4d089;
text-decoration:none;
}

/***** Forms *****/

form {
margin:0;
padding:0;
display:inline;
}

input, select, textarea {
font:1em arial, helvetica, sans-serif;
}

textarea {
line-height:1.25;
}

label {
cursor:pointer;
}

/***** Tables *****/

table {
border:0;
margin:0 0 18px 0;
padding:0;
}

	table tr td {
	padding:2px;
	}

/***** Wrapper *****/

#topbar_wrapper {text-align: center; background-color: #1d1d1b; 
}

#wrapper {
height: 768px;
min-height: 768px;
background-image: url(../images/bg.jpg);
background-repeat: no-repeat;
width: 900px;
margin:0 auto;
}

/***** Header *****/

#topbar {text-align: left; width: 900px; margin:0 auto;}

#header {	
	width: 900px;	
	height: 100px;	
}

#logo {
	margin-bottom: 5px;
	float: right;
	width: 275px;
	height: 29px;
}

#logo h1 {
	float:left;
	width: 275px;
	display:block;
	padding:0;
	text-indent:-2000px;
}

#logo h1 a {
width: 275px;
height: 29px;
display:block;
background:url(../images/logo.png) no-repeat;
}


/***** Navigation *****/

#nav {
	padding-top: 4px;
	float: left;
	height: 25px;
	width: 700px;
}

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { font-weight: bold; padding-left: 8px; padding-bottom: 3px; padding-right: 8px; padding-top: 3px; font-family: "Lucida Grande", Verdana, Arial; font-size: 12px; }

#navlist a:link, #navlist a:visited
{
color: #aaa69f;
text-decoration: none;
}

#navlist a:hover
{
color: white;
text-decoration: none;
}

#navlist a#current
{
color: white;
text-decoration: none;
}

#splashnav {
	position: relative;
	top: 35px;
	text-align: right;
}

#navlist a#home:hover
{
color: #666666;
text-decoration: none;
}

#navlist a#homecurrent
{
color: #666666;
text-decoration: none;
}

#navlist a#about
{
color: #aaa69f;
text-decoration: none;
}

#navlist a#about:hover
{
color: #75c639;
text-decoration: none;
}

#navlist a#aboutcurrent
{
color: #75c639;
text-decoration: none;
}

#navlist a#blog
{
color: #aaa69f;
text-decoration: none;
}

#navlist a#blog:hover
{
color: #f5990c;
text-decoration: none;
}

#navlist a#blogcurrent
{
color: #f5990c;
text-decoration: none;
}

#navlist a#initiatives
{
color: #aaa69f;
text-decoration: none;
}

#navlist a#initiatives:hover
{
color: #16bfc1;
text-decoration: none;
}

#navlist a#initiativescurrent
{
color: #16bfc1;
text-decoration: none;
}

#navlist a#contact
{
color: #aaa69f;
text-decoration: none;
}

#navlist a#contact:hover
{
color: #f33d86;
text-decoration: none;
}

#navlist a#contactcurrent
{
color: #f33d86;
text-decoration: none;
}

#aboutcontent a {color: #75c639;}
#initiativescontent a {color: #16bfc1;}
#initiativescontent a:hover {font-size: 1em; color: #aaa69f;}
#contactcontent a {color: #f33d86;}

#social {
	font-weight: bold;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	width: 200px;
	float: left;
	font-size: 12px;
	color: #aaa69f;
}

#follow   { }
#sociallist   { margin-top: 2px; }
#sociallist li
{
color: #6d6d6d;
display: inline;
list-style-type: none;
}

#sociallist a { padding-left: 5px; padding-bottom: 3px; padding-right: 5px; padding-top: 3px; color: #6d6d6d; font-size: 110%; letter-spacing: -1px; font-weight: bold; }

#socialtext 		{ font-size: 11px; }
#sociallist a#facebook:hover
{
color: #16bfc1;
text-decoration: none;
}

#sociallist a#twitter:hover

{
color: #75c639;
text-decoration: none;
}


/***** Content *****/

#content {height: 65%;}

#aboutcontent { width: 900px;}

#justicecontent h2 { margin-bottom: 20px; text-align: right; color: #16bfc1;}

#spiritualitycontent h2 { margin-bottom: 20px; text-align: right; color: #75c639;}

#communitycontent h2 { margin-bottom: 20px; text-align: right; color: #f5990c;}

#creativitycontent h2 { margin-bottom: 20px; text-align: right; color: #f33d86;}

#blogcontent { width: 900px;}

#initiativescontent { width: 924px;}

#contactcontent { width: 924px;}

#splashcontent { top: 175px; position: relative; left: 100px; width: 729px; text-align: right; background-repeat: no-repeat; background-image: url(../images/splashmain.png); behavior: url(iepngfix.htc); height: 215px;}

#main {float: left; height: 444px; width: 595px; background-image: url(../images/frame.png); background-repeat: no-repeat;}

#mainpic {margin-left: 43px; margin-top: 41px; background-image: url(../images/mainpic1.jpg); height: 367px; width: 510px;}

#sidebar { margin-right: 25px; line-height: 13px; text-align: left; font-size: 13px; color: white; float: left; width: 275px;}

#clear {clear: both;}

.bold {color: #f4d089;}

#submain, .submain { line-height: 15px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 14px; background-position: left top; background-image: url(../images/submain_bg.jpg); background-repeat: no-repeat; float: left; padding-right: 30px; padding-left: 30px; padding-bottom: 25px; padding-top: 35px; width: 540px; color: white; background-color: #0c0c0a;}

#submain2 { float: left; letter-spacing: -1px; padding-right: 30px; padding-left: 30px; padding-bottom: 25px; padding-top: 35px; line-height: 16px; height: 100%; width: 541px; color: white; background-color: #0c0c0a;}

#subsidebar {margin-left: 35px; float: left; height: 100%; width: 300px;}

#subsidebar a {font-style: italic; color: #4c4c4c;}

#sidetop {color: #333333; padding-top: 20px; letter-spacing: -2px; font-size: 130%; font-weight: bold; text-align: center; background-repeat: no-repeat; background-image: url(../images/sidetop.png); height: 58px; width: 266px;}

#sidemid { padding-right: 20px; padding-left: 20px; font-size: 12px; line-height: 15px; text-align: center; width: 226px; height: 100%; background-image: url(../images/sidemid.png); background-repeat: repeat-y;}

#sidemid p {text-align: left;}

#sidebtm {height: 143px; width: 266px; background-image: url(../images/sidebtm.png); background-repeat: no-repeat;}

.contactinfo {text-align: center;}

/***** Footer *****/

#footer { padding-left: 20px; padding-right: 20px; background-color: #1d1d1b; margin-top: 30px; width: 860px;}

#footertext {font-size: 13px; text-align: center; color: white;}

#partners {background-color: #292824; margin-top: 30px; text-align: center;}

#partner1 {float: left; width: 321px; height: 59px;}
#partner1 h1 {float:left;
	width:321px;
	display:block;
	padding:0;
	text-indent:-2000px;
}

#partner1 h1 a {
width:321px;
height:59px;
display:block;
background:url(../images/partner1off.gif) no-repeat;
}

#partner1 h1 a:hover {
width:321px;
height:59px;
display:block;
background:url(../images/partner1on.gif) no-repeat;
}

#partner2 {float: left; width: 243px; height: 59px;}

#partner2 h1 {float:left;
	width:243px;
	display:block;
	padding:0;
	text-indent:-2000px;
}

#partner2 h1 a {
width:243px;
height:59px;
display:block;
background:url(../images/partner2off.gif) no-repeat;
}

#partner2 h1 a:hover {
width:243px;
height:59px;
display:block;
background:url(../images/partner2on.gif) no-repeat;
}

#partner3 {float: left; width: 258px; height: 59px;}
#partner3 h1 {float:left;
	width:258px;
	display:block;
	padding:0;
	text-indent:-4000px;
}

#partner3 h1 a {
width:258px;
height:59px;
display:block;
background:url(../images/partner3off.gif) no-repeat;
}

#partner3 h1 a:hover {
width:258px;
height:59px;
display:block;
background:url(../images/partner3on.gif) no-repeat;
}

/***** Global Classes *****/

.clear 			{ clear:both; }

.float-left 	{ float:left; }
.float-right 	{ float:right; }

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.wrap 			{ width:960px;margin:0 auto; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }
.red 		{ color: #ed1c24; }
.green 		{ color: #75c639; }
.orange 	{ color: #f5990c; }
.blue		{ color: #16bfc1; }
.pink 		{ color: #f33d86; }
#initiativescontent #submain2 		{ background-color: #0c0c0a; padding-bottom: 35px; font-size: 12px; letter-spacing: 0px; padding-top: 15px; padding-right: 25px; padding-left: 25px; width: 850px; }
#spirituality, #community, #justice, #creativity 		{ float: left; height: 100%; width: 200px; }
#spirituality img, #community img, #justice img, #creativity img { margin-left: 60px;}
#spiritualitylist, #communitylist, #justicelist, #creativitylist   { font-weight: bold; margin-left: 30px; max-width: 140px; min-width: 140px; margin-bottom: 10px; margin-top: 10px; text-align: center; width: 140px;}
#spiritualitylist img, #communitylist img, #justicelist img, #creativitylist img   {margin-left: 0px;}
#spiritualitylistin, #communitylistin, #justicelistin, #creativitylistin   {text-align: center;}
.big   { font-size: 1.75em; }
#details   { min-height: 250px; font-size: 14px; padding-top: 20px; padding-bottom: 30px; padding-right: 30px; padding-left: 30px; width: 790px; background-color: #191919; color: white; }
#details img   {border-color: white; border-style: solid; border-width: 5px;}
#spirituality   { margin-right: 16px; }
#community  { margin-right: 16px; }
#justice   { margin-right: 16px; }
#creativitylist   {color: #999999;}
#closepanel   { background-position: right; background-repeat: no-repeat; background-color: #191919; height: 30px; width: 100%; background-image: url(../images/closetab.png); }
.involvecontact   { color: #b3b3b3; font-weight: bold; text-align: right; font-size: 1.2em; }
#follow   { margin-top: 10px; font-size: 1.25em; color: white; height: 100%; width: 800px; background-color: #0c0c0a; }
#follow h2 {font-size: 1.3em; padding-bottom: 5px; padding-top: 5px;}
#spacer   { background-color: #0c0c0a; height: 15px; width: 100%; }
#followfacebook   { float: left; margin-top: 20px; padding-left: 20px; width: 380px; }
#followtwitter   { width: 380px; float: left; margin-top: 20px; padding-left: 20px; }
#followtwitter li   { padding-bottom: 3px; }
.steps   { font-size: 1.15em; font-weight: bold; }
.little   { color: #b3b3b3; font-size: 10px; }
#laundrylove   { margin-bottom: 15px; background-image: url(../images/llpmed.png); background-repeat: no-repeat; height: 54px; width: 378px; }
#trashcan   { margin-bottom: 15px; background-image: url(../images/trashcanmed.png); background-repeat: no-repeat; height: 138px; width: 433px; }
#imagine {margin-top: 15px; text-align: center; font-size: 14px; padding-right: 40px; padding-left: 40px;}
#brewpartywrapper 		{ margin-left: auto; margin-bottom: 0; margin-right: auto; margin-top: 15px; border-style: solid; border-color: #b3b3b3; border-width: 5px; height: 650px; width: 1000px;}
#brewpartyad 		{ border-right-style: solid; border-right-color: #b3b3b3; border-right-width: 5px; float: left; height: 650px; width: 600px; }
#brewpartycontent 		{ line-height: 16px; padding-right: 15px; padding-left: 15px; padding-bottom: 20px; padding-top: 20px; letter-spacing: -1px; color: white; float: left; height: 610px; width: 365px; }
#brewpartycontent p 		{ margin-bottom: 10px; margin-top: 10px; letter-spacing: -1px; font-size: 1.1em; text-align: center; margin-right: 20px; margin-left: 20px; }

#description 		{ margin-bottom: 30px; background-position: center; background-repeat: no-repeat; background-image: url(../images/description.png); height: 63px; width: 365px; text-align: center; }
#partydetails 		{ margin-bottom: 15px; width: 100%; }
#date 		{ margin-bottom: 15px; width: 100%; }
#location 		{ margin-bottom: 15px; }
#logolink 		{ margin-top: 35px; text-align: center; height: 89px; }
li 		{ list-style-type: disc; }
#sidebar li 		{ font-size: 11px; list-style-type: none; }
#sidebar ul 		{ margin-left: 0px; margin-bottom: 15px; margin-right: 0px; margin-top: 0px; padding: 0px; }
#blogcontent a 		{ color: #f5990c; }
#feed 		{ top: -25px; left: 530px; position: relative; height: 14px; width: 14px; }
#symbols 		{ height: 51px; width: 211px; }
#symbolslist li 		{ 
	display: inline;
	margin: 0;
	padding: 0px; }

a.spirituality 		{ 
	background-repeat: no-repeat;
	display:block;
	float:left;
	width: 53px;
	height: 51px;
	background: url(../images/symbols_off_sp.png); 
}

a.spiritualitycurrent 		{ 
	background-repeat: no-repeat;
	display:block;
	float:left;
	width: 53px;
	height: 51px;
	background: url(../images/symbols_sp.png); 
}

a.spirituality:hover  { background-image: url(../images/symbols_sp.png); background-repeat: no-repeat; height: 51px; width: 53px; }


a.community 		{ 
	background-repeat: no-repeat;
	display:block;
	float:left;
	width:51px;
	height:52px;
	background: url(../images/symbols_off_co.png); 
	}
a.community:hover, a.communitycurrent 		{ 
	background-repeat: no-repeat;
	display:block;
	float:left;
	width:51px;
	height:52px;
	background: url(../images/symbols_co.png); 
	}
a.justice 		{ 
	background-repeat: no-repeat;
	display:block;
	float:left;
	width:51px;
	height:53px;
	background: url(../images/symbols_off_ju.png); 
	}
a.justice:hover, a.justicecurrent 		{ 
	background-repeat: no-repeat;
	display:block;
	float:left;
	width:51px;
	height:53px;
	background: url(../images/symbols_ju.png); 
	}
a.creativity:hover, a.creativitycurrent 		{
	background-repeat: no-repeat;
	display:block;
	float:left;
	width:51px;
	height:53px;
	background: url(../images/symbols_cr.png); 
	}
a.creativity 		{
	background-repeat: no-repeat;
	display:block;
	float:left;
	width:51px;
	height:53px;
	background: url(../images/symbols_off_cr.png); 
	}
#projectinfo 		{
		margin-bottom: 15px;
	}
#projectimg 		{
		margin-right: 15px;
		float: left;
	}
#projecttext 		{
		width: 170px;
		float: left;
	}
#projecttext p 		{
		font-size: 11px;
		margin-top: 8px;
		font-style: italic;
	}
#subtext img 		{
		margin-bottom: 10px;
		margin-left: 10px;
		float: right;
	}