/*
Theme Name: Harmony
Theme URI: 
Description: Theme for the Joyful Harmony website
Version: 1
Author: Beth Ogilvie
Author URI:
*/

body { background-color: #545CC9; padding: 0; margin: 0; }

/*----- Set page width and center it on the browser window -----*/
#container { width: 820px; padding: 5px 15px; margin: 8px auto; background-color: #FFF; }

/* Default settings */
body { font-family: Arial, Helvetica, sans-serif; }
p, ul, li { font: 12pt Arial, Helvetica, sans-serif; margin-top: 0; padding: 0; }
ul { padding-left: 15px; }
h1 { font-size: 1.8em; text-align: center; padding-top: 10px; margin-bottom: 5px; }
.bigbluetext { font-size: 1.8em; padding-top: 10px; margin-bottom: 5px; }
h2 { color: #545CC9; margin: 12px 0px }
h3 { font-size: 1em; color: #545CC9; margin: 5px 0; }
h4 { font-size: 1em; color: #800080; }
h5 { font-size: 1.1em; margin: 10px 0 0 0; }
hr { color: #545CC9; }
img { border: none; padding: 2px; }
table { padding: 0; margin: 0; border-collapse: collapse; }
td { padding: 0; margin: 0; vertical-align: middle; }
a:link, a:visited { text-decoration: none; font-weight: bold; }
a:focus, a:hover  { text-decoration: underline; color: #545CC9; }
a:link { color: #545CC9; }
a:visited {	color: #663366;	}
.bluetext, .strongbluetext { color: #545CC9; }
.strongbluetext { font-weight: bold; }
.highlight, .stronghighlight { color: #800080; }
.stronghighlight { font-size: 1.1em; font-weight: bold; }
.blackheader { color: black; font-size: 1em; font-weight: bold; font-style: italic; }
.bigblack { color: black; font-size: 1.2em; font-weight: bold; }
.center, .narrowcenter, .mediumcenter { text-align: center; }
.narrowcenter { width: 450px; margin: 0 auto; }
.mediumcenter { width: 550px; margin: 0 auto; }
img.floatleft { float: left; padding-right: 20px; }
img.floatright { float: right; padding-left: 20px; }
.clearboth { clear: both; }
br { line-height: .6em; }

/* Header */
#header_block { 
	background-image: url(/jh/images/logo.gif); 
	background-repeat: no-repeat;
	border-bottom: #545cc9 3px solid; 
	margin-bottom: 20px; 
	height: 150px; 
}
#headerimg { float: left; }
#headertext { text-align: right; }

/* Header quotes */
#quotetable { height: 146px; width: 400px; float: right; }
#mainquotephoto { float: right; padding: 0 0 0 10px; width: 80px; height: 90px; }
p#mainquotetext { font-weight: bold; font-size: 1em; margin-bottom: 8px; }
p#mainquoteauthor { font-style: italic; font-size: .8em; margin-bottom: 8px; }
#quotetexttd { vertical-align: middle; text-align: right; }
#quotephototd { vertical-align: middle: }

/* Left Nav Sidebar (all pages) */
#sidebar { float: left; width: 100px; padding: 0px; }
table.ray { margin: 3px 6px 9px 6px; }
td.ray { 
	background-repeat: no-repeat; background-position: center; width: 96px; height: 47px; 
	text-align: center; vertical-align: middle; font-weight: bold; font-size: 12px; padding-bottom: 2px;
}
td.ray a { color: black; text-decoration: none; }
td.ray1 { background-image: url(/jh/NewButtons/ray1small.gif); }
td.ray3 { background-image: url(/jh/NewButtons/ray3small.gif); }

/* Main content of page (exclusive of header, left sidebar, and footer */
#content { margin-left: 120px; }

/* Right Nav Sidebar (home page only) */
#rightnavbar { float: right; width: 193px; padding: 1px; text-align: center; background-color: #EBECF6; }
.rightnavtitle { font-size: 1.1em; }

/* Specific pages */
#mainhomediv { width: 490px; }
img.hometable { padding: 1px; }
td.hometable { padding: 0; margin: 0; text-align: center; }
/*
table.activitiestable { margin: 0 auto; }
td.activitiestable { width: 400px; text-align: center; }
*/
table.automargin { margin: 0 auto; }
td.contacttable { width: 270px; text-align: center; }
td.sundaytable1 { width: 315px; text-align: center; }
td.sundaytable2 { width: 220px; text-align: center; }

/* Movies category page */
#mainmoviepic { float: left; padding-right: 30px; padding-bottom: 5px; }
#right_column { margin: 5px 15px 15px 15px; }
.movie_summary { clear: both; }
.movie_poster { padding: 0 10px 0 0; width: 100px; }
.movie_poster_cell { width: 115px; vertical-align: middle; }
.movie_title { font-weight: bold; color: #545CC9; font-size: 1.1em; }
.event_leader { font-weight: bold; }
.movie_date { font-weight: bold;}
.movie_desc { font-size: .9em; }

/* Single movie page */
div.single p { margin-bottom: 6px }
img.big_movie_poster { padding: 18px 15px 10px 0; }
td.big_movie_poster { vertical-align: top; }
div.post { margin: 0 15px 0 0; }
img.avatar { float: left; padding-right: 5px; }
#postcomment a { color: #545CC9; }
h4#postcomment { padding-bottom: 5px; }
#submit { color: #545CC9; background-color: #FFF; font-weight: bold; font-size: 1.2em; margin-left: -10px; }

/* Quotes page */
tr.quotepage { border-bottom: 1px solid #545CC9; border-top: 1px solid #545CC9;}
img.right_pic { width: 80px; height: 90px; padding: 10px 0 10px 15px; margin: 0px; text-align: right;}
img.left_pic { width: 80px; height: 90px; padding: 10px 15px 10px 0; margin: 0px; text-align: right;}
p.right_quote { margin-top: 10px; font-weight: bold; text-align: right; }
p.right_author { font-style: italic; text-align: right;	font-size: .8em; }
p.left_quote { margin-top: 10px; font-weight: bold; text-align: left; }
p.left_author {	font-style: italic; text-align: left; font-size: .8em;}

/* Footer */
#footer_block {
	margin-left: 115px; margin-top: 48px; text-align: center;
	padding: 15px 5px 5px 5px; font-size: .9em; color: #545CC9;
}
div.mailbox { float: left; width: 110px; height: 110px; padding-right: 5px; }
img.mailbox { height: 50px; }
div.mailbox a { font-size: .8em; }
span.privacy { font-size: .7em; color: #777; }
a.mailboxgif {
	display: block; height: 20px;
	background: url(/jh/images/safe_subscribe_logo.gif) -58px 0 no-repeat;
}
.copyright { font-size: 10px; color: #333333; }
.bottom_edge { clear: both; }
div.bottom_edge hr { color: #FFF; }