@charset "UTF-8";
/*
Theme Name: MRCChurch
Theme URI: http://wordpress.org/
Description: This theme is a WordPress conversion of a design originally made for Maple Ridge Community Church in BC.
Version: 1.0
Author: Brandon J McKay
Author URI: http://BrandonJMcKay.com/
Tags: modern, grey, CMS conversion


*/

*, ul, li	{
	margin: 0;
	padding: 0;
}

#wrapper	{
	margin: 0 auto 0 auto;
	width: 980px;
	height: 100%;
	}
	
html	{
	background: #F1F1F1;
}
body	{
	
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	height: 100%;
	
	padding-left: 40px;
	}

a img	{
		border: 0px;
}
/*--------------------------
Beginning of Typography 
----------------------------*/
p	{
	font-size: 12px;
	line-height: 15px;
	color: #333;
	
	margin-bottom: 1em;
	text-align:justify;
	}

div#page-content.friends ul>li,
div#page-content ul>li,
div.ad-slideshow-controls	{
	font-size: 12px;
	line-height: 15px;
}

div#page-content ul	{
	list-style: disc;
	padding: 0;
	margin: 0;
	display: inline;
}

h1	{
	font-size:19px;
	color:#333;
	font-weight:normal;
	}
	
h2	{
	font-size: 12px;
	line-height:16px;
	font-weight:bold;
	color:#333;
	margin-bottom: .25em;
	}

#page div.friends h2	{
	margin: 1em 0 0 0;
}
	
title	{
	text-transform:capitalize;
	}
	
.alignleft	{
	padding: 0 1em 1em 0;
	float: left;
	clear: both;
	}
	
.alignright	{
	padding: 0 0 1em 1em;
	float: right;
	clear: both;
	}

li.selected>a	{
	color: #000;
}

table, tr, td	{
	font-size: 12px;
	line-height: 15px;
	color: #333;
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	
	border: 0;
}

tr:nth-child(even) {
	background:#C5C5C5;
}
/*--------------------------
End of Typography 
----------------------------*/

/*--------------------------
Beginning of Front Page 
----------------------------*/
#front-title	{
	position: relative;
	top: 250px;
	margin-left: 0px;
	display: none;
}

#front-title h1	{
	font-weight:200;
	letter-spacing: .1em;
	font-size: 22px;
	line-height: 24px;
	font-stretch: semi-condensed;
	color: #333;
	font-family:'MetaNormal Roman', 'Trebuchet MS', Helvetica, sans-serif;
}

#front-title h1 span	{
	color: #828282;
}

#child-side-nav.front-page	{
	width: 250px;
	height: 250px;
}
/*--------------------------
End of Front Page 
----------------------------*/

/*--------------------------
Beginning of Page Setups 
----------------------------*/
#page	{
	position: relative;
	top: 88px;
	background: url(images/page-background.jpg) top left no-repeat #f8f8f8;
	width:676px;
	height:442px;
	float: left;
	}
	
	#page-title	{
		float: right;
		margin-right: 110px;
		padding:40px 0 30px 0;
		text-transform:lowercase;
		}
		
	#page-content	{
		overflow:hidden;
		width:476px;
		height:317px;
		position:relative;
		
		left: 88px;
		clear:both;
		}

	#scroll	{
		position: relative;
		top: 0;
		height: 100%;
		padding-bottom: .5em;
	}

	#home-button	{
		float:left;
		
		height:30px;
		width: 50px;
		overflow:hidden;
		
		position:absolute;
		top: 0px;
		z-index: 9;
		}		
/*--------------------------
End of Page Setups
----------------------------*/

/*--------------------------
Beginning of Site Map
----------------------------*/
div#scroll.site-map>li>a	{
	text-transform: uppercase;
	font-size: 16px;
	line-height: 22px;
	color: #333;
}

	div#scroll.site-map>li>ul>li	{
		list-style:disc;
	}

		div#scroll.site-map>li>ul>li>a	{
			text-transform: uppercase;
			font-size: 13px;
			line-height: 19px;
		}

		div#scroll.site-map>li>ul li	{
			margin-left: 2em;
		}

			div#scroll.site-map>li>ul>li li a	{
				text-transform: lowercase;
				font-size: 11px;
				line-height: 16px;
			}

			div#scroll.site-map>li>ul>li li	{
				list-style:circle;
			}
/*--------------------------
End of Site Map
----------------------------*/

/*--------------------------
Beginning of SideBar
----------------------------*/
#sidebar	{
	float: right;
	width: 300px;
	position: relative;
	top: 88px;
}

	#section-header	{
		display: block;
		margin-left: 80px;
		text-transform: lowercase;
		height: 88px;
	}

		#section-header h2	{
			font-size: 32px;
			font-weight: normal;
		}

		h3#section-title	{
			font-size: 19px;
			font-weight: normal;
			color: #333;
		}

			#section-header h2 span,
			h3#section-title span
			{
				color: #828282;
			}

			h3#section-title span + span{
				color: #ccc;
			}

#side-nav	{
	float: right;
	width: 170px;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 19px;
	letter-spacing: .1em;
}

	#side-nav a	{
		position: relative;
		left: 0px;
		
	}

	/*#side-nav li:before	{margin-left: 1em;
		content: ':';
	}*/

