/* -------------------
	Global Resets 
--------------------*/

* {
	margin: 0;
	padding: 0;
}

p,ol,ul,h2,h2,h3,h4,h5,h5,h6 {
	margin:0 0 1em 0;
}

* html div{
	overflow: hidden;
}

img {
	border: none;
}

/* -------------------
	Body 
--------------------*/

html {
	background: url(../images/bg.jpg) repeat-x #03428a;
}

body {
	background: url(../images/vines.png) no-repeat top;
	font: normal 95% "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	color: #474747;
}

a:link, a:visited {
	color: #790e43;
	text-decoration: none;
}

a:hover {
	color: #fff;
	background-color: #003f89;
}

a:active {
	color: #790e43;
}

a:hover.image {
	background-color: transparent; /* -- Removes Border from Logo on Rollover --*/
	border-bottom: none;
}

/* -------------------
	Global Containers 
--------------------*/

.siteContainer {
	width: 1100px;
	margin: 0px auto;
}

.contentContainer {
	margin: 0 auto;
	padding: 20px 0 0 0;
	width: 960px;
	height:auto;
	overflow:hidden;
}

.pageContentContainer {
	margin: 0 auto;
	padding: 0 0 20px 0;
	width: 710px;
}

.breadcrumbs {
	margin: 0 auto;
	width: 960px;
	background: #333;
	font-size: 90%;
	text-transform: uppercase;
	color: #fff;
	padding-bottom:5px;
}

.crumbLinks {
	padding: 2px 0 6px 0px;
	color: #999;
	
}

.crumbLinks a:link, .crumbLinks a:visited {
	color: #fff;
}

.crumbLinks a:hover, .crumbLinks a:active {
	color: #009eea;
	background-color: transparent;
}

.logo {
	margin: 10px 0 0 70px;
	width: 273px;
	height: 133px;
}

.logo img {
	border: none; /* -- Removes Link Border from Logo --*/
}

.topShadow {
	background: url(../images/topShadow.png) no-repeat center;
	height: 25px;
	width:1100px;
}

.shadow {
	background-image: url(../images/dropShadow.png); 
	background-position: center; 
	background-repeat: repeat-y;
}

.bottomShadow {
	background: url(../images/bottomShadow.png) no-repeat center;
	height: 25px;
	width:1100px;
}

.content {
	float: left;
	margin: 20px 0 0 20px;
	width: 530px;
}

.footer {
	margin: 10px auto;
	width: 400px;
}

.footer p {
	margin: 0;
	color: #fff;
	font-size: 70%;
	line-height: 1.25;
	word-spacing: 0px;
	letter-spacing: 0px;
	text-align: center;
}

.footer p a {
	color: #009eea;
}

/* -------------------
	Page Headers
--------------------*/

.homeHeader {
	height: 250px;
	width:960px;
	margin:0 auto;
}

.insideHeader {
	background: url(../images/inside.jpg) no-repeat center;
	height: 250px;
}

.blogHeader {
	background: url(../images/blog.jpg) no-repeat center;
	height: 250px;
}

.podcastHeader {
	background: url(../images/podcastHeader.jpg) no-repeat center;
	height: 200px;
}

.eventsHeader {
	background: url(../images/events.jpg) no-repeat center;
	height: 250px;
}

.orgHeader {
	background: url(../images/orgs.jpg) no-repeat center;
	height: 250px;
}

.oneGiveHeader {
	background: url(../images/oneGive.jpg) no-repeat center;
	height: 250px;
}

.contactHeader {
	background: url(../images/contact.jpg) no-repeat center;
	height: 250px;
}

/* -------------------
	Home Page Styles
--------------------*/

.homeLeft {
	width: 300px;
	margin:20px 0 0 30px;
}

.podcast {
	margin-bottom: 10px;
	border: 1px solid #999;
}

.eventsContainer {
	float: right;
	width: 300px;
	border: 1px solid #999;
}

.ocuLogo {
	width: 362px;
}

.homeEvents {
	
}

.event {
	padding: 10px;
	border-bottom: 1px dotted #999;
}

.eventHeader {
	margin: 10px 0 10px 10px;
}

.event:hover {
	background-color: #eaeaea;
}

.eventLink {
	padding: 10px 10px 0 10px;
	margin: 0;
	color: #0099ff;
	font-size: 80%;
	line-height: 1;
	word-spacing: 0px;
	letter-spacing: 0px;
}

a:link.header {
	color: #494949;
	text-transform: uppercase;
	text-decoration: none;
}

a:visited.header {
	color: #494949;
}

a:hover.header {
	color: #fff;
}

a:active.header {
	color: #fff;
}

/* -------------------
	Events Page Styles
--------------------*/

.events {
	border: 1px solid #999;
}

.eventSpacer {
	height: 150px;
}

/* -------------------
	Podcast Page Styles
--------------------*/

