@import url('reset.css');

@import url('styled-elements.css');


body {
	line-height: 1;
	color: #696969;
	background: #f1f1f1 url(../img/bg/patterns/obl-1x1.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size:  100%;
}

h1,h2,h3,h4,h5,h6{ 
	line-height: 1.4em;
	font-family: 'Ubuntu', arial, serif; 
	font-weight: lighter;
	margin-bottom: 10px;
}

h1{ font-size: 30px; }

h2{ font-size: 20px; }

h3{ font-size: 26px; }

h4{ font-size: 24px; }

h5{ font-size: 22px; }

h6{ font-size: 20px; }

#sections{
	float: left;
	width: 624px;
}

#sections .section{
	position: relative;
	margin-left: 80px;
	margin-bottom: 30px;
}



#sections h1 a{
	display: block;
	margin-bottom: 30px;
	width: 514px;
	text-decoration: none;
	color: #696969;
}


#sidebar{
	float: left;
	width: 282px;
	margin-left: 60px;
}

#sidebar>li{
	margin-bottom: 20px;
}

#sidebar>li h6{
	padding-bottom: 20px;
}

#sidebar ul>li{
	line-height: 40px;
	text-decoration: none;
	border-bottom: 1px solid #d7d7d7;
}

#sidebar ul>li:last-child{ border-bottom: none; }

#sidebar ul>li a{
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
	color: #696969;
}

#sidebar ul>li:hover{
	background: #d7d7d7;
}