/*
File:			custom.css
Description:	Custom styles for Your Theme

HOW TO USE THIS FILE:

Override any class you want and it will change default styling to suit your needs.

For example, if you wish to change the default text blog title to grey, you would add the 
following declarations to this file:

	#header .blog-title a{ background:#cccccc }     <--- This makes blog title background grey
*/


.cc-magazine img {height:254px; width: 195px;border:2px solid #C7C7C7;
float:left;
margin:0 10px 25px 10px;
padding:5px;}

/* -------- Fixes to Upcoming Events Widget*/

#sidebar .widget .eventlist li a {display: block;}



/* -------- SERMON TABLES*/

p.audioplayer_container {margin: 0 0 0 0;}


 .sermons {
 font-family: Georgia;
	border: 1px solid #D0C8C8;
	border-collapse: collapse;
	width: 100%;
	margin-left: 0em;
}

 .sermons a:hover {color:#962a06;}

 .sermons caption {
	padding: 4px 5px 4px 4px;
	font: bold 110% Arial, Helvetica, sans-serif;
	color: #444444;
	text-align: left;
	margin-bottom: 10px;
}

  .sermons th {
  	text-align: left;
 	padding: 0.3em;
	color:#444;
	border: 1px solid #D0C8C8;	
	background: #E7E1Cb; border-bottom:0px;
	font-weight:700;
	text-align: left;
}


  .sermons td{
	border: 1px solid #D0C8C8;	
	padding:5px 0 5px 10px;
	vertical-align: middle;

}

  .sermons tr.altrow{
	background-color: #F3F1F1;
	color: #333;
}

  .sermons tr:hover{
	background: #F0e9cd; padding:0; border-bottom:0px;
	color: #333;
}

  .sermons-note {
	font-style: italic;
	color: #333;
	font-size: smaller;
}

.verses {font-size: x-small; }

/* -------- SCHEDULE TABLES*/


.schedule {
	border: 1px solid #D0C8C8;
	border-collapse: collapse;
	width: 100%;
	margin-left: 0em;
}

 .schedule td{
	border: 1px solid #D0C8C8;	
	padding: 0.3em;
	vertical-align:text-top;
}

 .schedule th {
 	padding: 0.3em;
	color:#444;
	border: 1px solid #D0C8C8;	
	background: #E7E1Cb; border-bottom:0px;
	font-weight:700;
	text-align: left;
}

.schedule caption {
	padding: 4px 5px 4px 4px;
	font: bold 110% Arial, Helvetica, sans-serif;
	color: #444444;
	text-align: left;margin-bottom: 10px;
}

 .schedule tr.altrow{
	background-color: #F3F1F1;
	color: #333;
}

 .schedule tr:hover{
	background: #F0e9cd; padding:0; border-bottom:0px;
	color: #333;
}

 .schedule-note{
	font-style: italic;
	color: #333;
	font-size: smaller;
}



.online-resources {
float:left; margin: 0 0 20px 100px;}

.online-resources img {margin-bottom: 15px;}