/* - - - - - - - - - - - - - - - - - - - - -

Title       : 	University Church of Christ
Author      : 	Luke Minkner - Brand New Thing Web Development
                Design by Jonathan Wheeler
Last Author :   Wil Moore III
URL         :   http://universitychurchdenver.org

Description :   University Church of Christ, Denver, Colorado

Created     : 	20070413
Modified    :---v
                20101120 08:21 (Wil Moore III) --> for images that descend from the #homeWrapper css selector, default to no border
				20100711       (Luke Minkner)  --> add css for member profile
				20090226 21:38 (Luke Minkner)  --> add css for member actions
				20090131 01:07 (Wil Moore III) --> add css for contact form
                20090125 04:40 (Wil Moore III) --> fix extra white-space below homeWrapper content and object elements
                20081027 11:08 (Wil Moore III) --> added hr.title
                20081023 12:53 (Wil Moore III) --> added "Sermon Code" section.

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

*{
}	
html{
	margin: 0;
	padding: 0;
}	
body{
	background: #8C9A6E;
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 62.5%;

}
object{
        display: block; /* fixes extra white-space below flash object */
}
/* ----- IE PNG FIX ----- */
img,
#header h1,
#header h3,
{ behavior: url('/media/css/iepngfix.htc'); } 

/* ----- IDS ----- */

#wrapper{
	width: 927px;
	margin: 0;
}
#header {
	margin: 0;
	padding: 0;
	position: relative;
	width: 927px;
	height: 137px;
	background: url('/media/images/mountains.jpg') top left no-repeat;
}
#memberActions {
	position: absolute;
	right: 0;
	top: 10px;
	font-size: 10px;
	color: #FFFFFF;
}
#memberActions a {
	color: #FFFFFF;
	text-decoration: underline;
}
#topNav {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 1.1em;
} 
#mainWrapper {
	width: 917px;
	border-left: 10px solid #9C6A0B;
	background: #FFFAE4 url('/media/images/columnback.png') top left repeat-y;
}
#mainNav, #secondaryNav{
	float: left;
	width: 180px;
}
#secondaryNav.internal{
	clear: left;
	margin-top: 30px;
}
#homeWrapper, #mainEvents, #contentWrapper{
	width: 737px;
	float: right;
	margin: 0;
}
#homeWrapper img{
        display: block; /* fixes extra white-space below img */
         border: none;  /* removes extra border from around images by default */
}
#contentWrapper{
	width: 677px;
	padding: 30px;
}
#mainEvents{
	background: #BAC09F;
	min-height: 22.6em;
}
* html #mainEvents{
	height: 22.6em;
}
#dailyVerse{
	clear: both;
	width: 867px;
	background: #54747B;
	margin: 0;
	padding: 10px 25px;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 1.2em;
	color: #fff;
	font-style: italic;
}
.break{
	clear:both;
}
#photo {
	width: 323px;
	height: 245px;
	float: left;
}
#featuredArticle {
	width: 374px;
	float: right;
	padding: 15px;
	background: #FFFAE4;
}
#footer {
	clear: both;
	width: 817px;
	height: 49px;
	background: url('/media/images/universityFooter.png') top left no-repeat;
	margin: 0;
	padding: 33px 50px;
	border-left: 10px solid #700017;
	color: #fff;
	font-size: 1.1em;
	letter-spacing: .17em;
}

/* ----- CLASSES ----- */

.hide{
}
.show{
}
.contentLeft{
        display: inline;
        width: 59%;
        padding: 0;
        border-top: 1px solid #E7E7E7;
	float:left;
}
.clear{
	clear: both;
}
.memberPhoto {
	float: left;
	width: 200px;
}
.memberSpecs {
	width: 472px;
	padding: 5px 0;
	border-bottom: 1px solid #CCC;
	margin-left: 205px;
}
.specHeading {
	float: left;
	font-weight: bold;
}
.specDetail {
	margin-left: 120px;
}

/* ----- HEADINGS ----- */

h1{
	font-size: 2.0em;
	font-family: Georgia, 'Times New Roman', serif;
	font-weight: normal;
	color: #000;
	margin: 0 0 .3em;
}
h2{
	font-size: 1.6em;
	font-family: Georgia, 'Times New Roman', serif;
	font-weight: normal;
	font-style: italic;
	color: #AA8436;
	margin: 0 0 .3em;
}
h3{
}
h4{
}
#header h1, #header h3 {
	margin: 0;
	width: 268px;
	height: 52px;
	position: absolute;
	top: 32px;
	left: 17px;
	text-indent: -5000px;
	background: url('/media/images/university.png') top left no-repeat;
}
#header h3 a {
	display: block;
	width: 268px;
	height: 52px;
}
#featuredArticle h2 {
	font-size: 2.0em;
	text-transform: uppercase;
	font-family: Georgia, 'Times New Roman', serif;
	font-weight: normal;
	font-style: normal;
	color: #000;
	margin: 0 0 .3em;
}
#featuredArticle h3 {
	font-size: 1.6em;
	font-family: Georgia, 'Times New Roman', serif;
	font-weight: normal;
	font-style: italic;
	color: #AA8436;
	margin: 0 0 .3em;
}

