body {
background: #01265d url('http://jbirdmedia.org/riveroflife/images/site/bg.jpg') repeat-x;
margin:0;
padding: 0;
color: #555;
font: normal 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; /* normalize font size across browsers */
}


.blur_wrap {
width: 1160px;
margin: 0 auto;
background: url('http://jbirdmedia.org/riveroflife/images/site/blur.jpg') no-repeat top center;
}

.wrapper {
width: 950px;
margin: 0 auto;
}

.header {width:950px;}

.logo {width:425px; float:left;}
.service_info { width: 250px; float:right; padding-top: 30px; font-size:16px; font-weight:300; color:#fff; line-height: 24px;}

.countdown_home {
padding: 18px 0 0 30px;
float: left;

}
.border { width:950px; border: 5px solid #0f4982; -moz-border-radius: 10px; -webkit-border-radius: 10px; }


/*TopNav*/

div.topnav { width:950px; height:41px; background: url('http://jbirdmedia.org/riveroflife/images/site/topnav.jpg') no-repeat; margin: 0px auto; position: relative; z-index: 3000;}
#nav li a { display:block;	list-style: none; float: left;}
#nav, #nav li { list-style: none; float: left; margin: 0; padding: 0;}

#nav li a.home 				{ background: url('http://jbirdmedia.org/riveroflife/images/site/topnav.jpg') no-repeat 0px 0px; width: 103px; height: 41px; text-indent:-999em;}
#nav li a:hover.home			{ background: url('http://jbirdmedia.org/riveroflife/images/site/topnav_over.jpg') no-repeat 0px 0px; width: 103px; height: 41px; text-indent:-999em; }	

#nav li a.about 				{ background: url('http://jbirdmedia.org/riveroflife/images/site/topnav.jpg') no-repeat -103px 0px; width: 141px; height: 41px; text-indent:-999em;}
#nav li a:hover.about			{ background: url('http://jbirdmedia.org/riveroflife/images/site/topnav_over.jpg') no-repeat -103px 0px; width: 141px; height: 41px; text-indent:-999em; }	


#nav li a.ministries			{ background: url('http://jbirdmedia.org/riveroflife/images/site/topnav.jpg') no-repeat -244px 0px; width: 149px; height: 41px; text-indent:-999em;}
#nav li a:hover.ministries	  	{ background: url('http://jbirdmedia.org/riveroflife/images/site/topnav_over.jpg') no-repeat -244px 0px; width: 149px; height: 41px; text-indent:-999em; }


#nav li a.media					{ background: url('http://jbirdmedia.org/riveroflife/images/site/topnav.jpg') no-repeat -393px 0px; width: 105px; height: 41px; text-indent:-999em; }
#nav li a:hover.media	   		{ background: url('http://jbirdmedia.org/riveroflife/images/site/topnav_over.jpg') no-repeat -393px 0px; width: 105px; height: 41px; text-indent:-999em; }


#nav li a.events				{ background: url('http://jbirdmedia.org/riveroflife/images/site/topnav.jpg') no-repeat -498px 0px; width: 119px; height: 41px; text-indent:-999em; }
#nav li a:hover.envets	   		{ background: url('http://jbirdmedia.org/riveroflife/images/site/topnav_over.jpg') no-repeat -498px 0px; width: 119px; height: 41px; text-indent:-999em; }


#nav li a.contact				{ background: url('http://jbirdmedia.org/riveroflife/images/site/topnav.jpg') no-repeat -617px 0px; width: 172px; height: 41px; text-indent:-999em; }
#nav li a:hover.contact 		{ background: url('http://jbirdmedia.org/riveroflife/images/site/topnav_over.jpg') no-repeat -617px 0px; width: 172px; height: 41px; text-indent:-999em; }



/*Drop Down Menu CSS */

.topnav li.mainnav {  position: relative; list-style: none;}	
.topnav li.mainnav ul.subnav {
display: none; 
position: absolute; top: 40px; left: 0; z-index: 99; 
background: #000; 
padding-right: 0px; 
margin-top: 10px; 
padding-top: 5px;
text-transform: uppercase;
}
	
.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: 13px; clear: left; }
.topnav li.mainnav ul.subnav li a:hover { background: none; padding: 3px 2px; color: #f7b80f; font-size: 13px; }
.topnav li:hover ul.subnav { display: block; width: 145px; margin: 0px;padding: 10px;}
.topnav ul li a { text-decoration: none; color: #fff; font-size: 16px;}
.topnav ul li a:hover { text-decoration: none; color: #f7b80f;}
	
/*End Drop Down Menu CSS */
/*End TopNav*/

.btn-slide {
width: 160px;
height:35px;
background: url('http://theriverof.com/images/site/search_button.png') no-repeat;
float: left;
text-indent: -999em;
margin: 3px 0px 0px 0px;
}

#panel {
background: #ddd;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.22, rgb(222,222,222)),
    color-stop(0.72, rgb(255,255,255))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(222,222,222) 22%,
    rgb(255,255,255) 72%
);
height: 120px;
display: none;
}

.search_input {
padding: 10px;
}

.search_input .input {
width: 700px;
height: 35px;
margin: 5px 0px 5px 80px; 
padding: 10px 10px 10px 70px;
font-size: 22px;
font-weight: 100;  
background: #FFFFFF url('http://theriverof.com/images/site/glass.jpg') no-repeat left;   
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; 
border:1px solid #ddd;;
border-radius: 10px;
}

.search_instructions {
width: 450px;
margin: 0px auto;
color: #888;
text-shadow: 0px 1px 1px #fff;
font-family: Georgia;
font-style: italic;
font-size:16px;
}



.slideshow {width:950px; height: 300px;}


.homepage_content {width: 950px; background: #fff;}

.homepage_left { width: 777px; float: left;}

.quick_links { background: url('http://jbirdmedia.org/riveroflife/images/site/quick_links_bg.jpg') no-repeat; height: 160px;}
.quick_links h2 {margin:0; padding: 15px 0px 0px 25px; color: #222; font-weight: bold; font-size: 22px;}

.quick_links ul {padding-left: 10px;}
.quick_links li {float: left; padding: 10px 1px;}

.welcome_video {width: 310px; float: left; padding: 30px;}
.welcome_text {width: 330px; float: right; font-size: 12px; padding-top: 30px;}
.welcome_text h1 {font-size: 20px; color: #222; margin: 5px 0px;}

.homepage_right { width: 155px; float: right; padding: 15px 0px;}

h2.events_head {width: 120px; height: 35px; text-indent: -999em; background: url('http://jbirdmedia.org/riveroflife/images/site/events_head.jpg') no-repeat;}

h2.connect_head {width: 125px; height: 60px; text-indent: -999em; background: url('http://jbirdmedia.org/riveroflife/images/site/connect_head.jpg') no-repeat;}

.connect ul {padding: 5px 0px; }
.connect li {padding: 7px 0px; height: 35px; font-size: 12px; line-height: 14px;}
.connect li span { float: left; padding-top:7px;}

.connect li a {text-decoration: none; font-weight: bold; color: #063468;}
.connect li a:hover {text-decoration: none; font-weight: bold; color: #000;}


.social_icon {float:left; padding-right:5px; clear: both;}



.content_left { width: 707px; float: left; padding: 10px; font-size:13px; padding-bottom: 50px;}


.calendar_list {
width: 460px;
padding: 20px 20px;
}

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

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


.events_list li {
border-bottom: 1px dashed #ddd;
padding: 15px 0px;
width: 500px;
height: 125px;
}

.events_list li a {color: #000;}

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


.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;}
.event_info_wide { width: 500px;}



.event_pic_head {width: 583px; height: 225px; border: 5px solid #ddd; margin-bottom: 10px; margin-top: 5px;}






/*MediaPlayer Page*/

.mediaplayer_left { width: 525px; float: left; padding: 20px 10px 10px 10px;}
.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: 350px; float: right; padding-top: 20px;}





.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);
}



/*Slider Bar*/
.featured {width: 950px; margin-top: 50px;}
.featured ul {  list-style: none; padding: 0; margin: 10px; }
.featured li { 
width:220px; 
min-height: 180px;
list-style: none; 
margin: 0px 5px; 
float: left; 
text-align: center; 
zoom: 1;
display: inline;
vertical-align: top;
}

.featured h3 {margin: 0px 20px;}

.video_thumb {width:200px; height: 115px; border: 1px solid #ddd; padding: 5px;}

.video_title {font-weight:bold; color: #000;}
.video_date {font-style:italic; color: #000;}

.videoinfo {margin-top: 35px;}
.videoinfo h3 {font-size:18px; padding-bottom: 10px;}


/*End Slider Bar*/

/*End Playlist Buttons*/






.videoplayer {width: 512px; height: 308px; position: relative; z-index:0; margin-bottom: 20px;}

.chat {margin-top: 10px;}


.footer {width: 930px; padding: 10px 10px; font-size: 12px; color: #ddd;}
.footer_left {width: 500px; float: left;}
.footer_left li {float:left; padding-right: 15px;}
.footer_left li a {font-weight: bold;}
.credits {padding-top: 5px;}


.footer_right {width: 190px; float: right;}

strong {color:#000;}

a {text-decoration: none; color: #1667c2;}
a:hover {text-decoration: underline; color: #1667c2;}

h1 {margin:0; padding:0;}
h2 {margin:0; padding:0;}
h3 {margin: 5px 0px; padding:0; font-size: 18px; color:#000;}
p {margin: 0px 0px;}

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

object {border:1px solid #ddd; padding: 5px;}

.clear {clear:both;}


.tools {
margin: 45px 0px 0px 25px; 
}


.download { 
width: 350px;
height: 50px;
background: url('http://theriverof.com/images/site/ipod.jpg') no-repeat;
}

h3.download_head {
padding: 0px 0px 0px 35px;
margin: 0px;
}

ul.download_options {  margin: 0px 35px; }

ul.download_options li {
background: #ddd;
padding: 5px;
margin: 2px 2px;
float:left;
width: 100px;
}

.embed {
height: 50px;
margin: 25px 0px 20px 0px;
background: url('http://theriverof.com/images/site/embed_icon.jpg') no-repeat;
}

h3.embed_head {
padding: 0px 0px 0px 35px;
margin: 0px;
}

textarea {border: 10px solid #ddd; margin: 10px 0px 20px 0px;}


.give_media {margin-left: 10px;}



.countdown {
width: 492px;
margin: 0 auto;
background: #0f4982;
padding: 20px 0px 0px 40px;
margin-bottom: 10px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
border: #01265d solid 1px;
}

.countdown object {border:none; margin: 0px 25px; padding: 0px 0px 10px 0px;}

.countdown h2 {
margin-bottom: 10px;
margin-left: 25px;
font-size: 18px;
color: #000;
}


ul.staff li {text-align:center; float: left; margin: 10px; width: 175px; background: #ddd;}
span.staff_info {
width: 150px;
padding: 0px 5px;
}

.staff_bio {color: #fff;}
.staff_bio h3 {margin: 5px 0px; padding:0; font-size: 18px; color:#fff;}


.invite {width:400px;}

.invite input {border: 1px solid #ddd; width: 380px; height: 25px; margin: 5px 0px;}

.invite textarea {border: 1px solid #ddd; width: 400px; height: 100px;}

.invite-wrapper {
width: 400px;
margin: 0 auto;
}

.invite-border { width:400px; border: 5px solid #0f4982; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.invite-content {width: 400px; background: #fff; padding: 10px;}

.paginate {padding:15px;}

.form {
color: #fff;
padding: 0 10px;
}

/* ----------- My Form ----------- */
.myform{
margin:20px auto;
width:400px;
padding:14px ;

}

/* ----------- stylized ----------- */
#stylized{
border:solid 2px #ddd;
background:#fff;
}
#stylized h1 {
font-size:16px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #ddd;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #ddd;
width:200px;
margin:2px 0 20px 10px;
}
#stylized button{
clear:both;
margin-left:150px;
width:130px;
height:30px;
background: url('http://jbirdmedia.org/riveroflife/images/site/sign-up.png') no-repeat;
border: 0px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

dt {
font-size: 16px;
}

dl {
border-bottom: 1px solid #ddd;
padding: 10px;
}

.search_results_title {
font-size: 18px;
}