/* CSS Document */

body {background-image: url('/img/cw-background.jpg'); background-repeat: repeat-y; background-attachment: fixed; background-color: #CCE2E3;
	font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; font-size: 14px;}

h1 {margin: 5px; padding: 0px; }
h2 {margin: 5px; padding: 0px; }
h3 {margin: 5px; padding: 0px; }
a {text-decoration: none; color: #495d80;}
a:visited {color: #394d70; }
a:hover {text-decoration: underline;}

#container {margin-top: 20px;}
#personal {float: left; width: 300px;}
.chuckimage {padding: 10px; border: 2px solid black; width: 150px; background-color: #FFF; position: relative; left: 125px;}
.warning {font-size: .8em; color: #999999; }

#myname { width: 300px; text-align: right;}
#mywebsite { width: 300px; text-align: right; font-size: 1em;}
#myemail { width: 300px; text-align: right; font-size: 1em;}
#myaddress { width: 300px; text-align: right; font-size: 1em;} 

#mysites { margin: 50px -10px 10px 10px; text-align:right; }
#mysites ul { list-style-type: none; margin: 5px 10px;}
#mysites ul li { font-style: italic; font-size: .9em; margin: 15px 5px;}
#mysites ul li a {font-weight: bold; font-size: 1.2em; font-style:normal; text-decoration:underline;}

#pdfresume {width: 300px; text-align: right; font-size: 1em; vertical-align: middle; margin-top: 40px; line-height: 30px;} 
#pdfresume img { float: right; margin: 0px 0px 0px 15px;}
#linkedin {width: 300px; text-align: right; font-size: 1em; vertical-align: middle; margin-top: 10px; line-height: 30px;} 
#linkedin img { float: right; margin: 0px 0px 0px 15px;}

#professional {position: absolute; top: 20px; left: 375px; margin-right: 70px; padding-bottom: 50px;}

#educationhead {width: 600px; color: #192d50; text-indent: -9999em; height: 50px; background-image: url('../img/cw-education.png');
				background-repeat: no-repeat; position: relative; left: -40px;}
#myeducation {margin-left: 20px;}
.college {color: #333366;  vertical-align: middle;}
.collegedates {font-weight: bold; margin-left: 20px; display: inline; vertical-align: middle; color: #666666;}
.collegeinfo {text-indent: 0px; margin: 5px 0px 5px 30px; line-height: 1.4em; text-align:justify; }

#experiencehead {width: 600px; color: #192d50; margin-top: 40px; text-indent: -9999em; height: 50px;
				background-image: url('../img/cw-experience.png'); background-repeat: no-repeat; position: relative; left: -40px;}
#myexperience {margin-left: 20px;}
.workplace {color: #333366; vertical-align: middle; }
.workdates {font-weight: bold; margin-left: 20px; display: inline; vertical-align: middle; color: #666666;}
.workinfo {text-indent: 0px; margin: 5px 0px 5px 30px; line-height: 1.4em; margin-bottom: 30px;  text-align:justify;}

#skillshead {width: 600px; color: #192d50; margin-top: 40px; text-indent: -9999em; height: 50px;
				background-image: url('../img/cw-skills.png'); background-repeat: no-repeat; position: relative; left: -40px;}
#myskills {margin-left: 20px;}
#specialties h3 {color: #333366;}
#specialties ul { list-style-type:square; }
#specialties ul li {vertical-align: middle;}
#specialties ul li p {margin: 0 0 5px 15px; width: 600px; line-height: 1.6em; text-align:justify;}
#otherskills h3 {color: #333366;}
#otherskills ul { list-style-type:square; }
#otherskills ul li {vertical-align: middle;}
#otherskills ul li p {margin: 0 0 5px 15px; width: 600px; line-height: 1.6em; text-align:justify;}