/* 	
Theme Name: Dark Professional
Theme URL: http://www.rmcchurch.org/css/rmcc.css	
Description: A revision of the main RMCC styles and a transitional move to XHTML and CSS. 	
Author: Mark Reinholz
Email: mreinholz@rmcchurch.org	
*/

body	{ 
	background: #393939;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Gills Sans MT, Helvetica, Arial, sans-serif; 
	margin :0px;
	border-top: #1b1b1b solid 20px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	 }

/* Divisional structure — The header division is hidden since it only contains the branding graphic and not any other content. */
#header {
	background: url(http://www.rmcchurch.org/images/rmcc-header.jpg) #000 no-repeat;
	margin: 0 auto;
	height: 180px;
	padding: 0; 
	} 

#mainNav	{
	background: #fff;
	padding: .1em 0 .1em 0;
	border-bottom: #e61f11 solid 1px;
	} 
	 
#wrapper { 
	background: #fff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	} 

#content	{
	padding: 0 2em 0 10em;
	margin: 0 3em 0 3em;
	}

#mediaPlayer	{
	padding: .5em 0 .5em 0;
	text-align: center;
	}
	
#sidebar	{
	padding: 5em 0 0 0;
	}

#footer { 
	background: url(http://www.rmcchurch.org/images/rmcc-footer.png) #393939 no-repeat;
	background-position: center;
	padding: 1em 0 2em 0;
	text-align: center;
	color: #fff;
	clear: both;
	} 
	
/* site typography and styling */
a	{
	color: #000;
	text-decoration: underline;
	}

a:hover {
	color: #e61f11;
	font-weight: bold;
	}	

img.border	{
	padding: 0;
	border: 1px solid #e61f11;
	}
	
li	{
	list-style: square;
	padding: .25em 2em .25em 0;
	}
	
p	{
	font-size: 12px;
	line-height: 14px;
	padding: 1em 2em 0 0;
	}

p.last	{
	font-size: 12px;
	line-height: 14px;
	padding: 1em 2em 1em 0;
	}

p.quote	{
	font-size: 12px;
	font-style: italic;
	line-height: 14px;
	padding: 1em 3em 0 1em;
	}
		
p.sidebar	{
	padding: .25em 2em 0 .8em;
	}
	
p.odd	{
	background: #d7d7d7;
	font-size: 12px;
	padding: 1em .75em 1em .75em;
	}

p.even	{
	background: #fff;
	font-size: 12px;
	padding: 0 .75em 0 .75em;
	}
	
span.title	{
	display: block;
	color: #e61f11;
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 0 0 .1em 0;
	}

ul	{
	padding-left: 1.5em;
	margin-left: 1.5em;
	}

/* content divisional styling */
#content p.center	{
	text-align: center;
	}

table.bt {
	border-collapse: collapse;
	width: 45em;
	border: 1px solid #b5b5b5;
}

th {
	padding: .5em;
	color: #000; 
	font-size: 14px;
	font-style: bold;
	margin-left:2px;
	margin-right:2px;
	margin-top:0px;
	font-weight:bold;
	}
	
tbody {
	color: #000; 
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 0px;
	font-weight: normal
	}

td.headline	{
	background: #393939;
	color: #fff;
	font-size: 14px;
	padding-left: 1em;
	}
			
tr.odd {
	background-color: #d7d7d7;
	}
	
tr.even {
	background-color: #fff;
	}

/* mainNav divisional styling */
ul.mainNav {	
	margin-left: 0px;
	list-style: none;
	padding: 0 0 0 0;
	text-align: center;
	}
	
li.mainNav	{
	display: inline;
	font-size: 13px;
	}
	
a.mainNav	{
	color: #000;
	margin: 0 1em 0 0;
	padding: 0 .25em 0 0;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	}
	
a.mainNav:hover	{
	color: #e61f11;
	text-decoration: underline;
	}
		
/* sidebar divisional styling */

		
/* footer division styling */
#footer a	{
	color: #fff;
	text-decoration: underline;
	}

#footer a:hover	{
	color: #e61f11;
	text-decoration: underline;
	}
	
#footer p	{
	font-size: 12px;
	line-height: 14px;
	padding: 0 0 0 0;
	}