/*--------- for the sermonlist.inc.php styles ------------- */  

div#greeting {
	padding:5px 5px 15px 5px;
}


/* This is the entire sermon content area, which incldes descriptive text at the top,
	the tabs, the placard, and the "sermons_content" */
 
 #sermonlist_wrapper{
	width:690px;
	height:auto;

}

/* this is the area were the sermons are listed */
#sermonlist_content{
	position:relative;
	float:left;
	width:530px;
	height:auto;
	padding:5px 0px 5px 5px;
	font-size:12px;
	color:#000000;
}

#sermonlist_content hr {
	background:#0060ad;
	width:481px;
	height:1px;
}

#sermonlist_content ul {
	list-style-position:inside;
	margin-left:8px;
	
}




/* this is the bg for the tabs */
#sermon_bg1{
	position:relative;
	background:#091623;
	width:481px;
	height:49px;
	margin-left:6px;
}


/* this is the little area beneath the tabs where the full-text version of the selected category is kept */
#sermon_placard{
	position:relative;
	width:481px;
	margin:6px 6px 0px 6px;
}





/* this is the main sermon sidebar where all the varios categories are displayed */
#sermon_tab_sidebar{
	top:40px;
	float:right;
	padding:5px 4px 5px 5px;
	margin-top:4px;
	margin-bottom:40px;
	height:auto;
	font-size:12px;
	width:130px;
	position:relative;
	border-left:1px solid #ccc;

}

#sermon_tab_sidebar table.sidebar_row	{
	border-collapse:collapse;
}

#sermon_tab_sidebar table.sidebar_row td.sidebar_row_header	{
	padding:1px;
	color:#444444;
	font-size:12px;
	padding-bottom:4px;
	border-bottom: 1px solid #ccc;
}

#sermon_tab_sidebar table.sidebar_row td	{
	padding:1px;
	text-decoration:none;
	color:#444444;
	cursor:pointer;	
	font-size:12px;
}





/* special table for the alphabet */
table.sidebar_tab	{
	border:1px solid #333333;
	border-collapse:collapse;
}

table.sidebar_tab td	{
	padding:3px;
	text-decoration:none;
	color:#444444;
	font-size:1em;
	cursor:pointer;	
	border:1px solid #333333;
}

/* this style used for msie only */
table.sidebar_tab td a	{
	text-decoration:none;
	color:#444444;
	font-size:.9em;
	padding:3px;
	
}

table.sidebar_tab td.Selected, table.sidebar_tab td:hover {
	background:#cccccc;

}

	/* this is a hover for all pre-ie7 msie browsers that don't hover anything by <a> (currently doing for all msie) */
table.sidebar_tab td a:hover {
	text-decoration:underline;
	background:#cccccc;
}





/*--------- for the sermon.inc.php styles ------------- */  

	/* This is the entire area for the sermon description, outline and picture and audio section*/
 
 #sermon_wrapper{
	width:700px;
	height:auto;	
}

	/* This is just the area for the sermon description and the outline below it */

#sermon_content{
	position:relative;
	float:left;
	width:480px;
	height:auto;
	padding:5px 0px 5px 5px;
}

#ipage #sermon_content hr{
	background:#ccc;
	margin:10px 0px 10px 10%;
	width:80%;
}

	/* this is where the pastor picture and audio play area is */

#sermon_sidebar{
	float:right;
	padding:14px 4px 5px 5px;
	width:200px;
	border:1px solid #ccc;
	text-align:center;
}

#ipage #sermon_sidebar hr{
	background:#ccc;
	margin:8px 0px 8px 20%;
	width:60%;
}


/*----------- styles for transcripts --------- */


#sitepage #ipage #transcript h1{
	margin-top:7px;
	margin-bottom:0px;
	padding:bottom:0px;
	font: bold 18px/22px "Lucida Grande",Lucida,Arial,Helvetica,sans-serif;
	color:#333;
	letter-spacing:0px;
}


#sitepage #ipage #transcript h2{
	margin-top:7px;
	margin-bottom:0px;
	padding:bottom:0px;
	font: bold 16px/18px "Lucida Grande",Lucida,Arial,Helvetica,sans-serif;
	color:#333;
	letter-spacing:0px;
}

#sitepage #ipage #transcript h3{
	margin-top:7px;
	margin-bottom:0px;
	padding:bottom:0px;
	font: bold 14px/16px "Lucida sermon_wrapper",Lucida,Arial,Helvetica,sans-serif;
	color:#333;
	letter-spacing:0px;
}

#sitepage #ipage #transcript #scripture_text{
	margin-left:30px;
	margin-top:10px;
	margin-bottom:10px;
	font-family:"Times New Roman";
	font-size:11pt;
	font-style:italic;
	margin-left:20px;
}

