@charset "utf-8";
/* CSS Document */

html, body {
	height: 100%;
	}

body {
	background-color: #192113;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	/*color: #F8F8F8;*/
	color:#333333;
	letter-spacing: 0.6px;
	line-height: 1.5em;
	}
	
h1, h2, h3, h4 {
	letter-spacing: 1.5px;
	font-size: 120%;
	}

h1 {
	color:#666666;
	padding: 20px 0 0 0;
	font-size: 200%;
	font-weight: bold;
	}
	
h3 {
	padding: 7px 0 0 0;
	}
	
p {
	font-size: 110%;
	font-weight: lighter;
	padding: 10px 0 5px 0;
	}
	
ol, ul {
	width: 550px;
	list-style-position: inside;
	padding: 0 0 0 40px;
	}
	
li {
	font-size: 110%;
	padding: 10px 0 5px 0;
	/*text-indent: -30px;*/
	}

#navigationReturn ul {
	margin: 0 0 0 530px;
}

#navigation ul, #navigationReturn ul {
	list-style-type: none;
}

#navigation li {
	display: inline;
}


#navigation a, #navigationReturn a {
	text-transform:uppercase;
	background-color: #FFFFFF;
	padding: 3px 12px 3px 8px;
	border-top: 1px solid #dddddd;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #dddddd;
}

#navigationReturn a {
	text-transform: none;
}

#navigation a:hover, #navigationReturn a:hover {
	background-color: #192113;
}

#navigation a:active, #navigationReturn a:active {
	padding: 2px 13px 4px 7px;
}

#navigation li a, #navigationReturn li a {
	display: inline;
	font-size: 100%;
	font-weight: bold;
	width: 150px;
}

#navigationReturn li a {
	font-size: 80%;
	font-weight: normal;
	width: 100px;
}

/*#navigation li li a, #navigationReturn li li a {
	font-size: 80%;
	font-weight: normal;
	width: 100px;
}*/
	
#holderBlurb, #lipFacedSketch, #wrapper, #mainContent, #footer {
	float: left;
	margin: 50px 0 0 70px;
	width: 860px;
	text-align: left; /* puts text back to left after being centred in the body, above */
	background-image: none;
	}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em; /*The negative value for the margin in .wrapper is the same number as the height of .footer and .push. The negative margin should always equal to the full height of the footer (including any padding or borders you may add).*/
}

#calendarPoints {
	border: 0.5px dotted #FFFFFF;
	padding: 0 20px 10px 15px;
	margin: 0 0 4px 0;
	background-color:#FFFFFF;
	/*background-color: #1B2314;*/
	}

#musicPanel {
	background-color:#FFFFFF;
	width: 700px;
}

#inlinePics {
	margin: 10px 10px 10px 0;
}

#albumCover {
	width: 205px;
}

#mainContent, #footer {
	width: 750px;
	margin: 50px 0 0 70px;
	/*background-image:url(images/fnalogo_810x483.jpg);
	background-repeat: no-repeat;*/
	}

#footer, .push {
	height: 4em;
	}

#footer {
	font-size: 80%;
	}
	
