/*My pages.css incorporates the same style that my home page does, but only implements
one sidebar.  For my about me page, I added a picture and a video. The video only seems to work
in chrome unless you right click it in another broser.  In my internship page, I made the bullets
out of images.  My project page goes over a infomation system I made for a airline company and 
how I made this site.  It also has a link that shows my final paper for the information system I helped develop.
The resume opens up a new page showing my resume.  My contact page has a like to email me or has a form I made 
that allows the person who is viewing my website to fill it out and sends me their information so I can get back
to them.
*/
/* CSS Document */
body {
background-color: #c0c0c0;
margin-top: -10px;
}
.title
{
padding-left:80px; 
font-size:24px;
padding-top:25px;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}
ul {
margin: 0;
padding: 0 0 10px 0;
list-style: none;
line-height: 1.2em;
}
li {
padding-bottom: 7px; 
}
/*a.link {
color: #333333;
text-decoration: none;
font-weight:bold;
}
a.visited {
text-decoration: none;
color: #333333;
font-weight:bold;
}
a.hover {
text-decoration: none;
color: #990000;
font-weight:bold;
}*/
a.active {
text-decoration: none;
color: #993300;
font-weight:bold;
}
a {
color: blue;
}
#header {
width: 800px;
height: 170px;
color:#4d5863;
background: #D8DDE1;
margin: 0px auto;
}
#header img{
float: left;
padding-top: 20px;
padding-left: 35px;
}
h1 { 
    font-size: 200%;
    margin: 0;
	padding-left: 140px;
	padding-top: 90px;
	float:left;
}

#header h1 {
    margin-left: 3em;
}
#container {
position: relative; 
width: 800px;
color:inherit;
background: #D8DDE1;
margin: 0 auto;
text-align: left; 
min-height: 800px;
}
#footer {
position: relative;
margin: 0px auto;
width: 800px;
height: 33px;
background: #D8DDE1;
clear: left;
border-top: 2px solid gray;
}
#footer p{
text-align: right;
padding-right: 20px;
color: gray;
}
a{
text-decoration: none;
}
#content {
line-height: 1.6em;
float: right;
width: 550px;
padding: 0px 0px;
}
div.paragraph {
margin: 10px 35px 50px 0px;
padding: 0;
}
#drumset {
	padding-left: 60px;
}
#video{
	padding-right: 150;
	float: right;
	
}
thead, tbody{
background-color: #40e0d0;
border: 1px solid black;
}
table{
border:1px solid black;
border-collapse: collapse;
}
td, th{
border: 1px solid black;
text-align: left;
}
/* NAVIGATION STYLES */
#navlist {
font-size: 0.85em;
float: left;
width: 160px;
padding-left: 30px;
}
#navlist ul {
margin-right: 10px;
margin-left: 10px;
}
#navlist ul li {
display:block;
margin: 2px 0;
}