/*
Theme Name: New Horizon Church Blank
Theme URI:
Description: This theme is not to be copied or redistributed unless attribution is given or radical changes make it unrecognizable. This theme is for use primarily for websites created and maintained by Aaron Best.
Author: Aaron Best
Author URI:
Version: 1
 
*/

/* Inital Settings */
html
{
	height:100%;
}

body
{
	background:url(./img/background.png);
	background-position:center top;
	background-repeat:repeat-y;
        background-color: #f5f5f5;
	color: #333;
	margin:0;
	padding:0;
	height:100%;
	font-size:14px;
	font-family: Century Gothic, sans-serif;
}

@font-face {
    font-family: 'Compass';
    src: url('fonts/compasslight-webfont.eot');
    src: url('fonts/compasslight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/compasslight-webfont.woff') format('woff'),
         url('fonts/compasslight-webfont.ttf') format('truetype'),
         url('fonts/compasslight-webfont.svg#compass_ltregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* Wrappers */
div#wrapper
{
	width:960px;
	margin:0px auto;
	position:relative;
	height:100%;
}

div#container
{
	width:100%;
}

div#content {
	width:60%;
	float:left;
	margin:20px;
}

div#content h2
{
	font-size:280%;
	font-family: "Compass",Sans-Serif;
	font-weight:lighter;
	line-height:90%;
	margin-top:16px;
	margin-bottom:8px;
}	

div#content h2 span
{
	color:#db3c39;
}

div#home-banner
{
	width:100%;
	background:url(http://www.newhorizonchurch.ca/wp/wp-content/uploads/2012/12/home-banner.jpg);
	clear:both;
	height:200px;
}

div#ab-sidebar
{
	float:right;
	width:30%;
	margin:20px;
	padding:0;
}

div#red-side
{
	height:100%;
	width:20px;
	background:#db3c39;
	float:left;
}

ul#ab-custom-area
{
	list-style:none;
	margin:0;
	padding:0;
}

ul#ab-custom-area li
{
	margin:0;
	padding:0;
}

div.abcustom-widget
{
	background:#db3c39;
	padding:8px;
	padding-top:16px;
	color:#fff;
}

div.abcustom-widget h2
{
	margin:0;
	padding:0;
	font-family: "Compass",Sans-Serif;
	font-size:200%;
	line-height:85%;
	color:#fff;
}
div.abcustom-widget h2 span
{
	color:#db3c39;
}
div.abcustom-widget a
{
	color:#000;
}

div.abcustom-widget2
{
	padding:10px;
	margin-top:14px;
	color:#000;
	background:whitesmoke;
	cursor:pointer;
}

div.abcustom-widget2 h2
{
	font-size:280%;
	font-family: "Compass",Sans-Serif;
	font-weight:lighter;
	margin:4px;
	margin-top:16px;
	padding:0;
	line-height:90%;
	margin-bottom:-8px;
}

div.abcustom-widget2 h2 span
{
	color:#db3c39;
}	
/* Header */
div#header
{
	background:url('./img/top_bg.png');
	height:246px;
	position:relative;
	width:100%;
}

div#ab-search
{
	float:right;
	margin:10px;
}

div#ab-search a
{
	color:white;
	text-decoration:none;
}
/*--- Logo ---*/
#ab-logo
{
	float:left;
	margin:40px;
	color:#fff;
}
#ab-title-left
{
	float:left;
	margin-right:10px;
}
#ab-title-title
{
	font-size:280%;
	font-family: "Compass",Sans-Serif;
	line-height:90%;
	margin-top:16px;
	color:#db3c39;
}
#ab-title-title:hover
{
	color:#fff;
	cursor:pointer;
}
#ab-title-subtitle
{
	font-size:90%;
}
#ab-title-right
{
	float:right;
	border-left:1px solid #fff;
	padding-left:10px;
}
#ab-title-phone
{
	font-size:180%;
}

/* Header Menu */
/* To see a menu in your header, you'll need to first add one in WordPress Admin */

div#ab-top-menu-container
{
	position:absolute;
	bottom:0;
	right:0;
}

div#ab-top-menu-container ul,li
{
	margin:0;
	padding:0;
}

#ab-top-menu{
	list-style:none;
	position:relative;
	z-index:5;
	margin:0px;
	padding:0px;
}
#ab-top-menu li{
	float:left;
	position:relative;
	margin:0px;
	padding:0px;
}
#ab-top-menu a{
	display:block;
	color:#fff;
	text-decoration:none;
	padding:14px;
	text-transform:uppercase;
}
#ab-top-menu a:hover{
	text-decoration:none;
	color:#db3c39;
}