/* ----- PARAGRAPHS ----- */

#contentWrapper {
	font-size: 1.2em;
	line-height: 1.8em;
}
#featuredArticle p{
	font-size: 1.2em;
	line-height: 1.5em;
	margin: .2em 0 .3em;
}

/* ----- QUOTES ----- */

blockquote{
}
blockquote p{
}
cite{
}
blockquote cite{
}

/* ----- CODE ----- */

pre{
}
code{
}
p code{
}
pre code{
}

/* ----- LISTS ----- */

li{
}
li p{
}
ol{
}
ul{
}
ol li{
}
ul li{
}
#topNav li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	text-align: center;
}
#topNav a {
	float: left;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #fff;
	width: 147px;
	height: 1.9em;
	padding-top: .9em;
	padding-right: 13px;
	margin-left: -13px;
}
#topNav a:hover {
	text-decoration: underline;
}
#topNav li.green a {
	background: url('/media/images/greenTab.gif') top left no-repeat;
	color: #830025;
	padding-right: 13px;
	margin-left: 0;
}
#topNav li.red a {
	background: url('/media/images/redTab.gif') top left no-repeat;
}
#topNav li.yellow a {
	background: url('/media/images/yellowTab.gif') top left no-repeat;
}
#topNav li.blue a {
	background: url('/media/images/blueTab.gif') top left no-repeat;
}
#topNav li.grey a {
	background: url('/media/images/greyTab.gif') top left no-repeat;
	width: 149px;
	padding-right: 0;
}
#mainNav ul{
	margin: 0;
	padding: 15px 15px;
	width: 150px;	
}
#mainNav li{
	margin: 0;
	padding: 6px 0 6px 10px;
	background: url('/media/images/navUnderline2.png') 50% bottom no-repeat;
	list-style: none;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 1.1em;
	text-transform: uppercase;
}
#mainNav li.last{
	background: none;
}
#mainNav a{
	color: #fff;
	text-decoration: none;
}
#secondaryNav ul{
	margin: 0;
	padding: 15px 15px 15px 25px;
	width: 140px;
}
#secondaryNav li{
	margin: 0;
	padding: 5px 0;
	list-style: none;
	font-size: 1.1em;
}
#secondaryNav a{
	color: #58595B;
	text-decoration: none;
}
#secondaryNav li.bold a{
	color: #875739;
}
#secondaryNav a:hover{
	text-decoration:underline;
}
#mainEvents ul{
	margin: 0;
	padding: 0;
}
#mainEvents li{
	display: block;
	width: 137px;
	height: 300px;
	float: left;
	padding-left: 40px;
	padding-bottom: 26px;
	background: url('/media/images/bulletarrow.png') 23px 27px no-repeat;
}
#mainEvents li h4{
	font-size: 1.6em;
	padding:0 0 .4em;
	margin: 23px 0 0;
	font-weight: normal;
}
#mainEvents li p{
	font-size: 1.1em;
	padding: .4em 0;
	margin: 0;
}
#mainEvents span.date{
	font-weight: bold;
}
#mainEvents .redEvent {
	color: #875739;
}
#mainEvents .greyEvent {
	color: #58595B;
}
/* ----- IMAGES ----- */

img{
}
img a{
}
img a:hover{
}

/* ----- BREAK ----- */

hr{
}

hr.title {
	border: 0;
        color: #96A68B;
	background-color: #96A68B;
	width: 100%;
	height: 1px;
}

/* ----- TEXT FORMATTING ----- */

strong{
}
em{
}
b{
}
i{
}

/* ----- LINKS ----- */

a{
}
a:hover{
}
a:visited, a:active, a:focus{
}
a:visited{
}
a:active{
}
a:focus{
}

p a{
}
cite a{
}
li a{
}
dt a{
}
dd a{
}
a.readMore {
	color: #96A68B;
	font-size: 1.1em;
	float: right;
	margin-bottom: 20px
}

#dailyVerse a {
	color: #fff;
}
/* ----- TABLES ----- */

table{
}
caption{
}
thead{
}
tbody{
}
tfoot{
}
tr{
}
tr .alt{
}
th{
}
td{
}

/* ----- FORMS ----- */

form{
}
fieldset{
}
legend{
}
label{
}
input{
}
textarea{
}
input, textarea{
}
select{
}
optgroup{
}
option{
}

/* ----- /about/contact -- */

.contact{
	margin:10px 0;
	width:370px;
	padding:14px;
}
#Contact{
	border:solid 2px #8C9A6E;
	background:#AFB792;
}
#Contact label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:90px;
	float:left;
}
#Contact input{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	margin:2px 0 20px 10px;
}
#Contact select{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:205px;
	height:25px;
	margin:2px 0 20px 10px;
}
#Contact textarea{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	width:200px;
	height:110px;
	margin:2px 0 20px 10px;
}
#Contact .captcha{
	margin:2px 0 20px 101px;
}
#Contact button{
	clear:both;
	margin-left:100px;
	width:125px;
	height:31px;
	background:#8C9A6E;
	text-align:center;
	line-height:31px;
	color:#fff;
	font-size:11px;
	font-weight:bold;
}
/* ----- DEFINITIONS ----- */

