/* Default style */

/* Resets */
html, body, p, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

a
{
	color: #ffffff;
	/*text-decoration:none;*/
}
a.nodeco
{
	color: #ffffff;
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}

body
{
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	text-shadow: 0px 4px 4px #000000;
	background-color: #404040;
	color: #ffffff;
	
	background-image: url("img/wash_bg.jpg");
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

body.gaz
{
	background-image: url("img/wash_bg_gaz.jpg");
}

body.rlga
{
	background-image: url("img/wash_bg_rlga.jpg");
}

span.member_name
{
	font-weight:bold;
}

span.company_name
{
	/*font-weight:bold;*/
}

span.game_title
{
	font-style:italic;
}

div.phil_space
{
	width: 100%;
	height: 32px;
}

div.container
{
	width: 100%;
	height: 100%;
	max-width: 1000px;
	margin: auto;
}

div.clearfloat
{
	clear: both;
}

div.links
{
	font-weight:bold;

	background: rgba(0,0,0,0.5);
	border-radius: 16px;
	
	box-shadow: 0px 12px 24px #181818;
	
	padding: 16px;
	
	width: 650px;
	margin: auto;
	font-size: 18px;
}

p.vers_list
{
	margin: 16px;
	padding: 16px;
	border: 16px;
	outline: 16px;
}

ul.vers_list
{
	margin: 16px;
	padding: 16px;
	border: 16px;
	outline: 16px;
}

p.game_desc
{
	text-align: center;
}

div.mkg_footer
{
	font-size: 13px;
	text-align: center;
}

div.image_nest
{
	padding: 32px;
	background-color: #0b0b0b;
	border-radius: 16px;
	box-shadow: 0px 12px 24px #181818;
}

div.widget_nest
{
	padding: 32px;
	background: rgba(0,0,0,0.5);
	border-radius: 16px;
	box-shadow: 0px 12px 24px #181818;
	
	font-weight:bold;
	
	margin: auto;
	font-size: 18px;
}

div.lightboxbackground
{
	position:fixed;
	left: 0%;
	top: 0%;
	
	width: 100%;
	height: 100%;
	
	background: rgba(0,0,0,0.5);
}

div.lightboxouter
{
	visibility: hidden;
}

div.lightbox
{	
	position:fixed;
	left: 10%;
	top: 10%;
	
	width: 80%;
	height: 80%;
	
	text-align: center;
	vertical-align: middle;
	
	background-color: #0b0b0b;
	border-radius: 16px;
	box-shadow: 0px 12px 24px #181818;
}

div.leftarrow
{
	float: left;
	
	position: absolute;
	left: 10px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	
	max-width: 100px;
	max-height: 100px;
	
	width: 10vw;
	height: 10vw;
}

div.rightarrow
{
	float: right;
	
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	
	max-width: 100px;
	max-height: 100px;

	width: 10vw;
	height: 10vw;
}

div.close
{
	float: right;
	
	position: absolute;
	right: 10px;
	top: 10px;
	
	max-width: 75px;
	max-height: 75px;

	width: 10vw;
	height: 10vw;
}

img.arrow
{
	width: 100%;
	height: 100%;
}

div.lightboximage
{
	clear: both;
	
	width: 90%;
	height: 90%;
	
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
		
	text-align: center;
}

img.lightboximage
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;

	vertical-align: middle;

	width: 100%;
	height: 100%;
	
	max-width: 128.0vh;				/* 80% * 70% * (16/9) */
	max-height: 40.5vw;				/* 80% * 70% * (9/16) */
}