/*

Theme Name: Jonathan Ogden Foundation

Theme URI: http://www.groovecommerce.com

Version: 2008

Author: Groove Commerce

Description: Theme for the Jonathan Ogden Foundation 

*/



body {

	font: 11px Arial,sans-serif;

	margin: 0;

	padding: 0;

	text-align: center;

	background: #000 url(images/background.gif) top left repeat-x;

}



a { color: #2D1541; text-decoration: underlin; }

a:hover { color: #7D6899; }



.center { text-align: center; }

.right { text-align: right; }
.img-right { float: right; margin: 0 0 0 15px; }



span.center { display: block; text-align: center; }

span.right { display: block; text-align: right; }



#wrap {

	background: url(images/content_wrap_bg.gif) top left repeat-all;

	width: 903px;

	margin: 0 auto; 

}



#header {

	margin: 0;

	padding: 0;

}



#header img {

	display: block;

	border: none;

	margin: 0;

	padding: 0;

}



#wrap-top {

	background: url(images/content_wrap_top.gif) top left no-repeat;

	padding: 0;

	margin: 0;

}



#wrap-bottom {

	background: url(images/content_wrap_bottom.gif) bottom left no-repeat;

	padding: 0 21px 24px 24px;

	margin: 0;

}



#nav {

	margin: 0;

	padding: 0;

	list-style: none;

	background: url(images/nav_bg_int.gif) top left no-repeat;

	height: 46px;

	overflow: hidden;

}



html body.home #nav {

	background: url(images/nav_bg.gif) top left no-repeat;

}



	#nav li {

		float: left;

		margin-top: 11px;

		height: 35px;

		overflow: hidden;

	}

	

		#nav li a {

			display: block;

			padding: 35px 0 0;

		}

		

		#nav li.home a {

			background: url(images/nav_home.gif) top left no-repeat;

			width: 96px;

		}



		#nav li.about a {

			background: url(images/nav_about.gif) top left no-repeat;

			width: 114px;

		}



		#nav li.events a {

			background: url(images/nav_events.gif) top left no-repeat;

			width: 100px;

		}



		#nav li.photos a {

			background: url(images/nav_photos.gif) top left no-repeat;

			width: 108px;

		}



		#nav li.blog a {

			background: url(images/nav_blog.gif) top left no-repeat;

			width: 120px;

		}



		#nav li.contact a {

			background: url(images/nav_contact.gif) top left no-repeat;

			width: 110px;

		}

	

		#nav li a:hover, #nav li.active a {

			background-position: 0 -35px;

		}

		

#wrap-content {

	background: #fff;

	padding: 0 0;

	text-align: left;

}



img.banner { display: block; } 



#content {

	background: url(images/int_content_bg.gif) top right no-repeat;

	width: 593px;

	float: left;

	line-height: 1.5em;

	color: #666;

	padding: 0 0 10em;

}



html body.home #content { background: url(images/home_content_bg.gif) top left no-repeat; }



	#content h1 {

		margin: 0;

		padding: 0;

		height: 42px;

		overflow: hidden;

		text-indent: -9999px;

	}



	#content h1.feature { background: url(images/home_header_feature.gif) 5px 0 no-repeat; }

	#content h1.about { background: url(images/header_about.gif) 5px 0 no-repeat; }

	#content h1.events { background: url(images/header_events.gif) 5px 0 no-repeat; }

	#content h1.photos { background: url(images/header_photos.gif) 5px 0 no-repeat; }

	#content h1.news { background: url(images/header_news.gif) 5px 0 no-repeat; }

	#content h1.contact, #content h1.thanks { background: url(images/header_contact.gif) 5px 0 no-repeat; }

	#content h1.page404 { background: url(images/header_404.gif) 5px 0 no-repeat; }

	

	#content h2 {

		font-size: 18px;

		font-weight: bold;

		font-style: italic;

		color: #321647;

		background: url(images/dots.gif) top left repeat-x;

		padding: 1.5em 0 0;

	}

	

	#content h2.first {
		color: #ffffff;
		background: #2a123b;
		margin: 0;
		padding: 10px;
	}



	#content h2.blog {

		padding: 0 0 10px;

		margin: 1em 0;

		background: url(images/dots.gif) bottom left repeat-x;

	}


	#content div.main-event, #content div.past-events, #content div.upcoming-events {
		border: 1px solid #2a123b;
		margin: 20px;
		padding: 0;
	}
		#content div.main-event h3, #content div.past-events h3, #content div.upcoming-events h3 {
			margin: 1em 0 0;
		}
		#content div.main-event h4, #content div.past-events h4, #content div.upcoming-events h4 {
			margin: 0 0 1em ;
		}
		#content div.main-event .dates, #content div.past-events .dates, , #content div.upcoming-events .dates {
			font-style: italic;
		}
	#content div.past-events {
		float: left;
		margin: 0 20px 20px;
		width: 320px;
	}	
	#content div.upcoming-events {
		float: left;
		margin: 0;
		width: 209px;
	}
	.content-padding {
		padding: 0 10px 10px;
	}

	

	#content div.entry {

		margin: 0 20px;

	}

	

		#content div.entry .dates,#content div.entry .date {

			font-style: italic;

		}

		

		#content div.entry p.meta {

			margin: 0;

			padding: 0;

			font-style: italic;

		}

		

