/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Layout and general divs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
margin:0;
padding:0;
}
body {
background: #fffee6 url(../../images/nav-bg.jpg) repeat-y top center;
font: normal 76%/140% "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Tahoma, arial, sans-serif;
color:#333;
}
body#home{
background: #fffee6;
}
#wrap{
/*background: transparent url(../../images/grid.png) no-repeat center center;*/
margin-left: auto;
margin-right: auto;
width:760px;
height:auto;
}  	
#content{
float:left;
/*padding-left:10px;*/
width:555px;
margin-top:25px;
margin-left:0px;
border: 0px solid #000000;  
}
/*The following is for video embeded through WYGWAM...*/
.media_embed{
margin:15px 0 15px 15px ;
}

body#home #content{
width:auto;
padding-left:0;
}
.buttons{
border: 1px solid #000000; 
width:700px;
}
#footer{
background:#429744 url(http://www.moflow.ca/images/body-bg-communications.jpg) repeat-x 0 -249px;
clear:both;
position:relative;
top:50px;
}
#entry-buttons{
height:170px;
}
#masthead{
font-size:10px;
height:82px;
height:250px;
}
body.home #masthead,
body#about #masthead,
body #masthead{
background: transparent url(../../images/body-bg.jpg) repeat-x top center;
}
body.communications #masthead,
body.communications #wordmark,
body.communications #masthead{
background: transparent url(../../images/body-bg-communications.jpg) repeat-x top center;
}
body.yoga #masthead{
background: transparent url(../../images/body-bg-yoga.jpg) repeat-x top center;
}
h1{
margin-left:15px;
margin-bottom:1em;
font-weight:normal;
font-size:19px;
line-height:1.2em;
}
h2,
h3{
font-size:1.3em;
font-weight:normal;
margin:1em 0 1em 1em;
line-height:1.5em;
}
p{
margin:1em;
line-height:1.5em;
margin-left:15px;
}
p.credits{
color:#c3c186;
padding:0 0 10px 0;
clear:both;
text-align:right;
}
.entry-date{
margin-top:-12px;
}
.switch-block-one .entry-date,
.switch-block-two .entry-date{
margin-top:-13px;
}
span{
display:inline; 
/*font-size:0.6em;*/
}
blockquote{
margin:1em 1em;
}
.content-block blockquote{
margin:0;
}
.reference{
text-align:right;
}
img{
border:0;
}
#wordmark{
display:block; 
margin-left: auto;
margin-right: auto;
width:730px;
}
#wordmark img{ 
margin-top:125px;
}
body#home #wordmark img,
body#about #wordmark img,
body#moflow #wordmark img{ 
margin-top:147px;
}
.content-block{
/*float:left;*/
margin:1em 0 1em 1.3em;
padding:0.1em 0em 0.1em 0em;
background: transparent url(../images/content-block-bg.gif) no-repeat 0px 0px;
clear:left;
}
.mo-comments{
background: transparent url(../images/mo-comments-bg.gif) no-repeat 0px 0px;
}
.content-block img{
float:left;
padding:1em;
}
#section-comments .content-block img.avatar{
float:left;
margin:20px;
padding:3px;
border-top:1px solid #fff;
border-right:1px solid #bde2a9;
border-bottom:1px solid #bde2a9;
border-left:1px solid #fff;
background: transparent url(../images/mo-comments-bg.gif) no-repeat -30px -20px;
}
#section-comments .content-block img{
float:none;
padding:0em;
}
#sidebar{
float:left;
width:180px;
border: 0px solid #000000; 
}
#sidebar h2{
margin-top:0.5em;
margin-left:22px;
}
#sidebar p{
margin-left:22px;
margin-top:-1.5em;
}
#sidebar img{
margin: 15px 0 0 23px;

}
.nav{
margin-left: 0;
list-style:none;
margin-top:15px;
border: 0px solid #000000; 
margin-left:9px;
}
a{
outline:none !important;
color:#3f9743;/*green*/
}
#content a{
color:#3f9743;
text-decoration:underline; 
}
#content a:hover{
text-decoration:none; 
}
body.communications a{
outline:none !important;
color:#de436b;/*pink*/
color:#db5425;/*orange*/
}
body.yoga a{
outline:none !important;
color:#db5425;/*orange*/
color:#de436b;/*pink*/
}
#footer a{
text-decoration:underline;
color:#fffdd0;
}
#footer a:hover{
color:#fff !important;
text-decoration:none;
}
#portfolio a:hover,
#blog a:hover{
text-decoration:underline;
color:#3f9743;/*green*/
}
a.button-communications{
text-indent:-9999px;
background: #fffee6 url(../images/button-bg-communications.jpg) no-repeat center center;
width:305px;
height:132px;
float:left;
margin-top:10px;
margin-left:70px;
margin-left:57px;
}
a.button-yoga{
text-indent:-9999px;
background: #fffee6 url(../images/button-bg-yoga.jpg) no-repeat center center;
width:305px;
height:132px;
float:left;
margin-top:10px;
margin-left:7px;
}
ul, 
ol{
margin-left:3em;
}
ol li{
margin:1em auto;
}
a{ 
text-decoration:none;
}
a:hover{ 
text-decoration:underline;
}
#example {
margin-top:28px;
}
#example ul{
list-style:none;
}
#example li{
font-size:1.5em; 
background: transparent url(../images/separator.gif) no-repeat 0.7em 1em;
padding:0 !important;
}
#example li a{
text-decoration:none;
display:block; 
text-indent:14px;
}
#example #nav-services a,
#example #nav-blog a,
#example #nav-testimonials a,
#example #nav-portfolio a{
display:block;
height:1.7em;
}
#nav-portfolio a{
padding-left:15px;
}
#example ul li{
background:none;
font-size:0.6em;
}
#portfolio li,
#blog li {
/*padding:1em 0 !important;*/
border: 0px solid #ddd;
margin-bottom:0em;
}
#portfolio li a,
#blog li a{
text-indent:0;
border: 0px solid #47b000; 
}




