body {
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	color: #222;
	font-family: Helvetica,Arial;
}

#frame {
	margin: 0 auto;
	width: 850px;
}

#header {
	text-align: left;
	background: #F2F455;
	height: 69px;
}

#right_column {
	float: right;
	width: 135px;
}

#right_inside {
	padding: 15px 0 25px 15px;
	border-left: #CEE177;
	border-width: 0 0 0 1px;
	border-style: none none none dotted;
	text-align: left;
}

#left_column { margin: 10px 175px 25px 43px; }

#footer {
	background-image: url(/notes/images/notes_bottom_left.png);
	background-repeat: repeat-x;
	background-position: left top;
	clear: both;
}

a { color: #0000ff; }
a:visited { color: #888888; }

a.source {
	color: #999999;
	text-decoration: none;
}

h1.title a, h1.title a:visited, h2 a, h2 a:visited {
	color: #000;
	text-decoration: none;
}

h1, h2, h3 {
	font-weight: 400;
}

h1, h2, h3, h4, h5, h6, h7 {
	font-family: Lucida Grande,Geneva,Helvetica,Arial,sans-serif;
}

h1.title a:hover, h2 a:hover { text-decoration: underline; }


.time {
	font-family: verdana, geneva, sans-serif;
	color: #aaa;
	font-size: 10px;
	padding: 10px 0px 0px 0px;
	word-spacing: 0.1em;
}

div.time a {
	color: #888;
	text-decoration: none;
	border-bottom: 1px solid #c6c6c6;
}

div.time a:hover {
	color: #00f;
	border-bottom: 1px solid #66f;
}

.pagetitle, h3.date {
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	padding: 15px 0px 4px 0px;
	font-weight: normal;
}

.bar {
	background-color: inherit;
	color: #999;
}

.nav {
	font-family: verdana, geneva, sans-serif;
	font-size: 11px;
	line-height: 14px;
}

.nav a, 
.nav a:link,
.nav a:visited,
.nav a:active,
.nav a:hover {
	/* background-color: #E9FFDD; */
	color: #00f;
}

.nav a:visited {
	/* background-color: #E9FFDD; */
	color: #888;
}

.mlp, .note {
	font: 1em/1.6 Georgia, Times, serif;
}
.tweet {
	padding-top: 10px;
	font: 16px/22px Georgia, Times, serif;
}

.quote, blockquote {
	color: #444;
	margin-left: 15px;
	margin-right: 15px;
}

.quote2 {
	color: #444;
	margin-left: 30px;
	margin-right: 30px;
}

.title {
	font-family: Lucida Grande,Geneva,Helvetica,Arial,sans-serif;
	font-weight: normal;
	font-size: 24px;
	margin: 15px 0px 5px 0px;
}

a.mlpt {
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.mlp { margin-top: 15px; }
.mlp h1 { display: inline; margin: 0px; font-weight: normal; }

.sep {
	font-size: 8px;
	padding: 0px;
	width: 90px;
	height: 8px;
	margin-top: 48px;
	background: #F2F455;
}

.sidebar { line-height: 125%; }
.footnote { font-size: 10px; }

.hline {
	color: #fff;
	border-color: #CEE177;
	border-width: 1px;
	border-style: none none dotted none;
	margin: 15px 0 15px 0;
}





dd.inline {
	margin-bottom: 7px;
}
dt {
	font-size: 12px;	
	margin-top: 4px;
	clear: left;
}
dt.inline {
	width: 50px;
	float: left;	
}
dd {
	margin-left: 0;
}



div.comment-content {
	font-family: verdana, geneva, sans-serif;
	font-size: 11px;
	line-height: 16px;
}
div.comment-meta  {
	font: 11px/17px verdana, geneva, sans-serif;
	color: #888;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px dotted #CEE177;
}
div.comment-meta a {
	text-decoration: none;
	color: #888;
	border-bottom: 1px solid #ccc;
}

div.comment-meta a:hover {
	color: #00f;
	border-bottom: 1px solid #66f;
}




ul#navigation {
	list-style: none;
	padding: 0px;
}

ul#navigation li {
	background:url(/notes/images/bullet.gif) no-repeat left 7px;
	padding:0 0 0 8px;
	width: 200px;
	margin: 0px;
	display: inline;
	float: left;
}





@media all and (min-width:640px) {
	#tags {
	    -webkit-column-count: 3;
	    -moz-column-count: 3;
	    column-count: 3;	
	    -webkit-column-gap: 40px;
	    -moz-column-gap: 40px;
	    column-gap: 40px;
	}
}


#tags h2 {
	width: 50%;
	margin: 00;
	border-top: 1px solid #333;
	padding-left: 8px;
}
#tags ul {
	list-style: none;
	padding: 0px;
	margin: 0 0 3em 0;
}
#tags li {
	background:url(/notes/images/bullet.gif) no-repeat left 7px;
	padding:0 0 0 8px;
	width: 200px;
	margin: 0px;
}






 @media all and (max-width:640px) {
	#header,#footer, #frame {
		width: 100%;
	}
	#left_column {
		margin: 1em;
		padding: 0px;
	}
	#header {
		height: auto;
	}
	#header img {
		width: 40%;
		height: auto;
	}
	#right_column {
		display: none;
	}
}