/* CSS! This defines how everything looks! */

/* Old colors: background: #000 font: #AAAAAA h1: #990000 contactmail: #bf431c nav1: #b11b1a nav2: #b8301b */

body  {
	color:#000;	 		/* Colour for all text that we don't explicitly change */
	background:#F9F9F5;	/* Colour for page outside of central container column */
	font-family: 'Merriweather',serif;
}
#container {
	background:#F7F7F4;	/* Background colour */
}

h1 {
	color:#490000;			/* Colour for paragraph headings */
}
#contactmail a {
	color:#202020;			/* Colour for Contact: mail@ninaplapp.com link */
}
.nav1 a {
	color:#404040;			/* Colour for outer nav links (Biography/Upcoming) */
}
.nav2 a {
	color:#202020;			/* Colour for inner nav links (Event Hire/Gallery) */
}
.nav3 a {
	color:#000000;			/* Colour for inner nav links (Event Hire/Gallery) */
}
.nav1 a:hover, .nav2 a:hover, .nav3 a:hover {background-color:#F9F9F5; color:#000;border-bottom: 1px solid black;}

.biglink{color:#800000;font-size:36px;text-decoration:none;}
.biglink:hover{text-decoration:underline;}

/* Layout stuff: */
body {margin:0;}									/* Keep body full-size */
#container{width:768px; margin: 0 auto 0 auto; padding:0;}	/* Container region fixed width centered */
#portrait img {padding:30px 0 30px 0;}					/* This will keep some space around your portrait images at the top. */
#content {width:700px; text-align:left;}					/* This keeps text in a fixed-width box, left-aligned. */
#contactmail {width:640px;margin-top:40px;text-align:center;}	/* This keeps the contact email in a fixed width box, centered. */
#galleria{width:700px;height:500px;margin:20px auto}		/* This sets the size of the gallery. */
#lmm {text-align:center;padding:30px;margin-top:20px;} 		/* Lastminute musicians box */

#nav {width:768px;padding:0 0 40px 0;border-bottom:1px black solid;}					/* Layout the navbar */
.nav1  a {width:128px;height:34px;text-align: center;float:left;text-decoration:none;padding-top:14px;}
.nav2  a {width:128px;height:34px;text-align: center;float:left;text-decoration:none;padding-top:14px;}
.nav3  a {width:256px;height:46px;text-align: center;float:left;text-decoration:none;padding-top:2px;font-size:36px;}
.nav3 img {padding:0;}

/* Make tables look nice */
#content table {width:100%;border-collapse:collapse;}	/* Fill width with table. Coalesce borders */
#content td {border:1px solid black;}
#content td {text-align:center;}

/* and niceness for the contact form */
#content form th {border:0px; text-align:left;}
#content form table,#content form td{border:0px;text-align:right;}
#content form td{width:130px;}
#content form td input {width:570px;border:1px solid black;}
#content form td textarea {width:100%;height:200px;border:1px solid black;}
#content form button {float:right;}

h1 {	font-size:22px; }				/* Make our paragraph titles slightly smaller */
h2 {	font-size:20px; }				/* Make our paragraph titles slightly smaller */