/* Left Column */
.narrowcolumn { float: left; width: 650px; }

/* Who knows? */
.widecolumn { float: left; width: 650px; }

/* Right Column */
#sidebar { float: right; width: 250px; border-width: 1px;border-color: #CCCCCC; border-left-style: solid; padding-top: 10px; }

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

#searchform { margin-bottom: 10px; }


h2 { margin-bottom: 5px; padding-top: 0px; }


/* Post container */
.post { border-color: #F1F1F1; border-width: 1px; border-bottom-style: solid; margin-bottom: 20px; }

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


.post h2, .post h2 a { color: #000000; margin-top: 8px; font-size: 20px; line-height: 24px; }


#comments { width: 100%; }

/* New code for wrapping text around images July 27 2010 by Ron R */

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

img {border:0}
a img {border:0}
p img { padding: 0; max-width: 100%; }

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

.right { float: right; }
.left { float: left; }

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

.caption { margin: 5px; padding: 5px; border: solid 1px #E5E5FF; background: #E5F2FF; font-size:90%; color: black }