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

html, body
{
	width:100%;
	height:100%;
	background-color:black;
	margin:0 0;	
}

h1, h2, h3, h4, h5, p, a, li 
{
	font-family: 'MyUnderwoodRegular', Arial, sans-serif;	
}

p, a
{
	font-size: 1.2em;	
}

img.logo
{
	display:block;
	margin:0px auto;
	max-width:90%;
	margin-top:20px;
	padding-bottom:120px;	
}

#preloadContainer
{
	text-align:center;	
}

#preloadContainer p
{
	margin:0 0;
	padding:10px 15px;
	background:white;	
}

#content
{
	/*background:url(../img/bg-10.jpg) no-repeat left top;*/
    max-width:800px;
    margin:20px auto;
    padding-top:10px;
}

#content .view
{
	background-repeat:no-repeat;
	background-position:center top;
	padding-top:20px;
	min-height:1080px;	
}

div.prompt
{
	background-color:white;	
	width:90%;
	margin:0px auto;
	border:3px solid black;
	/*
    -moz-box-shadow:    0px 0px 1px 2px #000;
  	-webkit-box-shadow: 0px 0px 1px 2px #000;
  	box-shadow:         0px 0px 1px 2px #000;
    */
}

img.cherub-left
{
	float:left;	
	margin-right:10px;
}

img.cherub-right
{
	float:right;
	
}

img.cherub-center
{
	display:block;
	margin:0px auto;	
}

div.intro-point-1
{
	background-color:white;	
	width:90%;
	margin:0px auto;
	min-height:100px;
	border:3px solid black;
	margin-bottom:20px;
}

div.intro-point-2
{
	background-color:white;	
	width:90%;
	margin:0px auto;
	min-height:150px;
	border:3px solid black;
	margin-bottom:20px;
}

div.intro-point-3
{
	background-color:white;	
	width:90%;
	margin:0px auto;
	border:3px solid black;
	margin-bottom:20px;
}

.images
{
	text-align:center;	
	padding-top:20px;
}

.images img
{
}

div.prompt p, div.intro-point-1 p, div.intro-point-2 p, div.intro-point-3 p
{
	margin:0 0;
	padding:10px 15px;
	background:white;
}

h2.optionHeader
{
	background-color:white;
    /*
	-moz-box-shadow:    0px 0px 5px 3px #000;
  	-webkit-box-shadow: 0px 0px 5px 3px #000;
  	box-shadow:         0px 0px 5px 3px #000;
    */
	text-align:center;
	font-size:1.0em;
	width:95%;
	display:block;
	margin:20px auto 5px auto;
	padding:10px 0px;
	font-weight:normal;
	border:3px solid black;
}

h1.pageHeader
{
	background-color:white;
    /*
	-moz-box-shadow:    0px 0px 5px 3px #000;
  	-webkit-box-shadow: 0px 0px 5px 3px #000;
  	box-shadow:         0px 0px 5px 3px #000;
    */
	text-align:center;
	font-size:1.5em;
	width:95%;
	display:block;
	margin:5px auto 25px auto;
	padding:10px 0px;
	font-weight:normal;
	border:3px solid black;
}

li.option
{
	margin:15px auto;
	list-style:none outside;
	text-align:left;
	width:90%;
}

#muteBtn li.option
{
	text-align:right;
}



li.option a
{
	color:black;
    /*
	-moz-box-shadow:    0px 0px 5px 3px #000;
  	-webkit-box-shadow: 0px 0px 5px 3px #000;
  	box-shadow:         0px 0px 5px 3px #000;
    */
	border:3px solid black;
	text-align:left;
	text-decoration:none;	
	padding:10px 10px;
	display:inline-block;
	margin:0px auto;
	background-color:white;
}

li.option a:hover
{
	color:gray;
	text-decoration:none;	
}

#menuBtn li.option a
{
	
}

a.aMute 
{
	font-size:0.85em;	
}

.partyImage
{
    max-width:100%;
	border:2px solid red;
}

table.partyTable.three
{
    width:100%;
    text-align:center;
    margin:0px auto;
    padding-top:10px;
}

table.partyTable.two
{
	display:none;
}

table.partyTable tr td p
{
	background-color:white;
	display:inline-block;
	padding:10px 10px;	
	border:3px solid black;
}

table.partyTable td
{
	cursor: pointer;
	max-width:10%;
}

table.partyTable img
{
	max-width:100%;	
}

div.nameTitleDiv
{
	width:100%;
	margin:0px auto;
	text-align:center;	
}

p.nameTitle
{
	background-color:white;
	display:inline-block;
	padding:10px 10px;	
	margin:0px auto;
	border:3px solid black;
}

@media (max-width: 500px) 
{
	li.option
	{
		width:90%;
	}	
	
	div.prompt
	{
		width:90%;
	}
	
	.images img
	{
		max-height:300px;	
	}
	
	table.partyTable.three
	{
		display:none;
	}
	
	table.partyTable.two
	{
		display:block;
		width:100%;
		text-align:center;
		margin:0px auto;
		padding-top:10px;
	}
}