/*

Molengo

*/

@font-face {
	font-family: 'Comfortaa';
	font-weight: normal;
	font-style: normal;
	src: url(comfortaa.woff) format('woff');
}

html, body {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body {
	background: -webkit-radial-gradient(#DBEFAB, #FFF);
	background: -moz-radial-gradient(#DBEFAB, #FFF);
	background: -ms-radial-gradient(#DBEFAB, #FFF);
	background: -o-radial-gradient(#DBEFAB, #FFF);
	background: radial-gradient(#DBEFAB, #FFF);
}

a {
	text-decoration: none;
}

header {
	margin: 30px auto -20px;
	padding: 20px 0 10px;
	width: 980px;
}

#logo {
	margin: 0;
	padding: 0;
	float: left;
	border: #F3C957 10px solid;
	width: 180px;
	height: 180px;
	position: absolute;
}

	#logo img {
		width: 180px;
		height: 180px;
	}

h1 {
	margin: 40px 0 0 340px;
	padding: 10px;
	font-family: 'Comfortaa', sans-serif;
	font-weight: normal;
	font-size: 2.5em;
	text-align: right;
	color: #E1497B;
}

#main {
	margin: 0;
	padding: 0 50px 0 0;
	background-color: #edadcd;
	font-family: 'Molengo', sans-serif;
	font-size: 1em;
	text-align: right;
}

	#main a {
		margin: 0 10px;
		padding: 10px 20px;
		display: inline-block;
		text-transform: uppercase;
		color: #FFF;
		-webkit-transition: background 0.5s ease;
		-moz-transition: background 0.5s ease;
		-ms-transition: background 0.5s ease;
		-o-transition: background 0.5s ease;
		transition: background 0.5s ease;
	}

	#main a:hover, #main a:focus {
		background-color: #5ee3d8;
	}

#wrapper {
	margin: 30px auto 0;
	padding: 0;
	width: 980px;
}

#sidebar {
	margin: 50px 0 0;
	padding: 0;
	float: left;
	width: 220px;
}

.sblock {
	margin: 0 0 50px;
	padding: 0;
	text-align: right;
}

	.sblock h3 {
		margin: 0;
		padding: 5px 10px;
		font-family: 'Comfortaa', sans-serif;
		font-weight: normal;
		color: #39C9BB;
	}

.snav {
	margin: 0;
	padding: 0;
	font-family: 'Molengo', sans-serif;
	font-size: 1em;
}

	.snav a {
		margin: 0 0 5px;
		padding: 5px 20px;
		display: block;
		background-color: #edadcd;
		border-radius: 10px 0 0 10px;
		color: #FFF;
		-webkit-transition: margin 0.3s linear;
		-moz-transition: margin 0.3s linear;
		-ms-transition: margin 0.3s linear;
		-o-transition: margin 0.3s linear;
		transition: margin 0.3s linear;
	}

	.snav a:hover {
		margin-left: 20px;
	}

#content {
	margin: 0 0 0 220px;
	padding: 0;
	background-color: #FFF;
	box-shadow: #CCC 0 0px 0px;
}

article {
	margin: 0;
	padding: 10px;
}

.subject {
	margin: 0 -10px;
	padding: 10px 20px;
	background-color: #5ee3d8;
	font-family: 'Comfortaa', sans-serif;
	font-weight: normal;
	font-size: 1.5em;
	color: #FFF;
}

.entry {
	margin: 0;
	padding: 10px;
	font-family: 'Molengo', sans-serif;
	font-size: 1em;
	text-align: justify;
	color: #666;
	line-height: 1.5;
}

	.entry a {
		text-decoration: underline;
		color: #E1497B;
	}

footer {
	margin: 0;
	padding: 10px;
	background-color: #39C9BB;
	font-family: 'Comfortaa', sans-serif;
	font-size: 1em;
	text-align: center;
	color: #FFF;
}

	footer a {
		text-decoration: underline;
		color: #FFF;
	}

.clearl {
	clear: left;
}