
/* Right Column */
#sidebar { width: 200px; padding-top: 10px; }

#sidebar ul { list-style-image: none; margin-bottom: 20px; margin-left: 10px; }
#sidebar ul li { list-style-type: none;  margin-left: 10px; }

#sidebar ul li ul { margin-left: 0px; margin-bottom: 13px; }

#sidebar ul li ul li { line-height: 16px; height: 18px; margin-left: 0px; }

#searchform { margin-bottom: 10px; }

#sidebar label { display: block; }


#sidebar h2 { color: #808183; font-size: 18px; line-height: 18px; font-weight: normal; }
#sidebar a { color: #808183; }


.postmetadata { border: 1px solid #c8c7c7; padding: 3px 5px 3px 5px;  }


#s { width: 100px;  }


/* Post container */
.post {  margin-bottom: 20px; clear: both; }

/* Post Date */
.post small { font-weight: bold; font-variant: small-caps; font-size: 11px; line-height: 24px;}

.postmetadata { clear: both; }


.post h2, .post h2 a { margin-top: 8px;  }


#comment { width: 100%; }


a { font-size: 12px; font-weight: normal; }





/* 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;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

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

