/*
Theme Name: cpsm
Theme URI: http://www.blackbookdesign.ca
Description: Theme for CPSM
Version: 1
Author: Brian Wilcox
Author URI: http://www.blackbookdesign.ca
Tags: collective, community

*/

html, body {height: 100%;}
html {background: #fbfaf5;}

/* - BASIC STUFF - */
body {background: #fbfaf5 url(images/bk.jpg) repeat-x;font:9pt/11pt Verdana, Geneva, sans-serif;color:#252f37;margin:0 auto;}
a {text-decoration:none; color: #2a3c04; outline: 0;}
a:hover {text-decoration:underline;}
p {margin-bottom: 10px;}
.additional-meta {font-size: xx-small;}
blockquote {font-style:oblique; padding:10px 0 0 40px ; background: url(images/blockquote.jpg) no-repeat 0 top; margin:20px 0 0;}
blockquote p{ background: url(images/blockquoter.jpg) no-repeat right bottom; padding:0 40px 0 0; }
.clear {clear:both;}
#wrapper {min-height: 100%;	height: auto !important; height: 100%; margin: 0 auto -86px; }

h2 {font-weight: bold; font-size: 160%; line-height: 100%;}
h3 {font-weight: bold; font-size: 130%; line-height: 100%;}
h4 {font-weight: bold; font-size: 110%; line-height: 110%; font-weight: bold;}
#page-content h3 {margin:20px 0 10px;}
#page-content h2 {margin: 20px 0 10px; color: #053c76;}
strong {font-weight: bold;}
em {font-style: italic;}

.contacta {font-size: 18px; font-weight: bold; margin-top: 10px; padding:5px 10px; color: #fff; background-color: aqua;}

/* -- header -- */
#header {background: url(images/bk_header.jpg) no-repeat top center; margin: 0 auto; height:256px;}
#headerin {width:960px; margin:0 auto;}
#logo {margin: 10px 0 30px;display:inline;text-indent:-9999px;list-style-type:none;width:455px;float:left;height:111px;}
#logo a{ background:url(images/logo.gif) no-repeat;width: 455px;height:111px; display:block;position: relative}
#language {background:url(images/bk_lang.png) no-repeat;width: 115px;height:37px; float:right; text-align:center; padding-top:8px;}
#language a{margin:15px 0 0; color:#fff; font-weight: bold; }
#clickhere {background: url(images/clickhere.png) no-repeat; width:175px; height:30px; text-align: center; display: block; margin:0 0 0 40px;}
#clickhere a { color:#FFFFFF; display:block; font-weight:bold; height:20px; margin:0 0 30px; padding:3px 0 0; text-align:center; width:175px;}



/* -- content -- */
#content {width:982px; background:#eeede0; margin:0 auto;}
#contentbtm {background: url(images/content_btm.jpg) no-repeat; height: 8px; width: 982px;margin: 0 auto;}
.posts-wrap {padding:20px 0;}
.alignleft {float: left; margin: 5px 20px 20px 0 !important; padding:5px; background: #a1a1a1;}
.alignright {float:right; margin: 5px 20px 20px 0 !important; padding:5px; background: #a1a1a1;}
.post img {margin:5px 5px 0;}
.wp-caption-text {font-weight: bold; color: #fff;}

/* -- home --*/
#home {background: url(images/home_mid.jpg) repeat-y; width:962px; margin: 0 auto;}
#hometop{background: url(images/home_top.jpg) no-repeat; width:962px; margin: 0 auto; height:10px;}
#homebtm{background: url(images/home_btm.jpg) no-repeat; width:962px; margin: 0 auto; height:21px;}
#home-text{width:435px; padding:10px 22px; float:left;}

#homebottom {color: #2a3c04; }
#homebottom {}
#col4{ float: left; width:212px;background: url(images/sidemenu_mid.jpg) repeat-y; margin: 10px 0 10px 20px;}
.tophome {background: url(images/sidemenu-top.jpg) no-repeat; width:212px; height:18px;}
.btmhome {background: url(images/sidemenu_btm.jpg) no-repeat; width:212px; height:26px;}

.news{background: url(images/news-trans.png) no-repeat 10px top; padding: 5px 0 0 75px;height:60px;}
.calendar{background: url(images/calendar-trans.png) no-repeat 10px top; padding: 5px 0 0 75px;height:60px;}
.bulletin{background: url(images/bulletin-trans.png) no-repeat 10px top; padding: 5px 0 0 75px;height:60px; }
.pics{background: url(images/pics-trans.png) no-repeat 10px top; padding: 20px 0 0 75px;height:45px; }

.excerpttext, #wp-calendar, .benevolepics{padding:5px 15px;}
ul.ec3_events{padding:0 5px;}
.line {border-bottom: 1px solid #567511; margin: 5px 10px;}
.linebtm {border-bottom: 1px solid #567511; margin: 5px 10px 0px;}

/*-- Page --*/
#page {float: right; width:734px; background: url(images/contentmid.jpg) repeat-y; margin:20px 10px 20px 5px;}
#pagetop {width:734px; background: url(images/contenttop.jpg) no-repeat; height:13px;}
#pagebtm {width:734px; background: url(images/contentbtm.jpg) no-repeat; height:47px; clear:both;}
.paddedin {padding: 0 20px; position: relative;}

ul.incontent_ul {background: #b4ddf9;padding: 10px; width: 100%;}
ul.incontent_ul li {display:inline-table; margin:0 10px; padding:5px;}
ul.incontent_ul li a {font-weight: bold; color: #203e5b;}

#page-content ul li {margin: 7px 0; padding: 0 0 3px 25px; background: url(images/li.gif) no-repeat 0 center; color: #053c76;}
#page-content h3 {color: #012542;}
.page-title {color:#3e4d59; margin:10px 0 20px;}

/*-- sidebar --*/
.sidebar-wrap {width:232px; float:left;}
#col3{ float: left; width:212px;background: url(images/sidemenu_mid.jpg) repeat-y; margin: 0 10px 10px;}
#col5{ float: left; width:193px; height:300px;background: url(images/side_bleu.jpg) no-repeat; margin: 10px; padding:10px;}
.sidebarpics{margin: 73px 0 0 3px;}
#click {background: #eee; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;padding:5px 10px; margin-top:15px; text-align: center; }
#click:hover {background: #fff;}
#click a{color:#08538f; font-weight: bold; font-size: 13px;}
#children ul li {padding:0; margin:0 10px 10px 10px; font-weight: bold;}
#children ul li ul li a{background: none !important; font-size:100% !important; height:auto !important; padding:0 !important; border:none !important; line-height:100% !important;}
.sidebarmenu .acc {background: url(images/accueil-trans.png) no-repeat 10px top; height:50px; }
.sidebarmenu .qui {background: url(images/qui-trans.png) no-repeat 10px top; height:50px;}
.sidebarmenu .services {background: url(images/services-trans.png) no-repeat 10px top; height:50px;}
.sidebarmenu .implique {background: url(images/implique-trans.png) no-repeat 10px top; height:50px;}
.sidebarmenu .don {background: url(images/don-trans.png) no-repeat 10px top; height:50px;}
.sidebarmenu .contact {background: url(images/contact-trans.png) no-repeat 10px top; height:50px;}
.sidebarmenu h3 {padding:10px 5px 0 65px;}
.sidebarmenu .qui h3 , .sidebarmenu .don h3 {padding:10px 5px 0 65px;}

#children {text-indent: -9999px;}
#children ul {text-indent: 0;}

#children ul li ul {margin:20px 0 0;}
#children ul li ul li ul {margin:10px 0 20px 0;}
#children ul li ul li ul li a{background: none !important; font-size:100% !important;height:auto !important; padding:0 !important; border:none !important; line-height:100% !important; font-weight: normal !important; padding:0 !important;}

#children ul li.page-item-12 a {font-size:150%; font-weight:bold; line-height:250%; background: url(images/services-trans.png) no-repeat 0px top; height:80px; padding:18px 50px 17px 55px; border-bottom:1px solid #567511; width:192px;}
#children ul li.page-item-13 a {font-size:100%; font-weight:bold; line-height:250%; background: url(images/implique-trans.png) no-repeat 0px top; height:80px; padding:18px 7px 17px 55px; border-bottom:1px solid #567511; width:192px;}
#children ul li.page-item-15 a {font-size:100%; font-weight:bold; line-height:250%; background: url(images/don-trans.png) no-repeat 0px top; height:80px; padding:18px 19px 17px 55px; border-bottom:1px solid #567511; width:192px;}
#children ul li.page-item-8 a {font-size:100%; font-weight:bold; line-height:230%; background: url(images/qui-trans.png) no-repeat 0px top; height:80px; padding:18px 0 17px 55px; border-bottom:1px solid #567511; width:192px;}
#children ul li.page-item-19 a {font-size:125%; font-weight:bold; line-height:250%; background: url(images/contact-trans.png) no-repeat 0px top; height:80px; padding:18px 6px 17px 55px; border-bottom:1px solid #567511; width:192px;}
#children ul li.page-item-3 a {font-size:100%; font-weight:bold; line-height:250%; background: url(images/accueil-trans.png) no-repeat 0px top; height:80px; padding:18px 0 17px 55px; border-bottom:1px solid #567511; width:192px;}

/* -- footer -- */
#footer {background: url(images/bk_footer.jpg) repeat-x; height:86px; color:#fff;}
#footer a{color:#fff;}
#footerbar {width:960px; text-align: center;padding-top:37px; margin: 0 auto;}
ul#footermenu li {display: inline;}
.push{height:86px;}

/* -- LISTS -- */
ul {margin:0;padding:0;}
ul li {	margin-left:5px;padding:0;}
li {list-style-type:none;} /* want dots in front of your lists...? change to list-style-type: disc */


/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
textarea#comment {overflow:auto}

/* -- NAVIGATION --*/
div.navigation {height:25px; overflow:auto;float:none;clear:both; margin:0 auto}
* +html div.navigation {overflow:visible} /* IE hack to prevent scrollbars on the .navigation div... */

.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;}

/* -- menu -- */
#menunav {width:960px;float:left;}
#newsletter{float:left; background: url(images/newsletter.jpg) no-repeat; width: 271px; height:95px;}
.infonews {margin: 10px 10px 10px 45px;}
#newsletter #MailPress{margin: 0 14px;}
#newsletter input.MailPressFormEmail  {background:#6EB7E2 none repeat scroll 0 0; border:none; padding:4px; width:150px; color: #fff;}
#newsletter input.MailPressFormSubmit{background:#333 none repeat scroll 0 0; border:1px solid #aaa; padding:4px; color: #fff; font-weight: bold;}


#nav {width:688px; margin: 0; display:block;float:left;}
#nav ul{ padding:0;list-style-type:none;width:688px;}
#nav ul li { display:inline;float:left;height:98px;margin:0px;}
#nav ul li a {border:0 none;display:block;height:98px; width: 111px; text-indent:-9999px;}
#nav ul li.page-item-3 a {background-position:0px 0px;}
#nav ul li.page-item-8 a {background-position:-115px 0px;}
#nav ul li.page-item-12 a {background-position:-230px 0px;}
#nav ul li.page-item-13 a {background-position:-345px 0px;}
#nav ul li.page-item-15 a {background-position:-460px 0;}
#nav ul li.page-item-19 a {background-position:-575px 0;}
#nav ul.acc li.page-item-3 a {background-position:0px -98px; }
#nav ul.qui li.page-item-8 a {background-position:-115px -98px;}
#nav ul.services li.page-item-12 a {background-position:-230px -98px;}
#nav ul.implique li.page-item-13 a {background-position:-345px -98px;}
#nav ul.don li.page-item-15 a {background-position:-460px -98px;}
#nav ul.contact li.page-item-19 a {background-position:-575px -98px;}
#nav ul li.page-item-3 a:hover {background-position:0px -98px; }
#nav ul li.page-item-8 a:hover {background-position:-115px -98px;}
#nav ul li.page-item-12 a:hover {background-position:-230px -98px;}
#nav ul li.page-item-13 a:hover {background-position:-345px -98px;}
#nav ul li.page-item-15 a:hover {background-position:-460px -98px;}
#nav ul li.page-item-19 a:hover {background-position:-575px -98px;}


/* --calendar --*/
#wp-calendar table td, #wp-calendar table th {font-size: 13px;}