/*css for week 13, color palette and fonts for music therapy site*/
* {
	padding: 0;
	margin: 0;
}

body {
	background-image: url(images/tile.gif);
	background-color: black;
	font-family: verdana, "trebuchet ms", arial, helvetica, sans-serif;
	color: black;
	font-size:14px;
}

#wrapper {
	width: 800px;
	background-color: white;
	margin: 0 auto;
	padding:35px 80px;
}

p {
	font-size:14px;
	margin:0 auto;
	padding: 18px 60px 4px 60px;
	line-height:160%;
}

/*title*/
h1 {
	font-size:66px;
	padding: 36px 0 0 0;
	text-align:center;
	font-family:  tallys, "dancing script", raleway, "old copperfield", fashionvictim, verdana, sans-serif;
	line-height:90%;
	color:#b75100;
}

/*subheadings*/
h2 {
	font-size:40px;
	padding: 80px 0 0 0;
	font-family: apollo, garamond;
	color: black;
}

/*use for headings for font combo examples (colored heading)*/
h3 {
	color:/*rust*/#b75100;
	font-size:22px;
	padding-top:42px;
	padding-left:22px;
	font-family:verdana, sans-serif;
}


.centered  {
	margin:40px auto 10px auto;
	display:block;
	border:1px solid black;
}

#calm-palette {
	margin:40px 20px 30px 40px;
	border:1px solid black;
}

#fun-palette {
	float:right;
	margin:40px 40px 30px 20px;
	border:1px solid black;
}


/* Typography combinations */

#combo-1 h2 {
	font-size:26px;
	padding-left:40px;
	color:black;
	padding-top: 20px;
}


#combo-2 h2 {
	font-size:26px;
	padding-left:40px;
	color:black;
	padding-top: 20px;
}


#combo-3 h2 {
	font-size:26px;
	padding-left:40px;
	color:black;
	padding-top: 20px;
}

#combo-4 h2 {
	font-family:tallys;
	font-size:26px;
	padding-left:40px;
	color:black;
	padding-top: 20px;
}
	
	
#combo-1, #combo-4 {
	font-family: Verdana;
	background-color: white;
	color: #42405f;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.6em;
	font-size: 1.1em;
}

#combo-2 {
	font-family: Georgia;
	background-color: white;
	color: #42405f;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.5em;
	font-size: 1.3em;
}

#combo-3 {
	font-family: 'Trebuchet MS';
	background-color: white;
	color: #42405f;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.5em;
	font-size: 1.1em;
}


/* Bulleted list */
ul {
	width:500px;
	margin:0 auto;
	padding-right:50px;
	padding-top:20px;
}

/* Rules between sections */

#palettes, #fonts, #sample-font-combos, #conclusions, #css-drive-palette {
	padding-bottom:28px;
	border-bottom: 5px solid /*beige*/#e8dec9;
}

#instruments {
	margin:40px auto 10px auto;
	display:block;
	border:1px solid black;
}

#css-drive-colors {
	margin:40px auto 10px auto;
	display:block;
	border:1px solid black;
}

#calm {
	margin:40px 20px 50px 70px;
	border:1px solid black;
}

#warm {
	float:right;
	margin:40px 70px 50px 20px;
	border:1px solid black;
}

/* Color Palette
#95a5bf
#42405f
#b75100
#e8dec9
#b08b6c
*/