/* -----------------------------------------------------
Northshore Church
Author: John & David Peele, Rockbeatspaper
Version: 1.20.06
----------------------------------------------------- */


/* global
--------------------------------------------------------------------------------------------- */
* {
  margin: 0;
  padding: 0;
}

body {
  font: 13px/1.5em Georgia, "Times New Roman", Times, serif; 
  color: #000;
  text-align: center;
}

/* Malarkey Image Replacement */
.mir { letter-spacing : -1000em; }

/* MIR just for IE */
* html h1.mir, * html h2.mir, * html h3.mir, * html h4.mir, * html h5.mir, * html h6.mir, * html p.mir, * html ul.mir {
  text-indent: -999em;
}

/* MIR just for Opera, but hide from MacIE */ 
/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 

/* links
--------------------------------------------------------------------------------------------- */
a, a:link {   
  text-decoration: none;
  border-bottom: 1px dotted;
}

a:hover {
  border-bottom: 1px solid;
}

#header a { border: none; }
#content-main a { color: #328DD4; }
#content-main .col-1 a { color: #FFF; }
#s-home #content-main .col-1 a { font-weight: bold; }
#content-main .col-2 dt a, #content-main .col-2 li a { border: none; color: #000; }    
#content-main .col-2 dt a:hover, #content-main .col-2 li a:hover { color: #FFF; border: none; }     
#content-news h5 a { border: none; color: #0074CD; } 
#content-news p a { color: #000; }
#content-news p a.archives { border: none; font-weight: bold; color: #0074CD; } 
#content-secondary a { color: #000; }
#content-secondary dt a { border: none; color: #000; }    
#content-secondary dt a:hover { color: #FFF; border: none; }
#footer a { border: none; color: #FFF; }
#footer a:hover { color: #328DD4; border-bottom: 1px solid; }  


/* body background images
--------------------------------------------------------------------------------------------- */
body#s-home  { background: #000 url(../images/bg_pic-home.jpg) top right no-repeat; }
body#s-who  { background: #000 url(../images/bg_pic-who.jpg) top right no-repeat; }
body#s-faq  { background: #000 url(../images/bg_pic-faq.jpg) top right no-repeat; }
body#s-ministries  { background: #000 url(../images/bg_pic-ministries.jpg) top right no-repeat; }
body#s-whatson  { background: #000 url(../images/bg_pic-whatson.jpg) top right no-repeat; }
body#s-media  { background: #000 url(../images/bg_pic-media.jpg) top right no-repeat; }
body#s-know  { background: #000 url(../images/bg_pic-know.jpg) top right no-repeat; }
body#s-contact  { background: #000 url(../images/bg_pic-contact.jpg) top right no-repeat; }
body#s-news  { background: #000 url(../images/bg_pic-news.jpg) top right no-repeat; }
body#s-podcast  { background: #000; }

/* container
--------------------------------------------------------------------------------------------- */
#container {
  margin: 0 auto;
  width: 750px;
  text-align: left;
}

/* header
--------------------------------------------------------------------------------------------- */
#header {    
  margin-bottom: 25px;
  width: 750px;
}

#header p.time {  
  margin-top: 9px;
  padding: 4px 0 4px 70px;    
  width: 416px !important; /* alternate box model hack */
  width /**/: 486px;
  background: #343434;
  color: #ABACAD;
} 

#header h1 {
  margin: 32px 0 0 70px;
  width: 165px;
  height: 83px;
}

#header h1 a {
  width: 165px;
  height: 83px;
  display: block;
  background: url(../images/bg_logo.gif) no-repeat;
}

#header h1 a:hover { background-position: 0 -83px; }

/* header-container
-------------------------------------------------------------------------------------------- */
#header-container {   
  margin-top: 22px;
  width: 704px;
  height: 94px;  
  background: #FFF;
  position: relative;
}

#header-container ul {
  margin: 25px 0 0 70px;
  list-style: none;
  background: #FFF;
  position: absolute;
}

#header-container li {
  display: inline;
}

#header-container li a {
  margin-right: 2em;
  display: block;
  float: left; 
  color: #0074CD
}

#header-container li a:hover { 
  border-bottom: 1px solid;
}

#header-container h2 {
  margin: 46px 0 0 70px;  
  width: 634px;
  height: 48px;
  position: absolute;
}

