/* ---- Main body ---- */
body
{background: #3851b5 url('/_images/phase2/furniture/bg.jpg') no-repeat top center;
 margin: 0; padding: 0;}


/* ---- Main fonts ---- */
p, li, table
{font-family: Tahoma, Arial, sans-serif;}


/* ---- Images ---- */
img, img a, img a:hover
{border: 0;}


/* ---- Links ---- */
a
{color: #006}

a:hover
{color: #3851b5;}


/* ---- Headings ---- */
h1, h2, h3
{font-family: Arial, Helvetica, Tahoma, sans-serif; font-weight: normal;}

h1
{font-size: 25pt; line-height: .97em; margin: 0; padding: 0; }

h2
{font-size: 20pt; line-height: .97em; color: #3851b5; margin: 0; padding: 0;}


/* ---- Special styles ---- */

.standout
{margin: 0;
padding: 10px 20px;
background: #eef4f9;
border: 1px solid #cad0d5; }


/* ---- Container block ---- */
/* (Sized in percentages for liquid layout) */
#container
{width: 90%;
 margin: 0 auto; padding: 0;}


/* ---- Page title / Hymn Title block ---- */
#hymnbanner
{background: #eee9e7 url('/_images/phase2/furniture/hymnbanner.jpg') repeat-x bottom left;
 height: 50px;
 margin: 0; padding: 40px 20px 20px 20px;
 clear: both;}

#hymnbanner h1
{color: white; text-shadow: #454545 0px 0px 5px; }


/* ---- Metadata block ---- */
#metabanner
{background: #eee9e7 url('/_images/phase2/furniture/metabanner.jpg') repeat-x bottom left;
 margin: 0; padding: 0px;
 min-height: 10px;
 overflow: auto;}

	ul#a-zlist_top
	{margin: 0 auto; padding: 10px; font-size: 1em; text-align: center;}

	ul#a-zlist_top li
	{display: inline; list-style: none; margin-right: 0.1em; }

	ul#a-zlist_top li a
	{text-decoration: none;
	 color: white;
	 padding: 0.25em;
	 margin: 1px}

	ul#a-zlist_top li a:hover
	{border: 1px white solid;
	 margin: 0px;}

	#metabanner_left
	{margin: 0; padding: 10px 2%;
	 float: left;
	 width: 35%;}

	#metabanner_left p, #metabanner_left ul, #metabanner_left li, #metabanner_right p
	{font-size: 8pt; color: white;
	 padding: 0; margin: 0;
	 line-height: 1.2em;}


/* ---- Main Content blocks ---- */

#main_white, #main_right_bias, #main_left_bias
{background: white;
 margin: 0; padding: 0;
 min-height: 100px;
 overflow: auto;}

/* (Divider 'edge' graphic positioned horizontally in percentage for liquid layout) */
#main_right_bias
{background-image:url('/_images/phase2/furniture/edge.png'); background-repeat: repeat-y; background-position: 38% 0;}

#main_left_bias
{background-image:url('/_images/phase2/furniture/edge.png'); background-repeat: repeat-y; background-position: 62% 0;}

	#main_left_bias p, #main_right_bias p
	{font-size: 10pt; line-height: 1.3em;}

/* ---- Tabular Content ---- */

table.main_list
{font-size: 9pt; text-decoraton: none;}

	table.main_list tr, table.main_list td
	{border-bottom: 1px #eee9e7 solid; padding: 4px;}

	.main_list_righta
	{text-align: right;
	 padding-right: 8px;}

	td.content_top
	{vertical-align: top}

	td.content a
	{font-weight:bold}


/* ---- Textual content (e.g. copyright notice) block ---- */
#text_content
{ background: white;
  font-size: 10pt;
  padding: 20px; }

span.field-info
{ color: #777; }

/* ---- Hymn Words block ---- */
/* (Horizontal padding and width in percentages for liquid layout) */
#we_entry
{margin: 0; padding: 20px 2% 20px 2%;
 float: left;
 width: 35%;}


/* ---- Exploring Praise! 1 block ---- */

/* Note: min-width property set to get rid of additional paragraph top margin in IE.
		 Left margin used to shift content to right to prevent wrapping under the hymn */
#ep1_entry
{margin-left: 40%; padding: 20px;
 min-width: 1px;}

	#ep1_entry ul
	{list-style: none;
	 margin-left: 0; padding-left: 0; 
	 font-size: 10pt;}

#metabanner_right
{margin-left: 40%;
 padding: 10px 20px;}

/* ---- Exploring Praise! 2 block ---- */
/* (Horizontal padding and width in percentages for liquid layout) */
#ep2_entry
{margin: 0; padding: 20px 2% 20px 2%;
 float: left;
 width: 58%}

	#ep2_entry img
	{border: 1px #aaa solid;}

/* Note: min-width property set to get rid of additional paragraph top margin in IE.
		 Left margin used to shift content to right to prevent wrapping under the hymn */
#ep2_links
{margin-left: 62%; padding: 20px;
 min-width: 1px}

	#ep2_links table
	{font-size: 10pt;}

	#ep2_links td
	{vertical-align: top;}


/* ---- Flash music ---- */
#flash_music
{background: #eee9e7 url('/_images/phase2/hymnbanner.jpg') repeat-x bottom left; clear: both; margin: 0; padding: 10px 20px; text-align:center;}

	#flash_music p
	{margin: 0; padding: 0;}

	#flash_music p.small
	{font-size: 8pt; color: white; font-weight: bold;}

#header
{margin: 0; padding: 20px 0px 10px 20px; overflow: auto; }

	#header img
	{ margin-top: 15px; }

	.userinfo
	{font-size: 10pt;}

	.userinfo a, .boxnav a
	{color: white; text-decoration: none; border-bottom: 1px white dotted; }

	.userinfo a:hover, .boxnav a:hover
	{color: orange;}

	.browse_group_title
	{color: white; font-weight: bold; }

	.userinfo, .boxnav
	{float: right; clear: right; margin: 0; padding: 4px; min-width: 600px; text-align: right; color: white; }

	.userinfo ul, .boxnav ul
	{margin: 0; padding: 0; list-style: none; }

	.userinfo ul li, .boxnav ul li
	{display: inline; margin-left: 10px;}

	.boxnav p
	{margin: 0; padding: 0; }

	.boxnav form
	{margin: 0; padding: 0; }

	.boxnav form a
	{margin-left: 10px; }

#footer
{color: white; padding: 5px 5px 15px 5px; overflow: auto; clear: both;}

	#footer p
	{padding: 0; margin: 0;}

	#footer a
	{color: white;}

	#footer a:hover
	{color: orange;}

#footer_left
{ float: left; font-size: 8pt; }

#footer_right
{ float: right; font-size: 8pt; }

.icon
{
background-image: url(/_images/phase2/furniture/sanscons/bg_rounded.gif);
background-repeat: no-repeat;
vertical-align: middle;
}

.blue { background-color: #3851b5; }
.grey { background-color: #aaa; }

#welcome_image
{
height: 250px;
background-image: url("/_images/phase2/welcome/billboard_hp_repeat.jpg"); background-repeat: repeat-x;
position:relative;
}

	#welcome_image img
	{
	float: right;
	}

#welcome_text
{
position: absolute;
bottom: 60px; left: 0px;
height: 70px; width: 560px;
background-image: url("/_images/phase2/welcome/h1_repeat.png"); background-repeat: repeat;
}

	#welcome_text h1
	{
	color: #ae9fc0;
	font-size: 26pt;
	padding-left: 40px;
	line-height: 42px;
	}

	#welcome_text h2
	{
	color: #fff;
	font-size: 16pt;
	padding-left: 80px;
	line-height: 28px;
	}

#welcome_fadeout
{
position: absolute;
bottom: 0; left:0;
height: 60px; width: 100%;
background-image: url("/_images/phase2/welcome/grad_sml.png"); background-repeat: repeat-x;
}

#welcome_message
{
}

	#welcome_message p
	{
	font-size: 12pt;
	color: #250552;
	background: #eef4f9;
	border: 1px solid #cad0d5;
	margin-left: 20px;
	margin-right: 80px;
	padding: 20px;
	}

	#welcome_message a
	{
	color: #704f9f;
	text-decoration: none;
	border-bottom: 1px #a392b7 dotted;
	}

	#welcome_message a:hover
	{
	color: #250552;
	}

#welcome_browse
{
float: left;
padding-bottom: 30px;
}

	#welcome_browse h1, #welcome_search h1
	{
	font-size: 30pt;
	color: #250552;
	padding-left: 40px;
	line-height: 60px;
	}

	#welcome_browse h2, #welcome_search h2
	{
	font-size: 16pt;
	color: #704f9f;
	padding-left: 80px;
	line-height: normal;
	}

	#welcome_browse h1 a
	{
	color: #250552;
	text-decoration: none;
	}

	#welcome_browse h2 a
	{
	color: #704f9f;
	text-decoration: none;
	border-bottom: 1px #a392b7 dotted;
	}

	#welcome_browse h2 a:hover
	{
	color: #250552;
	}

#welcome_latest
{
float: left;
margin: 10px 0 0 100px;
padding: 20px 20px 10px 20px;
background-color: #ddd;
border: 1px solid #ccc;
}

	#welcome_latest h1
	{
	font-size: 16pt;
	color: #250552;
	}

	#welcome_latest ul
	{
	list-style:none;
	padding: 0;
	margin: 1em 0 0 0;
	}

	#welcome_latest h2
	{
	color: #fff;
	font-size: 12pt;
	line-height: 28px;
	}

	#welcome_latest a
	{
	color: #704f9f;
	text-decoration: none;
	border-bottom: 1px #a392b7 dotted;
	}

	#welcome_latest p
	{
	margin: 0 0 1em 0;
	font-size: 10pt;
	}

#welcome_copyright
{
clear: both;
padding-bottom: 30px;
}

	#welcome_copyright p
	{
	font-size: 10pt;
	color: #250552;
	padding-left: 40px;
	}

	#welcome_copyright a
	{
	color: #704f9f;
	text-decoration: none;
	border-bottom: 1px #a392b7 dotted;
	}

	#welcome_copyright a:hover
	{
	color: #250552;
	}

#search_for_what
{  }

#search_in_what
{  }

#search_method
{  }

#search_weblogs
{ float: left; }

#search_categories
{ float: left; }

#search_date
{ clear: left;  float: left; }

#search_newer_older
{ float: left; }

#search_sort
{ clear: left; }

#old_testament
{margin: 0; padding: 20px 2% 20px 5%;
 float: left;
 width: 45%;}

#new_testament
{margin-left: 50%; padding: 20px;
 min-width: 1px;}

#old_testament ul, #new_testament ul
{list-style: none;
 padding: 0; margin: 0;
 font-size: 9pt; background-color: white;}

#old_testament ul li, #new_testament ul li
{border-bottom: 1px #eee9e7 solid;
 clear: right;
 padding-top: 4px;
 padding-bottom: 4px; }

#old_testament ul li a, #new_testament ul li a
{font-weight:bold}

table.scripture_hymn_list
{margin-bottom: 10px }

table.scripture_hymn_list tr, table.scripture_hymn_list td
{border: none;
 padding-top: 0 }

/* ---- Hymn Text ---- */
.lord
{ font-variant: small-caps; }

.chorus
{ margin-left: 1.5em; display: block; font-style: italic; }

.parts
{ margin-left: 2.6em; display: block; }

.parts strong
{ margin-left: -1.3em; }

.indent
{ margin-left: 2.5em; display: block; }

.notes
{font-style:italic;}

.firstline
{ font-weight: bold; }

.scripturized
{ border-bottom: 1px #f5f5f5 dashed; }

/* ---- Hymn Data ---- */

.hymn_metadata
{padding: 15px 0 0 0;}

	.hymn_metadata p, .hymn_metadata ul, .hymn_metadata li, .hymn_metadata p
	{font-size: 8pt;
	 padding: 0; margin: 0;
	 line-height: 1.2em;}

	.hymn_metadata ul,
	.hymn_downloads ul
	{list-style: none;
	 padding: 0; margin: 0;}

.metadata-author
{ text-transform: uppercase;
  min-height: 30px; }

	.metadata-author a
	{color: black;
	 text-decoration: none; }

	.metadata-author a:hover
	{color: #3851b5;
	 text-decoration: underline; }