/* 
========================================
LiftChurch.ca >> Site Layout and Styles
========================================
This CSS cucumber was pickled by:
>> Kyle Dutka at See Design
>> www.seedesign.ca | kyle [at] seedesign.ca
------------------------------
For notes see notes.css
------------------------------
*/

/* Colors 

Primary Link Colour: Dark Blue - #1d2a62
Secondary Link Colour: Light Blue - #67c9fa


*/


/* 
==============================
Layout/Structure
==============================
*/

html, body {
	height: 100%;
	min-height: 100%;
	}

body {
	margin:0;
	padding:0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	background: url(../../images/page_bkg.jpg) #FFFFFF fixed top center no-repeat;
	}

#container {
	position: relative;
	width: 960px;
	height: auto;
	min-height: 100%;
	margin: 0 auto;
	padding: 0;
	float: none;
	}

#header {
	height: 120px;
	margin: 0;
	padding: 0;
	}

#nav_container {
	position: relative;
	height: 75px;
	margin: 0 0 -10px 0;
	padding: 0;
	background: url(../../images/nav_bkg.png) bottom left no-repeat;
	z-index: 100;
	}

#main {
	position: relative;
	display: block;
	height: 100%;
	clear: both;
	width: 900px;
	overflow: auto;
	margin: 0;
	padding: 0 30px 20px 30px;
	background: url(../../images/main_bkg.png) repeat-y;
	float: none;
	}

#column1 {
	float: left;
	width: 560px;
	height: 100%;
	background-position:-50px;
	margin: 0;
	padding: 15px 20px;
	}

#column2 {
	float: left;
	width: 260px;
	display: inline;
	height: auto;
	height: 100%;
	min-height: 1200px;
	margin: 0;
	padding: 15px 20px;
	background: url(../../images/column2_bkg_full.png) bottom left no-repeat;
	}
	
#sidebar {
	position: relative;
	float: right;
	width: 325px;
	/* min-height: 300px; */
	margin: 0;
	padding: 0 0 0px 0;
	background: url(../../images/column2_bkg_sidebar.png) bottom left no-repeat;
	}

#column_both {
	position: relative;
	width: 860px;
	margin: 0;
	padding: 15px 20px;
	}

#footer {
	clear: both;
	display: block;
	position: fixed;
	bottom: 0;
	height: 25px;
	width: 100%;
	margin: 0px 0 0 0;
	padding: 20px 0 0 0;
	background: url(../../images/footer_bkg.png) top left repeat-x;
	text-align: center;
	}

/* 
==============================
General Styles
==============================
*/

/* --- Headers --- */


h1 {
	margin: 0;
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	}

h2 {
	margin: 0;
	padding: 0;
	font-size: 19px;
	font-weight: normal;
	}

h3 {
	margin: 0;
	font-size: 18px;
	font-weight: normal;
	}

h4 {
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	}

p {
	font-size: 12px;
	line-height: 18px;
	margin: 0px 0 10px 0;
	padding: 0;
	}
	
/* FOR ARTICLES	
p  {
	font-size: 12px;
	line-height: 20px;
	margin: 10px 0 10px 0;
	padding: 0;
	} */
	
/*
br {
	line-height: 0px;
	margin: 0;
	padding: 0;
	height: 0;
	}
*/

/* --- Links --- */

a {
	position: relative;
	color: #1d2a62;
	/* padding-bottom: 2px;
	border-bottom: 1px dotted #666666; */
	text-decoration: none;
	cursor: pointer;
	}

a:hover {
	position: relative;
	text-decoration: none;
	/* padding-bottom: 2px;
	border-bottom: 1px dotted #666666; */
	color: #000000;
	cursor: pointer;
	}
	
/* de-style all image links with borders 
 #nav a {
  border-bottom: none;
  padding-bottom: inherit;
 }	*/

a.link_go {
	color: #FFFFFF;
	font-size: 11px;
	letter-spacing: 0;
	/* height: 20px; */
	padding: 3px 31px 4px 5px;
	background: url(../../images/link_go.png) top right no-repeat ;
	}

	a.link_go:hover {
		cursor: pointer;
		color: #FFFFFF;
		background-position: right -20px;
		}
	
	a.link_go:active {
		background-position: right -40px;
		}

a.link_return {
	color: #FFFFFF;
	font-size: 10px;
	letter-spacing: 0;
	/* height: 20px; */
	padding: 3px 5px 5px 31px;
	background: url(../../images/link_return.png) top left no-repeat;
	}

	a.link_return:hover {
		background-position: left -20px;
		}
	
	a.link_return:active {
		background-position: left -40px;
		}

a img {
	border-bottom: none;
	}

a.link_external {
	padding-right: 12px;
	background: url(../../images/link_external.gif) top right no-repeat;
	}

a.link_external:hover {
	background-position: right -16px;
	}
	
/* This removes the annoying dotted line bug in Firefox when a link is clicked */

:focus {
  -moz-outline-style: none;
	}