dl{
}
dt{
}
dd{
}

/* ----- CALENDAR CODE ----- */
#event_calendar {
	width: 100%;
	border: none;
	}


.calendarBlank { 
	background-color: #450508;
	width: 14%;
	text-align: center;
	}

.calendarHeader { 
	color:#EA7A2E; 
	font-weight:bold; 
	font-size:1.3em; 
	padding-bottom:1px; 
	line-height:2.2em; 
	margin: 0px 0px 12px 0px;
	text-transform: uppercase;
}

.calendarMonthLinks {
	font-size: 11px;
	font-weight: bold;
	letter-spacing: .1em;
	text-decoration: none;
	color: #FA6E32;
	}

	.calendarMonthLinks a {
		color: #FA6E32;
		text-decoration: none;
		}

		.calendarMonthLinks a:hover {
			color: #ffffff;
			text-decoration: underline;
			}

.calendarDayHeading {
	font-weight: bold; 
	font-size:	11px;
	color: #fff; 
	background-color: #B0252C;
	text-align:  center;
	vertical-align: middle;
	padding: 2px 0px 2px 0px;
	}

.calendarToday { 
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .1em;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	background-color: #B0252C;
	}

.calendarCell {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .1em;
	text-align: center;
	vertical-align: middle;
	color: #FA6E32;
	background-color: #6C191D;
	width: 14%;
	height: 100px;
	}

.event_link {
	padding: 5px 0px 5px 0px;
	}

.event_link  a {
	color: #ffffff;
	text-decoration: none;
	}

.event_link a:hover {
	text-decoration: underline;
	}

.box {
	float: right;
	padding: 5px 15px;
	border: 1px solid #8C9A6E;
	width: 200px;
	margin: 0 0 15px 15px;
	background: #AFB792;
}

.box a:link,
.box a:visited,
.box a:visited:hover,
.box a:hover,
.box a:active
{
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 10px 0px 0px;
	color: #700017;
}
      
.post {
	clear: both;
}

/* ----- MEMBER RESOURCE CODE ----- */
.file_info {
	font-size: 11px;
	border-bottom: 1px solid #E7E7E7;
	margin-bottom: 10px;
}

/* ----- MEMBER DIRECTORY CODE ----- */
#memberList-nav { margin: 20px 0; }
#memberList { list-style: none; padding-left: 0; }
.memberName {font-weight: bold;}
.listNav { margin:0 0 10px; }
.ln-letters { overflow:hidden; }
.ln-letters a { font-size:0.9em; display:block; float:left; padding:2px 6px; border:1px solid silver; border-right:none; text-decoration:none; }
.ln-letters a.ln-last { border-right:1px solid silver; }
.ln-letters a:hover,
.ln-letters a.ln-selected { background-color:#eaeaea; }
.ln-letters a.ln-disabled { color:#ccc; }
.ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#336699; }

/* ----- SERMON CODE ----- */

.PlaylistItem
{
  display: block;
  width: 59%;
  padding: 12px;
  border-top: 1px solid #E7E7E7;
  float:left;
}

.ListenPlaylistItem
{
  display: inline;
  width: 59%;
  padding: 0;
  border-top: 1px solid #E7E7E7;
  float:left;
}

.ListenPlaylistItem .clearpadding
{
  padding: 0;
}

.date_container
{
  background: #700017;
  width: 30px;
  float: left;
  padding: 4px;
}

.date_month
{
  font: bolder 12px Georgia, Arial, Verdana, sans-serif;
  color: #F3E9AE;
  text-align: center;
  text-transform: uppercase;
}

.date_day
{
  font: bolder 12px Helvetica,Verdana, sans-serif;
  color: #F3E9AE;
  text-align: center;
}

.audioplayer
{
  padding: 14px 0 0 0;
}

.audio_info
{
  padding: 0px 0px 0px 20px;
  float: left;
}

.audio_info h2
{
  font: bolder 16px Georgia, "Times New Roman", Verdana, sans-serif;
  color: #9C6A0B;
  padding: 0px;
  margin: 0px;
}

.audio_info ul
{
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  padding: 0px;
  margin: 0px;
}

.audio_info li
{
  display: inline;
  font: bolder 10px Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  padding: 0px;
  margin: 0px 10px 0px 0px;
}

.audio_info a:link,
.audio_info a:visited,
.audio_info a:visited:hover,
.audio_info a:hover,
.audio_info a:active
{
  font: normal 10px Verdana, Arial, Helvetica, sans-serif;
  margin: 0px 10px 0px 0px;
  color: #700017;
}

.audio_info p
{
  font: 10px Verdana, Arial, Helvetica, sans-serif;
}

.audio_info span
{
  color: #58595B;
}