html
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*, *:before, *:after
{
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body
{
	background-color: #213456;
	color: whitesmoke;
	font: 14px/1.231 'trebuchet ms', arial, helvetica, clean, sans-serif;
}

#mmg-header
{
	background-color: #213456; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#324f82, #213456, #213456, #213456, #324f82); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#324f82, #213456, #213456, #213456, #324f82); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#324f82, #213456, #213456, #213456, #324f82); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#324f82, #213456, #213456, #213456, #324f82); /* Standard syntax */
	text-shadow: 0px 0px 3px #000000, 0px 0px 2px #000000, 0px 0px 1px #000000;
	padding: 4px;
	height: 8vw;
	max-height: 163px;
	position:relative;
}

#mmg-header-logo
{
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height:8vw;
	max-height:155px;
}

#mmg-blog-title
{
	display: inline-block;
	font-size: 4vw;
	letter-spacing: normal;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 9vw;
}

#mmg-tag-line
{
	display: inline-block;
	position: absolute;
	top: 60%;
	transform: translateY(-50%);
	font-size: 2vw;
	color: lightgray;
	letter-spacing: normal;
	left: 45vw;

}

.mmg-menu
{
	background-color: #9b5900;
	border-style: solid none solid none;
	border-color: #f68c00 #000000 #693c00;
	border-width: 1px;
	font-size: 1.5em;
	font-variant: small-caps;
}

a.mmg-menu-link
{
	color: #ffec9f;
	text-shadow: 0px 0px 1px #000000;
	padding-left:5px;
	padding-right:5px;
}
a.mmg-menu-link:hover
{
	background-color:#ffec9f;
	color: #9b5900;
	text-shadow: 0px 0px 1px #000000;
	text-decoration: none;
}

.mmg-menu ul
{
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:0px;
	height: 100%;
}

.mmg-menu li
{
	padding-left:10px;
}

div.addon-title
{
	font-size: 1.8em;
	margin-top: 10px;
	margin-left: 2%;
	margin-right: 2%;
	width: 96%;
}

div.mmg-toc-box
{
	display: inline-block;
	padding: 9px;
	width: 96%;
	overflow: auto;
}

div.mmg-game-box
{
	-moz-box-shadow: 0px 0px 6px 0px #f7d565;
	-webkit-box-shadow: 0px 0px 6px 0px #f7d565;
	box-shadow: 0px 0px 6px 0px #f7d565;
	border-radius: 10px;
	display: inline-block;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 10px;
	padding: 9px;
	width: 96%;
	overflow: auto;
}

div.mmg-game-box-inner
{
	margin-left: 180px;
}

div.mmg-inactive-game-box
{
	opacity: 0.5;
}

.mmg-game-title
{
	font-size: 1.5em;
}

.mmg-game-img
{
	float: left;
}

.mmg-game-box ul
{
	padding-left: 1em;
}

.mmg-game-box li > ul > li
{
	list-style-type: circle;
	padding-top: 0px;
}

.mmg-game-box li
{
	padding-top: 1px;
	list-style: disc inside;
	text-indent: -1em;
	padding-left: 1em;
}

.mmg-game-box-title
{
	font-size: 1.3em;
	font-weight: bold;
}

.mmg-game-box-subsection
{
	padding-left: 1em;
}

.mmg-focus-text
{
	font-size: 1.1em;
	color: #ffca75;
}

.mmg-command-text
{
	font-size: 1.1em;
	font-family: Consolas, "Lucida Console", Monaco, monospace;
	background-color: #162239;
	padding-left: 0.2em;
	padding-right: 0.2em;
	margin-left: 0.2em;
	margin-right: 0.2em;
}

/* mmg-footer-short is for short-pages so the footer gets pushed down to the bottom */
#mmg-footer-short
{
	left: 0;
	bottom: 2px;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	position: fixed;
}

#mmg-footer-long
{
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 5px;
	position: relative;
}

.definition_name
{
	font-weight: 600;
}

a:link
{
	color: #ffec9f;
}

a:visited
{
	color: #ffec9f;
}

a:hover
{
	color: #e78630;
	text-shadow: 0px 0px 1px #000000;
}

.mmg-game-dl-buttons
{
	height: 45px;
	line-height: 45px;
	vertical-align: middle;
	margin-bottom: 12px;
}

.mmg-game-dl-text
{
	padding-right: 10px;
}

.mmg-game-dl-button
{
	display: inline-block;
	height: 52px;
	line-height: 45px;
	vertical-align: middle;
	border-radius: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	margin-right: 4px;
	background-color: #9b5900;
}

.mmg-news-title
{
	font-size: 1.5em;
	font-weight:bold;
}

.faq-group
{
	background-color: #162239;
	border:1px solid black;
	padding:3px;
	margin-top:3px;
	margin-bottom:6px;
	color: whitesmoke;
	font: 14px/1.231 'trebuchet ms', arial, helvetica, clean, sans-serif;
}
.faq-question
{
	margin-top: 2px;
	color: #ffca75;
	font-size: 1.2em;
	font-weight:bold;
	text-shadow: 0px 0px 3px #000000, 0px 0px 2px #000000, 0px 0px 1px #000000;
}

.faq-answer
{
	font-size: 1.0em;
	font-weight: normal;
	padding-left: 1em;
}

@media all and (min-width: 1925px) {
	#mmg-blog-title
	{
		font-size: 78px;
		left: 165px;
	}
	#mmg-tag-line
	{
		font-size: 38px;
		left: 860px;

	}
}