/*
	Theme Name: HBPA
	Theme URI: http://www.hbpa.on.ca/
	Description: A custom made theme developed for HBPA
	Author: Grace Marketing
	Version: 1.0
*/

body { background-color:#2f4880; background-image:url('images/bg.jpg'); background-position:50% top; background-attachment:scroll; font-family:"Arial","Sans-Serif"; font-size:14px; line-height:25px; color:#595959; }
a { text-decoration:none; }
p { line-height:20px; color:#595959; font-size:14px; }

h1,h2,h3,h4,h5,h6 { text-transform:uppercase; font-family:"Century"; }

/**** Theme Classes ****/
*.button-blue { background-color:#2f4880; color:#FFF; text-transform:uppercase; text-align:center; height:30px; padding:0 15px; line-height:30px; display:block; margin:0px 0px 0px auto; font-size:13px; font-family:"Century"; }
*.view-all { float:right; margin-right:17px; }
h1.header-with-border { line-height:40px; text-transform:uppercase; font-family:"Century"; font-size:16px; color:#4d4d4d; border-bottom:11px solid #e2b61d; margin-bottom:5px; }
h2.header-with-border { line-height:40px; text-transform:uppercase; font-family:"Century"; font-size:12px; color:#4d4d4d; border-bottom:11px solid #e2b61d; margin-bottom:5px; }
/** End Theme Classes **/

div#wrapper { width:940px; padding:0 16px; margin:0 auto; position:relative; z-index:1; }

div#search-box { height:49px; padding:24px 16px 0px 16px; }
div#search-box input#search-submit { float:right; display:block; padding:0 10px; background-color:#a2af7f; font-size:13px; color:#FFF; text-transform:uppercase; text-align:center; line-height:31px; height:31px; letter-spacing:2px; font-family:"Century"; }
div#search-box input#search-text { float:right; display:block; padding:0 10px; background-color:#FFF; font-size:12px; color:#828181; line-height:31px; height:31px; }
h3#header-slogan { color:#2f4880; font-size:15px; font-family:"Century"; line-height:23px; text-transform:uppercase; margin-bottom:18px; padding-left:18px;  }

div#content { background-color:#FFF; padding:16px; position:relative; width:908px; }

div#header { position:relative; padding-left:159px; z-index:99; width:749px; }
div#logo { position:absolute; width:159px; left:0px; bottom:1px; }
div#logo a { display:block; height:192px; background-image:url('images/logo.gif'); text-indent:-9999px; }
div#header-right { height:104px; }

/**** Header Menu ****/
ul#header-menu { background-image:url('images/menu_tile.gif'); background-repeat:repeat-x; background-position:left top; }
ul#header-menu li { float:left; position:relative; }
ul#header-menu li.float-divider { float:none; }

ul#header-menu li a { display:block; color:#FFF; padding:0 15px; line-height:62px; text-transform:uppercase; }
ul#header-menu li a:hover { color:#ebc313; } /* top level items */

ul#header-menu li ul { display:none; position:absolute; top:100%; left:0; box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); width: 240px; z-index: 99999; }

ul#header-menu li:hover > ul { display:block; }

ul#header-menu li ul li { float:none; display:block; margin:0px; padding:0px; }
ul#header-menu li ul ul { left:100%; top:0; }

ul#header-menu li ul a { margin:0px; background:#e2b61d; color:#000; height:100%; line-height:25px; padding:10px; display:block; background-image:none; }

ul#header-menu li ul a:hover { color:#000; background:#f1d268; }
/** End Header Menu **/

div#main h1#page-title { color:#2f4880; line-height:40px; font-size:24px; margin-top:35px; }

/**** Front Page ****/
div#front-page-slides { margin-top:15px; height:180px; }
div#front-page-slider { float:left; width:604px; height:100%; overflow:hidden; }

div#front-page-links { float:right; width:304px; height:100%; }
div#front-page-links a { display:block; padding:10px 15px; height:40px; }
div#front-page-links a.gradient1 { background-image:url('images/gradients/homepagegradient1.gif'); background-repeat:repeat-x; }
div#front-page-links a.gradient2 { background-image:url('images/gradients/homepagegradient2.gif'); background-repeat:repeat-x; }
div#front-page-links a.gradient3 { background-image:url('images/gradients/homepagegradient3.gif'); background-repeat:repeat-x; }
div#front-page-links a h3 { height:25px; line-height:25px; color:#FFF; font-size:15px; overflow:hidden; margin:0px; padding:0px; }
div#front-page-links a div { height:15px; line-height:15px; color:#efeded; font-size:11px; overflow:hidden; margin:0px; padding:0px; }

div#front-page-upper-left { width:599px; float:left; }
div#front-page-upper-left div#events { clear:both; }
div#front-page-upper-right { float:right; width:304px; }
div#front-page h1.header-with-border { }
/** End Front Page **/

/**** Footer Logos ****/
div#footer-logos { margin-top:22px; border-top:10px solid #e2b61d; padding-top:10px; text-align:center; }
/** End Footer Logos **/

/**** Newsletter ****/
div#newsletter-box { height:161px; padding:11px 17px 0px 15px; background-image:url('images/newsletter-gradient.gif'); background-repeat:repeat-x; background-color:#ebebeb; }
div#newsletter-box h3 { text-align:center; padding:0px; margin:0px; line-height:25px; }
div#newsletter-box input.input-text { height:26px; line-height:26px; padding:0 10px; border-right:1px solid #eeeeee; width:109px; color:#828181; }
div#newsletter-box input.input-error { color:#f75a4e; border:1px solid #696969; }
div#newsletter-upper-inputs { height:27px; margin-bottom:13px; }
div#newsletter-upper-inputs input#newsletter-input-first-name { float:left; }
div#newsletter-upper-inputs input#newsletter-input-last-name { float:right; }
div#newsletter-box input#newsletter-input-email { display:block; width:251px; margin-bottom:11px; }

div#newsletter-checkbox { height:31px; margin-bottom:9px; }
div#newsletter-checkbox-container { float:left; width:30px; height:30px; text-align:center; line-height:30px; }

div#newsletter-box label { float:left; height:30px; line-height:15px; color:#828181; padding-left:5px; width:237px; cursor:pointer; font-size:13px; }
div#newsletter-submit { height:31px; margin-bottom:12px; }
div#newsletter-submit p { float:left; width:150px; }
div#newsletter-submit p a { line-height:30px; color:#2f4880; display:block; text-decoration:none; }
div#newsletter-submit p a span { text-decoration:underline; }
div#newsletter-submit input { float:right; }
/** End Newsletter **/

/**** Podcasts ****/
ul#podcasts-list { margin-left:15px; height:128px; overflow:hidden; width:272px; }
ul#podcasts-list li { margin-bottom:20px; }
ul#podcasts-list li div.podcast-date { line-height:21px; color:#666; font-size:11px; }
ul#podcasts-list li div.podcast-name a { display:block; margin-right:5px; padding-right:85px; line-height:21px; color:#2f4880; font-size:12px; font-weight:bold; background-image:url('images/button_listen.jpg'); background-position:right center; }
/** End Podcasts **/

/**** Events ****/
ul#events-list { margin-left:26px; }

div#front-page-upper-left ul#events-list { height:160px; overflow:hidden; }
div#front-page-upper-left ul#events-list li.event {float:left; }
div#front-page-upper-left ul#events-list li.event-second {float:right; }

ul#events-list li.event { background-color:#d0bb85; width:252px; padding:14px 20px 17px 10px; border-left:1px solid #f0e9d7; background-image:url('images/gradients/gradient-events.gif'); background-repeat:repeat-x; background-position:left top;}
ul#events-list li.event div.event-thumb { float:left; width:41px; height:41px; overflow:hidden; }
ul#events-list li.event div.event-thumb a img { width:41px; height:41px; }

ul#events-list li.event div.event-text { float:right; width:157px; line-height:18px; font-size:12px; }
ul#events-list li.event div.event-text div.event-date { color:#464646; }
ul#events-list li.event div.event-text div.event-title { color:#2f4880; margin-bottom:6px; font-weight:bold; }
ul#events-list li.event div.event-text div.event-excerpt { color:#484848; margin-bottom:14px; height:54px; overflow:hidden; }
ul#events-list li.event div.event-text a.read-more { color:#2f4880; text-decoration:underline; display:block; }
/** End Events **/

/**** News and Updates Box ****/
div#news-and-updates h1.header-with-border { margin-bottom:25px; }
div#news-and-updates ul#news-and-updates-list { width:264px; margin:0 auto; height:108px; overflow:hidden; }
div#news-and-updates ul#news-and-updates-list li { margin-bottom:12px; }
div#news-and-updates ul#news-and-updates-list li div.news-and-update-thumb { float:left; width:24px; height:24px; }
div#news-and-updates ul#news-and-updates-list li div.news-and-update-thumb a { display:block; }
div#news-and-updates ul#news-and-updates-list li div.news-and-update-thumb img { width:24px; height:24px; }
div#news-and-updates ul#news-and-updates-list li div.news-and-update-text { float:right; width:220px; }
div#news-and-updates ul#news-and-updates-list li div.news-and-update-text a h3 { line-height:24px; color:#2f4880; font-weight:bold; font-size:12px; height:24px; overflow:hidden; }
div#news-and-updates ul#news-and-updates-list li div.news-and-update-text p { display:none; }
div#news-and-updates ul#news-and-updates-list li div.news-and-update-link { display:none; }
div#news-and-updates a.view-all { }
/** End News and Updates Box **/

/**** News and Updates Front Page ****/
div#front-page div#news-and-updates h1.header-with-border { margin-bottom:28px; }
div#front-page div#news-and-updates ul#news-and-updates-list { height:434px; overflow:hidden; width:534px; margin-left:23px; } 
div#front-page div#news-and-updates ul#news-and-updates-list li { margin-bottom:39px; }
div#front-page div#news-and-updates ul#news-and-updates-list li div.news-and-update-thumb { float:left; width:41px; height:41px; margin-right:11px; }
div#front-page div#news-and-updates ul#news-and-updates-list li div.news-and-update-thumb a { display:block; width:41px; height:41px; background-image:url('images/noimage.jpg'); } 
div#front-page div#news-and-updates ul#news-and-updates-list li div.news-and-update-thumb a img { width:41px; height:41px; }
div#front-page div#news-and-updates ul#news-and-updates-list li div.news-and-update-text { float:left; width:390px; padding-right:10px; }
div#front-page div#news-and-updates ul#news-and-updates-list li div.news-and-update-text a { display:block; line-height:15px; }
div#front-page div#news-and-updates ul#news-and-updates-list li div.news-and-update-text h3 { color:#2f4880; font-size:12px; font-weight:bold; line-height:15px; height:15px; overflow:hidden; }
div#front-page div#news-and-updates ul#news-and-updates-list li div.news-and-update-text p { color:#484848; font-size:12px; line-height:13px; height:26px; overflow:hidden; display:block; }
div#front-page div#news-and-updates ul#news-and-updates-list li div.news-and-update-link { float:left; position:relative; height:41px; width:70px; display:block; }
div#front-page div#news-and-updates ul#news-and-updates-list li div.news-and-update-link a { position:absolute; left:0px; bottom:0px; color:#2f4880; font-size:12px; text-decoration:underline; width:100%; }
div#front-page div#news-and-updates a.view-all { margin-right:59px; margin-bottom:12px; }
/** End News and Updates Front Page **/

/**** Events Box ****/
div#events ul#events-list { width:283px; margin:0 auto; }
div#front-page-upper-left div#events ul#events-list { width:auto; } 
div#events ul#events-list li.event { margin-bottom:11px; padding:15px; width:251px; }
div#events ul#events-list li.event div.event-thumb { width:41px; height:41px; }
div#events ul#events-list li.event div.event-thumb a { display:block; height:100%; }
div#events ul#events-list li.event div.event-thumb a img { width:100%; height:100%; }
div#events ul#events-list li.event div.event-text { width:191px; } 
div#events ul#events-list li.event div.event-text div.event-excerpt { display:none; }
/** End Events Box **/

/**** Footer ****/
div#footer { margin-top:30px; padding-bottom:25px; }
div#footer p { line-height:30px; color:#FFF; font-size:11px; }
div#footer p#copyright { float:left; width:80%; }
div#footer p#sitemap { float:right; width:20%; }
div#footer p#sitemap a { display:block; text-decoration:underline; text-transform:uppercase; text-align:right; padding-right:25px; color:#FFF; font-size:12px; font-family:"Century"; }
div#footer div#design-by { text-align:right; color:#FFF; font-size:11px; padding-right:25px; }
div#footer div#design-by a { margin-left:10px; display:inline; color:#FFF; text-decoration:underline; }
/** End Footer **/

/**** Inside Page - Full ****/
div#inside-page { margin-top:35px; }
div#inside-page h1#page-title { margin-top:0px; }
div#inside-page-content h1 { line-height:40px; color:#2f4880; margin-bottom:15px;  }
div#inside-page-content h2 { margin-bottom:15px; color:#545454; font-size:18px; line-height:30px; }
div#inside-page-content h2 { margin:20px 0; color:#545454; font-size:16px; line-height:25px; }
div#inside-page-content p { color:#595959; font-size:14px; line-height:20px; margin:10px 0; }
div#inside-page-content a { text-decoration:underline; color:#193f93; font-size:14px; line-height:20px; }
div#inside-page-content ol { margin-bottom:10px; margin-left:10px; list-style-type:decimal; list-style-position:outside; }
div#inside-page-content ol li { margin-left:15px; }
div#inside-page-content ul { margin-bottom:10px; list-style-type:disc; list-style-position:outside; margin-left:10px; }
div#inside-page-content ul li { margin-left:15px; }
div#inside-page-content table tr td { line-height:20px; }

div#inside-page div#footer-logos { margin-top:25px; }
/** End Inside Page - Full **/

/**** Podcasts ****/
div#podcasts h1#page-title { margin-bottom:25px; }
div.podcasts-container { width:453px; }
div.podcasts-container div.logo { background-position:center center; height:105px; margin-bottom:20px; }
div.podcasts-container p.category-desc { height:100px; overflow:hidden; width:80%; margin:20px auto 40px auto; text-align:center; }

div#podcasts-woodbine { float:left; border-right:1px solid #bfbfbf; }
div#podcasts-woodbine div.logo { background-image:url('images/logos/logo-woodbine.jpg'); }

div#podcasts-fort-erie { float:right; }
div#podcasts-fort-erie div.logo { background-image:url('images/logos/logo-fort-erie.jpg'); }

ul.podcasts { width:383px; margin:0 auto; }
ul.podcasts li { margin-bottom:20px; }
ul.podcasts li div.podcast-thumb { width:56px; height:54px; float:left; margin-right:12px; }
ul.podcasts li div.podcast-thumb a img { width:56px; height:54px; }

ul.podcasts li div.podcast-text { float:left; width:233px; padding-right:10px; }
ul.podcasts li div.podcast-text p.podcast-date { margin-bottom:12px; }
ul.podcasts li div.podcast-text div.podcast-title a { display:block; line-height:22px; color:#2f4880; font-weight:bold; font-size:14px; height:22px; overflow:hidden; }
ul.podcasts li div.podcast-link { float:left; width:70px; padding-top:32px; }
ul.podcasts li div.podcast-link a { display:block; text-indent:-9999px; background-image:url('images/buttons/button-listen.jpg'); height:22px; }
/** End Podcasts **/

/**** Bottom Widgets ****/
div#bottom-widgets div#get-our-newsletter { float:left; width:304px; }
div#bottom-widgets div#events { float:right; width:304px; }
div#bottom-widgets div#news-and-updates { float:left; width:298px; margin-left:1px; }
/** End Bottom Widgets **/

/**** Archive ****/
div#archive ul#posts-list { width:840px; margin:25px auto; }
div#archive ul#posts-list li { margin-bottom:20px; }
div#archive ul#posts-list li div.archive-thumb { float:left; width:50px; height:50px; }
div#archive ul#posts-list li div.archive-thumb a { display:block; }
div#archive ul#posts-list li div.archive-thumb a img { width:50px; height:50px; }
div#archive ul#posts-list li div.archive-text { float:left; margin-left:24px; width:685px; }
div#archive ul#posts-list li div.archive-text a { display:block; }
div#archive ul#posts-list li div.archive-text h3 { line-height:20px; height:20px; overflow:hidden; color:#2f4880; font-weight:bold; font-family:"Arial"; font-size:14px; }
div#archive ul#posts-list li div.archive-text p { height:30px; line-height:15px; overflow:hidden; color:#484848; }
div#archive ul#posts-list li div.archive-link { float:right; width:80px; padding-top:30px; }
div#archive ul#posts-list li div.archive-link a { display:block; color:#2f4880; font-size:12px; text-decoration:underline; text-align:center; line-height:20px;}
/** End Archive **/

/**** News and Updates Archive ****/
div#archive-news-and-updates ul#news-and-updates { width:840px; margin:15px auto; }
div#archive-news-and-updates ul#news-and-updates li { margin-bottom:20px; }
div#archive-news-and-updates ul#news-and-updates li div.news-and-update-thumb { float:left; width:50px; height:50px; }
div#archive-news-and-updates ul#news-and-updates li div.news-and-update-thumb a { display:block; }
div#archive-news-and-updates ul#news-and-updates li div.news-and-update-thumb a img { width:50px; height:50px; }
div#archive-news-and-updates ul#news-and-updates li div.news-and-update-text { float:left; margin-left:24px; width:685px; }
div#archive-news-and-updates ul#news-and-updates li div.news-and-update-text a { display:block; }
div#archive-news-and-updates ul#news-and-updates li div.news-and-update-text h3 { line-height:20px; height:20px; overflow:hidden; color:#2f4880; font-weight:bold; font-family:"Arial"; font-size:14px; }
div#archive-news-and-updates ul#news-and-updates li div.news-and-update-text p { height:30px; line-height:15px; overflow:hidden; color:#484848; }
div#archive-news-and-updates ul#news-and-updates li div.news-and-update-link { float:right; width:80px; padding-top:30px; }
div#archive-news-and-updates ul#news-and-updates li div.news-and-update-link a { display:block; color:#2f4880; font-size:12px; text-decoration:underline; text-align:center; line-height:20px;}

ul#view-archive { background-color:#dcdcdc; margin:10px 0; padding:0 10px; text-align:right; }
ul#view-archive li { color:#484848; line-height:34px; display:inline; }
ul#view-archive li.float-divider { float:none; display:block; }
ul#view-archive li a { line-height:34px; padding:0 15px; color:#304980; text-decoration:underline; }
/** End News and Updates Archive **/

/**** Page with Sidebar ****/
div#page-with-sidebar div#page-sidebar { float:left; width:304px; }
div#page-with-sidebar div#inside-page { float:right; width:570px; }
div#page-sidebar h1.header-with-border { margin-top:20px; }
/** End Page With Sidebar **/

/**** Member Forms ****/
div#member-forms { width:304px; }
div#member-forms h1.header-with-border { margin-bottom:11px; }
div#member-forms ul#member-forms-list { height:223px; overflow:hidden; }
div#member-forms ul#member-forms-list li a { display:block; height:59px; padding-left:55px; line-height:59px; color:#FFF; text-transform:uppercase; margin-bottom:8px; overflow:hidden; }
div#member-forms ul#member-forms-list li a.forms-yellow { background-image:url('images/forms/short/forms_yellow.jpg'); }
div#member-forms ul#member-forms-list li a.forms-brown { background-image:url('images/forms/short/forms_brown.jpg'); }
div#member-forms ul#member-forms-list li a.forms-darkblue { background-image:url('images/forms/short/forms_darkblue.jpg'); }
div#member-forms ul#member-forms-list li a.forms-darkgreen { background-image:url('images/forms/short/forms_darkgreen.jpg'); }
div#member-forms ul#member-forms-list li a.forms-darkturquoise { background-image:url('images/forms/short/forms_darkturquoise.jpg'); }
div#member-forms ul#member-forms-list li a.forms-grey { background-image:url('images/forms/short/forms_grey.jpg'); }
div#member-forms ul#member-forms-list li a.forms-lightblue { background-image:url('images/forms/short/forms_lightblue.jpg'); }
div#member-forms ul#member-forms-list li a.forms-lightgreen { background-image:url('images/forms/short/forms_lightgreen.jpg'); }
div#member-forms ul#member-forms-list li a.forms-orange { background-image:url('images/forms/short/forms_orange.jpg'); }
div#member-forms ul#member-forms-list li a.forms-purple { background-image:url('images/forms/short/forms_purple.jpg'); }
div#member-forms ul#member-forms-list li a.forms-red { background-image:url('images/forms/short/forms_red.jpg'); }
div#member-forms ul#member-forms-list li a.forms-violet { background-image:url('images/forms/short/forms_violet.jpg'); }
div#member-forms a.view-all { margin-bottom:12px; }
/** End Member Forms **/

/**** Member Forms Category ****/
div#member-forms-archive h1.category-name { font-size:18px; color:#545454; line-height:40px; margin-bottom:10px; }
div#member-forms-archive div.half-page { float:left; width:50%; }
div#member-forms-archive div.full-page { clear:both; width:100% }

ul.member-forms { margin-bottom:15px; }
ul.member-forms li.member-form { width:50%; float:left; }
ul.member-forms li.second-form { float:left; }
div#member-forms-archive div.half-page li.member-form { width:auto; float:none; }
div#member-forms-archive div.half-page li.second-form { width:auto; float:none; }
ul.member-forms li.member-form a { display:block; height:59px; padding-left:55px; line-height:59px; color:#FFF; text-transform:uppercase; margin-bottom:8px; background-position:left top; overflow:hidden;}
ul.member-forms li.member-form a.forms-yellow { background-image:url('images/forms/forms_yellow.jpg'); }
ul.member-forms li.member-form a.forms-brown { background-image:url('images/forms/forms_brown.jpg'); }
ul.member-forms li.member-form a.forms-darkblue { background-image:url('images/forms/forms_darkblue.jpg'); }
ul.member-forms li.member-form a.forms-darkgreen { background-image:url('images/forms/forms_darkgreen.jpg'); }
ul.member-forms li.member-form a.forms-darkturquoise { background-image:url('images/forms/forms_darkturquoise.jpg'); }
ul.member-forms li.member-form a.forms-grey { background-image:url('images/forms/forms_grey.jpg'); }
ul.member-forms li.member-form a.forms-lightblue { background-image:url('images/forms/forms_lightblue.jpg'); }
ul.member-forms li.member-form a.forms-lightgreen { background-image:url('images/forms/forms_lightgreen.jpg'); }
ul.member-forms li.member-form a.forms-orange { background-image:url('images/forms/forms_orange.jpg'); }
ul.member-forms li.member-form a.forms-purple { background-image:url('images/forms/forms_purple.jpg'); }
ul.member-forms li.member-form a.forms-red { background-image:url('images/forms/forms_red.jpg'); }
ul.member-forms li.member-form a.forms-violet { background-image:url('images/forms/forms_violet.jpg'); }
/** End Member Forms Category **/

/**** Plugins Overwrite ****/
.wp-pagenavi a, .wp-pagenavi span { color:#000 !important; }

.tec-calendar th { color:#4d4d4d !important; font-family:"Century" !important; background-color:#e2b61d !important; font-size:12px !important; text-shadow:none !important; }
div#tec-content .ical { display:none !important; }
div#tec-event-meta { display:none !important; }

div#main div#tec-content { }
div#main div#tec-content span.back { display:block; }
div#main div#tec-content h1 { line-height:40px; color:#2f4880; margin-bottom:15px;  }
div#main div#tec-content h2 { margin:20px 0; font-size:16px; color:#545454; font-size:18px; line-height:30px; }
div#main div#tec-content h2.tec-cal-title { color:#2f4880; line-height:40px; font-size:24px; margin:35px 0px 0px 0px; border-width:0px;}
div#main div#tec-content h2.entry-title { margin:10px 0 20px 0; font-size:24px; line-height:40px; color:#2f4880; }
div#main div#tec-content p { color:#595959; font-size:14px; line-height:20px; margin:10px 0; }
div#main div#tec-content a { text-decoration:underline; color:#193f93; font-size:14px; }
div#main div#tec-content ol { margin-bottom:10px; margin-left:10px; list-style-type:decimal; list-style-position:outside; }
div#main div#tec-content ol li { margin-left:15px; }
div#main div#tec-content ul { margin-bottom:10px; list-style-type:disc; list-style-position:outside; margin-left:10px; }
div#main div#tec-content ul li { margin-left:15px; }

/** End PageNavi **/