/**
 * Theme Name: CARP Okanagan
 * Theme URI: http://carp-okanagan.ca
 * Description: A custom theme for CARP Okanagan.
 * Version: 1.0
 * Author: Peter Rudd
 * Author URI: http://newmediasyndicate.com
 * Tags: fixed, center, green, custom
 * Template: hybrid
 */
 
   /* Get reset CSS */
@import url('../hybrid/library/css/reset.css');

 /* Get base CSS */
@import url('../hybrid/library/css/20px.css');

/* Get layout CSS */
@import url('../hybrid/library/css/2c-l-fixed.css');

/* Get plugins CSS */
@import url('../hybrid/library/css/plugins.css');

/* Get drop-downs CSS */
@import url('../hybrid/library/css/drop-downs.css');

/* Get default CSS */
@import url('../hybrid/library/css/screen.css');

 
 
 
 
.left {
 	float:left;
 	}

.right {
	float:right;
	}

.clear {
	clear: both;
	}

 /*  STICKY FOOTER  
 *****************************/
 
 * {margin:0;padding:0;} 
html, body, #bgContainer {height: 100%;}
body > #bgContainer {height: auto; min-height: 100%;}

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
 


h1, h2, h3 {
	color: #007075;	
	}

h1 a {
	color: #551A8B
	}

body {
	font-family: Georgia, Times, serif;
	font-weight: normal;
	}

body.home {
	background: url(images/bg_main.jpg) top repeat-x;
	}

body.singular-page {
	background: url(images/bg_main_inside.jpg) top repeat-x;	
	}
	
body.singular-post {
	background: url(images/bg_main_inside.jpg) top repeat-x;	
	}

#body-container {
	margin:0 auto;
	overflow:hidden;
	width: 960px;
	padding-bottom: 150px;
	}

#bgContainer {
	background: url(images/bg_header.jpg) top center no-repeat;
	}

#header-container {
	padding-top:100px;
	}

#header {
	background: url(images/logo.png) top left no-repeat;
	margin: 0;
	margin-bottom:4px;
	}

#site-title a {
	color: #fff;
	padding-left:180px;
	text-decoration: none;
	font-size: 40px;
	font-weight: normal;
	}
	
#site-title {
	height:72px;
	line-height: 72px;
	margin:0;
	}

.page-title a, .entry-title a {
	text-decoration: none;
	}

.page-title, .entry-title {
	padding:10px 0;
	}

#navigation {
	height:27px;
	margin:0;
	line-height: 27px;
	}
	
.content {
	padding-top:10px;
	line-height: 1.3;
	}

.home .entry-title a {
	color: #fff;
	font-family: Georgia, Times, serif;
	font-weight: normal;
	font-style: italic;
}

.home .content {
	background: url(images/bg_mainpic.png) bottom no-repeat;
	height:209px;
	color: #fff;
	width: 960px;
	padding-top:6px;
}

.home .content a {
	color: #fff;
}

.home .content a:hover {
	color: #93BB4C;
}

.home .content .byline {
	display: none;
	}

.home .content .entry-meta {
	display: none;
}

.home .entry-content {
	width: 580px;
}

.button {
	background: #81b646 url(images/bg_button.png) bottom repeat-x;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
	border:1px solid;
	cursor:pointer;
	font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
	font-size:12px;
	font-style: italic;
	margin-top:-3px;
	padding:3px 16px;
	text-decoration:none;
	text-shadow:0 -1px 0 rgba(0, 0, 0, 0.3);
	border-color:#94c558 !important;
	color:#FFFFFF !important;
	font-weight:bold;
	margin-top:0px;
	margin-right: 20px;
	width:120px;
}

.button:hover {
	background: #81b646 url(images/bg_button.png) top repeat-x;
}

.homePanel {
	width:320px;
	float:left;
	padding-top:40px;
	margin-right:20px;
}

.homePanel .title {
	color: #007075;
	font-size: 22px;
	margin-bottom:10px;
}

#homePanels ul {
	list-style: disc;
	margin-left:20px;
	padding-left:10px;
	margin-top:10px;
}

.breadcrumb {
	color: #256600;
	font-size: 11px;
	}
	
.breadcrumb a {
	color:#256600;
	text-decoration: underline;
	}
	
.breadcrumb a:hover {
	color: #01aaad;
	text-decoration: none;
	}

.breadcrumb-trail {
	color: #256600;
	}

.breadcrumb-title {
	color: #000;
	}
	
a {
	color: #551A8B;
	text-decoration: underline;
	}	
	
a:hover {
	color: #551A8B;
	text-decoration: none;
	}


	
#footerbg {
	background: #92be4f url(images/bg_footer.jpg) repeat-x top;
	height:103px;
	margin:0;
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
	} 

#footer {
	padding-top:60px;
	margin:0 auto;
	overflow:hidden;
	width: 960px;
	color: #256600;
	}

#footer a {
	color: #256600;
	}


#footer .copyright, #footer .credit {
	font-size: 11px;
	}
	
#footer .copyright a {
	color: #256600;
	text-decoration: none;
	}

#page-nav li a {
	background:transparent;
	border:0;
	color:#fff;
/* 	margin:8px 30px 8px 0; */
	font-family: Arial, helvetica, sans-serif;
	text-decoration: none;
	}	

	
#page-nav li a:hover {
	text-decoration: none;
	color: #8abf4d;
	}

#page-nav li li a {
	padding-left:10px;
	}

#page-nav li ul {
	background:#266c09;
	border-right:1px solid #508589;
	border-left:1px solid #508589;
	border-bottom:1px solid #508589;
	border-top:0;
	line-height:1.0;
}

#page-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#page-nav ul {
	line-height: 1.0;
	}
.menu ul {
	position: absolute;
	top: -999em;
	width: 10em;
	}
#page-nav ul ul li {
	width: 100%;
	}
#page-nav li:hover {
	visibility: inherit;
	}
#page-nav li {
	float: left;
	position: relative;
	}
#page-nav a {
	display: block;
	position: relative;
	}
#page-nav li:hover ul, li.sfHover ul {
	left: 0;
	top: 2em;
	z-index: 99;
	}
#page-nav li:hover li ul, li.sfHover li ul {
	top: -999em;
	}
#page-nav li li:hover ul, li li.sfHover ul {
	left: 10em;
	top: 0;
	}
#page-nav li li:hover li ul, li li.sfHover li ul {
	top: -999em;
	}
#page-nav li li li:hover ul, li li li.sfHover ul {
	left: 10em;
	top: 0;
	}

#primary {
	margin-top:60px;
	}

#primary .textwidget img {
	border:8px solid #ccc;
	padding:1px;
	background: #fff;
	float: right;
	}

#primary .widget-title {
	display: none;
	}

blockquote {
	background: #93BB4C;
	color: #fff;
	padding:20px 20px 0 20px;
	overflow: hidden;
	font-size: 16px;
	margin-bottom:20px;
}

.home h2 {
	color: #fff;
}

#sm_icons {
	margin-right:40px;
}

#sm_icons img {
	vertical-align: middle;
	margin-right:10px;
}