/* iGEM Paris Bettencourt 2015 style 
 * Design by Jérémy Ferrando & Ewen Corre
 * It's FREE! But you can send us beer at
 * beer@corre.bio :-) */


/* Background of the page */
.contentContainer#manips {
    	background-image: url('../images/manips_bw.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left;
	background-attachment: fixed;
}

/* Banner (FIY logo and name of the team) */
#banner {
	height: 700px;
}
#banner h3 {
	display: block;
	position: absolute;
	top: 370px;
	right: 0;

	background-color: rgba(0,0,0,0.5);
	padding: 10px 20px 10px 20px;

	color: white;
	font-size: 40px;
	font-family: 'GenomeThin';
	font-weight: 700;
	letter-spacing: 7px;
	text-shadow: 0px 0px 5px rgba(255,255,255,0.4);
}

/* Text content */
#textContent {
	width: 100%;
	margin-bottom: 5px;
	background-color: white;
	font-family: 'Libertinagec', serif; 
	font-size: 18px;
	padding: 10px;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

#textContent h1 {
	font-size: 30px;
	font-weight: bold;
	margin: 20px;
}
#textContent h2 {
	font-size: 25px;
	font-weight: bold;
	margin: 15px;
}
#textContent h3 {
	font-size: 20px;
	font-weight: bold;
	margin: 10px;
}
#textContent h4 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 8px;
}
#textContent h5 {
	font-size: 18px;
	text-decoration: underline;
	margin-bottom: 10px;
	margin-top: 8px;
}
#textContent p {
	text-indent: 15px;
	margin-top: 5px;
	margin-bottom: 10px;
}
#textContent ul, ol {
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
}
#textContent ul li {
	list-style-type: disc;
	margin-left: 30px;
}
#textContent ul li ul {
	margin-left: 40px;
}
#textContent ul li ul li{
	list-style-type: circle;
}