.header{
width:600px;
margin:auto;
height:100px;
background-image:url(../images/jonhead.gif);
}



html,body{margin:0;padding:0;}
body{
overflow:hidden;
background-image: url(../images/stripebg.png);
font: 70% Arial,sans-serif;
}

.rtop *, .rtopactive *{display: block; height: 1px; overflow: hidden;}
.rtop *{background-color:#E7F1F8;}
.rtopactive *{background-color:#FFF;}
.r1{
margin: 0 5px;
}
.r2{margin: 0 3px;

}
.r3{
margin: 0 2px;

}
.r4{
margin: 0 1px;
height: 2px;

}

#about, #blog, #gallery, #contact, #link, #biog{
background-color:black;
width:600px;
height:400px;
float:left;
}

#about, #gallery, #contact{
background-color:black;
}

a img{
border: none;
outline: none;
}

#blog{
overflow:auto;
background-image: url(../images/bgblogtile.jpg);
}

#gallery{
overflow:auto;
}

#blog p{padding:0px 120px 0px 120px; color:black;}
#blog p.head{padding:0px 120px 0px 120px; color:black; font-size:110%; font-weight:600;}


.inner{
float:left;
width:2600px;
height:400px;
overflow:hidden;
}

.gallery{
width:100px;
margin:20px;
}

.galleryLg{
width:200px;
margin:50px;
}

.container{
width:600px;
height:400px;
margin:auto;
color:white;
overflow:hidden;
}

.album:hover{cursor:pointer;}

div* {overflow:hidden;}
div#menu{border-style:solid;border-color:blue;border-width: 2px;}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{width:600px}
ul#nav li{float:left;margin-right: 3px;text-align: center}
ul#nav a{float:left;width: 7em;padding: 5px 0;background: #E7F1F8;text-decoration:none;color: #666}
ul#nav a:hover{cursor:pointer;}
ul#nav li.activelink a{color: black; font-weight:bold;}
ul#nav li.nonactivelink a{color: #666; font-weight:normal;}
ul#nav li.nonactivelink a:hover{color: black; font-weight:bold;}