/* CSS Styles */

/* ---- Reference ---- */
/* Color Pallette -
	Primary - Red - (82, 10, 23) - 520A17
	Background - Flesh - (245, 230, 172) - F5E6AC
	Secondary - Blue - (102, 143, 145) - 668F91
	Secondary - Light Brown - (171, 142, 91) - AB8E5B
	Secondary - Dark Brown - (82, 48, 28) - 52301C */

/* ---- Basics ---- */

/* --- @font-face --- */
	@font-face {
		font-family: "League Gothic";
		src: url(/res/fonts/leaguegothic.otf);
	}
	@font-face {
		font-family: "Goudy";
		src: url(/res/fonts/GoudyBookletter1911.otf);
	}
		
/* --- HTML Tags --- */

	body {
		margin: 0;
		padding: 0;
		font-family: "Goudy", Arial, Helvetica, sans-serif;
		background: rgba(245, 230, 172, 1);
	}
	h1 {
		font-family: "League Gothic", Arial, Helvetica, sans-serif;
		color: rgba(82, 10, 23, 1);
		text-shadow: rgba(171, 142, 91, 1) 0 0 2px;
	}
	h2 {
		font-family: "League Gothic", Arial, Helvetica, sans-serif;
		text-shadow: rgba(171, 142, 91, 1) 0 0 1px;
	}
	h3 {

	}
	h4 {

	}
	p {
		font-family: "Goudy", Arial, Helvetica, sans-serif;
		font-size: 25px;
	}
	a {
		text-decoration: none;
	}

/* ---- Structure ---- */

	#container {
		width: 950px;
		margin: 0 auto;
	}

/* ---- Specific Sections ---- */

/* --- Top Bar --- */
#topbar {
	width: 100%;
	height: 35px;
	background: rgba(82, 48, 28, 1);
	overflow: hidden;
	border-bottom: 5px solid rgba(102, 143, 145, 1);
}
	#topbar h1 {
		font-size: 30px;
		color: #ffffff;
		margin: 3px 18px 0 8px;
		float: left;
		display: inline;
	}
	#topbar ul {
		list-style: none;
		float: right;
		display: inline;
		margin: 0;
		padding: 0;
	}
	#topbar li {
		float: left;
		display: inline;
		height: 30px;
		padding: 0 5px;
		border-left: 1px solid #ffffff;
	}
		#topbar li a {
			text-decoration: none;
			color: #ffffff;
			font-size: 14px;
			font-weight: bold;
			float: left;
			display: inline;
			height: 25px;
			padding: 5px;
		}

/* --- Index --- */
#index {
	padding-top: 100px;
	width: 500px;
	margin: 0 auto;
}
	#index h1 {
		font-size: 100px;
		text-align: center;
		margin: 0;
	}
	#index h2 {
		font-size: 36px;
		text-align: center;
		font-weight: normal;
		letter-spacing: 3px;
		margin: 18px 0;
	}
	#index hr {
		height: 2px;
	}
	#index p {
		float:left;
		display: inline;
		margin: 10px 0 10px 40px;
	}
	#index p a {
		color: #3a6cdd;
		font-weight: bold;
		text-decoration: none;
		font-size: larger;
	}
/* --- Blog --- */
	/* -- Listing -- */
	#blogList {
		margin: 40px 125px 0 125px;
		font-family: "League Gothic", Arial, Helvetica, sans-serif;
		font-size: 2.5em;
	}
		#blogList a {
			color: #000000;
		}
	
	/* -- Individual -- */
	div.blogEntry h1 {
		font-size: 5em;
		margin: 40px 0 0 40px;
		text-align: left;
	}
	div.blogEntry h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		margin: -5px 0 10px 40px;
		text-align: left;
	}
	div.blogEntry p {
		font-size: 1.25em;
		line-height: 1.75em;
	}

/* ---- General Classes ---- */