@charset "UTF-8";

/* Fonts */
body{font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif}
h1,h2,h3{font-weight:300}
a{text-decoration:none}
a:active,a:focus,a:hover{text-decoration:underline}

/* Colors */
body{background-color:#fff;color:#333} 
.navbar{background-color:#f7f7f7}
a{color:#00778c}
.brand__header{background-color:#000;border-color:#00a0ba}
.brand__footer{border-color:#333}
.talk{border-color:#d9d9d1}

/* Lists etc */
ul{list-style:none;} 
.talk{
	border-style:solid;
	border-width:1px;
	margin:2em 0 2em 0; /* t r b l */
	padding:0 1.5em 0 1.5em; 
}
.member{
	overflow:auto;
}
.member img{
	float:right;
	/*width:80px;
	height:120px;*/
	margin:2em 0 0 1em;
}

/* Margins */
body{
	margin:0; 
	padding:0 2.5em; 
    max-width:80em;
    min-width:26em;
    /* centering */
	margin-left: auto;
	margin-right: auto;
}
.content{
	margin-left:8em;
	padding-left:2em;
	padding-right:2em;
}
.navbar{
	position:absolute;
	width:8em;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
@media only screen and (max-width:767px){
	body{padding:0;}
	.content{margin-left:0;}
	.navbar{position:relative;width:100%;}	
}
.navbar ul{
	padding-left:1.5em;
	padding-right:1.5em;
}


/* UCL header */
.brand__header{
	position:relative;
	height:110px;
	border-style:none;
	border-bottom-style:solid;
	border-width:8px;
}
.brand__heading{
	color:#fff;
	font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	padding-left:1.5em;
	padding-top:1em;
	padding-bottom:1em;
}
.brand__logo{
	position:absolute;
	bottom:0;
	right:0;
	width:220px;
	height:110px;
}
.brand__logo img{
	border-style:none;
}
@media only screen and (max-width:767px){
	.brand__header{height:auto; border-width:0;}
	.brand__logo{display:none}
}

/* UCL footer */
.brand__footer{
	width:100%;
	border-style:none;
	border-top-style:solid;
	border-width:1px;
	margin-top:3em;
	padding-bottom:1px;
}
.brand__footer p{
	font-size:smaller;
	padding-left:1.5em;
}