#s-home #header-container h2 { background: url(../images/title_home.gif) no-repeat; }
#s-who #header-container h2 { background: url(../images/title_who.gif) no-repeat; }
#s-faq #header-container h2 { background: url(../images/title_faq.gif) no-repeat; }
#s-ministries #header-container h2 { background: url(../images/title_ministries.gif) no-repeat; }
#s-whatson #header-container h2 { background: url(../images/title_whatson.gif) no-repeat; }
#s-media #header-container h2 { background: url(../images/title_media.gif) no-repeat; }
#s-know #header-container h2 { background: url(../images/title_know.gif) no-repeat; }
#s-contact #header-container h2 { background: url(../images/title_contact.gif) no-repeat; }
#s-news #header-container h2 { background: url(../images/title_news.gif) no-repeat; }
#s-podcast #header-container h2 { background: url(../images/title_podcast.gif) no-repeat; }

/* content
-------------------------------------------------------------------------------------------- */
#content {
  width: 750px;
  background: #0174CD;
  float: left;
}

.col-1 { /* wide column */
  width: 544px;
  float: right;        
}

.col-2 { /* narrow column */ 
  width: 182px;
  float: left;    
}

/* content-main
-------------------------------------------------------------------------------------------- */
#content-main {   
  margin: 11px 0 11px 0;
  width: 750px;  
  float: left; /* needed to contain all other floats */
  background: url(../images/bg_col-1.gif) 206px 0px repeat-y;
 }

/* col-1 styles ---------------------------*/   
#content-main .col-1 {
  color: #FFF;
}

#content-main .col-1 h3 {
  margin: 0 46px 10px 26px;
  padding-bottom: 5px;
  font-size: 18px;
  font-weight: normal;
  border-bottom: 3px solid #2487D2;
}

#content-main .col-1 h4 {
  margin: 0 90px 17px 26px;
  font-size: 20px; 
  font-weight: normal;
  color: #FFF; 
  letter-spacing: -1px;
}  

#content-main .col-1 span {
  font-size: 26px;
  display: block;
}

#content-main .col-1 h5 {  
  margin: 0 90px 10px 26px;
  font-size: 14px;
  font-weight: normal;
} 

#content-main .col-1 p {      
  margin: 0 46px 15px 26px; 
  font-size: 16px;
  line-height: 24px;
}

#content-main p.byline { 
  padding-bottom: 3px;
  border-bottom: 1px dotted;
  font: 11px arial, verdana, helvetica, sans-serif; 
  color: #FFF;
}

#content-main .col-1 ul {
  margin:0 46px 0 26px;
  padding: 0 0 20px 0; 
  list-style-type: circle;
}

#content-main .col-1 li {
  margin: 0 0 10px 0;
}

#s-home #content-main .col-1 p.intro {      
  margin-top: 15px;
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 24px;
}

#s-home #content-main .col-1 p.outro {
  font-size: 13px;
  line-height: 1.5em;
}

/* col-2 styles ---------------------------*/
#s-home #content-main .col-2 {
  margin-top: 25px;
}

#content-main .col-2 h3#media-centre {
  width: 182px;
  height: 22px;
  background: url(../images/bg_h3-media-centre.gif) no-repeat;
}

#content-main .col-2 ul {
  margin: 24px 0 0 30px;
  list-style-type: none;
}

#content-main .col-2 li {
  margin: 0 12px 2px -30px;
  padding-left: 30px;
  background: #0090F1 url(../images/bullet_dt.gif) no-repeat;
}   

#content-main .col-2 dl {
  margin: 15px 0 0 30px;
}

#content-main .col-2 dt {   
  margin: 0 12px 2px -30px;
  padding-left: 30px;
}  

#content-main .col-2 dt.audio { background: #0090F1 url(../images/bg_dt-audio.gif) 15px 1px no-repeat; } 
#content-main .col-2 dt.video { background: #0090F1 url(../images/bg_dt-video.gif) 14px 0 no-repeat; }  
#content-main .col-2 dt.newsletter { background: #0090F1 url(../images/bg_dt-newsletter.gif) 14px 0 no-repeat; }  

#content-main .col-2 dd {   
  margin-bottom: 17px;
  font: 11px Arial, Verdana, Helvetica, sans-serif;
  color: #84C6F9;
}

/* content-secondary
-------------------------------------------------------------------------------------------- */
#s-home #content-secondary {
  padding: 43px 0;
  width: 704px;
  background: #FFF url(../images/bg_event.jpg) no-repeat;
  clear: both;
}

#s-who #content-secondary,
#s-faq #content-secondary,
#s-ministries #content-secondary,
#s-whatson #content-secondary,
#s-media  #content-secondary,
#s-know #content-secondary,
#s-contact #content-secondary,
#s-news #content-secondary,
#s-podcast #content-secondary {
  margin-bottom: 43px;
  padding: 15px 0;
  width: 704px;
  background: #FFF;
  clear: both;
}

