
body {
	margin: 2em;
	padding: 0;
	font-family: "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
	
}

a {
	text-decoration: none;
	color: #606060;	
}

a:hover, a:active {
	color: #DF720C;
}

h1 {
	font-family: "Cochin", "Palatino", "Baskerville", "Book Antiqua", "Times New Roman", serif;
	font-size: 180%;
	text-shadow:  #DDDDDD 3px 3px 5px;
	color: #909090;
	margin-left: -1em;
}

h2 {
	font-family: "Cochin", "Palatino", "Baskerville", "Book Antiqua", "Times New Roman", serif;
	font-style: italic;
	font-size: 140%;
	color: #DF720C;
	margin-top: 1.4em;
	margin-left: -1em;
	text-shadow:  #DDDDDD 3px 3px 5px;
}

h3 {
	font-size: 110%;
	color: #909090;	
}

.options {
	border: 1px solid #D0D0D0;
	padding: 1ex;
	margin: 1em 0 1em 0;
}

#options-left {
/*	float: left;*/
}

#options-right {
	float: right;
	width: 400px;
}
#options-right p {
	font-size: 90%;
}

#source-upload-form {
	padding-left: 2em;
}

#content {
	font-size: 80%;
	padding-left: 1em;
}

hr {
	background: #404040;
	color:  #404040;
	border-style: solid;
	border-color: #404040;
	border-width: 1px 0 0 0;
	margin-top: 0;
}

.footer {
	font-size: 90%;
	font-style: italic;
	margin-top: 2em;
	text-align: center;
	text-shadow: #A0A0A0 3px 3px 5px;
}


pre.textmate-source {
	position: relative;
	margin: 1em 0 1em 0;
	padding: 0 1ex 0 4em;
	font-family: monospace;
	font-size: 11px;
/*	counter-reset: linenr;*/
	border: 1pt solid #D0D0D0;

	word-wrap: break-word;
	white-space: pre;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
}

#gutter {
	height: 100%;
	width: 3.6em;
	left: 0;
	top: 0;
	background: #EEE;
	/*float: left;*/
	position: absolute;
/*	z-index: 3;*/
}

pre.textmate-source .linenum {
/*	z-index: 100;*/
/*	float: left;*/
	position: absolute;
/*	vertical-align: top;*/
	text-align: right;
	font-size: 99%;
	margin: 0 0 0 -4em;
	width: 3em;
/*	height: 7em;*/
	padding: 0 1ex 0 0;
	color: #888;
	background-color: #eee;
}

/*.linenum:before {
	content: counter(linenr);
	counter-increment: linenr;
	color: #888;
}
*/
