/*
Theme Name: Living Hope Church V1
Theme URI: http://livinghopelive.com/
Description: This is the first version of morelanc city church.
Version: 1.0
Author: Iftikhan Nazeem
Author URI: http://aidezigns.com/
email : iftikhan.nazeem@aidezigns.com

The below mentioned are the various sections of the stylesheet
=universal styles
=Main nav : Styles Related to the main navigation
=Footer nav : Styles Related to the main navigation
=Subnav Sub navigation links of template pages
=Branding : The styles for the section which contains the sublinks and the flash in the home page
=homepage : Home page specific styels
=Template Page layouts styles



 */


/* This css file contains the pagelayout required by the cb javascript file */
@import url('js_css_custom_border.css');

/* This css file contains the typographical styles */
@import url('typo.css');

/* This css file contains the contact form styles */
@import url('contact_form.css');

/* =universal styles
---------------------- */

* { padding:0; margin:0; } /* Remove the default padding and margins of all the elements  */


img { border:0; }

/* Default styling for all the lists. */
ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

.navigation { width:100%; height:auto; font-size:120%;  }

.navigation div { float:right; padding:0 1em; margin:1em 0; }

.navigation div.alignleft { border-right: 1px solid #000; }

/* This is the 21st Century by Tantek Celik to work with floats for standards compliant browsers */
.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

body { 
background:#371407 url(images/site_bg2.jpg) center top;
text-align:center; /* This is to center the page in win ie */ 
font-family:Georgia, "Times New Roman", Times, serif;
font-size:62.5%;
}

/* This is the wrapper div */
#container { 
margin:0 auto;
width:77.6em;
text-align:left;
max-width:100%;
background:#D6BC7C;
}

/* Various layout structures */
#threeColLayout{}

#twoColLayout{}

#oneColLayout{}

#oneColLayout #primaryContent{ margin:0; /*border:1px solid #000;*/ }

#content { width:100%; height:auto; background:#E7D4A4; }

/*#content p { margin:1em; }*/

/* Two Column Layout Structure  */
#twoColLayout #primaryContent{ width:73%; float:left; margin:0; margin-left:27%; display:inline; /*border:1px solid #000;*/ }

#twoColLayout #sideContent{ width:26%; float:left; margin:0; margin-left:-100%; background:#D0BA83; /*border:1px solid #000;*/}

/* KLUDGE: ie is not consistem with the left margins */
* html #twoColLayout #sideContent{ margin-left:-97%; }

/* end of layout structures */


/* =Main nav : Styles Related to the main navigation */
#mainNav{
font-weight:normal;
background:url(images/menu_strip.gif) left top repeat-x;
}

#mainNav ul{
list-style: none;
margin: 0;
padding: 0;
border: none;

/* KLUDGE : Required for floats to work properly  */
width:100%;
height:auto;

}

#mainNav li{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#mainNav a{
color: #000;
display: block;
text-decoration: none;
margin: 0;
padding: 1em 1em;
font-size:120%;
font-weight:bold;
background:url(images/menu_sep.gif) right top no-repeat;
}

#mainNav a.last { background:none; }

#mainNav a:hover, #mainNav a:active { background-color:#D7BC7C; }

#mainNav a.active:link, #mainNav a.active:visited{
position: relative;
z-index: 102;
font-weight: bold;
color:#CCCCCC;
}

/* =Footer nav : Styles Related to the main navigation */

#footerNav ul { 
margin:0;
padding:.5em 0;
list-style-type: none;
text-align: center;
}

#footerNav li{
display: inline;

}

#footerNav a{
text-decoration: none;
margin: 0;
color:#390300;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0 .5em;
}

#footerNav a:hover, #footerNav a:active { color:#FAE5B3; }

/* =Subnav Sub navigation links of template pages */


#subNav ul { 
list-style: none;
margin: 0;
padding: 0;
border: none;
margin:0em;
}

#subNav ul li ul { 
list-style: none;
margin: 0;
padding: 0;
border: none;
margin:1em;
}

#subNav li.pagenav { padding:0; border: none; }

#subNav li{
margin: 0;
padding: 0;
display:block;
padding:.5em .3em;
border-bottom:.1em dashed #000;
}

#subNav a{
text-decoration: none;
color:#390300;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
font-size:120%;
line-height:150%;
}

#subNav a:hover, #subNav a:active { color:#FAE5B3; }


/* default masthead */
#header {
background:#D5BB7C url(images/header_image.jpg) left top no-repeat;
height:16.2em;
width:73.6em;
}

