/*
Theme Name: Blessed Mother Navy Blue
Theme URI: http://holyfamilyradio.net
Description: This theme was updated specifically for Holy Family Radio.
Author: Thomas Westrick (Updated by Michael Madigan)
Version: 2.0
Tags: Strong Faith... Strong Family...
*/

/* ***** IMPORTED STYLESHEETS ***** */
@import "css/reset.css";
@import "css/slideswitch.css";
/* ***** END IMPORTED STYLESHEETS ***** */

/* ***** GLOBAL ***** */

/* General */
body {
	background-color: #F6F6F6;  /* Main Body Background should be a light gray. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #888888;  /* Default Body Text Color should be the medium gray */
}
h1, h2, h3, h4, h4, h5, h6 {    /* Standard Header Colors */
	font-weight: bold;
	color: #032E63;	/* Headers should always be navy blue */
	line-height: normal;
}
h1 { font-size: 2em; margin-bottom: 25px; }
h2 { font-size: 1.6em; margin: 15px 0 10px 0; }
h3 { font-size: 1.4em; margin: 15px 0 10px 0; }
h4 { font-size: 1.2em; margin: 15px 0 10px 0; }
h5 { font-size: 1.0em; margin: 15px 0 10px 0; }
h6 { font-size: 0.8em; margin: 15px 0 10px 0; }

em, i { font-style: italic; }
strong, b { font-weight: bold; }

li { margin: 5px 0; }

a { color: #468FE9; }
a:hover, a:visited { color: #032E63; }

input[type=submit] { padding: 10px; }
input[type=text] { 
	height: 20px;
	padding: 2px;
}

.input-textholder {
	font-style: italic;
	color: #888888;
}
.button a {
	background-color: #032E63;
	border: #000000 1px solid;
	border-radius: 6px;
	-moz-border-radius: 6px;
  -webkit-border-radius: 6px;
	padding: 5px 30px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
}
.button a:hover {
	background-color: #468FE9;  /* Medium Blue for link hovers */
}

.center { text-align: center; }
.float-left { float: left; }
.float-right { float: right; }
.clear-both { clear: both; }
.alignleft {
	float: left;
	margin-right: 10px;
}
.alignright {
	float: right;
	margin-left: 10px;
}
.bold { font-weight: bold; }
.italic { font-style: italic; }

.post { margin-top: 30px; }
.post-datetime {
	font-size: .8em;
	font-style: italic;
}

.textwidget { margin-bottom: 25px; }
.page-nav {
	clear: both;
}

/* Header */
#header-wrapper {
	width: 100%;
	background: url('images/headers/hfr-header-navy-blue.png') #032E63 top no-repeat;
}
#header {
	height: 254px;
	width: 900px;
	margin: 0 auto;
}
#header p {
	text-align: center;
	text-shadow: 1px 1px 0 #000;
	padding-top: 225px;
	font-size: 25px;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
}

/* Footer */
#footer {
	width: 100%;
	background: url('') #032E63 top repeat-x;
	color: #FFFFFF;
	bottom: 0;
	padding: 20px 0 10px 0;
	font-size: .9em;
	clear: both;
}
#footer p { line-height: 1.5em; }
#footer-wrapper {
	width: 900px;
	margin: 0 auto 20px;
	position: relative;
}
#footer-call {
	font-size: 3em;
	font-weight: bold;
	font-style: italic;
	position: absolute;
	top: 15px;
	*top: 5px; /* IE 7 Hack and below */
	*line-height: .8em; /* IE 7 Hack and below */
}
.diocesanLogo {
	float: left;
	width: 250px;
	margin-left: 15px;
}

/* Navigation */
#main-nav-wrapper {
	background: url('images/design/main-nav-bg-grey.gif') #D1C8C1 repeat-x;
	height: 40px;
	width: 100%;
	font-size: 15px;
}
#main-nav-wrapper div {
	width: 900px;
	margin: 0 auto;
}
#main-nav {
	float: left;
	list-style: none;
}
#main-nav li {
	float: left;
	height: 40px;
	position: relative;
	margin: 0;
}
#main-nav li a {
	color: #032E63;
	text-decoration: none;
	padding: 0px 19px 0px 18px;
	line-height: 40px;
	display: block;
}
#main-nav > li:last-child a { padding-right: 24px; }
#main-nav a:hover { background-color: #468FE9; }
#main-nav a:visited { color: #032E63; }
#main-nav li ul {
	display: none;
	position: absolute;
	left: 0;
	top: 40px;
	z-index: 100;
}
#main-nav li:hover > ul { display: block; }
#main-nav li ul li { 
	float: none;
	height: 100%;
}
#main-nav li ul li {
	_display: inline; /* for IE6 */
}
#main-nav li ul li a {
	width: 150px;
	display: block;
	background: #D1C8C1;
	line-height: 20px;
	padding: 10px 20px 10px 19px;
}

