body {
background: #1b1b1b;
margin:0;
padding: 0;
color: #444;
font: normal 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; /* normalize font size across browsers */
}

.homepage_top {
width: 100%;
background: #732310 url('http://jbirdmedia.org/ohio/images/site/gradient.jpg') no-repeat top center;
padding-bottom: 30px;
}

.header {
width: 950px;
margin: 0 auto;
padding-top: 10px;
}

.logo {
width: 360px;
height: 70px;
float: left;
}

.topnav {
width: 490px;
float: right;
padding-top: 32px;
position: relative;
z-index: 99;
}

.topnav ul li {float: left; padding-right: 20px;}
.topnav ul li a {text-decoration: none; color: #fff; font-size: 16px;}


/*Drop Down Menu CSS */

.topnav li.mainnav {  position: relative; list-style: none;}	
.topnav li.mainnav ul.subnav {
display: none; 
position: absolute; top: 20px; left: -15px; z-index: 99; 
background: #222; 
padding-right: 0px; 
margin-top: 10px; 
padding-top: 5px;
text-transform: uppercase;
border: 2px solid #444;
}
	
.topnav li.mainnav ul.subnav li {  width: 150px; margin: 0px; padding: 0px;}	
.topnav li.mainnav ul.subnav li a { background: none; padding: 3px 2px; color: #fff; font-size: 12px; clear: left;}
.topnav li.mainnav ul.subnav li a:hover { background: none; padding: 3px 2px; color: #f7b80f; font-size: 12px;}
.topnav li:hover ul.subnav { display: block; width: 150px; margin: 0px;padding: 5px;}
	
/*End Drop Down Menu CSS */




.homepage_featured {width: 910px; margin: 0 auto; padding-top: 20px; }

#slider {
width: 550px;
float:left;
padding: 5px;
margin: 0px 45px 0px 0px;
position: relative;
z-index: 1;
}


.homepage_events {
width: 300px;
float: left;
font-size: 18px;
text-transform: uppercase;
line-height: 22px;
padding-top: 5px;
}

.homepage_events li {
border-bottom: 1px solid #be8d7f;
padding: 10px 0px;
}

.homepage_events li span {
font-size: 18px;
}


.homepage_events li span.event_date {color: #faf7ca;}
.homepage_events li a span.event_link {display:block; color: #fff;}
.homepage_events li a:hover span.event_link {display:none;}
.homepage_events li a span.event_link_hover {display:none;}
.homepage_events li a:hover span.event_link_hover {display:block; color: #faf7ca; }

p.events_link {font-size:16px; padding-top: 10px;}
p.events_link a {color: #fff;}




/*--Grey Bar--*/

.homepage_middle {
width:100%;
height: 98px;
background: url('http://jbirdmedia.org/ohio/images/site/grey_bg.png') repeat-x;
}


.homepage_middle_wrap {
width: 850px;
margin: 0 auto;
color: #1e1e1e;
font-family: Georgia;
font-style: italic;
font-size: 16px;
text-align: center;
}

#twitter_bird {float: left; padding-right: 20px;}
#twitter_update_list {padding-top: 20px; }

.homepage_middle_wrap ul { list-style: none; margin: 0; padding: 0px; width: 800px; line-height: 20px; text-align: left;}
.homepage_middle_wrap ul li { padding: 0px;}

.homepage_middle_wrap ul li a { 
font: italic 12px Georgia, Times, Serif;
color: #732310;
margin:0;
padding:0;
float: none;
border: none;
text-decoration: none;
}

.homepage_middle_wrap ul li a:hover { 
color: #732310; 
margin:0;
padding:0;
float: none;
border: none;
text-decoration: underline;
}



.homepage_middle_wrap ul li span { font: italic 16px/30px Georgia, Times, Serif; color: #333;}
.homepage_middle_wrap ul li span a { font: italic 16px/30px Georgia, Times, Serif;}

/*--End Grey Bar--*/




/*--Homepage Bottom Links--*/

.white_content {width:100%; background: #fff; min-height: 250px;}
.white_content_wrap {width: 950px; margin: 0 auto; padding-top: 30px;}

.links_list {float:left; padding: 0px 23px; padding-top: 20px;}

.links_list ul {line-height: 22px; }
.links_list ul li a { text-decoration: none; color: #777; font-size: 13px;}
.links_list ul li a:hover { text-decoration: underline; color: #732310; font-size: 13px;}

/*--End Homepage Bottom Links--*/


.content_left {width: 200px; float: left; font-size: 12px; padding-bottom: 25px; margin-right: 50px;}
.content_wide_left {width: 600px; float:left; font-size: 12px; padding-bottom: 25px; margin-right: 50px;}
object {border:1px solid #ddd; padding:5px; margin: 10px 0px;}


.content_left {
min-height: 384px; 

}

.content_left ul {
width: 230px;
min-height: 384px; 
background: url('http://ohiocog.com/images/site/sidebar_shadow.jpg') no-repeat top right;
}

.content_left ul li {
padding: 0px;
}

.content_left ul li a {
width: 200px;
height: 31px;
font-size: 14px;
color: #333;
float:left;
padding: 9px 0px 0px 10px;
border-bottom: 1px solid #ddd;
}

.content_left ul li a:hover {
color: #732310;
}


.content_left ul li a.active {
width: 228px;
height: 31px;
background: url('http://ohiocog.com/images/site/ohio_arrow.png') no-repeat;
color: #fff;
text-shadow: 0px -1px -1px #333;
border: none;
}

.content_right {width: 620px; float: left; padding-bottom: 40px; font-size:12px;}
.content_wide_right {width: 250px; float:left; padding-bottom: 40px; font-size:12px;}

.content_right .links_list {padding: 0px; padding-bottom: 30px; clear: both; }

.content_right .links_list ul {line-height: 22px; }
.content_right .links_list ul li a { text-decoration: none; color: #777; font-size: 13px;}
.content_right .links_list ul li a:hover { text-decoration: underline; color: #732310; font-size: 13px;}

.even {
	background-color: #f0f0ee; }
	
	
/*--Blog--*/	

.post {
padding-bottom: 30px;
}

.post span.blog_info {
font-size:13px;
font-style:italic;
font-family: Georgia;
line-height: 20px;
}

.post a {color:#9f2f0c;}

.line {width: 550px; height: 1px; background: #ddd; margin-bottom: 30px;}

.post h3 {
margin-top: 20px;
}

/*--Footer--*/

.bottom { width: 950px; margin: 0 auto; padding-top: 15px; padding-bottom: 25px;}
.bottom .footer_nav {float: left; width: 500px;}

.bottom ul li { float: left; padding-right: 15px;}
.bottom ul li a { text-decoration: none; color: #ccc; font-size: 15px;}

.credits {font-size: 12px;}
.credits a {color: #999;}

.social_links {float: right; width: 375px;}
.social_links li {float: left;}

/*--End Footer--*/



/*--Live Page--*/

.live_left {width: 512px; float:left;}

.live_videoplayer {width:512px; height: 288px; border: 3px solid #ddd; }
.live_videoplayer object {padding:0px; margin:0px;}
.live_slideshow {width:512px; height:100px; border: 3px solid #ddd; margin-top: 20px;}


/*SocialNav*/

div.socialnav { width:455px; height:50px; margin: 5px auto; margin-top: 50px; position:absolute; }
#socialnav {width: 455px; height: 38px; background: url('http://ohiocog.com/images/site/social_nav.jpg') no-repeat;}
#socialnav li a { display:block; list-style: none; float: left; text-indent:-999em;}
#socialnav, #socialnav li { list-style: none; float: left; margin: 0; padding: 0;}


a.facebook_nav 			{ background: url('http://ohiocog.com/images/site/social_nav.jpg') no-repeat 0px 0px; width: 151px; height: 38px; }
a:hover.facebook_nav	{ background: url('http://ohiocog.com/images/site/social_nav_over.jpg') no-repeat 0px 0px; width: 151px; height: 38px; }


a.twitter_nav			{ background: url('http://ohiocog.com/images/site/social_nav.jpg') no-repeat -151px 0px; width: 153px; height: 38px; }
a:hover.twitter_nav	   	{ background: url('http://ohiocog.com/images/site/social_nav_over.jpg') no-repeat -151px 0px; width: 153px; height: 38px; }


a.email_nav				{ background: url('http://ohiocog.com/images/site/social_nav.jpg') no-repeat -304px 0px; width: 151px; height: 38px; }
a:hover.email_nav	   	{ background: url('http://ohiocog.com/images/site/social_nav_over.jpg') no-repeat -304px 0px; width: 151px; height: 38px; }



/*End SocialNav*/


/*MediaPlayer Page*/

.media_content {width: 940px; margin:0 auto; padding:10px; background: #fff;}



.mediaplayer_left { width: 575px; float: left;}

.videoplayer {width:573px; height: 323px; border: 5px solid #ddd;}
.videoinfo  {margin: 20px 0px;}

.videoinfo ul {list-style:none; margin:20px 0px; padding:0;}
.videoinfo li {list-style:none; float:left; margin:0; padding:0;}

.videoinfo h3 {font-size: 24px; color: #60adc5; font-weight: 300; margin: 0px 10px; padding-top: 0px; }
.videoinfo h4 {font-size: 30px; color: #181818; font-weight: 300; margin: 10px 10px; padding-bottom: 5px; }
.content_right h4 {font-size: 22px; color: #181818; font-weight: 300; margin: 10px 0px; padding: 0; }


.videoinfo p {padding-left: 10px; padding-top: 0px;}

.mediaplayer_right {width: 325px; float: right;}


/*Playlist Buttons*/
ul.tabs {list-style: none; margin: 0; padding: 0;}
ul.tabs li {list-style: none; margin: 0; padding: 0;}

ul.tabs li a { 
float: left; text-decoration: none; color: #181818; background: #ebe8e8; width: 95px; height: 15px; text-transform: uppercase; margin-right: 10px; padding: 10px 0px;
text-align: center;
}

ul.tabs li a:hover { color: #fff; background: #60adc5; width: 95px; height: 15px; margin-right: 10px; padding: 10px 0px;}


.video_button {
 	line-height: 1;
    text-decoration:none;
    display: inline-block;
    padding: 8px 12px;
    font-family: Arial, sans-serif;
    text-transform:uppercase;
    font-size:14px;
    color:#fff;
    cursor:pointer;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: -1px -1px 0px rgba(0,0,0,0.15);
}

/*End Playlist Buttons*/


/* Start Media Playlists*/
.tab_content ul {list-style: none; margin: 0; padding: 0; margin-top: 10px;}
.tab_content ul li {list-style: none; margin: 0px 0px; padding: 10px 0px; width: 300px; height: 75px; border-bottom: 1px dashed #ddd;}
.tab_content ul li a {text-decoration: none; color: #181818; width: 295px; height: 75px; float: left;}
.tab_content ul li a:hover {text-decoration: none; color: #181818; background: #ebe8e8; width: 295px; height: 75px; float: left;}
/* End Media Playlists*/

.video_thumb {width: 110px; height: 65px; float: left; clear: both; margin-bottom: 10px; padding-right: 10px;}
span.series_title {font-size: 14px; font-weight: bold; padding-top: 10px; }
span.sermon_title {font-size: 13px; }

/*End MediaPlayer Page*/


/*--Start Live Page--*/


.live_right { width: 400px; float:right; margin-bottom: 25px;}

.chat {width: 400px; height: 570px; background: #f4f4f4;}
.facebook_login {padding: 10px 0px 0px 10px;}



/*--End Live Page--*/


.content_pic {width: 550px; height: 225px; border: 1px solid #ddd; padding: 5px;}

.popup_details {
background: #fff;
width: 380px;
height: 400px;
padding: 10px;
font-size: 13px;
color: #222;
}

.popup_details h3 {
font-size: 18px;
text-transform: none;
background: #ddd;
padding: 5px;
}




.ie_body {
width: 853px;
font-size: 16px;
line-height:30px;
padding: 20px;
background: #000;
margin: 0 auto;
}

ie_body h4 {
font-size: 34px;
margin: 0;
padding: 0;
}

ul.browsers {
list-style: none;
margin: 50px 30px;
padding: 0;
}

ul.browsers li {
list-style: none;
margin: 0;
padding: 0;
float: left;
}




p {margin: 3px 0px;}
.clear {clear:both;}


h1 {margin: 0; padding: 0; font-weight: normal; font-size: 26px; color: #fff; padding-bottom: 20px;}
h2 {margin: 0px; padding: 0; font-weight: normal; font-size: 20px; color: #000; padding-bottom: 5px;}
h3 {margin: 0px 0px 20px 0px; padding: 0; width: 640px;font-weight: normal; font-size: 28px; color: #732310; padding-bottom: 5px; text-transform: uppercase; border-bottom: 1px dashed #ddd;}
h4 {font-weight:normal; font-size: 16px; margin:0; padding:0; margin-bottom:10px;}
h5 {color: #732310; font-size: 18px; margin:5px 5px; padding:0px;}

ul {list-style: none; margin: 0; padding: 0;}
ul li {list-style: none; margin: 0; padding: 0;}

a {text-decoration: none; color: #1a87ec;}


ul.staff_list {}

ul.staff_list li {width: 175px; height: 250px; float: left; text-align: center; margin: 10px 0px; line-height: 16px;}

ul.staff_list li a {color: #1a87ec;}
ul.staff_list li a {color: #1a87ec; text-decoration: underline;}



ul.photo_albums li a { width:500px; height: 100px; background: #ddd; padding: 15px 10px; float:left; color: #000; line-height: 30px; border: none; }
ul.photo_albums li a:hover { width:500px; height: 100px; background: #fffbf1; padding: 12px 7px; float:left; border: 3px solid #f9efd5; }


.album_thumbnail {width: 150px; float: left; padding-right: 10px;}
a span.album_title {font-size: 18px; float: left; color: #000;}
a span.album_description {line-height: 20px;}


ul.photo_list li { width: 150px; float:left; padding: 10px;}
.photo_thumbnail {border: 1px solid #ddd; padding: 3px;}

.photo_large {width: 500px;}


ul.regional_elders li a {width: 250px; background: #ddd; padding: 10px; float: left; margin: 5px 5px 0px 0px;}
ul.regional_elders li a:hover {width: 250px; background: #fffbf1; padding: 10px; float: left;}


.elder_pic {width: 100px; float: left; padding-right: 10px;}
a span.elder_name {font-size: 16px; color: #222;}
a span.elder_region {color: #000; font-size: 12px;}


table {
	width: 650px;
	text-align: left; 
	}

th { padding: 5px 5px; font-size: 14px; color: #333; background: #ddd;}

td {padding: 10px 5px; font-size: 13px;}
	
.odd { background-color: #f0f0ee; }
.odd td {}

.content_text {
font-size: 12px;
padding-top: 5px;
margin-bottom: 25px;
}


.calendar_list {
width: 420px;
float:left;
padding: 0px 20px;
}


.calendar_right {
width:390px;
color:#333;
float:left;
font-size:16px;
background: #ffffff;
margin: 0px 25px;
padding:10px;
}

.calendar_right li {border-bottom:1px dashed #000; padding: 5px 0px;}
.calendar_right a {color:#222;}




.events_list li {
padding: 15px 0px;
width: 460px;
min-height: 75px;
}

.event_title  {font-size:16px; color: #000;}


.event_month {font-size:16px; text-transform: uppercase;}
.event_day {font-size:20px;}
.big_date {float:left; background: #999; width:50px; height:40px; padding: 10px; color: #fff; margin-right: 10px; text-align:center; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.event_info {float:left; width: 375px;}


ul.event_sidebar li a {
font-size: 13px;
padding: 11px 0px 0px 10px;
}



.event_date { font-size:18px; font-weight: bold; color:#000; margin:0; padding:3px 0px 0px 0px;}

ul.share_links {
width: 100%;
padding: 5px;
border-top: 1px dashed #ddd;
border-bottom: 1px dashed #ddd;
margin: 50px 0px 20px 0px;
}

ul.share_links li a {
width: 228px;
height: 43px;
float:left;
}

a.event_back_button {
font-style: italic;
}

a:hover.event_back_button {text-decoration:underline;}

.twitter_icon {
margin: 15px 0px 10px 0px;
float:right;
}

ul.video_thumbs li {
width: 275px;
float:left;
}