/* @override 
	http://gracecorning.cpmpreview.com/css/styles.css
*/

/*=====
CLIENT: Grace Community Church
FILE: styles.css - main CSS styles for staging site
CREATED: 10/1/2009
MODIFIED: 
AUTHOR: Luke Simpson (luke@churchplantmedia.com)
=====*/

/* @group RESET */


/* remember to define focus styles! */
:focus 				{ outline: 0; }

/* remember to highlight inserts somehow! */
ins 				{ text-decoration: none; }
del 				{ text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table 				{ border-collapse: collapse; border-spacing: 0; }
/* @end */

/* @group GLOBAL */
body 						{ background:#f6f7f8; margin:0; padding:0; font-size:62.5%; font-family:helvetica, arial, sans-serif; color:#4d4f51; }
#outer-container{
   background: #ebeced url(/images/bg_body.gif) repeat-x;
   padding-bottom: 15px;
   border-bottom: 6px solid #e5e5e6;
}
hr 							{ display: none; }

#skip 						{ position: absolute; text-indent: -9999px; list-style: none; overflow-x:hidden; }

#container 					{ margin:0 auto; width:905px; }
#mainContent 				{  }
a 							{ overflow: hidden; }

.hidden						{ display:none; }
.show						{ display:block; }
.clearfix:after 			{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 					{ display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix 			{ height: 1%;}
.clearfix 					{ display: block;}
/* End hide from IE-mac */
/* @end */

/* @group HEADER */
#header					{ position:relative; height:140px; width:899px; z-index:1000; }
#header h1,
#header h1 a			{ display:block; width:324px; height:114px; margin:0; }
#header h1				{ background:url(/images/logo.png) no-repeat; text-indent:-999em; position:absolute; left:-34px; top:29px; }

/* @group NAV */
#topbar					{ position:absolute; top:7px; right:0px; z-index:5000; }
#topbar ul				{ margin:0 10px 0; padding:0; list-style:none; float: left;  }
#topbar li				{ float:left;}
#topbar li a			{ display:block; padding:0 12px 8px; margin-right:4px; font:1.2em Helvetica, arial, verdana sans-serif; color:#f5f5f5; text-decoration:none;}
#topbar li.parent a		{ background: url(/images/bg_topbar_li.gif) no-repeat right 4px; }
#topbar li.more a		{ background:url(/images/down_arrow.gif) no-repeat right 4px; }
#topbar li.more li a	{ background:none; padding-right:12px; }
#topbar li a:hover		{ color:#1478a0; }

#topbar li ul			{ position:absolute; left:-999em; z-index:1001; width:150px; background: #7BBADC; padding:4px 0; }
#topbar li:hover ul		{ left:auto; }
#topbar li li			{ float:none; margin: 0;}
#topbar li.parent li a			{ padding: 8px 10px; display: block; color:#E1EFF8; background: none; margin-left: 4px;}
#topbar li li a:hover	{ color:#fff; text-decoration:underline; background: #8CC3DD; }

#topbar li:hover ul ul, 
#topbar li:hover ul ul ul, 
#topbar li:hover ul ul ul ul 
						{ left:-5000px;}
#topbar li:hover ul, 
#topbar li li:hover ul, 
#topbar li li li:hover ul, 
#topbar li li li li:hover ul
						{ left:auto; display:block;}
#tobpar li:hover ul li:hover ul 
						{ margin:-28px 0 0 140px;}

/* @group SEARCH */
#search{
   float: right;
   width: 202px;
   height: 19px;
   background: url(/images/bg_search.gif);
   margin-top: -2px;
}

#search fieldset{
   border: none;
   padding: 0;
   margin: 0;
   float: left;
}

#search input#search_term{
   background: none;
   border: none;
   width: 170px;
   float: left;
   padding: 2px 5px 2px 7px;
   margin: 0;
   font-size: 1.1em;
   color: #1478a0;
}

#search input#search_go{
   display: block;
   width: 19px;
   height: 19px;
   text-indent: -9999px;
   padding: 0;
   float: left;
   cursor:pointer;
   border:none;
   background:none;      
}

/* @end */

/* @group TOPBAR */
#nav					{ position:absolute; right:-5px; top:65px; height:35px; margin: 0; padding:0; list-style:none; }
#nav li					{ float:left; display:inline; margin: 0 17px;}
#nav li a				{ display:block; line-height:34px; font-size:22px; color:#fff; text-decoration:none; padding:0; margin:0; font-family: Helvetica Neue, Helvetica, arial, sans-serif;}
#nav li.current a,
#nav li:hover a			{ border-bottom:8px solid #676767; color: #a3cfe7; }

