/*
CSS for Week 13 - Final Project Sketches, Color Palette and Typography
*/

*{
padding:0;
margin:0;
}

#wrapper {
width: 1000px;
background-color: white;
margin: 0 auto;
padding: 50px;
}

body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  background-color: #000000;
  background-image:url('images/doodles.jpg');
  line-height: 1.4em;
  font-size: .9em;
  padding: 3em;
  margin: 1em;
  color: black;
}

h1, h2 {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}

h1 {
  font-size: 340%;
  width: 960px;
  padding-top: 10px;
  line-height: 1.2em;
  padding-bottom: .2em;
}

h2 {
color: #0066bb;
  font-size: 150%;
  font-weight: normal;
  padding-top: 15px;
  padding-bottom: 5px;
}

#color-palette1 {
width: 475px;
margin-right: 40px;
margin-bottom: 14px;
padding-bottom: 14px;
float: left;
}

#color-palette2 {
width: 475px;
margin-bottom: 0px;
float: left;
}

#typography {
float:  left;
width: 1000px;
}

p {
padding-bottom: 20px;
}

#footer p {
font-size: .6em;
}

/*CSS for Home Link Button*/

#homelinkbutton {
position:absolute;
top: 0;
left: 5px;
}

#homelinkbutton a.homebutton:link {
font-family: helvetica, arial, sans-serif;
font-weight: normal;
font-size: 1.1em;
display: block;
color: #FFFFFF;
background-color: #08c31f;
width: 80px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
text-align: center;
padding: 5px;
text-decoration: none;
}

#homelinkbutton a.homebutton:visited {
color: #ffffff;
}

#homelinkbutton a.homebutton:hover {
background-color: #a8a8a8;
}