* {
	margin: 0;
	padding: 0;
}
@font-face {
	font-family: 'Graduate';
	font-style: normal;
	font-weight: 400;
	src: local('Graduate'),
	local('Graduate-Regular'),
	url(fonts/graduate.eot) format('embedded-opentype'),
	url(fonts/graduate.ttf) format('truetype'),
	url(fonts/graduate.woff) format('woff');
}
html {
	font-size: 16px;
	font-weight: normal;
	font-family: "Graduate";
	color: #3b4145;
	margin: 0 auto;
	text-align: center;
	line-height: 30px;
	background: #fff;
	/*border-top: 2px solid #537c98;*/
}
ul, ol {
	list-style-type: none;
}
a {
	color: #66a5d0;
	text-decoration: none;
}
a:hover {
	color: #66a5d0;
	border-bottom: 1px solid #66a5d0;
}

header {
	background: url(img/bg-blue.png) #537c98 top center repeat;
	height: 280px;
	text-align: left;
}

h1 {
	font-size: 56px;
	color: #3b4145;
	padding: 65px 0 0;
	line-height: 60px;
}

h1 a {
	color: #3b4145;
}

h1 a:hover {
	color: #3b4145;
	text-decoration: none;
	border-bottom: 0;
}

nav {
	position: relative;
	width: 860px;
	margin: 0 auto;
}

aside {
	font-family: Arial;
	font-size: 14px;
	line-height: 20px;
	width: 438px;
	position: absolute;
	right: 0;
	top: 40px;
	color: #3b4145;
	/*border: 1px solid red;*/
	/*margin-bottom: 150px;*/
	background: url(img/aside-shadow.png) bottom center no-repeat;
	padding-bottom: 70px;
	margin-right: -49px;
}

aside section {
	margin: 0 49px;
	background: #e0ebf2;
}

aside div {
	padding: 30px 40px 20px;
}

aside .info {
	background: #48595b;
	color: #e0ebf2;
}
aside .info a {
	color: #86c5f0;
}

aside .subinfo {
	padding: 0px 40px 0;
	/*font-size: 12px;*/
}

aside p {
	margin-bottom: 10px;
}

aside .subinfo p:last-child {
	margin-bottom: 0;
}

#mce-EMAIL {
	font-size: 16px;
	color: #d1d1d1;
	font-style: italic;
	width: 238px;
	border: 1px solid #d6e2ea;
	padding: 15px 10px;
	margin-bottom: 15px;
	/*text-align: center;*/
}

#mc-embedded-subscribe {
	font-family: "Graduate";
	border: 1px solid #ffbc1d;
	cursor: pointer;
	font-size: 30px;
	color: #fff;
	text-align: center;
	height: 65px;
	width: 100%;
	box-shadow: inset 0 0 0 1px #ffdc1c;
	background: #ffdb1c;
	background: -moz-linear-gradient(top, #ffdb1c 0%, #ffbd1c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffdb1c), color-stop(100%,#ffbd1c));
	background: -webkit-linear-gradient(top, #ffdb1c 0%,#ffbd1c 100%);
	background: -o-linear-gradient(top, #ffdb1c 0%,#ffbd1c 100%);
	background: -ms-linear-gradient(top, #ffdb1c 0%,#ffbd1c 100%);
	background: linear-gradient(to bottom, #ffdb1c 0%,#ffbd1c 100%);
	margin-bottom: 5px;
}
#mc-embedded-subscribe:hover {
	background: #ffbd1c;
	background: -moz-linear-gradient(top, #ffbd1c 0%, #ffdb1c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbd1c), color-stop(100%,#ffdb1c));
	background: -webkit-linear-gradient(top, #ffbd1c 0%,#ffdb1c 100%);
	background: -o-linear-gradient(top, #ffbd1c 0%,#ffdb1c 100%);
	background: -ms-linear-gradient(top, #ffbd1c 0%,#ffdb1c 100%);
	background: linear-gradient(to bottom, #ffbd1c 0%,#ffdb1c 100%);
}
#hidden-input {
	display: none;
}



.social {
}
.social li {
	float: left;
}
.social li a {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -5000px;
	margin: 5px 5px 0 0;
}
.social li a:hover {
	border: 0;
}
.social-twitter a { background: url(img/social-twitter.png) no-repeat; }
.social-facebook a { background: url(img/social-facebook.png) no-repeat; }

.content {
	width: 860px;
	margin: 0 auto 60px;
	text-align: left;
	font-family: Arial;
	font-size: 14px;
	line-height: 20px;
}

.content article:first-child {
	background: url(img/icon-gamedevjsweekly.png) top left no-repeat;
	margin: 70px 0 15px;
	padding: 0 0 50px 130px;
}

.content h2 {
	font-size: 26px;
	font-family: "Graduate";
	line-height: 32px;
	padding-top: 10px;
}
.content h3 {
	font-size: 16px;
	font-family: "Graduate";
	line-height: 26px;
	margin-bottom: 10px;
}

#projects {
	background: url(img/bg-yellow.png) repeat;
	/*border*/-top: 2px solid #fab413;
	padding-bottom: 20px;
}
#projects a:hover {
	border: 0;
}
#projects h2 {
	font-size: 36px;
	color: #fff;
	padding: 40px 0 50px;
}
#projects article {
	width: 960px;
	margin: 0 auto;
}
#projects article a {
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	width: 308px;
	margin: 0 4px 30px;
	padding: 140px 0 10px;
	color: #252525;
	line-height: 20px;
}
#projects article a span {
	display: block;
	font-size: 16px;
	padding-bottom: 5px;
}
a.project-enclavegames { background: url(img/project-enclavegames.png) top center no-repeat; }
a.project-gamedevstarter { background: url(img/project-gamedevstarter.png) top center no-repeat; }
a.project-firefoxosebook { background: url(img/project-firefoxosebook.png) top center no-repeat; }
a.project-js13kgames { background: url(img/project-js13kgames.png) top center no-repeat; }
a.project-tshirts { background: url(img/project-tshirts.png) top center no-repeat; }
a.project-openhtml5games { background: url(img/project-openhtml5games.png) top center no-repeat; }

footer {
	/*border-top: 3px solid #000;*/
	background: #252525;
	color: #676767;
	font-size: 16px;
	padding: 40px 0 40px;
}
footer p {
	text-align: left;
	width: 960px;
	margin: 0 auto;
}
footer span {
	display: block;
	float: right;
}

.archive {
	width: 960px;
	margin: 0 auto 60px;
	text-align: left;
	font-family: Arial;

}
.archive h2 {
	padding: 40px 0 30px;
	font-family: "Graduate";
}
.archive article {
	margin: 0 60px;
}
.archive .display_archive {
	padding-left: 10px;
}
.archive .campaign {
	font-size: 10px;
}
.archive .campaign a {
	font-size: 14px;
}