@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: Alex;
	src: url(AlexBrush-Regular-OTF.otf);
}

@font-face {
	font-family: Petit;
	src: url(PetitFormalScript-Regular.ttf);
}

body {
	font-family: Petit, "Apple Chancery", "Brush Script Std", cursive;
	color: #FFFFFF;
	background-color: #000000;
	margin: 0;
	padding: 0;
}

/* ~~ This fixed width container surrounds all other blocks. Setting to 960 pixels will allow iphones to scale the size by 50% ~~ */
.container {
	width: 960px;
	margin: 0 auto;
	text-align:	center;
}

/* ~~ The header is not given a width. It will extend the full width of the layout. Will contain the site name.~~ */
header {
	font-family: Alex, "Apple Chancery", "Brush Script Std", cursive;
	text-align: center;
	font-size: 2em;
}

h1 {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing block. The remaining bottom margin will hold it away from any elements that follow. */
	margin-bottom: 1.5ex;
	white-space: nowrap;
}

p { 
	font-size: 1.5em;
	text-align: justify;
}

img {
	margin-left: 1em;
	margin-right: 1em;
}

ul {
	text-align:left;
	margin-top:0;
	font-size:1em;
}

hr {
	height:50px;
	background:url(media/dividerfl.png) no-repeat center;
	border:hidden;
}

/* ~~ Styling for the site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	margin-top: 0;
	margin-left:2em;
	margin-right:2em;
	color: #FFFFFF;
	background-color: #000000;
	font-size: 1em;
}

a:visited {
	color: #CCCCCC;
	background-color: #000000;
	font-size: 1em;
}

nav {
	padding-top: 1ex;
	background-color: #000000;
	margin:auto;
}

#images a:link, #images img { /* Overrides the default nav and image margin */
	margin-right: .25em;
	margin-left: .25em;
}


/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, nav, article {
	display: block;
}