body
{
	background-color: black;
	background-image: url(../media/bgj.jpg);
	/*background-image: url(../media/body-background.jpg);
	background-repeat: repeat-x;*/
	background-position: 0 0;
	background-attachment: scroll;
	margin: 0;
	padding: 0;
	font-family: Century Gothic, Arial, Helvetica;
	font-size: 9pt;
}

#container
{
background-image: url(../media/bgj2.jpg); /*6/16/2010*/
	background-repeat: no-repeat;
	width: 880px;
	display: block;
	margin: 0 auto;
	padding: 10px;
	padding-top:0px;
}

#header
{
	background-color: transparent;
	
	margin: 0;
	padding: 0;

	background-position: 0 0px;
}

#header-logo
{
	display: block;
	/*background-image: url(../media/header-logo.png);*/
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 860px;
	height: 160px;
	padding: 0;
	margin: 0;
}

#header-logo .text { visibility: hidden; }

#header-logo-donation-button,
#header-logo-blog-button
{
	display: block;
	margin: 123px 0 0 0;
	padding: 0;
	float: right;
	height: 26px;
}

#header-logo-donation-button span,
#header-logo-blog-button span { visibility: hidden; }

#header-logo-donation-button
{
	width: 118px;
	background-image: url(../media/header-logo-donation-button.png);
}

#header-logo-blog-button
{
	width: 51px;
	background-image: url(../media/header-logo-blog-button.png);
	margin-right: 8px;
}

#header-logo-donation-button:hover
{
	background-image: url(../media/header-logo-donation-button-hover.png);
}

#header-logo-blog-button:hover
{
	background-image: url(../media/header-logo-blog-button-hover.png);
}

a, .white-text, #footer-credits
{
	text-decoration: none;
	color: #000000;
}

.white-text, #footer-credits
{
	color: white;
}

a:hover
{
	text-decoration: underline;
}

#primary-navigation
{
	width: 100%;
	display: block;
	background-color: #71d3d2; /*6/16/2010*/
	height: 40px;
	padding: 10px 0 0 0;
}

#primary-navigation ul, #footer-navigation ul
{
	margin: 0;
	padding: 0;
}

#primary-navigation ul li, #footer-navigation ul li
{
	display: inline;
	list-style-type: none;
	text-transform: uppercase;
}

#primary-navigation ul li
{
	width: 200px;
	text-align: center;
	font-size: 16pt;
	margin: 0;
	padding: 0 16px;
}

#primary-navigation ul li a:hover,
#content-projects a:hover,
#header-logo-donation-button:hover,
#header-logo-blog-button:hover
{
	text-decoration: none;
	color: black;
}

#content
{
	background-color: white;
	background-image: url(../media/content-background.gif);
	min-height: 500px;
}

#content-header { padding: 10px; min-height: 300px; }

#content-header-posts
{
	width: 275px;
	height: 305px;
	background-color: black;
	float: left;
}

#content-header-posts h2
{
	margin: 0;
	padding: 10px 15px;
	text-transform: uppercase;
	background-color: #484848;
}

#content-header-posts ul
{
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 15px;
	font-size: 8pt;
	height: 233px;
	overflow: auto;
}

#content-header-posts ul li
{
	padding: 0;
	font-family: Arial, Helvetica;
	font-size: 8pt;
}

#content-header-posts ul li hr
{
	margin: 15px 0;
	padding: 0;
	height: 1px;
	background-color: #484848;
	border: 0;
}

#content-header-slideshow
{
	width: 860px; /* 6/19/2010*/
	height: 305px;
	/*float: right; 6/29/2010*/
	background-image: url(../media/one.jpg);
}

#content-header-slideshow h2
{
	display: none;
}

#content-header-slideshow .content-header-slideshow-slide {
	display: block;
	width: 860px; /* 6/19/2010*/
	height: 305px;
	border: 0;
	text-decoration: none;
	background-color: gray;	
}

#content-header-slideshow .content-header-slideshow-slide span {
	visibility: hidden;
}
/*6/17/2010*/
#content-blog-twitter
{
	height: 270px;
	padding:0;
	margin-top: 3px;
	margin-bottom: 6px;
}
#content-blog
{
	float: left;
	width:447px;
	height: 100%;
	background-image: url(../media/blog_header.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-left: -13px;
}
#content-blog-sub
{
	float: right;
	width: 401px;
	height: 226px;
	margin-top: 44px;
	background-color: #535353;
	overflow: auto;
	padding-right: 20px;
}
.content-blog-post
{
	margin-top: 10px;
	background-image: url(../media/blog-icon.gif);
	background-repeat: no-repeat;
	width: 340px;
	font-size: 11pt;
	padding-left: 60px;
}
.content-blog-post a
{
	margin:0;
	padding:0;
	color: white;
}
#content-twitter
{
		float: right;
		width: 438px;
		height: 100%;
		background-image: url(../media/twitter_header.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
		margin-right: -13px;
}
#content-twitter-sub
{
	width: 392px;
	height: 214px;
	margin-top: 56px;
	background-color: #535353;
	overflow: auto;
	padding-right: 20px;
}
ul.twitter
{
	padding:0;
	margin:0;
	
}
li.twitter-item
{
	list-style-type:none;
	background-image: url(../media/twitter-icon.gif);
	background-repeat: no-repeat;
	margin-bottom: 4px;
	padding-left: 60px;
	color: white;
	font-size: 11pt;
}
li.twitter-item a
{
	color: white;
}
/***********/
#content-projects
{
	height: 195px;
	padding: 0;
	margin: 0;
}

#content-projects h2, #content-body h2, #content-footer-title
{
	padding: 0;
	text-transform: uppercase;
	font-size: 16pt;
	font-weight: bold;
}

#content-projects h2,
#content-body h2
{
	margin: 5px 10px 0 0;
	font-size: 16pt;
}

#content-projects h2
{
	background-image: url(../media/projects-dots-background.gif);
	margin-left: 15px;
}

#content-body h2
{
	background-image: url(../media/page-dots-background.gif);
}

#content-body h2 span
{
	background-color: white;
	padding: 0 5px 0 0;
}

#content-projects .content-project {
	display: block;
	width: 205px;
	height: 145px;
	padding: 0;
	margin: 10px 0 10px 12px;
	float: left;
}

#content-projects .content-project-info {
	display: block;
	height: 30px;
	margin: 115px 0 0 0;
	background-color: #71d3d2; /*6/16/2010*/
}

#content-projects .content-project-info span {
	display: block;
	margin: 5px;
	font-size: 10pt;
	font-weight: bold;
}

#content-projects .content-project-info-more {
	float: right;
	text-transform: lowercase;
}

#content-projects .content-project-info-title {
	float: left;
	text-transform: uppercase;
}

#content-wrapper
{
	margin: 0;
	padding: 15px;
}

#content-body
{
	width: 600px;
	min-height: 400px;
	background-color: white;
	float: left;
	padding: 15px;
	margin-bottom: 15px;
}

#content-body .content-post-body
{
	font-family: Arial, Helvetica;
	font-size: 10pt;
	margin-bottom: 50px;
}

#content-body-pagination-left,
#content-body-pagination-right
{
	width: 40%;
}

#content-body-pagination-right
{
	float: right;
	text-align: right;
}

#content-body textarea
{
	width: 98%;
}

#content-body .comment-author
{
	font-weight: bold;
}

#content-body .comment-author .avatar
{
	float: left;
	margin-right: 5px;
}

#content-page-tab-bar
{
	margin: 0;
	padding: 0 0 2px 0;
}

#content-page-tab-bar li
{
	display: inline;
	list-style-type: none;
	text-transform: uppercase;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	background-color: #ccc;
	color: #333;
	margin: 0;
	padding: 8px 16px;
}

#content-page-tab-bar li a,
#content-page-tab-bar li a:visited,
#content-page-tab-bar li a:hover
{
	color: #333;
}

#content-page-tab-bar li.content-page-tab-bar-selected
{
	background-color: #e71a1d;
	color: white;
	border-bottom: 2px #ccc solid;
}

#content-page-tab-bar li.content-page-tab-bar-selected a,
#content-page-tab-bar li.content-page-tab-bar-selected a:visited,
#content-page-tab-bar li.content-page-tab-bar-selected a:hover
{
	color: white;
}

#content-page-tab-bar-hr
{
	border: 1px #ccc solid;
}

#content-post-body-stories-form-submit
{
	background-image: url(../media/form-submit-story.jpg);
	background-color: transparent;
	width: 215px;
	height: 45px;
	border: none;
	background-repeat: no-repeat;
}