/* Content */
#content-wrapper {
	background: url('') #F6F6F6 top repeat-x;
	width: 100%;
}

#content-internal-wrapper {
	width: 900px;
	margin: 0 auto;
	padding-top: 30px;
}

#content {
	width: 640px;
	padding: 15px 15px;
	min-height: 500px;
	float: left;
}
#content h1, #content h2, #content h3 { font-family: Arial, Helvetica, sans-serif; }
#content p, #content li {
	margin: 10px 0;
	line-height: 1.5em;
}
#content ul {
	list-style: disc outside;
	margin: 10px 0 10px 50px;
}
#content img {
	border: #032E63 outset 1px;
}

#content-sidebar {
	background-color: #D1C8C1;
	width: 198px;
	float: left;
	padding: 15px 15px;
	border: #032E63 1px solid;
	margin-bottom: 20px;
}
#content-sidebar > ul > li { margin-bottom: 25px; }

/* Forms */
.form label {
	display: block;
	margin: 10px 0 3px 0;
}
.form input[type=text],
.form select {
	width: 200px;
}
#content .form .float-left {
	float: left;
	margin-right: 15px;
}
#content .form-errors, #content .form-success {
	border: #F27483 1px solid;
	background-color: #FF99A5;
	margin: 15px 0;
	padding: 10px;
	width: 400px;
}
#content .form-errors {
	margin-left: 0;
	list-style-position: inside;
}
#content .form-success {
	font-weight: bold;
}

/* ***** END GLOBAL ***** */

/* ***** HOMEPAGE ***** */
#home-content {
	width: 900px;
	margin: 0 auto;
	padding-top: 30px;
}
#home-text {
	text-align: center;
	padding: 10px 0 20px 0;
	clear: both;
}
#home-text h1 {
	margin-bottom: 0px;
}

#home-ad {
	margin-bottom: 25px;
	text-align: center;
}
#home-ad h2 {
	font-size: 2em;
	font-family: Arial, Helvetica, sans-serif;
}
#home-ad p {
	font-size: 1.3em;
	line-height: 1.5em;
}
#home-ad img {
	border: 1px #032E63 solid;
	box-shadow: 1px 1px 8px #032E63;
	-webkit-box-shadow: 1px 1px 8px #032E63;
	-moz-box-shadow: 1px 1px 8px #032E63;
}

/* Splash */
#home-splash {
	width: 898px;
	height: 275px;
	background-color: #FFFFFF;
	border: #032E63 1px solid;
	/*background-color: #E1D0B3;
	border: #DBBB85 2px solid;*/
	overflow: hidden;
	padding: 2px;
}
#home-splash > div { float: left; }

#home-slider {
	width: 610px;
	height: 275px;
	margin-right: 3px;
	position: relative;
	overflow: hidden;
	color: #032E63;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
}

#slider-content-wrapper {
	position: absolute;
	top: 0;
	left: 0;
}
.slider-content {
	width: 580px;
	height: 245px;
	padding: 0 0px 0px 0px;
	text-align: center;
}
.slider-content h1,
.slider-content h2,
.slider-content h3,
.slider-content h4,
.slider-content h5,
.slider-content h6 {
	font-family: Arial, Helvetica, sans-serif;
	color: #032E63;
	margin: 10px 0;
}
.slider-content h2 { 
	font-size: 2em;
	line-height: 1.1em;
}

.slider-content p, .slider-content li {
	margin: 10px 0;
	line-height: 1.1em;
}
.slider-content ul {
	list-style: disc outside;
	margin: 10px 0 10px 50px;
}
.slider-content img {
	border: #032E63 outset 1px;
}

#slider-nav {
	width: 28px;
	height: 275px;
	background-color: #D1C8C1;
	margin-right: 2px;
}
#slider-nav a {
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 5px 0;
}
#slider-nav a:hover { 
	background-color: #468FE9;
	color: #032E63;
}
a.splash-nav-active {
	font-weight: bold;
	background-color: #468FE9;
	color: #032E63;
}