#header h1 { text-indent:-900em; }

/* =Footer */
#footer {
background:#D5BB7C;
text-align: center;
}


/* =Branding : The styles for the section which contains the sublinks and the flash in the home page */

#branding { background:#854428; margin:0; padding:0; width:100%; height:auto; /* KLUDGE : Clears the float in win ie */ }

#branding ul, #branding #banner { float:left; }

#branding li{
background:url(images/hp_side_menus.jpg) left center no-repeat; 
padding:1.3em 1.5em;
text-indent:5.1em;
}

/* ie box model problem */
* html #branding li { text-indent:4.6em; }

#branding li.first{ background:url(images/hp_side_menu_first.jpg) left center no-repeat; }

#branding li.last{ background:url(images/hp_side_menu_last.jpg) left center no-repeat; }

#branding li a{
color: #fff;
text-decoration: none;
font-size:120%;
font-weight:bold;
}

#branding #banner { background:url(images/flash_banner_bg_image.jpg) repeat-x; padding:.8em .7em .9em .7em; }

* html #branding #banner { padding-top: 1.1em; }

#branding #banner img { border:2px solid #000; /*padding:.8em .7em .9em .7em;*/ /* The bottom border should be 1px extra as it has a tiny space */ }


/* =Template Page layouts styles */

#templatePage #content { width:99%;  border:.2em solid #B18454; }

#templatePage #fauxColumn { margin:1em 1em; background:#D0BA83; width:96%; height:auto; }

#templatePage #primaryContent { background:#E7D4A4; }

#twoColLayout #templatePage #primaryContent, #twoColLayout #templatePage #sideContent { 
/*margin-top:1em;  
margin-bottom:1em;*/
}

#templatePage #primaryContent h1 { margin:.5em; font-size:250%; }

#templatePage #primaryContent h1 span  { font-size:50%; }

#templatePage #primaryContent p { font-size:120%; line-height:150%; margin:1.1em; }

#templatePage #primaryContent h3 { font-size:120%; line-height:150%; margin:.7em; padding: .5em }

#templatePage #primaryContent h3#comments { background-color:#3b0401; color: #fff;  }

#templatePage #primaryContent p img { float: right; margin: 1em 0 1em 1em;}

#templatePage #primaryContent hr { margin: 1em; }

#templatePage #primaryContent ul, #templatePage #primaryContent ol { margin:0; list-style-position: inside; padding-left:1em; text-indent: 1em;  }

#templatePage #primaryContent li { font-size: 120%; line-height: 150%;  }

#templatePage #primaryContent div.podPress_content { float: none; margin:1em;  }

#templatePage #primaryContent p img.imgBig { float: none; margin:1em;  }
#templatePage #primaryContent p img.imgLeft { float: left; margin:1em; }
#templatePage #primaryContent p img.imgBlock { display: block; margin:1em; /*border: 2px solid #000;*/ }

/* =Blog listing Page layouts styles */



/* =homepage home page specific styels */
#home_page { }

#home_page #content { background:none; }

#home_page #primaryContent { width:42%; margin-left:0 /* This removes the margin given for the sub-page at the top under layout structures */ }

#home_page #secondaryContent { width:57%; float:right; }

#home_page #secondaryContent .imgBanner1 { border:.3em solid #D6BB7B; margin:.3em .3em .3em 0; }

#home_page #secondaryContent .imgBanner2 { border:.2em solid #673D17; margin:.3em .3em .3em 0; }

#home_page .hp_container { border:.2em solid #673D17; margin-bottom:.5em; width:98%; height:auto;}

#home_page #primaryContent .hp_container { background:#E7D4A4; border:.2em solid #B18454; }

#home_page #secondaryContent .hp_container { background:#D6BC7B; } 

#home_page h1 { background:url(images/patterns.gif) left top repeat-x; }

#home_page h1 img { padding:.3em; vertical-align:middle; }
#home_page h1 img.pastorImg { padding:0; }
#home_page p, #home_page form  { 
margin:1em; 
font-size:120%; 
line-height:150%; 
}

#home_page p, #home_page form input { vertical-align:middle; }

#home_page p img { float:right; padding:.5em .5em .5em 1em; }

#home_page form .nameLbl { background:#fff url(images/name_label.gif) left center no-repeat; }
#home_page form .emailLbl { background:#fff  url(images/email_label.gif) left center no-repeat; }

#home_page .imgFloat { float:right; padding:1em; }