body
{
	font-family: 'VT323', 'Lucida Console', Monaco, monospace;
	font-size: 20px;
	background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), url(../assets/screenshot.png);
	background-position:center top;
	background-size: cover, cover;
	margin: 0; padding: 0;
}

.dialog
{
	position: relative;
	left: -50%;
	top: -50%;
	font-size: 25px;
	/*border: solid #EDAE61 8px;*/
	padding: 20px;
	margin: 10px;
	/*background-color: rgba(255, 255, 255, 0.7);*/
	/*background-color: #FEE5AC;*/
	background: url(../assets/corner1.png), url(../assets/corner2.png), url(../assets/corner3.png), url(../assets/corner4.png),
				url(../assets/border_horizontal_bottom.png), url(../assets/border_horizontal_top.png), url(../assets/border_vertical_left.png),
				url(../assets/border_vertical_right.png), #FEE5AC;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-x, repeat-y, repeat-y;
	background-position: top left, top right, bottom right, bottom left, top left, bottom left, top left, top right;
}

.menuText
{
	font-family: 'VT323', 'Lucida Console', Monaco, monospace;
	font-size: 25px;
}

#chatMessages
{
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.charText
{
	font-size: 32px;
	text-shadow: -1px 0 white, 0 1px white, 0px 0 white, 0 0px white;
	position: fixed;
	display: none;
}

#powerUpContainer
{
	position: fixed;
	top: 10px;
	right: 90px;
	display: none;
}

#gameSoundButton
{
	position: fixed;
	top: 10px;
	right: 20px;
	display: none;
}

#playerList
{
	font-size: 32px;
	text-shadow: -1px 0 white, 0 1px white, 0px 0 white, 0 0px white;
	position: fixed;
	top: 60px;
	right: 20px;
	background-color: rgba(255, 255, 255, 0.7);
	display: none;
}

#statusContainer
{
	position: absolute;
	top: 10px;
	left: 20px;
	background-color: rgba(255, 255, 255, 0.7);
}

#roundTimeContainer
{
	position: absolute;
	bottom: 20px;
	right: 20px;
	background-color: rgba(255, 255, 255, 0.7);
}

.greenBtn
{
	background: url(../assets/btn_green_left.png), url(../assets/btn_green_right.png), url(../assets/btn_green_mid.png);
	background-repeat: no-repeat, no-repeat, repeat-x;
	background-position: left, right, left;
	color: white;
	font-size: 30px;
	line-height: 44px;
	height: 44px;
	cursor: pointer;
	margin-bottom: 15px;
}

.greenBtn:hover
{
	background: url(../assets/btn_yellow_left.png), url(../assets/btn_yellow_right.png), url(../assets/btn_yellow_mid.png);
	background-repeat: no-repeat, no-repeat, repeat-x;
	background-position: left, right, left;
	color: black;
}

.blueBtn
{
	background: url(../assets/btn_blue_left.png), url(../assets/btn_blue_right.png), url(../assets/btn_blue_mid.png);
	background-repeat: no-repeat, no-repeat, repeat-x;
	background-position: left, right, left;
	color: white;
	font-size: 30px;
	line-height: 44px;
	height: 44px;
	cursor: pointer;
	margin-bottom: 15px;
}

.blueBtn:hover
{
	background: url(../assets/btn_yellow_left.png), url(../assets/btn_yellow_right.png), url(../assets/btn_yellow_mid.png);
	background-repeat: no-repeat, no-repeat, repeat-x;
	background-position: left, right, left;
	color: black;
}

.errorStatus
{
	color: red;
	font-size: 20px;
}

.ribbonTitle
{
	background: url(../assets/title_left.png), url(../assets/title_right.png), url(../assets/title_mid.png);
	background-repeat: no-repeat, no-repeat, repeat-x;
	background-position: left, right, left;
	color: white;
	font-size: 30px;
	line-height: 38px;
	height: 44px;
	margin-bottom: 15px;
}

.soundEnabled
{
	background: url(../assets/sound_on_green.png);
	width: 72px;
	height: 44px;
	cursor: pointer;
	margin: auto;
}

.soundEnabled:hover
{
	background: url(../assets/sound_on_yellow.png);
}
.soundDisabled
{
	background: url(../assets/sound_off_green.png);
	width: 72px;
	height: 44px;
	cursor: pointer;
	margin: auto;
}

.soundDisabled:hover
{
	background: url(../assets/sound_off_yellow.png);
}

.facebookBtn
{
	background: url(../assets/facebook_btn.png);
	background-repeat: no-repeat;
	height: 44px;
	cursor: pointer;
	margin: 5px;
	font-size: 30px;
	line-height: 44px;
}

.bloggerBtn
{
	background: url(../assets/blogger_btn.png);
	background-repeat: no-repeat;
	height: 44px;
	cursor: pointer;
	margin: 5px;
	font-size: 30px;
	line-height: 44px;
}

#powerupDisplay
{
	z-index: 100;
	opacity: 0;
	display: inline-block;
	position: relative;
	left: 42%;
	top: 10%;
	font-size: 70px;
	margin: auto;
	color: blue;
	background-color: rgba(255, 255, 255, 0.7);
}

#chatInput
{
	width: 400px;
}

#chatInput:focus
{
	background-color: yellow;
}

#achievementsContainer
{
	position: absolute;
	bottom: 50px;
	right: 20px;
}