#esv_script {
	margin-top:15px;
	font-size:10pt;
	font-family:"Times New Roman";
	font-style:italic;
	margin-left:30px;
	margin-bottom:5px;
}


.quote1, .quote2, .quote3	{
	font-family:"Times New Roman";
	font-size:11pt;
	font-style:italic;
}


p.quote1, div.quote1 	{
	margin-left:20px;
	margin-bottom:4px;
}


/*----------- styles for vsermon modal --------- */

/* The Modal (background) */
.vsermon_modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 2001; /* Sit on top of the menu */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}

/* Modal Content */
.vsermon_modal-content {
  background-color: #111;
  margin:auto;
  padding-left: 160px;
  padding-top: 140px;
  border: 1px solid #111;
  width: 800px;
  height: 500px;
}

/* The Close Button */
.closed {
  color: #aaaaaa;
  float: right;
  font-size: 36px;
  font-weight: bold;
  padding-right:50px;
}

.closed:hover,
.closed:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

/*----------- styles for pcorners --------- */


	a.blog_hdr {
		font-size:14px;
		text-decoration:none;
	}

	a.blog_hdr:link { color: #0060ad; }  /* for unvisited links */
	a.blog_hdr:visited { color: #0060ad; } /* for visited links */
	a.blog_hdr:active { color: #0060ad; } /* when link is clicked */
	a.blog_hdr:hover { 
		color: #0060ad; 
		text-decoration:underline;
	} 

	a.blog_more {
		margin-left:10px;
		font-size:11px;
		color: #0060ad; 
		text-decoration:underline;
	}
	a.blog_more:hover { 
		color: #0060ad; 
		text-decoration:none;
	}






/*-------- don't think below is used ------------*/


table.sidebar_row td a	{
	text-decoration:none;
	color:#444444;
	font-size:.9em;
	
}

table.sidebar_row td a:hover {
	text-decoration:underline;
}


table.sidebar_row td.Selected {
	background:#cccccc;
}


/* for the categories */

table.sidebar_cat	{
	border-collapse:collapse;
}

table.sidebar_cat td	{
	padding:1px;
	cursor:pointer;	
	font-size:.9em;
}


table.sidebar_cat td a	{
	text-decoration:none;
	color:#4444aa;
	font-size:.9em;
	
}

table.sidebar_cat td a:hover {
	text-decoration:underline;
}

table.sidebar_cat td.Selected {
	background:#ccccff;
}


/* this is the area were the sermons are listed */
#sermons_content{
	position:relative;
	height:508px;
	width:496px;
	margin-left:4px;
	margin-top:6px;
	border-top:1px solid #666666;
	font-size:11px;
	color:#000099;
	overflow:auto;
}


select.cats {
	position:absolute;
	bottom:0px;
	left:2px;
	margin-bottom:6px;
	width:98%;

}

/* These are style for indenting the abstracts when loaded on the sermon page */

#abstract {
	margin-top:7px;
	margin-bottom:0px;
	padding:bottom:0px;
	letter-spacing:0px;

}


/* 	.tx below is used for outlines and abstracts
	.tnx below is used for notes and transcripts
*/

.t0, .t1, .t2, .t3, .t4, .t5, .t6, .t7, .t8	{
	margin-bottom:4px;
}

.tn0, .tn1, .tn2, .tn3, .tn4, .tn5, .tn6, .tn7, .tn8	{
	margin-bottom:10px;
}

.t0, .tn0	{margin-left:0px;}
.t1, .tn1	{margin-left:20px;}
.t2, .tn2	{margin-left:40px;}
.t3, .tn3	{margin-left:60px;}
.t4, .tn4	{margin-left:80px;}
.t5, .tn5	{margin-left:100px;}
.t6, .tn6	{margin-left:120px;}
.t7, .tn7	{margin-left:140px;}
.t8, .tn8	{margin-left:160px;}





/* ul definitions for the category sidebar areas 
ul.sidebar_row	{
	margin-top:14px;
	padding: 0;
	border: 0;
	list-style-position:inside;
	list-style-type:none;
	line-height:.75;

}

ul.sidebar_row li	{
	width:100%;
	margin:0;
	padding:0;
	border: 0;
	height:16;
	//height:14px;
}

ul.sidebar_row li a {
	text-decoration:none;
	color:#444444;
	font-size:1em;
}

a.sidebar_row {
	color:#222222;
	font-size:1em;
}

ul.sidebar_row li:hover {
	text-decoration:underline;
}

ul.sidebar_row li.Selected{
	background:#cccccc;
}
*/