body {
	background: #ddd; margin: 0; font: 18px/120% 'Droid Sans Mono Slashed', 'Droid Sans Mono', 'Consolas', monospace;
}
#edit-body {
	overflow:hidden;
}
#main { padding: 0 1em; }

#all { margin: 0 auto; padding: 0 1em 1em; max-width: 45em; position: relative; }
section { margin: 1em auto; padding: 1em; overflow:hidden; position: relative; }
h1 { color: #444; letter-spacing: -.1em; font: bold 6em/1em 'Constantia', serif; margin: 0; padding: 20px 0; text-align: center; text-shadow: 0px 0px .1em #999; }
h1 a { color: #333; }
h1 span { color: #555; }
h2 { margin:0; font: bold 1.7em/0.5em 'Cambria', serif; }

#logo { background:0; position:absolute; left:0; bottom:0; z-index: 1;
 color: #444; font: bold 1em/1.4em 'Cambria', serif; padding: .25em; }
#logo span { color: #666; }

p {  }

a { color: #06c; text-decoration:none; }
a:hover { background: rgba(0,0,0,.1); }
code { color: #800; }

#footer { margin: 5em 1em; text-align: right; font-size: 14px; }
#footer a { font-weight: bold; }


table { border-collapse: collapse; background: #fff; color: #400; border: #f0f0f0 .5em solid; }
td a { display: block; padding: .25em .5em .25em .5em; margin: -.25em -.5em; }
td, th { text-align: left; border: #ccc 1px dotted; padding: .25em .5em}


/*Forms
-------------------------*/
#navbar {
	border-bottom: 1px #888 solid;
}
button, .button, input, textarea {
	font: 18px 'Consolas', monospace;
	border-width: 0;
}
button, .button, input, .checkbox-wrap, .field {	font-weight: bold; padding: 5px 5px; margin: 0; }
input, textarea {
	background: #f8f8f8;
	padding-left: 16px;
}
input:focus, textarea:focus, button:focus, .button:focus {
	outline:0;
}
input:focus, textarea:focus {
	border-left: #99E572 8px solid;
	padding-left: 8px;
}
input[disabled] {
	background: #ddd;
}
.button, input[type="submit"][disabled] {
	cursor: wait;
}

textarea { resize: none; height: 24em; display: block; clear:both; width: 100%; }
.textarea-wrap { margin-right: 7px; }
button, .button, input[type="submit"] {
	cursor: pointer;
	background: #ddd;
	border-left: #888 1px solid;
	color: #000;
}
input[type="submit"] {
	background: #99E572;
	padding-left:0;
}
.button { text-align: center; color: #000; }
button:hover, button:focus, .button:hover, .button:focus {
	background: #bac;
}
.on, #options {
	background: #bbb;
}
input[type="submit"]:hover, input[type="submit"]:focus, #save[disabled] {
	background: #6c3;
}

#editor { min-width: 10em; padding: 0em; margin: -1px -1px 0; }
#load { width: 3em; }
#path { width:100%; }
#path-block { margin-right: 3.6em; }

label, #options p { padding: 0 1em; float:left; display:block; line-height: 3em; margin: 0; }
option { border: 0; }
#options {
	display:none;
	overflow:auto;
	border: 1px #888 solid;
	margin: 0 0 -1px;
	max-height: 6em;
}
#options, #options input[type="text"] { font-size: .8em; }
#options input[type="text"] { width: 10em; }
input[type="text"]#owner { background: #eec; width: 14em; }
#private { border: padding: 1em 0; font-size: 3em; }

#buttons {}

.columns { overflow: hidden; position: relative; }
#buttons { position: absolute; right: 0; top: 0; }
#toolbar > * { width: 16%; max-width: 12em; min-width: 5em; float:right; }
#save { width: 32%; max-width: 24em; min-width: 8em; }
#toolbar { margin: 0 0 -1px; z-index: 1; border-top: 1px #888 solid ;}

/*WEBKIT SCROLLBARS*/ 
::-webkit-scrollbar {
	width: 16px;
}
::-webkit-scrollbar-track-piece, ::-webkit-scrollbar-corner {
	background:#ddd;
}
::-webkit-scrollbar-thumb {
	background:#aaa;
}
::-webkit-scrollbar-thumb:hover {
	background:#bac;
}