#content-post-body-stories-form-submit span {
	display: none;
}

#content-sidebar
{
	width: 205px;
	height: 305px;
	float: right;
	margin-right: 15px;
}

#content-sidebar img
{
	background-color: #bdbdbd;
	border: 4px #bdbdbd solid;
	margin-top: 20px;
}

#content-sidebar-widgets,
#content-sidebar-widget-subpagenav ul
{
	list-style-type: none;
}

#content-sidebar-widgets
{
	margin: 0;
	padding: 0 0 0 15px;
}

#content-sidebar-widget-subpagenav ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#content-sidebar-widget-subpagenav h2
{
	display: none;
}


#content-sidebar-widgets li h2,
#content-sidebar-widget-subpagenav a
{
	font-weight: bold;
	font-size: 14pt;
	color: #e71a1d;
	text-transform: uppercase;
	text-decoration: none;
}

#content-sidebar-widget-subpagenav a:hover
{
	text-decoration: underline;
}

#quick-flickr h2 {
	padding-bottom: 10px;
}

#quick-flickr img {
	margin: 5px;
}
/*6/19/2010*/
#content-connect
{
	width: 860px;
	min-height: 185px;
	padding: 10px;
}
#content-connect-title
{
	background-image: url(../media/connect_dots.gif);
	font-size: 14pt;
	height: 20px;
	width: 860px;
}
.content-connect-facebook
{
	background-image: url(../media/facebook.gif);
	width: 206px;
	height: 138px;
	margin: 15px 5px 10px 5px;
	float: left;
	border: none;
}
.content-connect-twitter
{
	background-image: url(../media/twitter.gif);
	width: 206px;
	height: 138px;
	margin: 15px 5px 10px 4px;
	float: left;
	border: none;
}
.content-connect-vimeo
{
	background-image: url(../media/vimeo.gif);
	width: 206px;
	height: 138px;
	margin: 15px 5px 10px 4px;
	float: left;
	border: none;
}
.content-connect-give
{
	background-image: url(../media/give.gif);
	width: 206px;
	height: 138px;
	margin: 15px 4px 10px 4px;
	float: left;
	border: none;
}
/********/
#content-footer {
	width: 860px;
	min-height: 290px;
	background-color: #484848;
	margin: 0;
	padding: 10px;
}

#content-footer-title
{
	background-image: url(../media/extras-dots-background.gif);
	margin: 0 0 0 5px;
	font-size: 14pt;
}

#content-footer .content-footer-sidebar
{
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#content-footer .content-footer-sidebar li.widget
{
	display: block;
	width: 255px;
	padding: 5px;
	margin: 15px 5px;
}

#content-footer .content-footer-sidebar li.widget h2
{
	color: black;
	text-transform: uppercase;
	font-size: 16pt;
	padding: 0;
	margin: 0;
}

#content-footer-sidebar-join-form label.content-footer-sidebar-join-form-label
{
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 9pt;
}

#content-footer-sidebar-join-form input
{
	width: 80%;
	font-size: 11pt;
	background-color: #2f2f2f;
	border: 1px #333 solid;
}

#content-footer-sidebar-join-form-submit
{
	background-color: #e71a1d;
	border: none;
	text-transform: uppercase;
	font-size: 11pt;
	font-weight: bold;
}

#content-footer .content-footer-sidebar li.widget a.content-footer-sidebar-connect
{
	display: block;
	width: 139px;
	height: 40px;
	margin: 5px 0;
}

#content-footer .content-footer-sidebar li.widget a.content-footer-sidebar-connect span {
	display: none;
}

#content-footer-sidebar-connect-facebook-group
{
	background-image: url(../media/connect-facebook-group.gif);
}

#content-footer-sidebar-connect-facebook-cause
{
	background-image: url(../media/connect-facebook-cause.gif);
}

#content-footer-sidebar-connect-twitter
{
	background-image: url(../media/connect-twitter.gif);
}

#content-footer-sidebar-connect-vimeo
{
	background-image: url(../media/connect-vimeo.gif);
}

#footer { margin: 5px 0; }

#footer-credits { float: right; font-size: 8pt; padding: 0; }

#footer-credits a { text-transform: uppercase; }

#footer-navigation ul li {
	font-size: 8pt;
	padding: 5px 0 0 8px;
}