@import url('https://fonts.googleapis.com/css?family=Nunito');

body,
html
{
   margin: 0;
   border: 0;
   padding: 0;
	background: #3b5998;
   font-family: 'Nunito', sans-serif;
   font-size: 14px;
   font-weight: 400;
   line-height: 17px;
   color: #d3d3d3;
}
a
{
	color: #b1d3ff;
	text-decoration: none;
}

/*
 * Responsive layout (from https://codepen.io/Cheesetoast/pen/KFAaq)
 */
#pagewrap
{
	padding: 5px;
	width: 960px;
	margin: 20px auto;
}
header
{
	height: 50px;
	padding: 0 15px;
}
#content
{
	width: 180px;
	float: left;
	padding: 5px 15px;
}
#middle
{
	width: 494px; /* Account for margins + border values */
	float: left;
	padding: 5px 15px;
	margin: 0px 5px 5px 5px;
}
#sidebar
{
	width: 180px;
	padding: 5px 15px;
	float: left;
}
footer
{
	clear: both;
	padding: 0 15px;
}
/*
 * MEDIA QUERIES
 */
/* for 980px or less */
@media screen and (max-width: 980px)
{
	#pagewrap
	{
		width: 94%;
	}
	#content
	{
		width: 41%;
		padding: 1% 4%;
	}
	#middle
	{
		width: 41%;
		padding: 1% 4%;
		margin: 0px 0px 5px 5px;
		float: right;
	}
	#sidebar
	{
		clear: both;
		padding: 1% 4%;
		width: auto;
		float: none;
	}
	header, footer
	{
		padding: 1% 4%;
	}
}
/* for 700px or less */
@media screen and (max-width: 600px)
{
	#content
	{
		width: auto;
		float: none;
	}
	#middle
	{
		width: auto;
		float: none;
		margin-left: 0px;
	}
	#sidebar
	{
		width: auto;
		float: none;
	}
}
/* for 480px or less */
@media screen and (max-width: 480px)
{
	header
	{
		height: auto;
	}
	h1
	{
		font-size: 2em;
	}
	#sidebar
	{
/*
		display: none;
*/
	}
}
header, #content, #middle, #sidebar
{
	margin-bottom: 5px;
}
#pagewrap
{
	border: solid 1px #d3d3d3;
}

/* Schweetness.com Drupal main-menu */
#drupal_links
{
	list-style: none;
	padding-left: 20px;
}
#drupal_links li
{
	
}