/*----------------------------------------
 Main stylesheet for: Bridge Church
 Author: Andy Chapman
 Email: andy@simb.com.au
 Author website: http://www.simb.com.au  
 ----------------------------------------*/ 
 
 /*----------------------------------------  
 Stylesheet structure:
 
 > Styles reset, HTML & body
 > Main layout
 > Typography
 > Misc     
 ----------------------------------------*/ 

/* Styles reset, HTML & body styling -------------------------------------------------------------------------------------  */     

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, apress, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, p, ol, ul, li, title
fieldset, form, legend
{
    border: 0;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: normal;                
    margin: 0;
    outline: 0;     
    padding: 0;
}

html
{  
	
}
    
body 
{                      
    background: #f7eded url('../images/background.png') top left repeat-x;
    font: 62.5%/1.5em  "Helvetica Neue", Arial, Helvetica, sans-serif;    
}

/*********************** Main Layout ***********************/
#wrapper
{
	width: 960px !important;
	margin: 0 auto;
	position: relative;
}

	#header
	{
		margin-top: 10px;
		margin-bottom: 10px;
	}
												

	#main
	{
		padding-bottom: 10px;	
	}
	
	#main #col-right
	{
		width: 525px;
		height: 485px !important;
		overflow:hidden;
        padding-bottom: 20px;
	}
	
		#main #col-right .scroll-pane
		{
			height: 420px;
			overflow: hidden;
			width: 515px;
			padding-bottom: 40px;
            padding-right: 10px;
		}
	
	#footer
	{
		height: 109px;
		width: 930px;
		background: url('../images/footer-bg.png');
		padding-left: 30px;
		padding-top: 15px;
	}
	
		#footer div
		{
			width: 190px;
			padding-right: 30px;
		}
		
		#footer #share-icons li
		{
			float: left;
		}
		
		#footer #share-icons li a
		{
			display: block;
            padding-right: 10px;
			width: 38px;
			height: 44px;			
		}
		
			#footer #share-icons li a.icon-facebook
			{
				background: url('../images/share-icons.png') 0px 0px no-repeat;
			}
			
				#footer #share-icons li a.icon-facebook:hover
				{
					background: url('../images/share-icons.png') 0px -44px no-repeat;
				}	
				
			#footer #share-icons li a.icon-twitter
			{
				background: url('../images/icon-twitter.png') 0 8px no-repeat;
                margin-right: 3px;
			}
			
				#footer #share-icons li a.icon-twitter:hover
				{
					background: url('../images/icon-twitter.png') 0 -36px no-repeat;
				}
				
			#footer #share-icons li a.icon-podcast
			{
				background: url('../images/icon-podcast.png') 0 8px no-repeat;
			}
			
				#footer #share-icons li a.icon-podcast:hover
				{
					background: url('../images/icon-podcast.png') 0 -36px no-repeat;
				}
				
			.icon-podcast-content
			{
				background: url('../images/icon-podcast.png') 0 8px no-repeat;
				display: block;
            	padding-right: 10px;
				width: 38px;
				height: 44px;	
			}
			
			.icon-podcast-content:hover
			{
				background: url('../images/icon-podcast.png') 0 -36px no-repeat;
				display: block;
            	padding-right: 10px;
				width: 38px;
				height: 44px;	
			}
														
					
		
		
	
	#copyright
	{
		margin-top: 10px;
	}
	
	#copyright ul li
	{
		float: left;
		margin-left: 5px;
	}
/*********************** End Main Layout ***********************/

/*********************** Typography ***********************/ 
body
{  
	font: 62.5%/1.5em  "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#main-nav div h2, #main-nav div h2 a
{
	color: #FFFFFF;
	font-size: 10pt !important;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin-bottom: 3px;
	width: 140px !important;
}

p
{
	font-size: 1.2em;
}

#main p
{
	color: #303030;
	font-size: 11pt;
	margin-top: 5px;	
	margin-bottom: 5px;
	line-height: 1.4em;
}

#main h2
{
	font-size: 12pt;
	font-weight: bold;
	color: #444444;
	margin-top: 10px;
}

#footer h2
{
    text-shadow: #666 1px 1px 1px;       
}

#footer p
{
	color: #FFFFFF !important;
    text-shadow: #666 1px 1px 1px;    
}

	#footer a
	{
		color: #FFFFFF;
		font-size: 1.2em;
	}

#copyright
{
	color: #666666;
	padding-bottom: 10px;		
}

	#copyright li
	{
		font-size: 1.2em;		
	}

	#copyright a
	{
		color: #666666;
		text-decoration: none;
	}
	
	#copyright a:hover
	{
		text-decoration: underline;		
	}

/*********************** End Typography ***********************/ 


/*********************** Controls ***********************/
#slider
{
	width: 960px;
}
	
#nextBtn a
{
	position: absolute;
  	height: 47px;
	width: 26px;
	display: block;
	background: url('../images/btn-next.png');
	top: 290px;
	left: 920px;
}

	
#prevBtn a
{
	position: absolute;
	height: 47px;
	width: 26px;
	display: block;
	background: url('../images/btn-back.png');
	top: 290px;
	left: 15px;
}

/*********************** End Controls ***********************/


/*********************** MISC ***********************/ 
.left
{
   float: left;
}

.right
{
   float: right;
}

.clear
{
   clear: both;
}

.hidden
{
   display: none;
}

.block
{
   display: block;
}

.sprite:hover, .selected .sprite
{
   background-position: bottom left !important;
}

ul.no-bullet
{
   list-style-type: none;
}

    ul.no-bullet li
    {
        background-image: none;
    }

ul.no-margin
{
   margin-left: 0 !important;
}

.top-margin
{
   margin-top: 15px;
}

.top-margin-sm
{
   margin-top: 5px;
}

.left-margin
{
   margin-left: 30px;
}

.bottom-space
{
   padding-bottom: 15px;
}

.no-right-margin
{
	margin-right: 0px !important;	
}

.red-square
{
	display: block;
	width: 5px;
	height: 5px;
	background: url('../images/red-square.png') left top no-repeat;
	margin-top: 5px;
}

.btn-read-more
{
	display: block;
	height: 15px;
	width: 71px;
	background: url('../images/btn-read-more.png') top left no-repeat;
}

#col-right ul
{
    list-style: none;
    padding: 0 0 5px 10px;
}

#col-right ul li
{
    background: url('../images/red-square.png') 0 5px no-repeat;
    font-size: 14px;
    padding-left: 8px;
    padding-bottom: 5px;
}

#col-right ol
{
    margin-left: 8px;
    padding-left: 20px;
}

#col-right ol li
{
    font-size: 14px;
    padding-bottom: 5px;
}

em
{
    font-style: normal;
    font-weight: bold;
    color: #8c0305;
}

strong
{
    font-style: normal;
    font-weight: bold;
}

/*********************** END MISC ***********************/