@charset "UTF-8";
/* CSS Document */
body {
	
}
#container {
	max-width: 500px;
	padding: 10px;
	border: 1px solid #D0D0D0;
	border-radius: 10px;
	background-color: #D0D0D0;
	box-shadow: inset 0 0 25px #fff;
	margin: 0 auto;
	
}

body {font-family: Verdana, Geneva, sans-serif;}
nav{
	text-align: center;
	font-size:.9em;
	text-decoration: none;
}
a {
	color: rgba(250,250,250,1);
	text-shadow: 0 2px 5px #999;
	text-decoration: none;
}
a:hover {
	text-shadow: none;	
}
a.approve {
	float: right;
	font-size: 0.6em;
	background-color: #0A0;
	padding: 3px;
	border-radius: 3px;
	margin-left: 5px;
}
a.approve:hover {
	color: #0A0;
	background-color: rgba(250,250,250,1);
}
a.delete {
	float: right;
	font-size: 0.6em;
	background-color: #A00;
	padding: 3px;
	border-radius: 3px;
}
a.delete:hover {
		color: #A00;
	background-color: rgba(250,250,250,1);	
}
h1 {
	font-weight:normal;
	color: #333;
	text-align:center;
}
p{
	font-size: .9em;
	margin: 5px;
	color: #444;
	text-align: center;
	
}	
p.date {
	text-align: right;
	font-size: .5em;	
}
p.topic {
	color: 	#333;
	font-size: .8em;
	font-weight:bold;
}
article {
	padding-bottom: 10px;
	border-bottom: 1px dashed #eee;	
}
ul li {
	font-size: .9em;
	margin: 8px;;
	padding: 0;
}
 ul li a {
	background-color: #CC6633;
	border-radius: 5px;
	padding: 4px;
	font-size: .6em;
	color: #fff; 
 }
	
	
/*-----FORM---------*/
fieldset {
	background-color: #D3E9F1;	
	border-radius: .5em;
	margin: 1.5em auto;
	border: #917a56 solid 1px;
	max-width: 400px;
	box-shadow: 0 3px 10px #999;
}

legend {
	color: #eee;
	margin-left: 6%;
	padding: .5em;
	border: #222 solid 1px;
	background-color: #6596A5;
	border-radius: 1em;
	width: 80%;
	font-size: .7em;
	text-align: center;
}

label {
	display:block; /* forces a hard return and allows margin to be assigned*/
	margin: .5em auto;
	
	
}

label p {
	margin: 0;
	font-size:.6em;
	color: #666;
	padding-top: .9em;
	padding-bottom: .2em;
}
label input {
	margin: 0 auto;	
}
select {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
label span {
	
	font-size:.8em;
	color: #666;
}
label textarea {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
input {
	width: 50%;
	display: block; /* allows you to center the inputs */
	margin-left: auto;
	margin-right: auto;
}
input 
input.submitButton, button {
	display: block;
	padding: .5em;
	color: #fff;
	width: 100%;
	border-radius: 8px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
	border: 1px solid #333;
	background-color: #CC6633;
}
.keepOpen {
	clear: both;	
}