#child-side-nav	{
	float:left;
	width: 138px;
	text-transform: lowercase;
	font-size: 11px;
	line-height: 12px;
	letter-spacing: normal;

	background: url('images/child-side-nav.jpg') transparent top left no-repeat;
	height: 122px;
	width: 120px;
}

#child-side-nav.front-page	{
	position: absolute;
	top: 88px;
}

#child-nav-pages	{
	width: 100px;
	height: 60px;
	overflow: hidden;
	margin: 10px 0 0 5px;
	position: relative;
}

	#child-side-nav a	{
		color: #fff;
	}

		#child-side-nav a:hover	{
			color: #666;
		}

#prayer-request	{
	width: 44px;
	height: 64px;
	position: absolute;
	top: 378px;
	float: left;
}
/*--------------------------
End of SideBar
----------------------------*/

/*--------------------------
Beginning of Footer
----------------------------*/
#footer	{
	clear: both;
	text-transform: uppercase;
	color: #828282;
	position: absolute;
	top: 560px;
	font-size: 9px;
	width: 676px;
}

#footer a	{
	float: left;
	margin-right: 2em;
	color: #828282;
}

#footer span	{
	float: right;
}

#footer p.author {
	clear: both;
	width: auto;
	text-align: right;
	font-size: 9px;
	text-transform: none;
	letter-spacing: .15em;
	color: #777;
}

#footer p.author a, p.author a:visited {
	color: #555;
	float: none;
	margin: 0;
}

#footer p.author a:hover {
	border-bottom: 1px dashed;
	color: #222;
}
/*--------------------------
End of Footer
----------------------------*/

/*--------------------------
Beginning of Slide Show
----------------------------*/

#slideshow, #slideshow-overlay {
    position:absolute;
    height:442px;
	width:676px;
	overflow:hidden;
}

#slideshow-overlay	{
	background: url(images/slideshow-overlay.png) transparent top left no-repeat;
	z-index:200;
	}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:0;
    opacity:0.0;
}

#slideshow.fullPic IMG	{
	opacity: 1;
}

#slideshow IMG.active {
    z-index:2;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:1;
}
/*--------------------------
End of Slide Show 
----------------------------*/

/*--------------------------
Beginning of Gallery
----------------------------*/
div.audio	{
	height: 400px!important;
	top: 20px;
}
/*--------------------------
End of Slide Show 
----------------------------*/

/*--------------------------
Beginning of Gallery
----------------------------*/
#gallery	{
	position: absolute;
	top:30px;
	left: 88px;
}


div.ad-nav	{
	width: 80% !important;
	margin: 0 auto 0 auto;
}

p.ad-image-description	{
	background: #fff
}
/*--------------------------
End of Gallery
----------------------------*/

/*--------------------------
Beginning of New Drop Down
----------------------------*/

#menu {list-style:none; height:38px; position:absolute; top: 0; font-size: 11px; text-transform: uppercase; z-index:500; font-family:'Trebuchet MS', Helvetica, sans-serif;}
#menu>li {display:block; float:left; height:45px; width: 150px; position: relative;}/*  */
#menu>li>a{text-align: justify; letter-spacing: .3em; padding-left: 1.3em; white-space: nowrap; position: absolute; top: 35px; float:left; color:#666; text-decoration:none; font-size:11px; font-weight:bold; cursor:pointer;}
#menu>li.selected>a{color: #000; z-index: 99999; letter-spacing: .3em;}
#menu li a {z-index: 99999;}
#menu ul li a {z-index: 200; padding-left: .8em}
#menu ul ul li a {z-index: 201}

#menu .subMenu li {margin: .2em 0 .2em}

#menu li.selected>a, #menu ul li a:hover, #menu li.selected>a:hover
{color: #000!important;}
/* Default list styling */

#menu li:hover {position:relative; z-index:200;}

#menu li:hover ul.subMenu
{left:1px; top:0px; background: #fff; padding:3px; padding-top: 65px; border:1px #666 dotted; border-top: none; width:150px; height:auto; z-index:300;}
#menu li:hover ul.subMenu li
{display:block; height:auto; position:relative; float:left; width:150px; font-weight:normal;}
#menu li:hover ul.subMenu li a
{display:block; font-size:11px; height:auto; width:148px; line-height:14px; color:#666; text-decoration:none;}
#menu li:hover ul.basementMenu li a
{width:auto;}


#menu li:hover li:hover ul,
#menu li:hover li:hover li:hover ul,
#menu li:hover li:hover li:hover li:hover ul,
#menu li:hover li:hover li:hover li:hover li:hover ul
{left:120px; top:-4px; padding:3px; background: #fff; width:150px; z-index:400; height:auto; border:1px #666 dotted; }

#menu ul,
#menu li:hover ul ul,
#menu li:hover li:hover ul ul,
#menu li:hover li:hover li:hover ul ul,
#menu li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
/*--------------------------
End of new Drop Down
----------------------------*/

/*--------------------------
Beginning of Drop Down Menu 
----------------------------*/
a, a:visited	{
	color: #666;
	
	text-decoration:none;
	}
	
	a:hover, ul#menu li.selected>a	{
		color:#000;
		}
		
ul, li	{
	list-style:none;
	}

/*--------------------------
End of Drop Down Menu 
----------------------------*/