#item-five-points{
height:5em !important;
}
#item-ten-steps{
height:5em !important;
}
#item-newsletters{
height:6.5em !important;
}
#item-bios{
height:5em !important;
}
#item-clarity{
height:6em !important;
}

/* The following rule is a re-working of the old version... */
#portfolio li a{
/*height:3em !important;*/
padding-top:2px;
padding-bottom:0.5em;
}
#portfolio li:first-child{
padding-bottom:1.2em !important;
}
#item-health,
.item{
height:3em !important;
}
#item-pr{
height:3em !important;
}
#item-marketing{
height:3em !important;
}
#item-fundraising{
height:4em !important;
}

a:hover{
color:#3f9743 !important; /*green*/
}

#sidebar #sidebar-button-communications{
margin-top:2.5em;
}
#sidebar #sidebar-button-yoga{
margin-top:0.5em; 
}
img#marlene{
float:right;
margin:0em 0em 1em 1em;
}

.current{
background: transparent url(../images/current-page-bg.gif) no-repeat -5px 4px;
}

#portfolio,
#blog{
margin:0;
}
a.head{
padding-left:0 !important;
margin-left:0 !important;
}
#tweets{
margin-left:1.3em;

}
.tweet-date{
margin-top:1em;
color:#145615;
text-shadow: 0px 0px 0px #555;
}
a#comments,
a#leave-a-comment{
color:#333;
text-decoration:none;
}
a#comments{
color:#fffdd0;
}
a#comments:hover{
color:#fffdd0 !important;
}
#heading-comments{
margin-top:3em;
padding:1em;
background:#429744;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
text-shadow: 1px 1px 1px #555;
}
.alert #comment-preview{
text-decoration:none;
color:#fff;
}
#content h3 .comment-id,
#content h3 .comment-id:hover{
text-decoration:none;
color:#333;
}
.alert #comment-preview:hover{
color:#fff !important;
}
.alert{
padding:1em;
margin-right:0;
background:#fb6800;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
text-shadow: 1px 1px 1px #555;
}
fieldset{
border: 0;
margin:1em 0;
 text-align:right;
}
.fieldset-checkboxes{
text-align:left;
float:left;
margin-left:1em;
}
textarea{
font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Tahoma, arial, sans-serif;
font-size:12px;
float:left;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
width:510px;
margin:0.3em 0 0 1em;
padding:1em;
border:1px solid #ccc;
}
label{
float:left;
text-align:left;
}
#content .avatar{
border:0px solid #eee;
float:left;
margin: 9px 15px 0 0px;
}
.entry-details{
text-align:right;
margin:0em 0 2em 1em !important; 
padding:0 !important;
}
#section-comments .entry-details{
text-align:left;
margin:-1em 0 0em 1em !important; 
}
.buttons{
clear:both;
text-align:left;
border:0;
margin-left:1em;
}
.comment-content{
margin-top:1em;
margin-bottom:0em;
margin:25px auto;
clear:left;
}
#heading-leave-a-comment{
margin:1.5em 0 0 1em;
}
input{
font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Tahoma, arial, sans-serif;
font-size:12px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
border:1px solid #ccc;
padding:0.3em;
margin:0;
}
#comment_form{
margin-left:5px;
}
#comment_form p{
padding:10px 0 0 0;
margin:0 0 0 1em;
}
#footer-content{
padding:2em 0;
margin:0 auto;
width:760px;
color:#fffdd0;
text-shadow: 1px 1px 1px #555;
overflow:hidden;
}
.footer-column{
width:300px;
float:left;
padding:0 1em 0 0;
}
#footer-column-1{
width:530px;
}
#footer-column-2{
width:200px;
}
/*~~~~~~~~~~~~~~~~~~~ Media ~~~~~~~~~~~~~~~~~~~~~~ */

