/*
Theme Name: Mindfulness
Theme URI: http://www.f91w.com
Description: An experiment in living mindfully
Author: Neil Scott
Author URI: http://www.f91w.com
Version: 0.1
*/
/* Import stylesheets and hide from IE/Mac \*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none !important }

html {height:100%;}

body {  line-height: 1.5; background: #292c29 url(img/background.png) fixed repeat left top; 
  color: #000; 
  font: 75% Arial, sans-serif;   text-align: center; /* IE Fix */
  margin:0px 0;
}

p           { margin: 0 0 18px 0;  font-size: 13px;  line-height: 21px; }

p img       {   padding:0; }
p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */


ul, ol      { margin: 0 0 18px 0px; }
ul          { list-style: none; }
ol          { list-style: none; margin: 18px 0 18px 0;}
dl          { margin: 0 0 18px 0; }
dl dt       { font-weight: bold; }

a           { color: #000; text-decoration: underline; outline: none; }
a:hover     { color: #666; }


.column {
  float: left;
  margin: 0 10px;
  padding: 0;
}


.first  { margin-left: 0; }
.last   { margin-right: 0; }


.clear { display: inline-block; }   
.clear:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

img { margin: 0 0 0px 0; }



.container {
  text-align: left;
  position: relative;
  padding: 0;
  margin: 40px auto;
  width: 575px;
}

#latest {background:#fff; position: absolute; top: 0px;left: 0px; z-index:1; width: 432px; height: 61px; padding: 30px 30px 30px 30px; margin: 0;}


#header {width: 519px; background: transparent url(img/header.png) no-repeat left top; float:left; padding: 0; margin: 50px 0 0 50px;}
#about {display:block; width: 400px;margin: 162px 0 35px 50px;}
#about p{font: 21px Georgia, serif; line-height: 1.2;}
#about  a {color: #36A4DE; border-bottom: 1px dotted #36A4DE;}
#about  a:hover {color: #C85959; border-bottom: 1px dotted #C85959;}
.archives {text-align:right;}

.archives a {color: #36A4DE;  font: 16px Georgia, serif;}
.archives a:hover {color: #C85959;}
.main { width: 420px;  margin: 0px 0px 36px 77px; padding: 25px 35px 30px 35px; display:inline; background: #e8e8e8;}

a {text-decoration:none;}



h1 {
height:82px;
width:431px;
position:relative;
display:inline;
float:left;
margin: 71px 0 0px 00px;
}
/* hide from Mac IE5.x \*/
h1{overflow:hidden;}
/* end hide*/
h1 span {
background: url(img/f91w.png) no-repeat;
position:absolute;
left:0;top:0;
display:block;
height:82px;
width:431px;
}


	
	.footer {margin: 1.5em 0 0 0;}
	.large {float:left; margin: 0 15px 15px 0; display:inline;}
	

.hide {display:none;}input#s {width: 400px;}
h4 {font-family:Georgia,serif; color: #36A4DE; font-size:21px; text-transform:lowercase;}
.excerpt {margin: 12px 0 0 0px; border-bottom: 1px solid #292c29;}
#latest .date {left:-31px;}
#latest .date p{color:#f2f2f2; padding: 0; margin: 0; font: 46px Georgia, serif;}
#latest .date p a{color:#f2f2f2;}
#latest .date p a:hover{color:#dbdbdb;}
.date p{color:#DBDBDB; padding: 0; margin: 0; font: 46px Georgia, serif;}
.date a {color: #DBDBDB;}
.date a:hover {color: #ccc;}

.previous {float:left;}
.next {text-align:right; float: right;}


.left {float:left; margin: 0 6px 6px 0;}
.navigation {margin: 0 0 36px;}
.post {clear:both; position:relative; padding: 0 0px; margin: 0 0 30px; height: 80px;}
.content { position: absolute; top: 0px;left: 0px; z-index:100;  padding: 0; margin: 0; }
.content p {font-size: 14px; display:inline}
.date { position: absolute; width:461px; top: 30px;left: -36px; text-align:right; z-index:99;  padding: 0; margin: 0; }