Bukkit

@charset "utf-8";
/* CSS Document */

/* The main website holder */
body{
        /* The background image for the website, located in the images folder inside root of WebAuction site */
	background-image: url('../images/wa_bg.jpg'); 
        /* Various properties for the background */
	background-repeat: no-repeat;
	background-attachment:fixed; /* Fixed means it wont scroll when you scroll down page */
	background-position:top; 
}
/* Formatting for all links, before being clicked, like the links to other pages top right */
a:link{
	text-decoration: none;
	color: black;
}
/* Formatting for all links, while being hovered over */
a:hover{
	text-decoration: underline;
	color: black;
}
/* Formatting for all links, having been visited already */
a:visited{
	text-decoration: none;
	color: black;
}
/* The white box that holds all the other content, has rounded corners */
#holder {
	background-color: #FFF;
	position:relative;
	min-height: 500px;
	width: 900px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
        /* The amount of rounding on the corners */
	border-radius: 15px;
	-moz-border-radius: 15px;
        /* Distance between the edge of the box and the content inside */
	padding: 10px;
        /* Border properties */
	border:medium solid #333;
        /* Text positioning inside this box */
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
/* Box on the login page, inside #holder, that has the login form */
#login-box {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	
}
/* Box on the my auctions page, inside #holder, that has the new auction form */
#new-auction-box {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	
}
/* Box top left of all pages with the user's details */
#profile-box {
	position:absolute;
	left:22px;
	top:-10px;
	width:220px;
	height:106px;
	z-index:1;
	text-align:left;
	font-size:18px;
}
/* Box top right of all pages with links to other pages */
#link-box {
	position:absolute;
	right:22px;
	top:-10px;
	width:220px;
	height:106px;
	z-index:1;
	text-align:right;
	font-size:18px;
}
/* Formatting for input text boxes, for login form and new auction */
.input {
	border:medium solid #333;
	border-radius: 6px;
	-moz-border-radius: 6px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	padding-left: 10px;
	padding-right: 10px;
}
/* Formatting for select drop-down boxes, for new auctions and buying X items */
.select {
	border:medium solid #333;
	border-radius: 6px;
	-moz-border-radius: 6px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	
}
/* Formatting for buttons, like the login and buy buttons */
.button {
	border:medium solid #333;
	border-radius: 6px;
	-moz-border-radius: 6px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	background-color: #FFF;
	padding-left: 3px;
	padding-right: 3px;
}
.button:hover {
	border:medium solid #333;
	border-radius: 6px;
	-moz-border-radius: 6px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	background-color: #64E0FF;
	text-decoration: none;
}
/* Formatting for labels for forms */
label {
	display: block;
	width: 150px;
	float: left;
	text-align: left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
}
/* Title formatting */
h1{
	font-size:35px;
}