ul#social-media{
list-style:none;
margin:0 0 0 1em;
}
#footer ul a#linkedin,
#footer ul a#twitter,
#footer ul a#rss{
display:block;
height:29px;
padding:8px 0 0px 40px;
background:transparent url(../../images/icon-linkedin.png) no-repeat 2px 2px;
color:#fffdd0;
text-decoration:underline;
width:150px;
}
#footer ul a#twitter{
background:transparent url(../../images/icon-twitter.png) no-repeat 2px 2px;
}
#footer ul a#rss{
background:transparent url(../../images/icon-rss.png) no-repeat 2px 2px;
}
#footer ul a#linkedin:hover,
#footer ul a#twitter:hover,
#footer ul a#rss:hover{
color:#fff !important;
background:#3f9743 url(../../images/icon-linkedin.png) no-repeat 2px 2px;
text-decoration:none;
}
#footer ul a#twitter:hover{
color:#fff !important;
background:#3f9743 url(../../images/icon-twitter.png) no-repeat 2px 2px;
text-decoration:none;
}
#footer ul a#rss:hover{
color:#fff !important;
background:#3f9743 url(../../images/icon-rss.png) no-repeat 2px 2px;
text-decoration:none;
}
.switch-block-one,
.switch-block-two{
margin-left:5px;
padding:15px 0 15px 0;
background:#fbfae5;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.switch-block-two{
background:transparent;
}
.switch-block-one h3,
.switch-block-two h3{
margin-top:0;
}
h2#category{
margin-top:-1em;
}
.categories{
margin-top:-15px;
}




#search{
margin-top:3em;
border:0px solid;
height:60px;
position:relative;
background: transparent url(../../images/bg-search.png) no-repeat 22px 24px;
}
#search #keywords{
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 8px;
background:transparent;
margin-top:0px;
padding: 2px 0 2px 5px;
height:24px;
width:108px;
border:0px solid;
}
#search .submit{
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 8px;
outline:0;
text-indent:-9999px;
background: transparent url(../../images/button-search.png) no-repeat 0 0 ;
border:0;
position:absolute;
top:27px;
left:138px;
height:21px;
width:31px;
}
.captcha-image{
float:left;
}




#all-categories,
#related-entries{
padding:5px;
display:block;
background: transparent url(../../images/content-block-bg.gif) no-repeat 0px 0px;
margin:0 0 0 1.3em;
list-style:none;
}
#all-categories li a,
#related-entries li a{
display:block;
height:1.5em;
}
#show-all-categories,
#show-related-entries{
margin-top:-22px;
text-align:right;
padding:0 12px 3px 0;
}
#show-all-categories.blog-page {
margin-top:-38px;
}
.arrow-up{
background:transparent url(../../images/arrow-up.png) no-repeat center right;
}
.arrow-down{
background:transparent url(../../images/arrow-down.png) no-repeat center right;
}
.hide{
display:none;
}