/*   
Theme Name: Owlfish
Theme URI: http://www.owlfish.com/
Description: Owlfish theme
Author: Colin Stewart

*/

@import url("site.css");

#expenseClamAd {
	margin-top: 5em;
	float:right;
	width:12em;
}

#weblogLinks {
	display: inline;
	border: rgb(117, 120, 43) 2px solid;
	position: relative;
	z-index: 1;
	float: left;
	/* Provide some clearance for the links from the text. */
	margin-left: -100px;
	margin-top: 1em;
	width: 12em;
	background-color: white;
	clear: left;
}

/* IE 5.x hack */
* html div#weblogLinks {
	margin-left: 0px;
	ma\rgin-left: -100px;
}

.day {
  overflow: hidden;
}

/* We want a yellow stripe across the headings. */
div#weblogLinks h2 {
	background-color: rgb(234, 172, 39);
	background-image: url("images/leaf-background.jpg");
	color: rgb(72, 30, 0);
	padding: 0.2em;
	position: relative;
	z-index: 1;
}
	
h3.contentTitle {
	padding: 0px;
	margin: 0px;
}

#rssLink {
	margin-top: 20px;
}

.permaLink {
  padding-top: 0px;
  margin-top: 0px;
  font-size: smaller;
}

/* Used for images in-line in postings. */
.floatingImg {
  float: right;
  margin-left: 1em;
  border: rgb(234, 172, 39) 5px solid;
  margin-top: 1em;
}

/* We display the month archive links on one line. */
.monthList li{
	display: inline;
}

@media print {
  #weblogLinks {
    display: none;
  }
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	/*padding: 4px;*/
	/*margin: 0 0 2px 7px;*/
	/*display: inline;*/
	float: right;
	margin-left: 1em;
	border: rgb(234, 172, 39) 5px solid;
	margin-top: 1em;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
div.alignright img {
	border: rgb(234, 172, 39) 5px solid;
	margin-top: 1em;
}

div.alignright {
	padding-left: 1em;
}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

#comments {
	clear: both;
}

#comment {
	width: 90%;
}