/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
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: #fff url(http://www.blogic.ca/images/grid.png1) repeat-y top center;
font: normal 76%/140% "Times New Roman", Times, serif;
}
#wrap{
font-size:1.3em;
background: #fff url(http://www.blogic.ca/images/grid.png1) repeat-y top center;
margin-left: auto;
margin-right: auto;
width:960px;
height:auto;
border: solid #333 0px;
}
#content{
margin-left:90px;
color:#555;
} 
#nav{
float:left;
border: 0px solid #000000;
width:220px;
margin-right:20px; 
}
#main{
float:left;
border: 0px solid #000000;
width:540px; 
}
.entry{
margin:1em auto 2em auto;
border-bottom: 0px solid #ddd;
}
#footer{
clear:both;
text-align:center;
font-size:0.8em;
}
#mediation-description-box{
margin-top:2em;
background: #FFFCCF;
padding:1em;
border: 1px solid #DFDB99; 
}
.comments{
border: 1px solid #ddd;
padding:1em;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Headings H1-H6 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
h1 { }

h1#masthead{
margin:40px 0px 0 90px;
font-weight:normal;
font-size:83px;
}

h2 {
font-weight:normal;
margin:1em auto;
font-size:1.8em;
border: 0px solid #000000;
line-height:1em;
}
#slogan{
font-weight:normal;
margin:1.8em 0 0 90px;
font-size:145%;
padding-top:0.2em;
padding-bottom:0.2em;
border-top:1px solid #555;
border-bottom:1px solid #555;
width:9.6em;
color:#555;
}
.entry h2{
margin-bottom:0;
}
.comments h2{ 
margin-top:-1.3em;
background:#fff;
float:left;
padding:5px;
}
h3 { 
font-weight:normal;
margin:0em auto;
font-size:1.3em;
}

h4 { }

h5 { }

h6 { }

/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Paragraphs 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
p { 
margin:1em auto;
line-height:1.3em;
font-size:1.1em;
}
.mediation-description{
font-size:0.8em;
margin:0;
color:#888;
}	
.instructions{
background:#FFF99F;
padding:0 0 0 1em;
color:#000;
}
.keep-reading{
font-size:0.8em;
color:#888;
}
.entry-info{
font-size:0.8em;
color:#888;
margin-top:0.5em;
}
blockquote{ 
border-top:1px dotted #ddd;
border-bottom:1px dotted #ddd;
margin:auto 2em;
}
.clear{
clear:both;
}
/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Links 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
a {
text-decoration:none;
border-bottom: 1px solid #650000;   
outline: none;
color:#650000;
}
#nav a{
border:0;
}
.comment-id,
#comments{
border: 0;   
color:#555;
}
a:visited{
}
a:hover,
#nav a:hover{
border-bottom: 1px dotted #650000;
}
a:active{
}
a.image,
a.image:hover,
a.comment-id{
border:0;
}
/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Lists and Navigation 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
ul{
list-style:none;
}
ul.mediations{
font-size:1.3em;
}
ul.mediations li{
margin:0.4em auto;
}
.mediations-feeds li{
padding-left:20px;
background: #fff url(http://www.northwestdivision.com/images/rss-icon.gif) no-repeat 0px 1px;
margin:0.4em auto;
}
#outlook {
margin:1em auto;
}
/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Images 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
img{
border: 0px solid #000000;
}
#masthead img{
margin-left:-15px; 
}
.sidebar img{
border:solid 0px #e5e1dd;
}
/* 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Form Elements
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
input{
font-family:"Times New Roman", Times, serif;
font-size:1em;
width:40%;
border: 1px solid #ddd;
text-align:right;  
}
.comment-form-url,
.captcha{
font-family:"Times New Roman", Times, serif;
font-size:1em;
text-align:left;
}
.checkbox{
width:auto;
border: 0; 
}
textarea{
font-size:1em;
font-family:"Times New Roman", Times, serif;
width:100%;
border: 1px solid #ddd; 
}
.captcha{
width:auto;
}
.submit,
.preview{
border-top: 1px solid #ddd;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #ddd; 
background:#fff;
text-align:center;
width:auto;
}