body { margin: 0; font-size: 1em; font-family: Arial, Helvetica, sans-serif }

input, textarea, select { font-size: 1em; font-family: Arial, Helvetica, sans-serif; background: #FFF; border: none }
input { padding: 2px 4px }
textarea { padding: 4px }
select { padding: 1px 0 1px 4px }

pre { background: #333; font-size: 1.1em; border-left: 3px SOLID #000; padding: 4px 8px; overflow: auto }

.page_left { width: 400px; float: left; height: 100%; clear: left; background: #FFF url(/images/page-left-bg.gif) 0 50px repeat-x; color: #bebebe; text-align: right; position: relative }
	.page_left .content { padding: 90px 40px 40px 40px; text-align: left }
	.page_left a { color: #707070; text-decoration: none; }
        .page_left a:hover { color: #000 }
        .page_left h1 { text-indent: -10000px; background: url(/images/logo.gif) no-repeat; width: 306px; height: 66px; }
        .page_left h3 { font-size: 1.1em; margin: 0; padding: 0 }
        .page_left .avatar { width: 145px; float: left; margin-top: 15px }
        	.page_left .avatar img { margin-left: 5px  }
	.page_left .twitter { text-align: center; width: 105px; margin: 10px 0 0 5px; font-size: 80% }
	.page_left .menu { margin: 35px 0 0 145px; list-style: none; padding: 0; border-top: 1px DOTTED #CCC }
		.page_left .menu li { margin: 0; padding: 5px 0; border-bottom: 1px DOTTED #CCC }
	    		.page_left .menu li a { background: url(/images/arrow-grey.gif) 0 5px no-repeat; display: block; padding-left: 20px }
	     	        .page_left .menu li a:hover,
	      		.page_left .menu li a.active { color: #000; background: url(/images/arrow-green.gif) 0 5px no-repeat }
	.page_left .tag-cloud {  margin: 80px 0 0 0; padding: 0 }
		.page_left .tag-cloud ul { list-style: none; margin: 0; padding: 0 }
		.page_left .tag-cloud li { float: left; margin: 0 2px; padding: 0 }
	.page_left .footer { position: absolute; bottom: 40px; left: 0; width: 100%; text-align: center; color: #aaaaaa; font-size: 80%; line-height: 1.8em }
		.page_left .footer a { color: #aaaaaa; text-decoration: underline }
		 
.page_right { margin-left: 400px;  min-height: 100%; background: #3d3d3d url(/images/page-right-bg.gif) 0 50px repeat-x; color: #cacaca; line-height: 1.2em }
	.page_right .content { padding:  80px 60px 60px; font-size: 80% }
	.page_right a { color: #CADAF4 }
	.page_right a:hover { color: #FFF }
	.page_right h2 { color: #FFF; font-size: 200%; font-weight: normal; margin: 40px 0 20px 0; padding-bottom: 10px; background: url(/images/heading-border.gif) bottom repeat-x }
	.page_right h3 { margin: 0; font-size: 150%; font-weight: normal; color: #FFF }
	.page_right .article-short { margin-bottom: 20px }
	.page_right .article-more { float: right; margin-top: 0 }
	.page_right .divider { height: 2px; margin: 10px 0; background: url(/images/heading-border.gif) bottom repeat-x }
	.page_right .comment-link { margin: -5px 0 20px 0 }

.green { color: #93cc03 }

/* Code Highlighting */
.javascript .comment { color : green }
.javascript .string { color : teal }
.javascript .keywords { color : navy }
.javascript .global { color : blue }
.javascript .brackets { color : navy }

.css .comment { color : #666 }
.css .properties { color: #8b8168 }
.css .selectors { color : #FFF; font-weight : bold }
.css .units {  }
.css .urls { color :green }

.ruby .keywords { font-weight: bold; color: #FFF }
.ruby .brackets { color: #FFF }
.ruby .symbol { color: #ec952f }
.ruby .string { color: #94c82f }
.ruby .ivars { color: #5386ae }

.php .brackets { color: #FFF }
.php .variables { color: #ec952f }
.php .keywords { color: #FFF; font-weight: bold }
.php .string { color: #94c82f }
.php .comment { color: #666 }