/*--- DROPDOWN ---*/
#ab-top-menu ul{
	list-style:none;
	position:absolute;
	background:url('./img/top_bg.png');
	left:-9999px; /* Hide off-screen when not needed (this is more ab-top-menuible than display:none;) */
}
#ab-top-menu ul li{
	float:none;
}
#ab-top-menu ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#ab-top-menu li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#ab-top-menu li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	text-decoration:none;
	color:#db3c39;
}
#ab-top-menu li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
	color:#fff;
	margin:8px;
	padding:0;
}
#ab-top-menu li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	text-decoration:none;
	color:#db3c39;
}


#hidetitle
{
	display:none;
}
/* Entry Titles */
h1.entry-title
{
	color: #000000;
	margin:0;
	padding-bottom:0;
	line-height:1;	
}
h2.entry-title
{
	margin-bottom:0;
	padding-bottom:0;
	line-height:1;	
}
h2.entry-title a
{
	color: black;
	margin:0;
	padding:0;
}
h2.entry-title a:hover
{
	color: #666666;
	text-decoration:none;
}
h2.entry-title a:visited
{
	color: black;
}
h1.page-title
{
	color: black;
	margin:0;
	padding:0;	
}

/* Media Alignment */
.alignright
{
	/* Style for right-aligned images in posts */
	padding: 8px 0 8px 8px;
	float: right;
}
.alignleft
{
	/* Style for left-aligned images in posts */
	padding: 8px 8px 8px 0;
	float: left;
}

/* Entry Content */
.entry-content a
{
	color:#60a7de;
}
.entry-content a:hover
{
	
}
.entry-utility
{
	font-size:90%;
}
.entry-meta
{
	/* Style for the entry metadata (author, etc.) */
	padding-top:0px;
	margin-top:0px;
	font-size:85%;
}
.skip-link
{
	/* Style for the skip link */
	/*position: absolute;
	left: -9000px;*/
}

/* Older and Newer Post Links */
.navigation a
{
	padding-top:20px;
	color:black;
	font-weight:bold;
	/* Style for the navigation links (next/previous post) on a given post */
}
.navigation a:hover
{
	padding-top:20px;
	font-weight:bold;
	text-decoration:none;
	/* Style for the navigation links (next/previous post) on a given post */
}

/* Footer */
div#footer
{
	width:100%;
	clear:both;
	background:#f0f0f0;
}

ul#ab-custom-area2
{
	list-style:none;
	margin:20px auto;
	padding:0;
	width:85%;
}

ul#ab-custom-area2 li
{
	float:left;
	margin-left:5%;
	width:28%;
}

ul#ab-custom-area2 ul
{
	list-style:none;
	margin:0;
	padding:0;
}
ul#ab-custom-area2 ul li
{
	float:none;
	width:100%;
}
ul#ab-custom-area2 ul li ul
{
	list-style:circle;
	margin-left:10px;
}
ul#ab-custom-area2 ul li a
{
	color:#000;
}
ul#ab-custom-area2 ul li a:visited
{
	color:#000;
}
ul#footer-menu{
	list-style:none;
	position:relative;
	z-index:5;
	margin:0px;
	padding:0px;
	display:none;
}

#footer-menu li{
	float:left;
	margin-left:10px;
}

#footer-menu li a{
	font-size:85%;
	color:#000;
	text-decoration:none;
}

#copyright {
	color:#aaa;
	font-size:80%;
	clear:both;
	padding:10px;
}