/*
Theme Name: eaga
Theme URI: http://eaga.ca/
Description: Custom WordPress theme for eaga.ca
Version: 1
Author: October17Media
Author URI: http://october17media.com/
Tags: fixed width, two column, grey, minimalistic
*/

/* Reset
-----------------------------------------------------------------------------------------------*/	

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }

/* Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/	

ol#accessibility-nav, 
.hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* Clearfix
-----------------------------------------------------------------------------------------------*/

.clearfix:after,
.container:after,
.container:after,
#sidebar .module:after,
#footer:after,
.list-wrap:after,
#content ul.partners-list li:after,
#content ol.contactform li:after,
#content .contact-info:after,
.navigation:after
{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* ie fixes */
.clearfix,
.container,
#sidebar .module,
#footer,
.list-wrap,
.description,
#content ul.partners-list li,
#content ol.contactform li,
#content .contact-info,
.navigation { zoom: 1; }


/* Default Styles
-----------------------------------------------------------------------------------------------*/	

body { background: #fff url(images/bg.png) repeat-x; color: #666; font: 62.5%/1.6 Arial, Helvetica, sans-serif; text-align: center; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: Arial, Helvetica, sans-serif; }
a, a:visited { color: #4aa02c; text-decoration: underline; }
a:hover, a:active { color: #254117; text-decoration: none; }


/* LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	


/* Structure
-----------------------------------------------------------------------------------------------*/	

.wrapper { width: 890px; position: relative; margin: 0 auto; text-align: left; font-size: 1.2em; }
#content { width: 599px; float: left; padding-right: 30px; border-right: 1px solid #ccc; padding-left: 20px; min-height: 455px; height: auto !important; height: 455px; position: relative; }
#sidebar { width: 190px; float: right; padding-left: 40px; padding-right: 10px; }
.description { clear: both; position: relative; }

body.home #content { width: 449px; }
body.home #sidebar { width: 340px; }



/* 2.2	Header
-----------------------------------------------------------------------------------------------*/	

/* logo */
.eaga, 
.eaga span { display: block; overflow: hidden; width: 185px; height: 96px; }
.eaga { position: relative; }
.eaga span { background: url(images/eaganew.PNG) no-repeat; position: absolute; top: 0; left: 0; z-index: 10; }
a.eaga span { cursor: pointer; }

.logo-phone-email { height: 116px; overflow: hidden; position: relative; padding: 20px 20px 0 20px; }
.logo-phone-email ul { float: right; text-align: right; font-size: 1.2em; padding-top: 3px; }
.logo-phone-email .eaga { float: left; }
.logo-phone-email a { color: #666; text-decoration: none; }
.logo-phone-email a:hover { text-decoration: underline; }
.logo-phone-email .phone { background: url(images/ico-phone.png) no-repeat center right; }
.logo-phone-email .email { background: url(images/ico-mail.png) no-repeat center right; }
.logo-phone-email li { padding-right: 30px; margin-top: 21px; }


/* 2.3	Navigation
-----------------------------------------------------------------------------------------------*/
#navigation { background: #fff url(images/bg-nav.png) repeat-x top left; height: 51px; }
#navigation li { float: left; text-align: center; width: 148px; background: url(images/bg-nav-li.png) no-repeat 100% 21px; line-height: 1; font-size: 1.3em; text-transform: lowercase; position: relative; }
#navigation li.page-item-12 { background: none; }
#navigation a { display: block; text-decoration: none; color: #666; padding: 19px 0 16px; width: 148px; }
#navigation a:hover,
#navigation li.current_page_item a,
#navigation li.current_page_parent a { color: #4aa02c; }
#navigation li.current_page_item a,
#navigation li.current_page_parent a { font-weight: bold; }
#navigation li.current_page_item li a { color: #666; font-weight: normal; }
#navigation li.current_page_item li a:hover,
#navigation li.current_page_item li.current_page_item a { color: #4aa02c; }
#navigation li.current_page_item li.current_page_item a { font-weight: bold; }

/* drop down */
#navigation li ul { position: absolute; width: 148px; left: -999em; top: 51px; }
#navigation li:hover ul, #navigation li.hover ul { left: auto; }
#navigation ul ul { background: #fff url(images/bg-nav.png) repeat-x top left; }
#navigation ul ul a { text-align: left; border-bottom: 1px solid #ccc; padding: 10px 15px; width: 118px; }
#navigation ul ul { font-size: .8em; }
#navigation ul ul li { float: none; background: none; }

/* 2.4	Content
-----------------------------------------------------------------------------------------------*/	
.container { padding: 30px 0; }
.container p, 
.container ul, 
.container ol { padding-bottom: 12px; }
#content h1 { font-size: 2.1em; color: #4aa02c; padding-bottom: 10px; }
p.intro { font-size: 1.2em; }
.read-more a { border: 1px solid #ccc; background: #eee; font-weight: bold; padding: 8px 10px; text-transform: lowercase; text-decoration: none; display: block; width: 64px; text-align: center; }
.read-more a:hover { border-color: #999; }

.list-wrap { padding-top: 22px; }
#content ul li { background: url(images/ico-arrow.png) no-repeat 0 17px; border-bottom: 1px dashed #ccc; padding: 10px 10px 10px 12px; }
#content ul ul { padding-bottom: 0; border-top: 1px dashed #ccc; margin-top: 12px; margin-left: 15px; }
#content ul li.open { border: 0; padding-bottom: 0; padding-right: 0; }
.list-wrap ul { width: 224px; float: left; }
#content ol li { list-style: decimal; margin-left: 20px; }
#content ol ol { padding-left: 15px; }
#content ul.partners-list { clear: both; margin-top: 20px; }
#content ul.partners-list li { background: none; border: 0; padding: 0; }

#content h2 { font-size: 1.8em; color: #254117; padding-bottom: 5px; padding-top: 10px; }
#content h3 { font-size: 1.5em; color: #333; }

#content .image { float: right; width: 170px; height: 114px; background: url(images/bg-image-logo.png) no-repeat; overflow: hidden; margin: 10px 0 10px 15px; }
#content .image img { margin: 4px 0 0 4px; border: 3px solid #eee; }
#content ul.partners-list li { margin-bottom: 15px; }
#content ul.partners-list li .image { float: left; margin: 0 15px 0 0; }
#content ul.partners-list li .desc { width: 410px; float: right; margin-top: 5px; }

#content img.alignright { float: right; margin: 10px 0 10px 15px; }
#content img.nomargin { margin-top: 0; }
#content img.alignleft { float: left; margin: 10px 15px 10px 0; }
.center { text-align: center; margin: 0 auto; }

#content ol.contactform { margin: 1px 0 5px; padding: 0; float: left; width: 330px; }
#content ol.contactform li { list-style: none; margin: 0; padding: 0 0 15px; }
#content ol.contactform li label { display: block; cursor: pointer; margin-right: 10px; text-align: right; width: 85px; float: left; }
#content ol.contactform li input,
#content ol.contactform li textarea { width: 200px; float: left; border: 1px solid #666; padding: 2px; color: #666; font-size: 1em; }
#content form p input { border: 1px solid #666; padding: 3px 5px; margin-left: 95px; font-weight: bold; color: #333; background: #fff; cursor: pointer; font-size: 1em; }
#content form#commentform { margin-top: 10px; clear: both; }
#content form#commentform p input { margin-left: 0; }
#content form#commentform textarea { width: 500px; }
#content ol.contactform li textarea { height: 135px; }

#content .contact-info { border-bottom: 1px solid #ccc; padding: 0 0 20px 0; margin-bottom: 10px; }
#content .contact-info .vcard-left { display: block; width: 148px; float: left; margin-right: 60px;  }
#content .contact-info .vcard-left .org { font-size: 1.4em; font-weight: bold; display: block; }
#content .contact-info .vcard-right { display: block; width: 240px; float: left; padding-top: 26px; }

.sep { display: block; height: 1px; border-bottom: 1px solid #ccc; overflow: hidden; margin-bottom: 20px; clear: both; }

/* 2.5	Sidebar
-----------------------------------------------------------------------------------------------*/
#sidebar .module { padding: 0 0 15px; }	
#sidebar .image,
.image-big { background: url(images/bg-image.png) no-repeat; width: 170px; height: 142px; overflow: hidden; float: left; position: relative; }
#sidebar .image img,
.image-big img { z-index: 1; position: absolute; top: 7px; left: 7px; }
#sidebar .desc { float: right; width: 160px; }
#sidebar h2 { font-size: 2.1em; line-height: 1; color: #000; margin-top: 4px; margin-bottom: 1px; }
#sidebar p { font-size: .9em; }
#sidebar li { background: url(images/ico-arrow.png) no-repeat 0 7px; padding-left: 12px; }
.learn-more { background: url(images/ico-arrow.png) no-repeat 0 5px; padding-left: 10px; }
#sidebar .image h2 { position: absolute; right: 7px; bottom: 6px; z-index: 2; width: 156px; height: 128px; text-align: right; }
#sidebar .image h2 a { display: block; width: 131px; height: 118px; text-decoration: none; color: #000; background: url(images/overlay.png) no-repeat top left; padding: 10px 25px 0 0; }
#sidebar .image h2 a.current,
#sidebar .image h2 a:hover { background-position: bottom left; }
.image-absolute { position: absolute; top: 0; right: 30px; float: none; }
body.contact .image-absolute { right: 70px; }
.fleft { float: left; width: 410px; }
.fright { float: right; width: 170px; }
#content p.paddright { padding-right: 190px; padding-bottom: 50px; }

/* 2.6	Footer
-----------------------------------------------------------------------------------------------*/

.description { border-top: 1px solid #ccc; background: url(images/bg-desc.png) repeat-x top left; color: #666; text-align: center; padding: 15px 20px; }
.container .description p { padding: 0; }

/* logo */
.description .eaga { position: absolute; top: 5px; left: 20px; }
.description .eaga, 
.description .eaga span { width: 77px; height: 40px; }
.description .eaga span { background: url(images/eagasmall.bmp) no-repeat; }

#footer { background: #dededf; position: relative; margin-bottom: 20px; padding: 15px 18px 10px 20px; color: #666; }
#footer a { color: #666; padding: 0 2px; } 
#footer p { float: right; }
#footer p.copyright { float: left; }





.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	} 

.commentmetadata {
	font-weight: normal;
	padding: 3px 0 0 0;
	font-size: 0.8em;
	}
	/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0; 
	margin: 0 0 10px 0;
	}  

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

form#commentform { padding: 0 0 30px; }
#content .commentlist { border-bottom: 1px solid #ccc;  margin-bottom: 40px; padding-bottom: 0; }
#content .commentlist li { list-style: none; margin: 0; padding: 10px 15px; border-top: 1px solid #ccc; }
#content .commentlist .alt { background: #eee; }
#content .commentlist li p { padding: 5px 0; margin: 0; }
.commentlist { padding-top: 10px; }
.container .postmetadata { color: #999; font-size: .9em; padding-bottom: 20px; margin-bottom: 10px; padding-left: 0 !important; padding-right: 0 !important; }
 
 
.navigation .alignleft { float: left; width: 49%; }
.navigation .alignright { float: right; width: 49%; text-align: right; }
.navigation div { padding: 0 0 15px; }