/* --- Images --- */

img {
	border: none;
	}
	
.storybook img{
	float:left;
	padding-right:8px;
}

.content img {
	padding: 3px 10px 7px 0px;
	}
	
#footer img {
	padding: 0;
	}

/* --- Text Replacment --- */

h1.hide, h2.hide {
	text-indent: -7777777px;
	}

/* --- Forms --- */

input.text {
	color: #0099CC;
	width: 175px;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #CCCCCC;
	}

input:focus {
	border-bottom: 1px solid #666666;
	}

input.submit {
	width: 100px;
	}

input.checkbox {
	width: 20px;
	}

input.captcha {
	color: #0099CC;
	width: 60px;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #CCCCCC;
	}

textarea {
	color: #0099CC;
	width: 225px;
	height: 140px;
	border: 1px solid #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size: small;
	}

form {
	position: relative;
	margin: 0;
	padding-top: 5px;
	}


/* --- Dividers --- */

.divider {
	color: #CCCCCC;
	}

#footer .divider {
	color: #666666;
	}

hr {
	height: 2px;
	margin: 0;
	padding: 0;
	border: none;
	color: #F4F4F4;
	background: #F4F4F4;
	}




/* 
==============================
Header
==============================
*/

#logo {
	position: relative;
	float: left;
	text-indent: -7777777px;
	height: 120px;
	width: 250px;
	margin: 5px 0 0 50px;
	background: url(../../images/logo.png) top left no-repeat;
	z-index: 10;
	}

	/*
	#logo[id] {
		background: url(../../images/logo.png) top left no-repeat;
		}
	*/

#logo_bkg {
	position: absolute;
	left: -80px;
	height: 300px;
	width: 500px;
	background: url(../../images/logo_bkg.png) top left no-repeat;
	z-index: 0;
	}

#slogan {
	position: relative;
	float: left;
	text-indent: -7777777px;
	height: 100px;
	width: 275px;
	margin: 15px 0 0 25px;
	background: url(../../images/slogan.png) top left no-repeat;
	z-index: 10;
	}
	
#sundays {
	float: left;
	text-indent: -7777777px;
	height: 125px;
	width: 200px;
	margin: 0 0 0 0px;
	background: url(../../images/sundays.png) top left no-repeat;
	}
	
	a:hover #sundays {
		background-position: 0 -125px;
		}

#next_step {
	float: left;
	text-indent: -7777777px;
	height: 125px;
	width: 200px;
	margin: 0 0 0 -50px;
	background: url(../../images/next_step.png) top left no-repeat;
	}
	
	a:hover #next_step {
		background-position: 0 -125px;
		}


/* 
==============================
Footer
==============================
*/
	
#footer {
	font-size: 10px;
	color: #666;
	}

#footer .divider {
	color: #999;
	font-size: 14px;
}

#footer a{
	color: #666;
	border-bottom: 1px dotted #999;
	padding-bottom: 2px;
	text-decoration: none;
	}

#footer a:hover {
	color: #1d2a62;
	border-bottom: 1px solid #1d2a62;
	padding-bottom: 2px;
	text-decoration: none;
	}

#footer p {
	margin: 0;
	padding: 0;
	}

/* 
==============================
Tabs
==============================
*/

.container .tabs {
	position: absolute;
	top: 40px;
	left: 20px;
	}

.tabs ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	}

.tabs li {
	float: left;
	margin: 0 0 0 -25px;
	padding: 0 0 0 20px;
	list-style: none;
	/* background: url(../../images/tabs_left.png) top left no-repeat; */
	}

.tabs li a {
	display: block;
	position: relative;
	padding: 22px 20px 15px 5px;
	color: #000000;
	font-size: 14px;
	/* background: url(../../images/tabs_right.png) top right no-repeat; */
	}

/* --- States ---*/

.tabs li a:hover {
	color: #FF3300;
	}

.tabs li.selected a {
	color: #FF3300;
	font-weight: bold;
	cursor: default;
	}

.tabs li.selected {

	}

/* 
==============================
Pan-Page Styles
==============================
*/

/* Pages with Bread Crumb Trail i.e. Ministries */

#title h1 {
	float: left;
	}

#title h2 {
	float: left;
	font-size: 29px;
	}

#content_body {
	clear: both;
	}
	
#main div.container {
	padding: 5px 0 5px 0;
	clear: both;
	border-top: 1px #999 solid;
	}

div.container h2 {
	padding-bottom: 0px;
	border-bottom: 0px #999 solid;
}

#content_header {
	/* height: 100%; */
	border-bottom: 0px #CCCCCC solid;
	}

#social_networking_buttons{
	position:relative;
	text-align:right;
	top:10px;
	left:-5px;
	}

/*
------------------------------------------------------------------------------------------
Your {CREATIVITY} is RESTRICTED [when you think] your creativity is BOUND by your {ABILITY}.
םֹולָׁש 
------------------------------------------------------------------------------------------
*/