#s-whatson #content-secondary , #s-media #content-secondary {
  min-height: 130px;
}

#content-secondary h2 {
  margin-left: 10px;
  width: 170px !important; /* alternate box model hack */
  width /**/: 180px;
  font-size: 20px; 
  letter-spacing: -1px;
  color: #329103;
  float: left;
  display: inline;
}

#content-secondary h3 {
  margin: 0 0 15px 231px;
  font-size: 16px; 
  font-weight: normal;
  color: #329103;
}  

#content-secondary h4 {
  margin: 0 90px 17px 231px;
  font-size: 20px; 
  font-weight: normal;
  color: #329103; 
  letter-spacing: -1px;
}  

#content-secondary h4 span {
  font-size: 26px;
  display: block;
}

#content-secondary h5 {  
  margin: 0 90px 10px 231px;
  font-size: 14px;
  font-weight: normal;
}  

#content-secondary p {
  margin: 0 90px 15px 231px;
  line-height: 16px;
}

#content-secondary p strong {
  font-weight: normal;
  color: #329103;
}

#content-secondary p.byline { 
  padding-bottom: 3px;
  border-bottom: 1px dotted;
  font: 11px arial, verdana, helvetica, sans-serif; 
  color: #329103;
}

#content-secondary table{
  margin: 0 0 15px 231px;
  font-size: 12px;
}

#content-secondary td {
  padding-right: 10px;
}

#content-secondary ul {
  margin:0 90px 20px 231px;
  list-style-type: circle;
}

#content-secondary ul.podcast {
  padding-bottom: 10px;
  border-bottom: 1px solid #CCC;
}

#content-secondary ol {
  margin:0 90px 0 231px;
  padding: 0 0 20px 0; 
}

#content-secondary li {
  margin: 0 0 3px 0;
  line-height: 1em;
}

#content-secondary dl {
  margin: 15px 0 0 231px;
}

#content-secondary dt {   
  margin: 0 12px 2px -20px;
  padding-left: 20px;
}   

#content-secondary dt a {     
  /* padding-left: 20px; */
}  

#content-secondary dt.audio { background: #0090F1 url(../images/bg_dt-audio.gif) 5px 1px no-repeat; } 
#content-secondary dt.video { background: #0090F1 url(../images/bg_dt-video.gif) 5px 0 no-repeat; } 
#content-secondary dt.newsletter { background: #0090F1 url(../images/bg_dt-newsletter.gif) 5px 0 no-repeat; } 
#content-secondary dt.graphics { background: #0090F1; }

#content-secondary dd {   
  margin-bottom: 17px;
  font: 11px Arial, Verdana, Helvetica, sans-serif;
  color: #84C6F9;
}

#content-secondary div.whatson {
  margin-bottom: 15px;
  border-bottom: 1px dotted #CCC;
}

#content-secondary div.rssImg a {
  border: none;
}

#content-secondary div.rssImg img {
  margin-bottom: 4px;
}

#s-home #content-secondary p {
  font-size: 12px;
}

/* content-news
-------------------------------------------------------------------------------------------- */
#content-news {   
  margin: 11px 0 43px 0;
  padding: 43px 0;
  width: 704px;
  background: #FFF;
}  

#content-news h4 {
  margin: 0 90px 15px 231px;
  font-size: 21px; 
  font-weight: normal; 
  letter-spacing: -1px;
}  

#content-news h5 {  
  margin: 0 90px 10px 231px;
  font-size: 18px;
  font-weight: normal;
  color: #0074CD;
}  

#content-news p {
  margin: 0 90px 15px 231px;
  font-size: 12px;
  line-height: 16px;
}

#content-news p.byline { 
  padding-bottom: 3px;
  border-bottom: 1px dotted;
  font: 11px arial, verdana, helvetica, sans-serif; 
  color: #7C7B7B;
}

/* footer
--------------------------------------------------------------------------------------------- */
#footer {
  height: 96px;
  background: #000;  
  color: #FFF;
  clear: both;
}

#footer ul {
  margin: 20px 0 30px 70px;    
  list-style: none;   
  float: left;
}

#footer li {
  display: inline;
}

#footer li a {
  margin-right: 2em;
  display: block;
  float: left; 
  color: #FFF;
}

#footer li a:hover {
  margin-right: 2em;
  display: block;
  float: left; 
  border-bottom: none;
}

#footer p#credit {
  margin: 30px 0 0 70px;
  width: 149px;
  height: 20px;
  background: url(../images/bg_credit.gif) no-repeat;
  clear: both;
}

#footer p#credit a {
  width: 149px;
  height: 20px;
  display: block;
}