@charset "utf-8";
/* 
	stylesheet.css
	
	Project: Alberta Rural Development Network
	
*/



/*------ global ------*/ 
* {margin:0; padding:0;}

body.layout1{width:100%; background:url(../images/bodyBG_index.jpg) top center no-repeat;}
body.layout2{width:100%; background:url(../images/bodyBG_sub.jpg) top center no-repeat;}

.full{width:100%; display:block;}
.fixed{width:1000px; display:block; margin:auto;}

.f_right{float:right; display:block;}
.f_left{float:left; display:block;}
.clear{clear:both;}


/*------ clearFix ------ */
.clearFix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearFix { display: inline-block; }
html[xmlns] .clearFix { display: block; }
* html .clearFix { height: 1%; }


/*------ forms ------*/

.input, .textarea{width:198px; height:13px; border:1px solid #ccc; padding:10px; margin-bottom:1px; font-family:Helvetica, Arial, sans-serif; color:#666; font-size:12px;}
.textarea{width:330px; height:100px;}
.select{width:198px; padding:10px; border:1px solid #ccc; margin-bottom:1px; font-family:Helvetica, Arial, sans-serif; color:#666; font-size:12px;}
.submit{background:url(../images/check.png) right no-repeat; padding-right:18px; border:0; font-size:12px; color:#666; font-weight:bold; text-decoration:none !important; cursor:pointer;}
.submit:hover{color:#222;}
a.submit{color:#666;}
label{display:block; float:left; width:120px; line-height:35px; font-weight:bold;}
.error{color:#df251f;}
.success{border:1px solid #7AC044; background:#a6da7e; padding:5px; margin-bottom:20px;}

/* forum */
#forumLogin{padding-bottom:20px;}
#registerForm{width:450px;}
#registerForm .textarea{font-family:"Courier New", Courier, monospace; font-size:11px; width:320px; color:#222; height:105px; padding:0;}
#registerForm .input{width:300px;}

/* contact */
#contactForm{display:block; float:left; width:480px;}
#contactForm .input{width:330px;}
#contactForm .select{width:352px;}


/*------ body content ------*/
#logoBlock{height:155px; position:relative;}
.circles{width:435px; height:340px; background:url(../images/ARDN-circles.png) 0 0 no-repeat; z-index:1; position:absolute; top:0; right:0;}
.hLink{width:200px; height:155px; position:absolute; z-index:30; top:0; left:0;}
a.nLink{font-size:14px; font-weight:bold; color:#222; text-decoration:none;}
a.nLink:hover{color:#7AC044;}
.socialIcons{position:absolute; z-index:50; bottom:15px; right:440px; width:120px; height:25px;}
.socialIcons a{display:block; float:left; width:23px; height:23px; border:1px solid #76b7eb; margin-right:5px;}
.socialIcons a:hover{border-color:#fff;}

.h1block{background:#fff; height:24px; line-height:28px; padding:2px 3px; clear:both;}
.h5block{background:#7ac044; height:16px; line-height:18px; padding:1px 2px; clear:both;}
.h5block a{color:#222; text-decoration:none;}
.h5block a:hover{color:#fff;}

.z1{position:absolute; z-index:11; margin-left:10px;}
.z2{position:absolute; z-index:10; margin-top:15px;}
.z3{margin-top:-2px; margin-right:10px;}

#MHimgs{clear:both; display:block; padding:115px 0 0 20px;}
div.spacer{clear:both; display:block; height:113px;}


#mainContent{padding:8px 20px 25px;}
#contentWrap{width:499px; float:right;}
.layout2 #mainContent{padding-top:60px;}

#leftCol{width:699px; padding-right:20px; padding-bottom:10px; border-right:1px solid #ccc;}
#rightCol{width:220px; padding-left:20px; padding-bottom:10px; margin-left:-1px; border-left:1px solid #ccc;}


/*------ initiatives search ------*/
.filterBox{border:5px solid #7AC044; padding:10px 0 0; border-top:0; margin:0 0 30px 0;}
.filterBox p{padding:0 10px 10px;}
.filterBox .select, .filterBox .input{width:300px;}
.filterBox .submit{margin-bottom:5px;}
.filterTitle{background:#333; padding:3px 8px; margin:0; color:#fff; font-weight:normal;}

.status_0{padding-left:22px; background:url(../images/icon_status_2.png) 0 0 no-repeat;}
.status_1{padding-left:22px; background:url(../images/icon_status_1.png) 0 0 no-repeat;}

#map_canvas{width:100%; height:400px; background:#eee;}

#legend{border-top:1px solid #ccc; padding:15px 0 0 0; font-size:11px;}
#legend span{display:block; float:left; padding:2px 6px; margin-right:5px; color:#fff;}
#legend span.lab{color:#333; font-weight:bold;}
#legend span.leg1{background:#3895E2;}
#legend span.leg2{background:#7AC044;}

.initiatives h3{line-height:24px; margin:0; padding:5px 0; font-size:13px; text-transform:uppercase;}


/*------ forum styles ------*/
.fHeader{background:#222; padding:2px 0px; margin:0; clear:both;}
.fHeader td{color:#fff;}
.fBody{border:5px solid #7ac044; border-top:0;}
.fBody td{border-bottom:1px solid #7ac044;}
.fWrap{display:block; border:1px solid #fff; border-bottom:0; padding:15px 0px 15px 32px;}
.fUser{background:url(../images/user_icon.gif) 10px 10px no-repeat; padding-left:60px; padding-right:20px;}

.loggedin{font-weight:bold; background:url(../images/loggedin_icon.gif) 0 0 no-repeat; padding:1px 0 0 14px; font-size:11px; color:#666;}
.loggedout{font-weight:bold; background:url(../images/loggedout_icon.gif) 0 0 no-repeat; padding:1px 0 0 14px; font-size:11px; color:#666;}
.flagged{background:url(../images/flag_icon.gif) 0 0 no-repeat; padding-left:15px;}



/*------ main navigation (see ddsmoothmenu.css) ------*/


/*------ sub navigation ------*/
#subNav{display:block; width:100%; height:50px; margin-top:7px;}
ul.subNav{list-style:none; font-size:12px; margin-left:-5px;}
ul.subNav li{display:inline; color:#fff;}
ul.subNav li a{color:#fff; text-decoration:none; padding:0 5px;}
ul.subNav li a:hover, ul.subNav li a.selected{color:#7ac044;}

/*------ tertiary navigation ------*/
#terNav{display:block; float:left; width:180px; list-style:none; margin:0; padding:0; border-bottom:1px solid #ccc;}
#terNav li{display:block; border-top:1px solid #ccc;}
#terNav li a{text-decoration:none; padding:5px 8px; display:block; font-size:12px; font-weight:bold;}
#terNav li a:hover, #terNav li a.selected{background:#7AC044; color:#333;}


/*------ side menu ------*/
ul.sideNav{list-style:none; margin:0; padding:0; border-left:5px solid #7ac044; border-right:5px solid #7ac044; border-bottom:4px solid #7ac044;}
ul.sideNav li{border-bottom:1px solid #7ac044;}
ul.sideNav li a{border-top:1px solid #fff; border-left:1px solid #fff; padding:2px 4px; font-size:11px; display:block; color:#72b93b; text-decoration:none;}
ul.sideNav li a:hover{color:#fff; background:#7ac044; border-color:#7ac044;}

span.sideTitle{background:#222; padding:2px 10px; color:#fff; display:block;}


/*------ footer ------ */
#footer{background:#1b1b1b; font-size:11px; color:#ccc; float:none;}
#footer a{font-size:11px; color:#ccc; text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer p{padding:0 20px;}

.logo_AB{width:31px; height:31px; background:url(../images/logo_AB.gif) top right no-repeat; margin-top:-14px; width:100%;}

ul.footerNav{list-style:none; display:block; border-bottom:1px solid #ccc; padding:5px 20px 20px 20px; margin:0 0 20px 0; width:760px;}
ul.footerNav li{display:inline; padding-right:10px;}

/* sticky footer */
*{margin: 0;}
html, body {height: 100%;}
#wrapper{min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -195px;}
#footer, .push{height: 195px;}


/*------ twitter widget ------*/
#tweets .twtr-ft, #tweets .twtr-hd{display:none;}
#tweets .twtr-tweet-wrap{padding:0 0 15px 0;}
#tweets h2{margin-bottom:10px;}
#tweets .twtr-tweet{border:0;}
#tweets a.twtr-timestamp, #tweets a.twtr-reply, #tweets a.twtr-rt, #tweets a.twtr-fav{color:#999 !important;}