/*This removes all default styling across browsers so when we style elements they'll end up looking the same*/
*
{
	padding:0;
	margin:0;
}
body
{
	/*Sets the color of the text*/
	color:#c1aa48;
	/*Adds a little room to the top of the page*/
	padding-top:20px;
	/*Changes the font family of the page*/
	font-family:Georgia;
	/*Background color for the page*/
	background-color:#000000;
}
h1
{
	/*centers the text*/
	text-align:center;
}
h2
{
	text-align:center;
	margin-bottom:10px;
}
/*Sets paragraphs so they have space in between them and an indent at the beginning*/
p
{
	margin:10px 0;
	text-indent:30px;
}
/*Sets all the links colors*/
a
{
	color:#0066FF;
}
/*Gets rid of borders on images that are links*/
a img
{
	border:0px;
}

.bodywrapper
{
	/*Sets the total width of the document and aligns it to the center of the page*/
	width:824px;
	margin:auto;
}
/*Sets the width of the left and right columns and makes them show up next to eachother*/
.leftColumn
{
	float:left;
	width:150px;
}
.rightColumn
{
	float:left;
	width:674px;
}
/*Sets up the logo in the top left*/
.logo
{
	/*Adds whitespace to the bottom of the logo*/
	margin-bottom:30px;
	/*Makes it so the width and height work on the image*/
	display:block;
	width:144px;
	height:135px;
	/*Hides the text from browsers using css*/
	color:transparent;
	/*Adds the picture*/
	background-image:url(../images/logo.gif);
}
/*Changes the picture when you hover over it*/
.logo:hover
{
	background-image:url(../images/logo-hover.gif);
}

/*For the navigation on the left side of the page*/
#nav
{
	color:#ffffff;
	/*Removes the list decorations*/
	list-style:none;
	/*Changes the font size to make it easier to read*/
	font-size:22px;
}
#nav li
{
	/*Adds a border around each item of the list*/
	border:orange 2px solid;
	/*Adds space in between the top and bottom but not the left and right*/
	margin:10px 0;
	/*Adds space in between the text and the border/edge of the element*/
	padding:5px;
	/*centers text*/
	text-align:center;
	/*makes the font bold*/
	font-weight:bold;
}
#nav a
{
	/*Get the color from the parent element*/
	color:inherit;
	/*Removes the underline seen on most li nks*/
	text-decoration:none;
}
/*Makes the color change when you hover your mouse over the link*/
#nav a:hover
{
	color:Orange;
}
/*Centers the content on the right side makes it so it doesn't take up all available
 space also adds a little bit of whitespace on the top and bottom*/
.content
{
	width:540px;
	margin:40px auto;
}

/*Styles the footer at the bottom of the page*/
.footer
{
	/*moves the footer down the page more*/
	margin-top:100px;
	/*adds whitespace below the footer*/
	margin-bottom:20px;
	/*centers content in the footer*/
	text-align:center;
	/*sets the font size smaller*/
	font-size:12px;
}
/*Changes the colors of the links in the footer*/
.footer a
{
	color:#808000;
}
/*Makes space between the home,about, etc. and jonathan c.west link*/
.footer ul
{
	margin:10px 0;
}
/*Removes list style makes it so each item isn't 1 per line and adds some space between each link*/
.footer ul li
{
	list-style:none;
	display:inline;
	margin:0 5px;
}
/*centers anything in a div with the images class*/
.images
{
	text-align:center;
}
/*adds a little bit of space between images*/
.images img
{
	margin:5px;
}
/*Makes the medallion images thumbnail sized*/
.thumbnail img
{
	width:100px;
	height:75px;
}	

/*Provides space on the links page between links and makes them take up 1 per line*/
.links a
{
	display:block;
	margin:5px 0;
}