/*===================================================
	THE FRIDGE
	
	http://www.melbs.org/projects/fridge/
	
	A little web app by Joseph Pearson. 
	Released under a Creative Commons Licence.
	http://www.make-believe.org/
===================================================*/

body {
	font: 11px Verdana, sans serif;
	text-align:center;
	min-width:762px;
	background:white;
}

#container {
	width:760px;
	margin:0 auto;
	text-align:left;
}

#magnetron {
	border:1px solid #999; 
	background: url(fridge.png) no-repeat top right;
	width:760px;
	height:500px;
	position:relative;
}
#magnetron.anthology {
	border-color:white;
	height:auto;
}
#magnetron.anthology h1 {
	margin-top:80px;
	font: italic 22px Georgia, Times New Roman, serif;
	font-weight: normal;
	color: #CCC;
	margin-left:180px;
}
#magnetron li {
	list-style:none;
	text-align:center;
}
#magnetron li a {
	position:relative;
	font:10pt Times New Roman, serif;
	color:black;
	text-decoration:none;
	padding:2px 6px;
	border:1px solid black;
	border-bottom:2px solid black;
	border-right:2px solid black;
	line-height:2em;
}
#magnetron li a:hover {
	color:#C30;
}
#magnetron.anthology li {
	white-space:nowrap;
}
#discardzone {
	background:url(discardzone.png) no-repeat bottom left;
	width:400px; 
	height:100px;
	position:absolute; 
	bottom:0;
	z-index:0;
}
#titlezone {
	width:400px; 
	height:100px;
	position:absolute; 
	bottom:0;
	z-index:0;
}
#titlezone h1, h2 {
	font: italic 22px Georgia, Times New Roman, serif;
	font-weight: normal;
	color: #CCC;
	text-align: center;
}
#titlezone h2 {
	font-size: 16px;
}
.magnet {
	cursor:pointer;
	position:absolute;
	padding: 2px 6px;
	border: 1px solid black;
	border-bottom: 2px solid black;
	border-right: 2px solid black;
	color: black;
	text-decoration: none;
	background: white;
	z-index: 1;
	font: 12pt Times New Roman, serif;
}

.static {
	cursor: default;
}

#explanation {
	width:500px;
	text-align:center;
	margin:50px auto 0;
}
#explanation p {
	text-align: left;
}
	

/*============================
	FORM STYLING
============================*/
#options {
	margin-top:3px;
}
form {
	display:inline;
}
input, select {
	font: 10px Verdana, sans serif;
}
.textbox {
	border: 1px solid #CCC;
}
.button {
	border: 1px solid #999;
	border-left: 1px solid #DDD;
	border-top: 1px solid #DDD;
	font-weight: bold;
}
#saveform {
	float:right;
}