/*
Theme Name: AFGC
Theme URI: http://www.abbotsfordfishandgameclub.org
Author: DC3
Author URI: http://wordpress.org/
Description: This is the AFGC Template.
Version: 1
*/

@import url('reset.css');
@import url(//fonts.googleapis.com/css?family=Oswald:700);


/* Colors

yellow:			ffff7e
green:			4b6e5d
dark green:		2a3e34
light grey:		3e3f41
dark grey:		252525
--------------------------------------------------------- */


/* Global Formatting
--------------------------------------------------------- */

html, body					{height: 100%;}
body 						{background: url(images/bg-body.jpg) top left repeat #f1f1f1; font: 14px/1 Arial, Tahoma, sans-serif; color: #333;}
a							{color: #4b6e5d; outline: none;}
a:hover						{color: #2a3e34;}
a img, img					{border: 0;}
p,ul,ol,li						{margin-bottom:0.8em;}
li						{margin-bottom:0.6em;}
p,li						{line-height:1.5;}
h1,h2,h3,h4,h5,h6			{font-weight: normal;}
strong, b					{font-weight: bold;}
em, i						{font-style: italic;}
h2, h3, h4						{font-family: "Oswald", Arial, Tahoma, sans-serif; font-size: 34px; font-weight: 700; text-transform: uppercase;}
h3							{font-size: 21px; margin: 0 0 10px; line-height: 1.2;}
h2 a, h3 a, h4 a					{text-decoration: none;}
h4							{font-size: 18px; margin: 0 0 10px; line-height: 1.2; color: #4b6e5d;}

/* Quick Classes
--------------------------------------------------------- */

.clear						{clear: both;}
.fleft						{float: left;}
.fright						{float: right;}
.clearfix:after 			{content: "."; display: block; clear: both; visibility: hidden;	line-height: 0;	height: 0;}
.clearfix 					{display: inline-block;}

/* Container Formatting
--------------------------------------------------------- */

.wrapper 					{float: left; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -127px;}
.wrap						{position: relative; width: 960px; margin: 0 auto; padding: 0px 20px;}
.footer, .push 				{height: 127px;}
.push						{float: left; width: 100%;}
.footer						{min-width: 1000px; background: url(images/footer-background.gif) repeat-x top left; display: block; float: left; width: 100%;}

/* Header Formatting
--------------------------------------------------------- */

.headerContainer 			{float: left; width: 100%; height: 51px; background: url(images/bg-topheader.jpg) top left repeat-x; display: block;}
.siteLogo					{position: absolute; top: 10px; left: 355px; z-index: 10;}
.siteLogo a					{width: 281px; height: 133px; background: url(images/logo-new.png) top left no-repeat; display: block; text-indent: -9999px;}
.siteTitle					{float: left; margin: 15px 0 0; text-shadow: 0 1px 1px #666}
.siteTitle a				{color: #fff; font-size: 20px; font-family: "Oswald", Arial, Tahoma, sans-serif; font-weight: 700; text-transform: uppercase; text-decoration: none;}
.location					{float: right; color: #fff; font-size: 11px; text-align: right; margin: 3px 0 0;}
.location a					{color: #ffff7e;}

/* Menu Formatting
--------------------------------------------------------- */

.menuContainer				{float: left; width: 100%; height: 41px; background: url(images/bg-menu.jpg) top left repeat-x;}
.menu						{float: left; list-style: none; margin: 0;}
.menu li					{float: left; font-size: 12px;}
.menu li a					{color: #aaa; text-decoration: none; display: block; padding: 13px 7px; text-shadow: 0 1px 1px #111;}
.menu li:hover a			{color: #fff; text-shadow: 0 1px 1px #666;}
.menu li.current_page_item a,
.menu li.current-page-ancestor a,
.menu li.current_page_parent a	{color: #fff;}

.rightMenu					{position: relative; float: right;}
						
/* Dropdown Menu */

.menu li .sub-menu			{position: absolute; width: 200px; background: #4b6e5d; border: 1px solid #577f6b; list-style: none; display: none; margin: 0; top: 40px; z-index: 11; border-radius: 3px; box-shadow: 0 1px 2px #111;}
.menu li .sub-menu li 		{float: none; position: relative;}
.menu li .sub-menu li.arrow	{background: url(images/icon-menuarrow.png) center right no-repeat; display: block;}
.menu li .sub-menu li a		{padding: 5px;}
.menu li .sub-menu li a:hover,
.menu li .sub-menu li:hover a,
.menu li .sub-menu li .sub-menu li a:hover	{color: #2a3e34; text-shadow: 0 1px 0 #577f6b;}
.menu li:hover .sub-menu	{display: block;}
.menu li .sub-menu li .sub-menu			{top: 0; left: 200px; display: none; border-radius: 3px;}
.menu li .sub-menu li:hover .sub-menu	{display: block;}
.menu li .sub-menu li .sub-menu li a {color: #fff; text-shadow: 0 1px 1px #666;}
						
.searchBox					{position: relative; float: right; margin: 5px 0 0;}
.searchInput				{width: 200px; height: 28px; color: #555; background: #eaeaea; border: 1px solid #1f1f1f; padding: 0 5px; border-radius: 3px; box-shadow: 0 1px 0 #3d3d3d;}
.searchButton				{position: absolute; width: 16px; height: 16px; background: url(images/icon-search.png) top left no-repeat; border: none; padding: 0; cursor: pointer; right: 5px; top: 8px;}

/* Sub Nav */

.subnavContainer			{width: 100%; height: 30px; background: rgba(255, 255, 255, 0.5); border-bottom: 1px solid #fff;}
.subnav						{float: left; height: 30px; list-style: none; margin: 0;}
.subnav li .children		{display: none;}
.subnav li					{float: left;}
.subnav li a				{font-size: 11px; line-height: 30px; text-decoration: none; display: block; padding: 0 6px;}

/* Banner Formatting
--------------------------------------------------------- */

.bannerContainer			{float: left; width: 100%; height: 68px; background: url(images/bg-banner.jpg) bottom left repeat-x;}
.home .bannerContainer		{height: 300px;}
.bannerContainer .pageTitle	{color: #ffff7e; font-size: 30px; padding: 20px 0 0;}

/* Slider Formatting */

.slider-wrapper				{padding: 10px 0 0;}
#slider						{height: 255px; margin: 0; box-shadow: 0 1px 2px #111;}
.slider-wrapper.theme-default .nivo-controlNav		{padding: 10px 0 0;}

/* Main Formatting
--------------------------------------------------------- */

.mainContainer				{float: left; width: 100%; margin: 10px 0 20px; color: #333;}
.main						{}
.mainContent				{float: left; width: 640px;}
.mainContent h2				{margin-bottom: 15px;}

/* Breadcrumb */

.breadcrumb					{font-size: 11px; border-bottom: 1px solid #ccc; margin: 0 0 10px; padding: 0 0 10px;}
.breadcrumb a				{text-decoration: none;}

#content ol,
#content ul					{margin: 10px 0 5px 30px;}

/* Comments Formatting */

#respond, #comments			{border-top: 1px solid #ccc; margin: 20px 0 0; padding: 20px 0 0;}
#respond					{float: left;}
#comments					{border-top: none;}
.commentList #respond		{float: left; width: 900px; border-top: none; margin: 0 0 0 60px;}
#comments h3 em				{color: #4b6e5d;}
#reply-title a				{font-size: 11px; font-family: Arial, Tahoma, sans-serif; font-weight: normal; text-transform: none;}
.commentList				{list-style: none;}
.commentList li				{float: left; width: 960px; border-top: 1px solid #ccc; margin: 20px 0 0; padding: 10px 0 0;}
.comment-author img			{float: left;}
.comment-author .fn			{font-size: 12px; font-weight: bold; margin: 0 0 0 50px;}
.comment-meta				{font-size: 11px; margin: 0 0 0 50px;}
.comment-body				{margin: 10px 0 0 50px;}

.commentList li .children	{float: left; width: 900px; list-style: none; margin: 0 0 0 50px; border-left: 3px solid #999; padding: 0 0 0 10px; }
.commentList li .children li	{width: 900px;}

#commentform p				{float: left; width: 100%;}
#commentform label			{float: left; margin: 0 0 5px;}
#commentform .required		{float: left;}
#commentform .comment-notes .required	{float: none;}
#commentform p input		{float: left; font-size: 12px; border: none; padding: 5px; clear: both; border-radius: 3px;}
.comment-form-comment #comment	{float: left; width: 500px; height: 100px; font-family: Arial, Tahoma, sans-serif; font-size: 12px; clear: both; border: none; padding: 10px; border-radius: 3px; resize: none;}
.form-submit #submit		{background: url(images/bg-topheader.jpg) top left repeat-x; color: #fff; border: 1px solid #6e7842; cursor: pointer; padding: 5px 10px; text-shadow: 0 1px 1px #555; border-radius: 3px; box-shadow: 0 1px 2px #ccc;}
.form-submit #submit:hover	{text-shadow: none;}

/* Sidebar Formatting
--------------------------------------------------------- */

#sidebar 						{float: right; width: 300px; margin: 0 0 0 20px;}
#sidebar ul						{list-style: none; margin: 0;}
#sidebar .sidebarItems			{margin: 0 0 20px;}
#sidebar .sidebarItems li		{margin: 0 0 5px;}
#sidebar #archives ul li		{margin: 0 0 5px;}
#sidebar li.categories			{margin: 10px 0 0; font-weight: bold;}
#sidebar .categories ul			{margin: 3px 0 0 20px;}
#sidebar .categories ul li		{font-weight: normal; margin: 0 0 5px;}
#sidebar .dynamicSidebar		{margin: 0 0 0px;}
#sidebar #recent-posts-2 ul li		{margin: 0 0 6px;}
#sidebar h3				{margin-top: 25px;}

/* Main Content Widget Formatting
--------------------------------------------------------- */

ul.mainWidgetArea 			{list-style: none; margin-left: 0 !important;}

/* Footer Formatting
--------------------------------------------------------- */

.footer						{color: #f1f1f1;}
.footerLeft					{float: left; padding: 10px 0 0;}
.footerLeft a				{color: #25362e;}
.footerRight				{float: right; padding: 10px 0 0;}
.footerRight ul				{list-style: none; margin: 0;}
.footerRight ul li			{float: left;}
.footerRight ul li a		{color: #fff; border-right: 1px solid #f1f1f1; padding: 0 5px;}
.footerRight ul li a:hover	{text-decoration: none; color: #25362e;}
.footerRight ul li:last-child a	{border-right: none;}
.footerRight ul li .sub-menu	{display: none;}


/* Home Content Formatting 
--------------------------------------------------------- */

.homeContent .mission		{color: #4b6e5d; text-align: center; margin: 20px 0;}
.blogContent .mission		{color: #4b6e5d; text-align: center; margin: 20px 0;}

/* Search Formatting
--------------------------------------------------------- */

.searchContent .page-title		{margin: 0 0 20px;}
.searchContent .page-title span	{color: #4b6e5d;}
.searchContent .hentry			{margin: 0 0 20px;}
.searchContent .hentry h3		{font-size: 18px; margin: 0 0 5px;}
.searchContent .entry-info		{border-bottom: 1px solid #ccc; margin: 0 0 10px; padding: 0 0 10px;}
.searchContent .entry-meta		{float: left; font-size: 11px;}
.searchContent .entry-utility	{float: right; font-size: 11px;}


/* Events Formatting
--------------------------------------------------------- */

.events-calendar								{float: left; width: 640px;}
.events-today									{float: left; width: 300px; margin: 0 0 0 20px;}
.events-today .gce-page-list ul li,
#sidebar .gce-page-list ul li					{background: none; padding: 0; border: none; box-shadow: none;}
.events-today .gce-page-list ul li ul li,
#sidebar .gce-page-list ul li ul li				{background: rgba(255, 255, 255, 0.5); border: 1px solid #ccc; margin: 0 0 10px; padding: 0 0 5px; border-radius: 3px; box-shadow: 0 1px 2px #ccc;}
.events-today .gce-page-list .gce-list .gce-list-title	{font-size: 24px; margin: 0 0 5px;}

.gce-page-grid .gce-calendar					{}
.gce-page-list									{float: left; width: 300px;}
.gce-page-list ul								{list-style: none; margin: 0;}
.gce-page-list ul li							{background: rgba(255, 255, 255, 0.5); border: 1px solid #ccc; margin: 0 0 10px; padding: 0 0 5px; border-radius: 3px; box-shadow: 0 1px 2px #ccc;}
.gce-page-list ul li .gce-list-event			{color: #333; margin: 0 0 5px; padding: 5px; border-radius: 3px 3px 0 0;}
.gce-page-list ul li div						{padding: 5px;}
#content .gce-page-grid .gce-calendar th		{padding: 10px;}
.gce-page-grid .gce-calendar .gce-caption,
.gce-page-grid .gce-calendar .gce-month-title	{font-size: 24px; font-weight: bold;}
.gce-page-grid .gce-calendar .gce-caption		{padding: 10px 0;}
.gce-page-grid .gce-calendar .gce-next,
.gce-page-grid .gce-calendar .gce-prev			{font-size: 20px;}
#content .gce-page-grid .gce-calendar .gce-has-events,
#sidebar .gce-page-grid .gce-calendar .gce-has-events	{color: #FB8F8F;}
.gce-page-grid .gce-calendar .gce-day-past		{color: #999;}
.gce-page-grid .gce-calendar .gce-has-events.gce-day-past	{color: #2a3e34;}
.gce-page-grid .gce-calendar .gce-today			{color: #333;}
.gce-page-grid .gce-calendar .gce-has-events:hover	{background: #ccc;}
.gce-page-grid .gce-calendar td					{color: #666;}


/* Blog Formatting
--------------------------------------------------------- */

.blogContent .post,
.query_post							{background: rgba(255, 255, 255, 0.5); border: 1px solid #ccc; margin: 0 0 20px; padding: 10px; border-radius: 3px; box-shadow: 0 1px 2px #ccc;}
.blogContent .page-title span		{color: #4b6e5d;}
.blogContent .post .entry-info		{color: #999; border-bottom: 1px solid #ccc; margin: 0 0 10px; padding: 0 0 10px;}
.blogContent .post .entry-meta		{float: left; font-size: 11px;}
.blogContent .post .entry-utility	{float: right; font-size: 11px; margin-top: 6px;}
.blogContent .post .tag-links		{float: right; font-size: 11px;}

.blogContent .post .gallery-item	{float: left; height: 150px; margin: 2px;}
.blogContent .post .gallery-item:hover	{opacity: 0.8;}

.blogContent .meta-prep.meta-prep-author, .blogContent a .entry-date
{
	font-family: "Oswald",Arial,Tahoma,sans-serif;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}
	
/* Current Affairs Home page */

#content .current-affairs			{list-style: none; margin: 0;}
.current-affairs li					{position: relative; margin: 0 0 10px;}
.current-affairs li .info			{position: absolute; width: 640px; height: 35px; background: rgba(0, 0, 0, 0.8); bottom: 3px; left: 0;}
.current-affairs li .title			{margin: 5px;}
.current-affairs li.header			{margin: 20px 0 10px;}

.current-affairs li.afgc-club			{float: left; width: 210px; height: 200px; margin: 0 4px 0 0;}
.current-affairs li.afgc-club.nomargin	{margin: 0 0 10px;}
.current-affairs li.afgc-club .info		{width: 210px; height: auto; bottom: 0;}
.current-affairs li.afgc-club .title	{font-size: 15px;}

/* Single Page */

.singleContent .commentList li					{width: 640px;}
.singleContent .commentList li .children li		{width: 580px;}
.singleContent .entry-meta						{font-size: 11px; color: #999; border-bottom: 1px solid #ccc; margin: 5px 0 10px; padding: 0 0 10px;}
.singleContent .entry-content					{background: rgba(255, 255, 255, 0.5); border: 1px solid #ccc; padding: 10px; border-radius: 3px; box-shadow: 0 1px 2px #ccc;}
.singleContent .post .gallery-item				{float: left; height: 150px; margin: 2px;}
.singleContent .post .gallery-item:hover		{opacity: 0.8;}
.singleContent .entry-content td	{padding: 3px 0px;}
.singleContent .entry-content table	{margin-bottom: 0.8em}

/* Contact Formatting
--------------------------------------------------------- */

#content .contactList				{width: 960px; list-style: none; margin: 0;}
.contactList li						{float: left; width: 960px; border-bottom: 1px solid #ccc; padding: 5px 0;}
.contactList li:hover				{background: #eaeaea;}
.contactList li.contactHeader		{font-size: 16px; font-weight: bold; text-align: center; background: none;}
.contactList li.clear				{float: none;}
.contactList li .contactTitle,
.contactList li .contactName,
.contactList li .contactPhone		{float: left; width: 320px;}


/* Media Formatting
--------------------------------------------------------- */

.youtubechannelEntry				{float: left; width: 230px; margin: 10px 10px 0 0;}
.youtubechannelEntry h4				{margin: 5px 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.youtubechannelEntry:hover			{opacity: 0.8;}


.notice.important 					{text-align: left; margin-top: 10px; border: 1px solid #B94A48; background-color: #FFBABA; padding: 10px; line-height: 2.2em; color: #B94A4B; border-radius: 3px;}
.notice h3 							{font-size: 21 px; color: #B94A4B;}
.notice.important a {color: #873637;}
.notice.success 						{text-align: left; margin-top: 10px; border: 1px solid #4F8A10; background-color: #DFF2BF; padding: 10px; line-height: 2.2em; color: #339933; border-radius: 3px;}
.notice.success h3 						{font-size: 21 px; color: #339933; margin-top: 0 !important;}
.notice.success a {color: #339933;}

.notice.afgc 						{text-align: left; margin-top: 10px; border: 1px solid #4c5e58; background-color: #b5c4b9; padding: 10px; line-height: 2.2em; color: #4c5e58; border-radius: 3px;}
.notice.afgc h3 						{font-size: 1.3em; color: #4c5e58; margin-top: 0 !important;}

img.alignright	{float: right; margin: 0 0 10px 10px;}

/* Bulletin Formatting
--------------------------------------------------------- */

.bulletin_wrapper 					{width: 300px; height: 300px; padding: 0 10px; margin-bottom: 20px; border: 1px solid #e4df50; border-radius: 10px; background-color: #ffffe5;}
.bulletin							{}
.bulletin img						{max-width: 100%;}
.bulletin hr 						{margin: 0.5em 0;}
.bulletin h3						{font-size: 1.0em;}


/* Google Event Calendar Widget Formatting
--------------------------------------------------------- */

.gce-widget-list .gce-list .gce-list-event {
    margin-top: 15px;
}

/* Forum Formatting
--------------------------------------------------------- */

.forumMenu {
	background: none;
	border-bottom: 1px solid #ccc;
}

.forumMenu .menu li a {
		text-shadow: none !important;
		color: #4b6e5d !important;
}

.forumMenu .menu li a:hover {
		text-shadow: none !important;
		color: #2a3e34 !important;
}

#bbpress-forums .bbp-forums-list li {
display: list-item !important;
}

#bbpress-forums li.bbp-header {
	background: #516456 !important;
	color: #FFF !important;
}

#bbpress-forums div.bbp-forum-header,
#bbpress-forums div.bbp-topic-header,
#bbpress-forums div.bbp-reply-header {
	background-color: #b7c9bc !important;
}

span.bbp-admin-links a {
	color: #4b6e5d !important;
}

.bbp-forum-header a.bbp-forum-permalink,
.bbp-topic-header a.bbp-topic-permalink,
.bbp-reply-header a.bbp-reply-permalink {
	color: #4b6e5d !important;
}

#bbpress-forums a.favorite-toggle,
#bbpress-forums a.subscription-toggle {
	color: #fff;
}

div.bbp-submit-wrapper {
    float: left !important;
}

img.sclub {
    margin: 0 0 6px 0;
}