body {
	color: black;
	background-color: white;
	
}



/* =Layout
-----------------------------------------------------------------------------*/
.wrapper {
	margin: auto; 
	max-width: 1000px;
	padding: 25px 10px;
	_width: 940px;		
	background-color: white;
	border-radius: 0px 0px 5px 5px;
	margin-bottom: 25px;
}

#main aside {
	background-color: white;
	border-radius: 4px;
}

#blocks li {
	background-color: white;
	border-radius: 4px;
}

/* =Headerurl(../../../../../../var/folders/wb/n_xssskn7b58dgtzhmpk9w8w0000gp/T/com.apple.mail/com.apple.mail.drag-T0x7fe4b34110f0.tmp.M0sw28/X10-logo_kl.png)
-----------------------------------------------------------------------------*/
#header {
	overflow: hidden;
	padding-bottom: 1em;
	margin-bottom: 2em;
	background-color: white;
	border-bottom: 3px solid gray;
}
#header .logo {
	float: left;
	margin: 0;	
	height: 75px;
}

/* =Nav
-----------------------------------------------------------------------------*/
#nav {
	padding-top: 1.1em;
	float: right;	
	font-size: 18px;
}

#nav a {
	color: black;
	text-decoration: none;
}

#nav a.on {
	color: #ff6f00;
}

#nav ul, #navside ul {
	margin: 0;
	list-style: none;	
}
#nav ul li {
	color: white;
	float: left;
	margin-left: 1.5em;	
	font-size: 16px;
	font-weight: 700;
}
#navside ul li {
	padding: 2px 0;
}

/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	border-top: 3px solid gray;
	padding-top: 1.5em;
	margin: 2em 0;
	font-size: .85em;
}

.soc-icons {
	float: right;
}

.copyright {
	float: left;
}

/* =Misc
-----------------------------------------------------------------------------*/

p,h4,h1, h2, h3,h5, li {
	color: #000000;
}

p {
	font-size: 12px;
	line-height: 1.5em;
}

o {
	font-size: 12px;
	color: #ff7000;
}

li{	font-size: 12px;
	line-height: 1.5em;
	margin-left: -20px;
}


#blocks p {
	margin-bottom: 0px;
	color: #000000;
}

aside p {
	color: #000000;
}



/* =Tablet (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .wrapper { width: 748px; }
}


/* =Mobile (Portrait)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
	.wrapper { width: 300px; }
	#nav, #header .logo { float: none; }
	#header .logo { margin-bottom: .5em; }
	#nav ul li { margin: 0; float: none; margin-bottom: 1px; background-color: white; border-radius: 4px; }
	#nav ul li a, #nav ul li span { display: block; padding: 6px 12px; }
	#blocks li { margin-bottom: 10px; }
}

/* =Mobile (Landscape)
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.wrapper { width: 100%; max-width: 480px; }
}