body {
	background: url('images/mo_bg2.png');
	background-size: contain;
    text-align: center;
	margin-top: 10px;
	font-family: Cabin, Helvetica, Arial, sans-serif;
	font-size: 110%;
	color: #000;
	overflow-y: scroll;
}
#wrapper {
	width: 966px;
    margin: 0 auto;
    text-align: left;
}
#header {
	position: relative;
    width: auto;
	background-color: #efef26;
	background-color: #000;
	padding-top: 3px;
	padding-left: 15px;
	padding-bottom: 6px;
	margin-top: 30px;
    margin-bottom: 30px;
    color: #fff;
}
#header a {
	color: #efef26;
}
#header a:hover,
#header a:focus {
	color: #fff;
}


#aboutme { width: 520px; padding-left: 40px; }
#aboutme p { line-height: 1.6em; }
h1 { 
    line-height: 1em;
	text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 30px;
}
#title { 
    display: block;
    line-height: 1em;
	margin-top: -18px;
    font-size: 28px;
    margin-bottom: 23px;
}
#helen {
    position: absolute;
	top: -19px;
	right: 32px;
}
#main {
	float: left;
	margin-top: 25px;
}
a img { border: 1px solid #ccc; }
/*a, a:visited, a:hover, a:focus, a:active { color: #fff; }*/

/*#aboutme a, #aboutme a:visited,
#four04 a, #four04 a:visited { color: #902706; }*/
/*#aboutme a:hover, #aboutme a:focus, #aboutme a:active, 
#four04 a:hover, #four04 a:focus, #four04 a:active { color: #000; }*/


.block {
	filter: grayscale(1);
	/*color: #efef26;*/
}
.block:hover,
.block:focus {
    filter: grayscale(0);
    color: #fff;
}
.block:hover .website,
.block:focus .website {
    background-color: #222;
}
.block span {
	filter: grayscale(0);
	color: #efef26;
}



.website {
    float: left;
	height: 335px;
	background-color: #000;
    margin-bottom: 20px;
}
.website img { 
    margin: 9px;
}
.website span {
    display: block;
	margin-left: 10px;
}



@media screen and (max-width: 960px) {
	#wrapper { width: 641px; }
    #aboutme { width: 300px; padding-left: 13px; }
	h1 { font-size: 1.6em; }
	#helen { top: 16px; right: 26px; }
}
@media screen and (max-width: 700px) {
	body { margin-left: 0; margin-top: 0; }
	#wrapper { width: 322px; }
	#header { float: left; }
    #aboutme { 
	    width: 295px; 
		padding-left: 0;
		padding-right: 11px;
	}
	#helen { 
	    position: relative;
	    right: auto; 
		top: auto;
		margin-left: 9px;
	}
}