.post {
	float: right;
	margin: 0 20px 0 0;
	padding: 20px 0 0 0;
	width: 600px;
	font-size: 100%
}

.postTitle {
	float: left;
	text-transform: uppercase;
	color: #333;
} 

.postDate {
	float: right;
	color: #797979;
	text-transform: uppercase;
}

.podcastArchive {
	float: right;
}

/* -------------------
	Organizations Page Styles
--------------------*/

table.charts {
	margin: 20px 0;
}

table, th, td {
	border: 1px solid #666;
	border-collapse: collapse;
	padding-left: 7px;
}

.charts td {
	padding: 5px;
	border: 1px dotted #fff;	
	width: 120px;
	font-size: 70%;
	text-align: center;
}

.blueHighlight {
	background-color: #003f89;
	color: #fff;
}

.grey {
	background-color: #4377b5;
	color: #fff;
}

/* -------------------
	OneGive Page Styles
--------------------*/

.oneGiveLogo {
	margin-bottom: 20px;
}

/* -------------------
	EB Page Styles
--------------------*/

.eb {
	margin-bottom: 20px;
	border: 5px solid #999;
}

/* -------------------
	Titles Styles
--------------------*/

.titles {
	line-height: 2;
	font-size: 80%;
}

.title {
	text-transform: uppercase;
	color: #8ec20c;
}

.it {
	margin-bottom: 40px;
}

.content2 {
	float: left;
	margin: 20px 0 0 10px;
	width: 530px;
}


/* -------------------
	Breadcrumbs 
--------------------*/


ul.breadcrumbs {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}
ul.breadcrumbs li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}
ul.breadcrumbs li:before {
	content: "\00BB \0020";
}



.right {
	float:left;
	width:600px;
	padding: 0 0 0 15px;
	margin-left:30px;
	}
	
.right small {
	color:#33CC00;
	}

	
.left {
	float:right;
	width:300px;
	padding: 20px 0 0 0;
	margin:0;
	}	

.left ul{
	list-style:none;
	}	

.left li{
	list-style:none;
	}	

.postmetadata {
	font-size:80%;
	border-top:1px dotted #33CC00;
	}

.entry {
	padding-top:15px;
	}

.more-link  {
	font-size:80%;
	color:#0066FF!important;
	}


#page-comments {
	float:left:;
	width:450px;
	margin:10px 30px 10px 225px;
}

#page-comments h3 {
	border-bottom:1px solid #000000;
	border-top:1px solid #282828;
	padding:10px 0 10px 24px;
	margin-bottom:30px;
	text-align:center;
}

#comments-wrap {
	float:left:;
	width:450px;
	padding:10px 30px 10px 70px;
}

#comments-wrap h3 {
	border-bottom:1px solid #000000;
	border-top:1px solid #282828;
	padding:10px 0 10px 24px;
	margin-bottom:30px;
}

#comments {
	width:450px;
}

#comments .comment-author {
	position:absolute;
	width:100px;
	color:#666;
}

#comments img {
	padding:5px;
	margin-bottom:1px;
	background:#333;
	border:1px solid #000;
}

#comments .children {
	border-left:1px solid #000;
}

#comments .children .comment-author {
	border-top:1px solid #000;
}

#comments .children .s {
	background-color:#fff;
	background-image:none;
}

.comment-author-vcard {
	padding:5px;
	border:1px solid #000;
}

.url {
	border:none!important;
	display:inline!important;
	padding-left:0!important;
	color:#660033!important;
}

.author {
	font-size:80%!important;
	color:#666;
	padding:6px 0 0;
	height:40px;
	width:400px;
	text-align:center;
}

.commentlist li {
	margin-top:20px;
	padding-top:10px;
}

#comments ul.parent {
	padding-bottom:25px;
}

#comments ul.commentlist {
	padding:20px 0 0 60px;
}

#comments small {
	display:block;
	margin:5px;
	padding:0;
}


.comment-body {
	background-color:#C8FC81;
	padding:5px;
}

.comment-body p{
	margin-top:20px;
	line-height:normal;
}

.comment-body a, .comment-body a:link, .comment-body a:hover, .comment-body a:visited {
	color:#0066FF;
	background:none;
	font-size:60%;
}

img.wp-smiley {
	border:none!important;
	background:none!important;
	padding:0 2px!important;
	margin:0!important;
	float:none;
}

.comment-text p {
	padding:5px 0!important;
}

#commentform {
	overflow:hidden;
	height:auto;
	width:400px;
	margin:;
	padding:10px 15px 10px 10px;
}

#commentform p {
	padding:5px;
	color:#666;
}

#commentform small {
	padding-left:10px;
}

#commentform input[type=submit] {
	background-color:#86ABD7;
	border:none;
	color:#fff;
	padding:5px;
	margin-left:130px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
}