#nav li ul 				{ position:absolute;left:-5000px;z-index:1001; background:#7BBADC; width:150px; padding:0;  }

#nav li li				{ float:none; display:block; margin: 0;}
#nav li li a,
#nav li.current li a,
#nav li:hover li a		{ font-size:12px; margin:0; width:130px; padding:8px 10px; line-height:1; color:#fff; border: none;}

#nav li.current li a:hover,
#nav li:hover li a:hover	{ background:#A3CFE7; color:#fff; }

#nav li.current li a,
#nav li:hover li a		{ border: none; }

#nav li:hover ul 		{ left:auto;}
#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li:hover ul ul ul ul 
							{ left:-5000px;}
#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li li li li:hover ul 
							{ left:auto;}
#nav li:hover ul li:hover ul 
							{ margin:-40px 0 0 150px;}
/* @end */


/* @group PRIMARY CONTENT */
#primaryContent			{ float:left; padding:0 15px; width:605px; position: relative;}
#home #primaryContent	{ width: 879px;float:none; margin-bottom:14px; padding:13px; background: url(/images/bg_home_primaryContent.gif); height: 463px;}
#primaryContent.wide	{ width:879px; }
#primaryContent li,
#primaryContent td,
#primaryContent p		{ font-size:1.3em; color:#4c4c4c; line-height:1.5em; }
#primaryContent .article p	{  margin-top:1em; }
#primaryContent p.date	{ margin:0; }
#primaryContent p *,
#primaryContent li *,
#primaryContent td *	{ font-size:1em; }
#primaryContent a		{ color:#1781aa; }
#primaryContent a:hover	{ text-decoration:none; }
#primaryContent img		{ border:none; }
img.left-align			{ float:left; position:relative; left:-10px; }
img.right-align			{ float:right; position:relative; right:-10px; }

	/* @group HEADINGS */
	#primaryContent h2	{ font-size:2.3em; margin:8px 0; padding:0; color:#62add0; text-transform:uppercase; font-weight:normal; }
	h3, h4, h5, h6		{ color:#e2d8c7; margin: 0 0 .5em;}
	#primaryContent h3	{ font-size:1.5em; color:#363e44; }
	#primaryContent h4	{ font-size:1.5em; color: #4e99bc; font-weight: normal;}
	#primaryContent .article h4	{ margin-bottom:8px; }
	#primaryContent h5	{ font-size:1.4em; color:#a1a0a1; }
	#primaryContent h6	{ font-size:1.3em; color: #a1a0a1;}
	/* @end */

/* @group BANNER */
#banner{
   position: relative;
   width: 879px;
   height: 222px;
   background: url(/images/bg_banner.gif) no-repeat;
   padding: 15px 20px 24px 19px;
   margin-left: -6px;
   margin-top: -2px;
}

#home #banner{
   background: none;
   padding: 0;
   height: auto;
   margin: 0;
}

#rotator{
   width: 879px;
   height: 463px;
   overflow: hidden;
   position:relative;
}
#slider			{ position:absolute; top:0; left:0;  }
#rotator .item { float:left;  }
#rotator p	{ margin:0; }
/*#rotator img{ display:none; position:absolute; top:0; left:0; }*/

#controller li{
   position: absolute;  
   width: 38px;
   height: 51px;
   list-style: none;
}

#controller li#controls-previous{
   top: 210px;
   left: -51px;
}

#controller li#controls-next{
   top: 210px;
   right: -51px;
}

#controller li a{
   text-indent: -9999px;
   display: block;
   height: 51px;
}

#controller li#controls-previous a{
   background: url(/images/bg_controller_prev.gif) no-repeat 0 0;
}

#controller li#controls-next a{
   background: url(/images/bg_controller_next.gif) no-repeat 0 0;
}

#controller li a:hover{
   background-position: 0 -51px !important;
}

#primaryContent #overlay{
   position: absolute;
   top: 14px;
   right: 14px;
   width: 205px;
   height: 399px;
   padding: 18px 21px;
   background: url(/images/overlay_strip_bg.png);
}

#overlay .olbox{
   margin-bottom: 16px;
   position:relative;
}

#overlay .olbox.last{
   margin: 0;
}
						
#primaryContent #overlay h3{
   margin: 0 0 7px;
   color: #58a1be;
   text-transform: uppercase;
   font-size: 1.4em;
}

