pre code, #forum pre code{
   margin: 0;
   padding: 8px 12px;
   display: block;

   border: 1px solid #e1e1e1;
   border-width: 1px 0;
   background-color: #f7f7f7;
   color: #454545;

   font-family: "DeJaVu Sans Mono", monospace;
   line-height: 19px;
   font-size: 13px;
   letter-spacing: 0;
   text-align: left;
}


body.source{
   padding: 7px 12px 12px;

   background-color: #fefefe;
}

body.source .viewtype{
   margin-top: 9px;
}

textarea.source, .hl-main{
   margin: 0 0 20px;
   padding: 0 10px;

   border: 1px solid #E1E1E1;
   border-width: 1px 0;
   background-color: #F5F5F5;
}

.hl-main{
	margin: 0;
	padding: 0;

	border: 1px solid #d9d9d9;
	background-color: white;

	overflow: auto;
	overflow-y: hidden;
}
.hl-main:hover{ border-color: #68BAE3; }

#posts .hl-main{
	width: 99%;
	margin: 5px 0 0;
}

.hl-main pre, .hl-gutter pre{
   font-size: 11px;
   line-height: 1.6em;
   font-family: "DeJaVu Sans Mono", "Lucida Sans Typewriter", "Courier New", Courier, monospace, sans-serif;
   text-align: left;
	letter-spacing: 0px;
}

.hl-main table{
	width: 100%;
	margin: 0;
	padding: 0;
}

	.hl-table .hl-main{
		width: auto;
		padding: 0 5px;
		margin: 0;

		border-width: 0;
		background: white url(http://media1.juggledesign.com/qtip/images//content_bg.jpg) repeat-x 0 -100px;
	}

	.hl-table pre{
		margin: 0;
		padding: 5px;
	}

	.hl-table .hl-gutter{
		width: 1%;
	}

	.hl-table .hl-gutter pre{
		margin: 0;
		padding: 5px 9px;

		background-color: #d9d9d9;
		color: #707070;
		text-align: right;
	}
	.hl-table:hover .hl-gutter pre{
		background-color: #68BAE3;
		color: #025E81;
	}


textarea.html, div.html{ margin-bottom: 0 !important; }

body.source textarea{
   padding-top: 10px;
   overflow: hidden;
}

body.source pre {
   overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
   white-space: pre-wrap; /* css-3 */
   white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
   white-space: -pre-wrap; /* Opera 4-6 */
   white-space: -o-pre-wrap; /* Opera 7 */
   /* width: 99%; */
   word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.hl-array, .hl-identifier{ color: #0057AE; }
.hl-keyword, .hl-reserved{ color: #141312; font-weight: bold; }
.hl-code{ color: black; }
.hl-comment{ color: #008000; font-style: italic; }
.hl-number{  color: #B07E00; }
.hl-literal{ color: #008000; font-weight: bold; }
.hl-string{  color: #FF80E0; }
.hl-regexp, .hl-regexp-container, .hl-builtin{  color: #006E26; }
.hl-function, .hl-brackets{ color: #141312; }

.html .hl-comment{ color: #888786; font-style: italic; }
.html .hl-tag{ color: #141312; font-weight: bold; }
.html .hl-keyword, .html .hl-brackets{ color: #141312; font-weight: bold; }
.html .hl-attribute, .html .hl-var{ color: #006E26; font-weight: normal; }
.html .hl-quotes, .html .hl-string{ color: #BF0303; font-weight: normal; }
.html .hl-attribute .hl-value{ color: #AA0000; }

.css{ color: #141312; font-weight: bold; }
.css .hl-comment{ color: #888786; font-style: italic; }
.css .hl-keyword, .css .hl-class{ color: #B07E00; font-weight: normal; }
.css .hl-rule .hl-keyword{ color: black; font-weight: bold; }
.css .hl-rule .hl-number, .css .hl-rule .hl-value{ color: #0057AE; font-weight: normal; }