body
	{
		background-color: #6699cc;
		color: #000000;
		font-size: 75%;
		padding: 0;
		margin: 0;
		font-family: Verdana, sans-serif;
	}

h1
	{
		font-size: 3em;
		line-height: 3em;
		color: #ffffff;
		letter-spacing: 10px;
		margin: 0;
	}

input
	{
		background-color: #ffffff;
		color: #000000;
		border-style: solid;
		border-width: 1px;
		border-color: #6699cc;
		width: 100px;
		margin: 0 10px 0 5px;
		font-size: 100%;
		padding: 1px 3px;
		text-align: left;
	}

#header
	{
		background-color: #336699;
		text-align: center;
		width: 100%;
		height: 100px;
		margin: 0;
	}

#content
	{
		position: relative;
		width: 90%;
		margin: 0 auto;
	}

#login, #upload
	{
		position: relative;
		clear: both;
		text-align: left;
		background-color: #99ccff;
		width: 400px;
		padding: 5px 0 10px 0;
		font-size: 80%;
		margin: 200px auto 20px;
		border-style: solid;
		border-width: 1px;
		border-color: #ffffff;
	}

#logintext
	{
		cursor: pointer;
		font-weight: bold;
		text-align: center;
	}

#uploadtext
	{
		font-weight: bold;
		text-align: center;
	}

#loginsubmit
	{
		display: block;
		margin: 10px auto 0;
		text-align: center;
	}

#uploadsubmit
	{
		display: block;
		margin: 10px auto 0;
		text-align: center;
	}

#upload #image, #upload #thumb, #upload label
	{
		display: block;
		text-align: left;
		margin: 5px;
	}

#logout
	{
		text-align: center;
	}

.meta
	{
		color: #666666;
		font-size: 90%;
	}

.imgthumb p
	{
		margin: 0.2em;
	}

.imgthumb
	{
		position: relative;
		display: inline;
		float: left;
		margin: 30px;
		padding: 15px;
		width: 200px;
		height: 200px;
		background-color: #99ccff;
		border-style: dotted;
		border-width: 1px;
		border-color: #ffffff;
		text-align: center;
	}

.imgthumb:hover
	{
		border-style: solid;
		border-width: 1px;
		border-color: #000000;
	}

.imgdescr
	{
		display: block;
		margin: 1em auto auto auto;
	}

.imgthumb img
	{
		margin: 0 auto;
		border: 0;
	}