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

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

/* Right Column */
#sidebar { float: right; width: 200px; border-width: 1px;border-color: #CCCCCC; border-left-style: dashed; 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 { list-style-image: url('/images/icon_arrow3.gif'); margin-left: 0px; margin-bottom: 13px; }

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

#sidebar a { color: #a9a9a9;  }


#searchform { margin-bottom: 10px; }


h2 { margin-bottom: 1px; padding-top: 0px; }
#sidebar h2 { font-size: 12px; font-weight: bold; }


#s { width: 120px;  }


/* Post container */
.post { border-color: #cccccc; border-width: 1px; border-bottom-style: solid; margin-bottom: 35px; padding-bottom: 30px; clear: both; }
p.postmetadata { clear: both; color: #bebebc; font-size: 12px; }
p.postmetadata a {  color: #bebebc; font-size: 12px; }
span.postmetadata { color: #bebebc; font-size: 11px; margin: 0px; }
span.postmetadata a { color: #bebebc; font-size: 11px; font-weight: bold; }
.post h2 { padding: 0px; margin-bottom: 24px; margin-top: 5px;  float: left; }

.post a { text-decoration: underline; }


.post small { color: #bfbfbd; display: block; width: 40px; float: left; margin-right: 10px; }
.post small span {  font-size: 30px; color: #FFCC66; }

.entry { clear: both; }

.entry p { font-size: 12px; line-height: 18px; }


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


.post h2, .post h2 a {  font-size: 20px; font-weight: bold; }


#comment { width: 100%; }


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



#top_pages { width: 400px; float: left; }
#top_pages li { width: auto; display: inline;  color: #333333; font-weight: normal; }
#top_pages a { color: #bebebc;font-size: 11px; font-weight: bold; }
#top_pages a:hover { color: #D3551D; text-decoration: none; }


#new_head { padding-bottom: 25px; }


#rss_head { float: right; width: 300px; }


#rss_head a.rss {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(/images/rss_feed.png) right 2px no-repeat;
    padding:0 20px 0 0;
}

#rss_head a.rss:hover {background: url(/images/rss_feed.png) right -14px no-repeat; padding:0px 20px 0px 0; text-decoration: none; color: #D3551D; }



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



/* SEARCH FORM */
#searchform {margin-bottom:30px;padding:0;}
#searchform #s {
    border: 1px solid #ccc;
     border:1px solid #ddd;
     border-radius:5px;
     -moz-border-radius:5px;
     -webkit-border-radius:5px;
     padding:5px;font:14px Arial;
     background: #fafafa;
     width: 130px;
    }
#searchbtn {vertical-align:bottom;padding: 0 0 5px 2px;}
.hidden {display: none;}