* {
margin: 0;
padding: 0;
}
body {
font: 12px/18px Arial, Sans-Serif;
text-align: left;
color: #444;
background: #eee;
}
:focus {
outline: none;
}
img {
border: 0;
vertical-align: middle;
}
a {
text-decoration: none;
color: #333;
border-bottom: 1px solid #eee;
}
	a:hover {
	color: #111;
	}
ul {
margin: 0;
padding: 0;
list-style: none;
}
	ul li span {
	visibility: hidden;
	}
		ul li:hover > span, ul li strong:hover > span {
		float: right;
		visibility: visible;
		}
p {
margin: 0 0 20px;
}
form p {
margin: 0 0 10px;
}
	form p label {
	float: left;
	font-size: 15px;
	line-height: 30px;
	color: #888;
	width: 100px;
	}
	form p input.button {
	float: right;
	width: auto;
	padding: 10px 50px;
	font: 10px/17px Verdana, Sans-Serif;
	text-transform: uppercase;
	background: #f7f7f7;
	}
		form p input.button:hover {
		position: relative;
		top: 1px;
		left: 1px;
		background: #eee;
		cursor: pointer;
		}
	input, textarea, select, #content, #file_contents {
	padding: 10px;
	width: 648px;
	font: 12px/18px 'Lucida Console', Monospace;
	background: #fff;
	border: 1px solid #ddd;
	}
		#content, #file_contents {
		float: right;
		}
		#file-wrapper {
		float: left;
		}
		select {
		width: 670px;
		}
		textarea {
		height: 450px;
		}
		#username, #password {
		width: 248px;
		}
	#login {
	width: 370px;
	}
	#change {
	margin: 0 auto;
	text-align: center;
	}
		#dir {
		padding: 5px;
		width: auto;
		}
		#change .button {
		float: none;
		padding: 3px 20px 4px;
		}
pre {
padding: 10px;
}
h2 {
margin: 0 0 10px;
font: 18px/25px Arial, Sans-Serif;
letter-spacing: -1px;
color: #555;
border-bottom: 1px solid #eee;
}
	h2 span {
	float: right;
	font-size: 14px;
	}
		h2 span a {
		border: 0;
		}
#container, #header {
margin: 0 auto;
padding: 15px;
width: 770px;
}
	#header {
	margin-top: 50px;
	}
		#header ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}
			#header ul li {
			float: left;
			margin: 0 30px 0 0;
			}
				#header ul li a {
				color: #888;
				}
					#header ul li a:hover {
					color: #666;
					border-bottom: 1px solid #fff;
					}
	#container {
	margin-bottom: 50px;
	text-align: left;
	background: #fff;
	border: 1px solid #ddd;
	}
		#container.margin {
		margin-top: 50px;
		}
.list-directory strong, .list-css, .list-html, .list-js, .list-php, .list-image, .list-text {
padding: 7px 7px 7px 24px;
border-bottom: 1px solid #eee;
background: #fff no-repeat left center;
}
	.list-directory {
	padding: 0 0 0 30px;
	}
		.list-directory strong {
		display: block;
		margin: 0 0 0 -30px;
		background-image: url(../images/directory.png);
		border-bottom: 1px solid #eee;
		}
.list-css { background-image: url(../images/css.png); }
.list-html { background-image: url(../images/html.png); }
.list-js { background-image: url(../images/js.png); }
.list-php { background-image: url(../images/php.png); }
.list-image { background-image: url(../images/image.png); }
.list-text { background-image: url(../images/text.png); }
.clear { clear: both; }
.error { color: #b10909; }
.smarkup-toolbar li a { border: 0; }