#commentform form {
	padding:20px;
	border:none;
}

#commentform input[type=text] {
	display:block;
	width:400px;
	margin-bottom:10px;
	height:24px;
	padding:5px 10px 7px 15px;
	background-color:#86ABD7;
	border:none;
	color:#fff;
}

#commentform textarea {
	display:block;
	border:none;
	width:380px;
	height:175px;
	margin-bottom:10px;
	padding:5px 10px 5px 15px;
	background-color:#86ABD7;
	color:#fff;
	overflow:auto!important;
}

#respond {
	margin:30px auto;
	width:480px;
	
}

#respond small {
	padding-left:20px;
}

#calendar_wrap {
	width:90%;
	margin:10px auto 20px;
}

#wp-calendar th {
	font-style:normal;
	text-transform:capitalize;
	color:#333;
	border:1px solid #fff;
	background-color:#0099FF;
}

#wp-calendar td {
	color:#790E43;
	font:normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing:normal;
	padding:5px 0;
	text-align:center;
}

#wp-calendar table, th, td {
	border:1px solid #fff;
	border-collapse: collapse;
	padding-left: 7px;
	background-color:#99FF66;
}


#wp-calendar a:hover {
	background:none;
	color:#333;
	display:block;
}


#wp-calendar #today {
	color:ff0000!important;
	background:#fff;
}

#wp-calendar {
	empty-cells:show;
	font-size:14px;
	width:90%;
	margin:0 auto;
	margin-bottom:5px;
}

#wp-calendar .pad a:hover {
	background:#none!important;
}
#wp-calendar caption {
	padding:10px 0!important;
}

.widget_calendar {
	margin:0 auto;
	}
	
#search {
	position:absolute;
	margin:-100px 0 0 880px;
	width:100px;
}
#searchform {
	margin:0 auto;
	width:230px;
	padding-left:15px;
	
}

#searchform h3 {
	display:none!important;
}

#searchform input[type=text] {
	border:none;
	margin-bottom:10px;
	background-color:#000;
	color:#91C50C;
	width:125px;
	height:15px;
	padding:5px;
	border:1px solid #FFF;
}

.sidebar {
	margin:0;
	}


.widgettitle {
	padding-top:10px;
}

.widget {
	margin-left:10px;
	width:95%;
}

.widget li {	
margin-left:32px;
}

.widget h3 {
	border-bottom:2px solid #03428A;
	width:92%;
	padding:5px 10px 5px 20px;
	margin-top:15px;
}

.recentcomments ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:10px 0 0 20px;

}
.recentcomments li {
	margin-left:20px;
	width:90%;

}

.recentcomments	a:link,.recentcomments	a:visited,.recentcomments	a:hover {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:10px 0 10px 24px;
	display:block;
	width:200px;
	font-size:80%;
	background:none;
	color:#660033!important;
}

.blogroll li {
	list-style-type:none!important;
	margin-left:32px;
}

.blogroll a:link,.blogroll a:visited {
	color:#03428A;
	text-decoration:none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:5px 0 5px 24px;
	background-color:#99FF66;
	border-bottom:1px solid #fff;
	font-size:1.1em;
	display:block;
	width:80%!important;
}

.blogroll a:hover {
	color:#fff!important;
	text-decoration:none!important;
	background-color:#0099FF;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:5px 0 5px 24px;
	font-size:1.1em;
	display:block;
}

.comment-author img {
	padding:2px;
	border:1px solid #660033;
	}
	
#contact {
	margin:20px 0 0 20px;
}

#contactform {
	overflow:hidden;
	height:auto;
	width:400px;
	padding:10px 15px 10px 0;
}

#contactform input[type=text] {
	display:block;
	width:400px;
	margin-bottom:10px;
	height:24px;
	padding:7px 10px 7px 15px;
	border:none;
	background-color:#86ABD7;
	border:none;
	color:#fff;
	float:left;
}

#contactform textarea {
	border:none;
	width:400px;
	height:175px;
	margin:0 0 10px 0;
	padding:5px 10px 5px 15px;
	background-color:#86ABD7;
	border:none;
	color:#fff;
	overflow:auto!important;
}

#contactform label {
	color:#888888;
	padding:7px 0 10px 20px!important;
	float:left;
}

#contactform input[type=submit] {
	background-color:#86ABD7;
	border:none;
	color:#fff;
	padding:5px;
	margin-left:165px;
	float:left;
}

.contact_error {
	background:#ff0000;
	display:block;
	height:22px;
	line-height:22px;
	padding:3px 10px 3px 5px;
	color:#fff;
	margin-bottom:30px;
	width:400px;
}

#contact #email_sent {
	background:#99FF66;
	padding:10px;
	color:#333;
	width:400px;
}

#contact #email_sent h3 {
	padding-left:22px;
	margin-top:4px;
}

fieldset {border:none; width:420px;}