/*  CSS for AmCWblog site   */

body {font-family: Helvetica, Arial, Verdana, sans-serif; background-color: #A8A8A8; line-height: 125%; margin: 0; }

h1, h2, h3 {font-family: "Bookman Old Style", Verdana, Arial, Helvetica, sans-serif; }

h1 {font-size: 350%; }

li {font-size: small}

h2 {font-size: 200%; color: black; } /* h4 will be inside headings in my stories/articles*/

h3 {font-size: medium;}

/* #header   I'm not sure I'll need this, it may get in the way of positioning */

#profileimage { height: 160px; width: 165px; border: 5px solid black; margin: 0; padding: 0;}

#sitebranding { height: 110px; left: 175px; width: 850px; padding: 20px; border: 15px solid black; margin: 0; color: black;}

#currentreading  {height: 150px; width: 150px; left: 1085px; border: 15px solid black; margin: 0; padding: 5px; color: white;}

#maincontent {top: 170px; width: 865px; left: 175px; font-size: 100%; padding: 10px; border: 15px solid black; margin: 0; background-color: #A8A8A8; }

/* #contactme {height: 100px; width: 160px; top: 370px; border: 15px solid black; margin: 0, padding: 10px; color: white}*/

#navigation {width: 140px; top: 170px; border: 15px solid black; padding: 5px; margin: 0; color: white;}

#index {height: 400px; width: 170px; top: 170px; left: 1085px; border: 10px solid black; padding: 5px; margin: 0; color: white;}

#profileimage, #sitebranding, #currentreading, #maincontent, #contactme, #navigation, #index { position: absolute;}

.image1 {float: right; width: 250px; background-color: yellow;}

.image2 {float: left; width: 300px; background-color: green}

/*.border1 {border-width: 20px; border-style: solid; border-color: black;}*/

.image3 {width: 170px; height: 160px; margin: 0; position: absolute; padding: 0;}


a {font-weight: bold; color: black;}
a:link {color: black;}
a:visited {color: blue;}
a:hover {text-decoration: none; color: white; background-color: black;}
a:active {color: white; background-color: black}