@charset "UTF-8";
/* StJuvenaly.org CSS - October 2008 - Fr. John
	Based on Blueprint-WP Theme by Joshua Sowin (fireandknowledge.org) */

body 	{  margin-bottom: 0; margin-top: 0; background-color: #f2f2f2;background: url(/images/wallpaper.gif) repeat #f2f2f2;}

.container{ width: 960px; border-top: 3px #0c5c7e solid; padding-top: 0; background-color:#fff;}

#header {
	background: url('http://s3.amazonaws.com/juvenaly/juvlogo-h390tag-xl.png') 50px 17px no-repeat #fff;
	height: 145px;
	width:960px;
}

#header h1, #header .description {
	padding-left: 50px;
	margin: 0;
	line-height: 1em;
}

#maincontent, #sidebar { padding: 0 0 20px 0; }

#maincontent {
	font-family:Cambria, Georgia, Palatino, serif;	
	font-size:14px;
	}

#page {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	float: left;
	margin-bottom:0px;
	background-color:#fff;
}

						/* Padding inside columns */
#maincontent .content 	{ padding: 25px 30px 20px 48px; }

blockquote {
	font-style: normal;
	padding: 0 0 0 0;
	color: #000;
	background: url('../images/quote.png') .5em top no-repeat;
}

a 				{ color: #00487D; }
a:hover			{ color: #7B0F0F; }
a, a:link, a:active, a:visited {/* color:#993300 */;text-decoration:none;}
a:hover {text-decoration:underline;}
.smallcaps {font-variant:small-caps;font-size:12px;}
a img {margin:0;padding:0;border:0;}
img.alignright {float:right;margin:0 -25px 10px 15px;padding:5px; border:thin solid #eee;}
img.aligncenter {display:block;margin:10px auto;border:thin solid #eee;}
img.alignleft {float:left;margin:0 15px 10px 0;padding:5px; border:thin solid #eee;}
blockquote p 	{ padding: 0 20px 0 30px; }
hr 				{ background: #ccc; height: 1px; }
hr {height:1px; color:#999; width:85%; margin:4px auto;}
img				{ margin: 0; }
p img			{ float: none; }
a.button 		{ float: left; } /* Fix for buttons */

ul 				{ margin-left: 15px; list-style-type: none; }
/* li {list-style:square; margin-left:15px;} */
ul li 			{ padding: 2px 0 2px 9px; background: url('../images/icons/bullet_square_grey.gif') left 5px no-repeat; }
ol				{ margin-left: 35px; }

.small			{ font-size: .9em; }
.nomargin		{ margin: 0; }
a.button, button { font-weight: normal; }
#maincontent h2 		{ color: #0c5c7e; border-bottom: 1px solid #efefef; margin-bottom: 15px; }
#maincontent h2, #maincontent h3 {font-family:Arial, Helvetica, sans-serif;}
#maincontent h2 a	{ color: #0c5c7e; text-decoration: none; }
#maincontent h2 a:hover {color:#004a6b;}
#maincontent .post h2	{ margin-bottom: 5px; }
h3, h3 a, h3 a:hover, #maincontent h2.pagetitle {
	font-size: 1.2em;
	line-height: 1.6;
	color: #5c8567;
	font-weight:normal;
	/* background-color:#473453;
	background-color:#5c8567; */
 	letter-spacing: 0px;
	text-decoration: none;
	text-transform:uppercase;
	margin:5px 0;
	border:0;
	}

.navigation, 
.navigation a			{ color: #AAA; }
.alignright 			{ float: right; }
.alignleft 				{ float: left; }

.post					{ margin-bottom: 25px; }



/*-----------------------------------------------------------------------------
	Navigation
-----------------------------------------------------------------------------*/

#nav, #subnav	{ padding: 0; background: #0c5c7e; float: left; width: 100%; line-height: 1.5em;
	font-family:Arial, Helvetica, sans-serif;
	}

#nav ul,
#subnav ul		{ margin: 0 0 0 40px; padding: 0; list-style: none; }

#nav li,
#subnav li		{ margin: 0; padding: 0; float: left; background-image: none; }

#nav li a,
#subnav li a 	{ color: #efefef; padding: 5px 15px; float: left; text-decoration: none; }

#nav li.current_page_item a, #nav li.tabselected, 
#nav li a:hover 	{ background: #00475c; color: #fff; }

#subnav				{ background: #616161; }

#nav li.current_page_item a,
#subnav li.current_page_item a, #nav li.tabselected
#subnav li a:hover 	{ color: #fff; }

#nav li.first a { margin-left: 50px; }

	/*-------------------------------------------------------------------------
		Navigation bar in posts (use main nav html inside a post)
	-------------------------------------------------------------------------*/

	.entry #nav .content {
		padding: 0;
		margin: auto;
	}

	.entry #nav {
		margin-bottom: 15px;
		background: #FFF;

	}

	.entry #nav li a 		{ color: #fff; border-right: 1px solid #AAA; background: #666; }
	.entry #nav li.last a	{ border-right: none; }
	.entry #nav li a:hover 	{ background: #333; color: #fff;}


	.commentlist li { padding: 8px 15px; } 
	.comments-alt 	{ background: #eee;}
	
/*-----------------------------------------------------------------------------
	Sidebar
-----------------------------------------------------------------------------*/

#page 		{ background: url('../images/sidebar_bg.gif') right repeat-y #fff; }
#sidebar 	{ margin-left: 8px;float:right;width:260px; }
#sidebar h2 { font-size: 1.3em; line-height: 1.2; }

.paginationlinks {clear:both; border-top:9px solid #0c5c7e; padding:10px 0;}
.pagninationlinks div {border:1px solid #0c5c7e;padding:5px;}
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 25px 20px 0 20px;
}

#sidebar ul li	{ padding: 0; }

#sidebar ul li ul { padding-top: 0; }

#sidebar ul li ul li {
	margin: 0 0 0 -18px;
	padding: 2px 0 2px 9px;
	background: url('../images/icons/bullet_square_grey.gif') left 3px no-repeat;
	font-size: 0.9em;
}

#sidebar select {margin:10px 0;width:150px;}

.feedlink {
	padding: 2px 0 2px 20px;
	background: url('../images/icons/feed_small.png') left center no-repeat;
}

#sidebar ul li, #sidebar ul li#subscribe ul li {
	list-style-type: none;
	background: none;
	margin-bottom: 20px;
}

#sidebar ul li#subscribe ul li { margin: 0 0 0 -30px; }

#sidebar .quote span {font-style: italic;font-size: x-small;color:#777;display:block;margin-left:10px;}

/* --- */
.sidebar .search { display: none; } /* Hide search from sidebar */

.search				{ float: right; margin-top:10px; }
#search #s 			{ background: transparent url('../images/icons/search_grey.gif') 0px center no-repeat;
 				  	  padding: 2px 0 2px 17px; width: 115px; color: #CCCCCC; font-size: 0.9em; margin-right: 20px;}
#search #s:hover 	{ color: #000; }
.search-excerpt 	{ margin: 0; }

#footer { text-align: center; margin: 10px auto; background:transparent; color:#777;}
#footer a { text-decoration: none; }


.pie-item {margin:10px;float:left;}
.pie-item img {padding:5px;border:1px solid #eee;}

table#donations {width:100%;}
#donations td {padding:15px;text-align:center;padding-bottom:25px;}
#donations form {color:#555;}
#donations form input {margin:10px auto;}
input 			{ padding-left: 0; border: 1px solid #CCCCCC; display:inline;margin:0;float: none; }
.inside {width:300px;}

input.clean {border:none;display:block;}
form.clean input {border:none;}
label			{ font-weight: normal; }
textarea		{ height: 200px; width: 500px;}

.social-buttons {margin:0 auto;}
.social-buttons a img {filter:alpha(opacity=100);opacity: 1.0;-moz-opacity:1.0;}
.social-buttons a:hover img {filter:alpha(opacity=70);opacity: 0.7;-moz-opacity:0.7;}

input#submit {padding:10px;-moz-border-radius: 5px; -webkit-border-radius: 5px;background-color:#efefef;color:#0c5c7e;}
input:hover#submit {background-color:#0c5c7e;color:#efefef;}

#readings-pane form {margin-bottom:15px;text-align: right;}
#readings-pane input#submit {padding:4px;}
#readings-credits {border-top:1px solid #efefef;padding-top:10px;margin-top:5px;}