/*
CSS for Week 9 Assignment - Dave Windahl, VCIM 1570
*/

*{
padding:0;
margin:0;
}

body {
font-family: verdana, helvetica, arial, sans-serif;
font-size: .8em;
line-height: 1.5em;
background-color: black;
}

p {
margin-bottom: 1em;
}

ul {
margin-bottom: 1em;
}

#wrapper {
width: 1000px;
background-color:white;
margin: 20px auto;
}

/*This fixes the breaks in the table*/
td img {display: block;
}

/*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;
}


/*
Header Section ---------------------------
*/

#header {
height: 85px;
width: 970px;
margin-bottom: 1em;
padding: 15px;
background-color: #EEE8CD;
}

h1 {
font-family: "trebuchet MS", verdana, helvetica, arial, sans-serif;
font-size:300%;
margin-top: .5em;
margin-bottom:.5em;
color: #555555;
}

#header h2 {
font-family: "trebuchet MS", verdana, helvetica, arial, sans-serif;
font-size:150%;
letter-spacing: 2px;
margin-bottom:.5em;
color: #555555;
}

#subheader {
margin: 15px;
}

#subheader h2 {
font-family: "trebuchet MS", verdana, helvetica, arial, sans-serif;
font-size:200%;
letter-spacing: 2px;
margin-top: .5em;
margin-bottom:.5em;
color: #006ea3;
}

#subheader h3 {
font-family: "trebuchet MS", verdana, helvetica, arial, sans-serif;
font-size:150%;
letter-spacing: 2px;
margin-top: .5em;
margin-bottom:.5em;
color: #006ea3;
}
/*
Main Section ---------------------------
*/

#textblock {
margin: 15px;
}

#textblock h2 {
font-family: "trebuchet MS", verdana, helvetica, arial, sans-serif;
color: #006ea3;
margin-top: .25em;
margin-bottom:.5em;
padding-top: 15px;
}

#textblock ul {
margin-left: 20px;
list-style-type: square;
}

#slicedimage {
text-align: center;
}

#slicedimage a img:hover {
opacity:0.75;
}

/*
Tutorial Section and Footer ---------------------------
*/

#tutorials ul {
margin: 15px;
margin-bottom: 2em;
list-style-type: square;
}

#footer {
width: 1000px;
margin-bottom: .5em;
float:left;
padding-left: 15px;
font-size: .75em;
color: white;
background-color: black;
}