#primaryContent #overlay h4{
   font-size: 1.3em;
   font-weight: bold;
   color: #4f565a;
   margin: 0;
}

#primaryContent #overlay h4 a{
   color: #4f565a;
   text-decoration: none;
}

#primaryContent #overlay p#s_listen{
   width: 59px;
   height: 20px;
   position:absolute; bottom:4px; right:0;
}


#primaryContent #overlay p#s_listen a{
   display: block;
   height: 20px;
   background: url(/images/bg_p_s_listen.gif);
   text-indent: -9999px;
}

#primaryContent #overlay h4 a:hover{
   text-decoration: underline;
}

#primaryContent #overlay p{
   font-size: 1.2em;
   color: #4f565a;
   line-height: 1.45;
   margin: 0;
}

#primaryContent #overlay p a{
   color: #1781aa;
   text-transform: uppercase;
   font-size: .9em;
   padding-left: 0;
}

/* @end */


/* @group SECONDARY CONTENT */
#secondaryContent		{ float:left; width:227px; margin:0 0 0 25px; } 
#home #secondaryContent	{ float:none; width:899px; margin:0; }
	
	/* @group SUBNAV */
	#sorting, .box	{ background:#f6f7f8; margin:0 0 20px; padding:15px 17px; border:6px solid #e5e5e6; width:174px; }
	#subnav							{ margin:-17px; padding:16px 17px; list-style:none; }
	#subnav li a{
   color: #4e4e4e;
   font-weight: bold;
   font-size: 1.4em;
   text-transform: uppercase;
   text-decoration: none;
   border-bottom: 1px solid #e2e2e3;
   padding-bottom: 5px;
   display: block;
}
	#subnav li ul					{ margin:10px 0 -10px; padding:0; list-style:none; } 
	
	#subnav li li a{
   font-size: 1.3em;
   border: none;
   text-transform: none;
   font-weight: normal;
   padding: 5px 10px;
}

#subnav li li{
   margin-bottom: 10px;
}

#subnav li li a:hover{
   color: #1781aa;
}

#subnav li li.current a{
   background: url(/images/subnav_current.gif);
   width: 163px;
   padding: 6px 10px 6px 20px;
   margin-left: -10px;
   color: #4e4e4e;
}

	/* @end */

	/* @group QUICKLINKS */	
#quicklinks ul{
   width: 905px;
   float: left;
   padding: 0 0 0 3px;
   margin: 0;
}

#quicklinks li{
   list-style: none;
   float: left;
   width: 205px;
   padding:7px 8px;
   background:#d0d0d0;
   margin-right: 5px;
   min-height:55px;
}

#quicklinks li.last{
   margin: 0;
}

#quicklinks li img{
   float: left;
   display: inline;
   margin-right: 7px;
   border: 3px solid #676767;
}

#quicklinks li span.qltitle { 
   color: #313335;
   font-size: 13px;
   font-weight: bold;
   line-height: 1.5;
   margin-bottom: 7px;	
   position:relative;
   top:7px;
   text-decoration:none;
   display:block;
}

#quicklinks span.qltitle img { position:relative; top:-7px; }

#quicklinks li span.qltitle a,
#quicklinks li a span.qltitle { 
	color:#313335; 
	text-decoration:none;	
}

#quicklinks li span.qldesc{
   color: #4c5357;
   font-size: 1.1em;
}

#quicklinks li span.qldesc a { 
	color:#4c5357; 
	text-decoration:none; 
}

#quicklinks li:hover{
   background: #8fc3dd;
}

	/* @end */
/* @end */

/* @group FOOTER */
#footer						{ margin:18px auto; padding-top:18px; padding-bottom:100px; position:relative; width: 905px;}
#footer p					{ margin-top:-10px; font-size:1.2em; color:#7b7a7a; }
#footer a					{ color:#6e6754; }
#footer a:hover				{ text-decoration:none; }
#footer #cpm				{ 
							  display:block; width:141px; height:21px; background:url(/images/cpm_logo.gif) no-repeat; text-indent:-999em; 
							  position:absolute; right:27px; top:5px;
							}
#footer #cpm:hover			{ background-position:left bottom; } 
/* @end */

#search-results #primaryContent form		{ margin-bottom:25px; }
#search-results #primaryContent fieldset	{ border:0; }
#search-results #primaryContent input		{ padding:4px; font-size:14px; width:75%; }
#search-results #primaryContent #search-btn	{ width:auto; font-size:12px; }