#home-splash-buttons {
	width: 255px;
	height: 275px;
	text-align: center;
	/*background-color: #B8D7FF;*/
	background-color: #D1C8C1;
}
#home-splash-buttons p {
	width: 210px;
	margin: 15px auto 0 auto;
}
#home-splash-buttons a {
	width: 200px;
	height: 28px;
	display: block;
	padding: 13px 5px 5px 5px;
	/*border: 2px #CFE4FF solid;*/
	border: 2px #F6F6F6 outset;
	/*background-color: #3A75C2;*/
	background-color: #032E63;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
#home-splash-buttons a:hover {
	/*background-color: #0F386E;*/
	background-color: #468FE9;
	
}

/* Support */
#home-support {
	background-color: #F6F6F6;
	border: #032E63 1px solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #FFF;
	margin-top: 20px;
	padding: 10px;
	text-align: center;
	height: 50px;
	letter-spacing: .1em;
	box-shadow: 1px 0 10px #000000;
	-webkit-box-shadow: 1px 0 10px #000000;
	-moz-box-shadow: 1px 0 10px #000000;
}
#home-support p {
	font-size: 1.3em;
	margin-bottom: 10px;
}
#home-support div {
	margin: 0 auto;
	width: 760px;
}
#home-support li {
	float: left;
	margin-right: 21px;
}
#home-support li:last-child {
	margin-right: 0;
}
#home-support a {
	color: #468FE9;
	font-size: 1.1em;
	text-decoration: none;
}
#home-support a:hover { color: #032E63; }

/* Columns */
#home-columns {
	margin-top: 50px;
}
#home-columns h2 {
	color: #032E63;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
}
#home-columns > div {
	width: 250px;
	float: left;
	padding: 0 0 10px 0;
	margin-left: 50px;
}
#home-columns p {
	margin-bottom: 15px;
}
#todays-events > li > span,
#upcoming-events > li > span {
	font-style: italic;
	font-size: .8em;
}

/* ***** END HOMEPAGE ***** */

/* ***** SUSTAINING MEMBERSHIP ***** */
#sustaining-membership {
	width: 540px;
	margin: 0 auto;
}
#sustaining-membership p {
	line-height: 1em;
}
#membership-billto {
	padding: 20px;
	background-color: #F6F6F6;
	margin: 10px 0;
	width: 500px;
	border: #032E63 1px solid;
}
#meembership-billto label {
	display: block;
	margin-top: 10px;
}
#membership-errors {
	padding: 0 20px;
	width: 500px;
	background-color: #FFA0A0;
	border: #E04C4C 1px solid;
}
#membership-errors li { list-style: none; }

.membership-box {
	padding: 20px;
	background-color: #F6F6F6;
	margin: 10px 0;
	width: 500px;
	border: #032E63 1px solid;
}
.membership-box-title {
	float: left;
	width: 100px;
	height: 50px;
	font-weight: bold;
	color: #032E63;
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
}
.membership-box > p > span {
	font-size: 1.2em;
	width: 75px;
	margin-left: 20px;
	display: block;
	float: left;
}
.membership-box label { margin-left: 5px; }

/* ***** END SUSTAINING MEMBERSHIP ***** */

/* ***** CONFERENCE REGISTRATION PAGE ***** */

#conference-registration {
	padding-top: 20px;
}
#content #attendeeNames,
#attendeeNames li {
	list-style-type: none;
	margin-left: 0;
}
#attendeeNames label {
	display: inline;
}

/* ***** END CONFERENCE REGISTRATION PAGE ***** */

/* ***** PROGRAMMING ***** */

#content .affiliate-logos {
	text-align: center;
}
#content .affiliate-logos img {
	border: none;
	margin-right: 10px;
}

/* ***** END PROGRAMMING ***** */

/* ***** AUDIO ARCHIVE ***** */

/* Archive page */
#audio-archive-filter {
	margin-bottom: 15px;
	border-bottom: 1px solid #888888;
}
.audio-archive-multiple {
	border-bottom: 1px solid #888888;
	margin-bottom: 15px;
}

#content .audio_archive p {
	margin: 2px 0;
}
.tag-cloud { margin: 15px 0; }
.tag-cloud a { 
	margin: 2px 1px;
	line-height: 20px;
	padding: 2px;
}
.audio-tags { font-size: .8em; }

/* ***** END AUDIO ARCHIVE ***** */