/*	WHAT?
		Basic Page Style 
		For some standardised elements that a website always has, but shouldn't be in the base.css.
	
	CHANGELOG
		02-04-2008	Maykel;			Removed the background from the 'body'
									Changed Standard Image Margins
									Moved Some Typography to typography.css
*/

body {
	text-align: center; /* Center the page */
}


/*	Quickly align images, with basic margins */

img.left {
	margin: 4px 20px 4px 4px;
	
	display:inline;
	float:left !important;
}

img.right {
	margin: 4px 4px 4px 20px;
	
	display:inline;
	float:right !important;
}

/* 	Input, Select, Textarea and Buttons */

input, select, textarea, button {	
	border: 1px solid #ddd;
	border-right-color: #c0c0c0; border-bottom-color: #c0c0c0;

	background: #fff;
	
	padding: 3px 3px 1px;
}

	input:hover, select:hover, textarea:hover, input.submit:hover {
		border: 1px solid #e0e0e0;
		border-right-color: #d0d0d0; border-bottom-color: #d0d0d0;

		color: #000;
	}
	
	input:focus, select:focus, textarea:focus, input.submit:active {
		border: 1px solid #99c;
		border-right-color: #88b; border-bottom-color: #88b;

		background: #fafafa;
	}
	
	input.submit, button {
		background: #f6f6f6;
		background-image: none !important;

		color: #000;
		
		font-size: 1.3em;
		
		width: auto !important;
	}
	
		input.submit:hover, button:hover {
			background: #fff;
		}

        input.submit:active, button:active {
         	color: #267;
		}
		
	input.active, select.active, textarea.active {
		border: 1px solid #ddd;
		border-right-color: #c0c0c0;
		border-bottom-color: #c0c0c0;
	}
	
	input.image,
	input.checkbox {
		border: none;
	}

	select {
		padding: 2px 0 0;
	}
	
	option {
		background: #fff;
		padding: 1px 3px 0;
	}

	textarea {
		height: 9em;
	}