body {
	font: .75em/1.6em "Verdana", sans-serif; /* make the font look a little nicer than default times new roman */
	text-align: center; /* center the layout in IE 5 */
}

/* Typography */

h1 {
	font: 3em/3em "MgOpen Cosmetica", "Verdana", sans-serif;
	color: #e9cb00;
}

h2  {
	font: 3em/1em "MgOpen Cosmetica", "Verdana", sans-serif;
	color: #e9cb00;
}

h3 {
	font: 3em/.5em "MgOpen Cosmetica", "Verdana", sans-serif;
	color: #e9cb00;
}

ul li {
	list-style-type: none;
}

a {
	color: #e9cb00;
}

/* General Structure */

#container {
	width: 700px; /* the width of our layout overall */
	margin: 0 auto; /* center the layout in mozilla and IE 6+ */
	text-align: left; /* put the text back where it should be */
}

#header, #footer {
	width: 100%; /* full width header & footer */
	height: 100px; /* give the header & footer a height */
}

#sidebar {
	float: left; /* put the sidebar on the right */
	width: 200px; /* the width of our sidebar column */
	padding: 0.375em;
}

#content {
	float: right; /* put the content on the left */
	width: 475px; /* the width of our content column */
	padding: 0.375em;
}

#footer {
	clear: both; /* clear the floats set for the sidebar & content, otherwise it will disappear when one column is shorter than the other */
}

/* NOTE: the content column and sidebar column widths must - when added together - be less then or equal to the width of the container */

/* Custom Alignment Classes */

.center {
	text-align: center;
}
	
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

/* Custom Classes */