body {
	font-family: open sans, arial, helvetica, sans serif;
	font-size: 11pt;
	color: #000000;
	text-align: left;
	background-color: #dadada;
	}


#content {
	background-color: #fafafa;
	padding: 10px 20px 10px 20px;
	max-width: 600px;
	margin: auto;
}

h1 {
	font-family: questrial, open sans, arial, helvetica, sans serif;
	font-weight: normal;
	font-size: 28pt;
	}

h2 {
	font-family: questrial, open sans, arial, helvetica, sans serif;
	font-weight: normal;
	font-size: 20pt;
	}

h3, h4, h5, h6 {
	font-family: questrial, open sans, arial, helvetica, sans serif;
	font-weight: normal;
	}

blockquote {
	background-color: #eaeaea;
	padding: 10px 20px;
	margin: 5px;
}

blockquote.menu {
	font-family: oxygen mono, open sans, arial, helvetica, sans serif;
	font-weight: normal;
	font-size: 12pt;
	}

blockquote.message {
	font-family: oxygen mono, open sans, arial, helvetica, sans serif;
	font-weight: normal;
	font-size: 10pt;
	color: #202669;
	}

a {
	text-decoration: none;
	color: #990000;
	}
a:hover {
	text-decoration: none;
	color: #cc0000;
	}





/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1080px or less */
@media screen and (max-width: 600px) {
	
#content {
	max-width: 100%;
	}

}

body {
	font-size: 12pt;
	}

/*************************************************************************************/