/* CSS Document */

body { 
text-align: center;
font-family: Trebuchet MS, sans-serif;
background-image: url(blackboard_62.jpg);
}

div#wrapper {  
width:760px; 
margin:0 auto;
text-align: left;
border-left: 2px solid black;
border-right: 2px solid black;
background: #243968;
}

a#navlink {
color: #0A0E29;
}

a:hover#navlink {
color: #9EB4CB;
}

div#navigation {
text-align: center;
font-family: Century Gothic, sans-serif;
font-weight: bold;
}

div#title {
border-bottom: 2px solid black;
float: left;
}

img#logo {
z-index: 1;
top: -50px;
left: 400px;
}

/*h1 {
color: white;
margin-left: 5px;
margin-bottom: -8px;
border-bottom: 3px solid black;
z-index: 3;
width: 740px;
}*/

a#title {
color: #1D315E;
}

img#title {
margin-top: -30px;
}

h2 {
color: white;
/*margin-left: 70px;*/
text-align: center;
font-style: italic;
}

div#overlap {
height: 300px;
width: 750px;
}

p#articletext {
padding-top: 3px;
padding-left: 20px;
padding-right: 20px;
margin-top: -20px;
font-size: 15px;
}

h3 {
margin-left: 5px;
float: left;
font-weight: bold;
color: #333333;
font-size: 17px;
}

p#date {
font-size: 14px;
text-align: right;
margin-right: 7px;
padding-top: 20px;
}

div#article1 {
padding-bottom: 10px;
background: #3C7D8E;
}

div#article2 {
border-top: 1px solid black;
padding-bottom: 10px;
background: #A5A5A5;
}

h4 {
margin-bottom: 5px;
font-weight: bold;
font-size: 22px;
text-align: center;
}

div#bio {
border-top: 2px solid black;
border-bottom: 2px solid black;
margin-bottom: 10px;
background: #D7D7D7;
}

p#abio {
font-size: 12px;
padding: 15px;
margin-top: -5px;
}

h3#blogtitle {
color: #222222;
font-size: 18px;
margin-left: 10px;
}

div#blog {
background: #D7D7D7;
padding-bottom: 5px;
border-bottom: 2px solid black;
border-top: 2px solid black;
margin-bottom: 10px;
}

div#audiobox {
margin: 10px;
text-align: center;
}

a img {
border: 0;
}

h3#videotitle {
float: none;
text-align: center;
color: white;
}

div#videobox {
text-align: center;
margin-bottom: 25px;
background: #3C7D8E;
padding-top: 15px;
padding-bottom: 15px;
}

img#prof {
float: left;
margin-top: -10px;
margin-left: 10px;
margin-right: 10px;
}

img#prof2 {
float: right;
margin-top: -10px;
margin-left: 10px;
margin-right: 10px;
}

div#biopic {
height: 200px;
}

div#contact {
margin-left: 10px;
margin-bottom: 10px;
margin-right: 10px;
background: #D7D7D7;
border: 2px solid black;
}

h6 {
font-size: 20px;
margin-left: 7px;
margin-top: 5px;
margin-bottom: 3px;
}

p#contactinfo {
margin-left: 14px;
margin-top: 0px;
margin-bottom: 15px;
}

div#gigs {
}

p#gigwords {
margin-left: 5px;
}

div#blogvideo {
text-align: center;
margin-bottom: 2px;
}

h3#vidconcerttitle {
float: none;
text-align: center;
color: white;
font-size: 20px;
}

a {
color: #0B183E;
}

a#javabutton {
border-bottom: 1px solid;
cursor: pointer;
}

a:hover#javabutton {
color: #9EB4CB;
}

div#songbox {
margin: 10px;
text-align:left;
background: #3C7D8E;
padding: 5px;
}

p#javalyrics {
margin-left: 10px;
}

a#javalink {
margin-left: 10px;
float:left;
}

p#javainfo {
margin:0;
padding:0;
}

img#javaimage {
text-align: center;
}

div#nail {
width: 146px;
height: 146px;
text-align: center;
float: left;
vertical-align: middle;
}

div#thumbnails {
margin: 10px;
background: #3C7D8E;
padding: 5px;
padding-top: 10px;
height: 400px;
}

img.nailimage {
vertical-align: middle;
cursor: pointer;
}

a.javalink {
cursor: pointer;
margin-left: 2px;
margin-right: 2px;
}

a:hover.javalink {
color: #9EB4CB;
}

/*a#javanextpage {
float:right;
}*/

div#pagelinks {
text-align: center;
}