/* Styles for the forms */

form {
	overflow:auto;
}
label {
	color: #a0a0a0;
	display: inline-block;
}
input, textarea, select {
	background-color: #c0c0c0;
	border: 1px solid #101010;
	border-radius: 4px;
}
textarea {
	resize: vertical;
	vertical-align: text-top;
}



/* Login form */
div.login {
	width: 300px;
	margin: 32px auto;
}
div.login form {
	margin: 18px;
}


div.sidebar {
	/*border: 1px solid #101010;*/
	border-radius: 8px;
	margin: 4px;
	padding: 6px;
	float: left;
	clear: left;
	width: 200px;
	max-height: 400px;
	overflow: auto;
}
div.sidebar a {
	display: block;
	border: 1px solid #101010;
	border-radius: 4px;
	margin: 2px;
	padding-left: 12px;
	text-decoration: none;
	color: #c0c0c0;
}
div.sidebar a.hidden {
	color: #606060;
	font-style: oblique;
}
div.sidebar a.new {
	margin-bottom: 6px;
	font-weight: bold;
}
div.sidebar a.selected {
	background-color: #292929;
}
div.sidebar a:hover {
	background-color: #303030;
}



div.form {
	border: 1px solid #101010;
	border-radius: 8px;
	margin: 4px;
	padding: 6px;
	overflow: auto;
}
form div.control {
	text-align: right;
}
div.control a.button {
	width: 100px;
}


/* Comment form */
form#comment {
	border: 1px solid #101010;
	border-radius: 8px;
	width: 500px;
	margin: 12px auto;
	padding: 6px;
}
form#comment label {
	width: 70px;
	text-align: right;
}
form#comment input {
	width: 400px;
}
form#comment textarea {
	width: 400px;
	height: 64px;
}
form#comment input#postcomment {
	width: 100px;
}
form#comment div#message {
	display: inline-block;
	margin-left: 70px;
	width: 300px;
	color: #a04040;
	font-size: 80%;
	text-align: center;
}




/** Project form */

div.form img#icon {
	float: left;
}
div.form a.command {
	float:left;
	clear:left;
	width: 160px;
}
form#project label {
	width: 80px;
	text-align: right;
}
form#project input {
	width: 450px;
}
form#project input.id {
	width: 260px;
}
form#project input.date {
	width: 100px;
}
form#project textarea {
	width: 450px;
	height: 60px;
}
form#project input.linkname	{
	width:100px;
}
form#project input.link	{
	width:280px;
}
form#project input.uploading {
	background-image: url('../icons/textloader.gif');
	background-repeat: no-repeat;
	padding-left: 16px;
	width: 264px;
}
form#project div.link div.btn {
	height: 12px;
	display: inline-block;
	border: 1px solid #101010;
	border-radius: 4px;
	cursor:pointer;
	color: #a0a0a0;
	padding: 0 2px;
}
form#project div.link div.btn div {
	position: relative;
	top: -5px;
}
form#project div.link div.btn:hover {
	background-color: #303030;
}
form#project input.button {
	width: 120px;
	height: 24px;
}


/** Blog form */
div.sidebar#postlist {
	max-height:500px;
}
form#blog label {
	width: 60px;
	text-align: right;
}
form#blog input.date {
	width: 100px;
}
form#blog select {
	width: 80px;
}
form#blog input#tags {
	width: 600px;
}
form#blog input#title {
	width: 430px;
}
form#blog textarea {
	width: 600px;
	height: 300px;
}
form#blog div#editor {
	margin-left: 60px;
	width: 600px;
}
form#blog div#editor a.button {
	margin: 0;
}


/* Media */
form#blog div#medialist {
	margin-left: 60px;
	width: 600px;
}
form#blog div.media {
	background-color: #303030;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	border: 1px solid #101010;
	border-radius: 4px;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
}
form#blog div.media div {
	border-radius: 4px;
	background-color: #404040;
	opacity: 0.6;
}
form#blog div.media div span {
	display: block;
	padding: 4px;
	opacity: 1;
	cursor:pointer;
	font-size: 60%;
	position: relative;
	padding-top: 20px;
	height: 12px;
}
form#blog div.media:hover div {
	background-color: #505050;
}


form#blog div.control {
	width: 670px;
}

/* Options popup */
form#blog div.dropdown {
	display: inline-block;
}
form#blog div.dropdown div {
	display: inline-block;
	position: absolute;
	border: 1px solid #101010;
	background-color: #404040;
	border-radius: 4px;
	width: 120px;
	text-align: left;
	overflow: hidden;
}
form#blog div.dropdown label {
	text-align: left;
}