/*  
Theme Name: Mia-1
Description: Fixed left with Fluid Right background
Version: 1.1
Author: April Kite
Author URI: http://www.bigskycreative.ca
*/
body {
background: #586864 url(images/sidebar_bck.gif) repeat-y ;
color: #101b1a;
font-family: arial, helvetica, sans-serif;  /* was : arial, verdana, "trebuchet ms", sans-serif; */
font-size: 14px;
line-height: 20px;
width: 100%;
}
#bodywrapper {
margin: 0 100px 0 0px;
padding: 1px;
}
html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset {
border: 0;
margin: 0;
padding: 0;
}
h1 ,h2 ,h3 ,h4 ,h5 ,h6 ,h7 {
font-family: arial, helvetica, sans-serif;   /* was :"trebuchet ms", arial, sans-serif; */
font-weight: normal;
}
a {
color: #B4C8BD;
text-decoration: none;
}
a:hover {
color: #B4C8BD;
text-decoration: underline;
} 
blockquote {
border: 0 px;
font-size: 15px;
text-align:right ;
font-style: italic;
margin: 0 0 0 180px;
padding: 0 0 0 10px;
}
.clear {
clear: both;
}
/* begin header */
#blogtitle {
font-family: arial, helvetica, sans-serif;
font-size: 30px;
height:50px;
margin: 35px 0 0 60px;
position: absolute; 
text-align: center;
width: 300px;
}
#blogtitle a {
color: #000;
text-decoration: none;
}
#blogtitle a:hover {
color: #101b1a;
}
#description {
color: #fff;
font-family: arial, helvetica, sans-serif;
font-weight: bold;
font-size: 13px;
margin: 35px 0 0 440px;
position: absolute;
}
/* end header */
/* begin sidebar */
#sidebar {
font-family: arial, helvetica, sans-serif;
float: left;
background: #33433f;
margin-top: 50px;
width: 160px;
font-size: 17px;
 	
	text-align: center;
	font-style: italic;
	color: #b4c8bd;
}
.splitted-left {
float: left;
text-align: right;
width: 155px;
}
/* adapted for Mia theme. to include ul and moved to text-align- center */
.splitted-right {
float: right;
color: #112523;
text-align: center;
width: 160px;
}
.splitted-right ul, .splitted-right ul li , .splitted-right a , .splitted-right a:hover{
color: #112523;
line-height: 28px;
list-style:circle;
} 
#sidebar p {
font-size: 17.5px;
font-weight: 400;
list-style-type: none;
margin: 0 0 7px 0;
}
.navcontainer {
margin: 0;
padding: 10px 0 5px 0;
width: 160px;
color: #b4c8bd;
line-height: 28px;
text-align:center ;
}
.navcontainer ul {
list-style-type: none;
margin-left: 0;
}
.navcontainer ul li {
background-color: #33433f;
list-style:none;
text-decoration: none;
color: #b4c8bd;
margin: 10px 0 5px 0;
}
.navcontainer a {
display: block;
min-height: 15px;
color: #b4c8bd;
margin: 10px 0 5px 0;
}
.navcontainer a:hover{
text-decoration: none;
color: #b4c8bd;
margin: 0px 30px -5px 30px;
border-bottom: 5px solid #586864;
}
.navcontainer ul li ul.children {
font-style: italic;
padding: 0;
}
/* end sidebar */
/* begin search */
#searchContainer {
	padding:0 20px 0 0;
	margin: 50px 0 50px 0;
}
#searchfield {
background-color: #b4c8bd;
border: 2px solid #ddd;
padding: 3px 3px;
text-align:right;
}
#searchsubmit {
background-color: #b4c8bd;
border: 2px solid #ddd;
padding: 3px;
margin: 0;
}
#submit input {
width: auto;
}
input, textarea {
background-color: #b4c8bd;
border: 3px double #e3e3e3;
color: #112523;
font-size: 11px;
padding: 2px;
}
/* end search */
/* begin posts */
#postwrapper {
margin: 25px auto 0 210px;
width: 1000px;   /*  <> ************auto makes it flluid width but no bottom scroll bar */
}
.expandcollapsetext {
margin-top: 20px;
cursor: pointer;
float:right;
}
#postwrapper p {
color: #dfeae4;
font-size: 14px;
margin-bottom: 12px;
margin-right: 250px;
padding: 0px;
}
#postwrapper h3 { /* mainly for search msg */
color: #B4C8BD;
font-size: 18px;
}
#postwrapper a {
text-decoration: underline;
color: #ffffff;
}
.postholder {
/*clear: right;*/
color: #112523;
font-size: 12px;
margin: 0 auto 40px auto;
padding: 0 0 0 0px;
text-align: left;
overflow: hidden;
}
.postholder ul, .postholder ol {
margin-left: 20px;
padding-left: 20px;
}
.postholder img {
border: 0;
}
.info {
float: left;
padding-left: 5px;
width:90%;
}
.inforight {
background-color: #f9f7ed; 
float: right;
font-weight: bold;
}
.infoleft {
float: left;
padding-left: 5px;
width: 80%;
padding: 0;
}
.date {
float: left;
font-family: arial, helvetica, sans-serif;
height: 45px;
line-height: 12px;
text-align: left;
width: 38px;
}
.date p {
color: #101b1a ;
margin: 0;
padding-left: 11px;
padding-top: 9px;
text-transform: uppercase;
}
.date span.day {
display: block;
font-size: 18px;
}
.date span.month {
padding-bottom: 2px;
color: #B4C8BD;
display: block;
font-size: 10px;
height: 12px;
}
.post {
color: #586864;
height: 42px;
margin-top: 20px;
margin-bottom: 10px;
text-align: left;
}
.post h2 {
border-bottom: 1px dotted #ccc;
color: #ffffff;
font-family: arial, helvetica, sans-serif;
font-size: 13px;
font-weight:bold;
}
.post h2 a {
color: #ffffff;
}
.post h2 a:hover {
color: #B4C8BD;
text-decoration: none;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
.distance {
clear: both;
margin: 10px 0;
}
.sticky {
background-color: #586864;
}
/* end posts */
/* begin posts navigation */
.navalignleft {
float: left;
}
.navalignright {
float: right;
}
/* end posts navigation */
/* begin comments */
#commentwrapper {
margin-top: 50px;
}
.alt {
background-color: #b4c8bd;
border: 1px solid #2f3d39;
color: #666;
}
.commentlist {
list-style-type: none;
margin:0;
margin-bottom: 30px;
padding: 0;
text-align: justify;
}
.commentlist li {
background-color: #b4c8bd;
border: 1px solid #2f3d39;
color: #666;
margin: 10px 0px;
padding: 3px 7px;
}
.commentlist li .avatar { 
float: right;
border: 1px solid #2f3d39;
padding: 2px;
margin-left: 10px;
background: #fff;
}
.commentlist p {
margin: 10px 5px 10px 0;
}
.nocomments {
text-align: center;
}
#comment {
background-color: #b4c8bd;
border: 3px double #2f3d39;
color: #666; 
padding: 2px;
}
#comment h3 {
font-size: 18px;
}
.commentsnavigation {
padding: 20px 0 30px 0;
}
.commentlist ul.children li {
background-color: #b4c8bd;
border: 1px solid #2f3d39;
list-style: none;
margin-top: 20px;
margin-left: 30px;
}
.commentlist ul li.depth-2 {
background-color: #b4c8bd;
}
.commentlist ul li.depth-3 {
background-color: #b4c8bd;
}
.commentlist ul li.depth-4 {
background-color: #b4c8bd;
}
.commentlist ul li.depth-5 {
background-color: #b4c8bd;
}
/* end comments */
/* begin footer */
#footer {
background: url(images/footerbg.gif) repeat-x;
clear: both;
color: #283434;
font-size: 12.8px;
font-weight: normal;
height: 100px;
width: 100%;
}
.footerright {
float:right; 
margin-top: 55px; 
margin-right: 0px;
padding: 0;
}
#footer img {
float: left;
}
#footerleft { 
float: left;
margin: 55px 0 0 210px;
padding: 0;
}
#footer a { 
color: #283434;
text-decoration: none;
}
#footer a:hover { 
color: #b3c9bd;
}
/* end footer */
/* Begin Images */
p img {
	padding: 0px 18px 0px 18px;
	max-width: 100%;
	}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
/* End Images */
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	border: 0px ;
	text-align: center;
	background-color: #586864;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p, .wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	text-align: center;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */