/* 
 * style-mobile.css: contains specific styling for the mobile version of the website.
 * Author: Wouter van Toll
 */

html, body
{	
	margin: 0;
	padding: 0;
	background: #333333;
}

/* header is always visible at the top, even if you scroll */
#header
{
	position: fixed;
	top: 0px;
	padding: 20px 0 20px 0;
	width: 100%;
	text-align: center;
	background: #333333;
}

/* header image shrinks if necessary */
#header img
{
	width: 500px;
	max-width: 90%;
}

/* menu is directly below the header */
#nav
{
	text-align: center;
	background: #333333;
	margin: 80px 10px 15px 5px;
	font-size: 14pt;
}

/* menu items are shown inline; move to a new line when it doesn't fit anymore */
#nav p
{
	padding: 5px 10px 15px 10px;
	margin: 0;
	float: left;
}

/* regular content fills the rest of the screen */
#center
{
	clear: both;
	background: #FFFFFF;
	margin: 0;
	padding: 0 15px 1px 15px;
}

/* footer with background (implied by overall background color) */
#footer
{
	height: 40px;
	text-align: center;
	padding: 10px 0 0 0;
}

/* 
 * ============================================================
 * ============================================================
 * ============================================================
 */

/* section headers: smaller than on desktop */
.title
{
	clear: both;
	margin: 15px 5px 10px -15px;
	font-size: 14pt;
}

/* publication descriptions are below their respective thumbnails */
.publication_description
{
	clear: both;
}

/* all images shrink if necessary */
img
{
	max-width: 95%;
}

/* bullet-point lists are closer to the left side of the screen */
ul
{
	padding-left: 20px;
}