@import "base.css";
@import "typo.css";

/* Links */
a.menu {
	color: rgb(23,117,177); 
	outline: none;
	text-decoration: none;
	border-bottom: 1px dashed rgb(23,117,177);
}

#links {
	font-size: 1.4em;
	padding: 2em 0px 1em 42%;
}

#projects, #social {
	margin-left:2em;
}

#links, .fn, .locality, .country-name {
	font-style: italic;
}

#side {
	width: 30%;
	margin-right: 10%;
	padding-left: 2%;
	float:left;
}

.fn {
	font-size: 2.2em;
	font-weight: bold;
}

a.menu:hover, .locality, .country-name {
	background-color: rgb(241,229,203);
}

.tel {
	font-size:1.4em;
}

.interactive {
	margin-top: 2em;
}

#area {
	height: 600px;
	overflow: hidden;
}

#scrollable {
	position: relative;
}

#content1, #content2, #content3 {
	font-size:1.3em;
	padding-top:150px;
	padding-bottom: 500px;
}

a.social{color:rgb(0,0,0);}

#content3 ul li {
	font-size:1.5em;
}

.project {
	width:180px;
	margin-right:2em;
}

#tweet {
	color:rgb(102,102,102);
}

a.recomend {
	color:rgb(204,0,0);
	font-size: 1.4em;
	font-style: italic;
}

ul, li {margin:0; padding:0;}
li {list-style-type: none;}