#sidebar {

	color: #333;

	margin: 0 0 0 593px;

	padding: 0 0 10em;

	background: url(images/home_sidebar_bg.gif) 0 47px no-repeat;

}



	#sidebar a { color: #333; }

	

	#sidebar a:hover { color: #666; }

	

	#sidebar h3 {

		margin: 0;

		padding: 0;

		height: 47px;

		overflow: hidden;

		text-indent: -9999px;

	}



	#sidebar h3.schedule { background: url(images/sidebar_header_schedule_int.gif) top left no-repeat; }

	#sidebar h3.news { background: url(images/sidebar_header_news_int.gif) top left no-repeat; }

	body.home #sidebar h3.schedule { background: url(images/sidebar_header_schedule.gif) top left no-repeat; }

	body.home #sidebar h3.news { background: url(images/sidebar_header_news.gif) top left no-repeat; }

	

	#sidebar ul {

		list-style: none;

		padding: 14px 19px 0 33px;

		margin: 0;

	}

	

		#sidebar ul li {

			border-top: 1px solid #e3d2f0;

			padding: 8px 0;

		}

		

		#sidebar ul li.first { border: none; }

		

			#sidebar ul li p {

				margin: 0;

				padding: 0;

			}

		

		#sidebar ul li strong a { text-decoration: none; }

		#sidebar ul li strong a:hover { text-decoration: underline; }

		

#sponsors {

	clear: both;

	border-top: 1px solid #ccc;

	height: 105px;

	overflow: hidden;

	background: url(images/sponsor_bg.gif) 0 0px repeat-x;

	position: relative;

}

	

	#sponsors a {

		display: block;

		position: absolute;

		padding: 104px 0 0;

		top: 0;

		background-position: 0 0;

		background-repeat: no-repeat;

	}

	

#sponsors a.beam {
		width: 130px;
		left: 25px;
		background-image: url(images/sponsor_beam.gif);
	}	
	#sponsors a.smile {
		width: 130px;
		background-image: url(images/sponsor_smile.gif);
		left: 175px;
	}
	#sponsors a.apple {
		width: 167px;
		left: 340px;
		background-image: url(images/sponsor_apple.gif);
	}
	#sponsors a.groove {
		width: 167px;
		left: 535px;
		background-image: url(images/sponsor_groove.gif);
	}
	#sponsors a.aaa {
		width: 130px;
		left: 715px;
		background-image: url(images/sponsor_aaa.gif);
	}

	

	body #sponsors a:hover {

		background-position: 0 -104px;

	}



	

#footer {

	margin: 0;

	padding: 13px 1em;

	border: 1px solid #1c1c1c;

	border-top: none;

	color: #6c6c6c;

	text-align: left;

	background: #000 url(images/footer_bg.gif) 0 -1px repeat-x;

}



	#footer a { color: #6c6c6c; }

	#footer a:hover { color: #c6c6c6; }



/* Flickr Photos */

#content ul.photoset_list, #content ul.photolist {

	margin: 0;

	padding: 0;

	list-style: none;

}



	#content ul.photoset_list li, #content ul.photolist li {

		float: left;

		text-align: center;

		width: 120px;

		height: 150px;

	}

	

		#content ul.photoset_list li a, , #content ul.photolist li a {

			text-decoration: none;

		}

		

		#content ul.photoset_list li a img, #content ul.photolist li a img {

			display: block;

			border: 1px solid;

			padding: 1px;

			margin: 0 auto;

		}



#content div.navigation {

	clear: left;

	text-align: center;

}



/* Events in Content */

ul.events {

	margin: 0 110px 0 20px;

	padding: 0;

	list-style: none;

}



	ul.events li {

		padding: 0 0 1em;

		margin: 1em 0;

		background: url(images/dots.gif) bottom left repeat-x;

	}

	



#sidebar a.callout {

	display: block;

	margin: 1em 0;	

}



#sidebar a img {

	border: none;

}



#fb {

display: block;

margin: 0px;

margin-top: 10px;

padding: 0px;

padding-left: 33px;

}



#fb a {

padding-left:10px;

}