/* Classes specific to Stuff2Do */
html {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

body {
	width:100%;
	height:100%;
    background: url('../images/stuff_bkg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
    font-family: 'Heebo', sans-serif;
	font-size:16px;
	font-color:#333;
}

main {
	width:80%;
	max-width:960px;
	margin:0 auto;
	margin-bottom:45px;

	margin-top:50px;
	background-color:white;
	border:solid 1px black;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
}

h1 {
    font-family: 'Satisfy', cursive;
}

footer {
	background-color: white;
	border-top:solid 1px #ccc;
	position:fixed;
	width:100%;
	bottom:0;
	left:0;
	font-size: 0.8em;
	background-color:white;
}

#list-col {
	width:60%;
	height:100%;
	position:relative;
	padding:1px;
	float:left;
}

#form-col {
	width:30%;
	height:100%;
	padding:1px;
	position:relative;
	float:left;
}

.form-label {
	margin-top:24px;
}

.red {
	color:red;
}

table {
	width:90%;
	margin:0 auto;
	background-color:white;
}

header h1 {
	padding-top:15px;
	color:mediumorchid;
	text-align:center;
}

th {
	border-bottom: 1px solid #aaa;
	vertical-align: middle;
	font-size:1.1em;
	font-weight:bold;
}

td {
	border-bottom: 1px solid #ccc;
	vertical-align: text-top;
	cursor: pointer;
}

textarea {
	font-family: 'Heebo', sans-serif;
	width:98%;
}

label, legend {
	font-weight:bold;
	font-size:1.1em;
}

input[type="button"] {
	padding:5px;
}

.clear {
	clear:both;
}

.centered {
	text-align: center;
}