/* body */
body { background-color: rgb(80,30,160); text-align: center; min-width: 960px; min-height: 540px; }


/* divs */

#page { position: absolute;  text-align: left;  left: 0px; right: 0px; top: 0px; margin-left: auto; margin-right: auto; width: 960px; height: 1000px; overflow: hidden; z-index: 0; }

#top { position: absolute;  text-align: left;  top: 0px; left: 0px; width: 960px; height: 90px; overflow: hidden; background-image: url(../grx/top.jpg); z-index: 1; }

#address { position: absolute;  text-align: left; top: 15px; left: 310px; width: 720px; height: 70px;  z-index: 1; }

#menu { position: absolute;  text-align: left; top: 73px; left: 280px; width: 680px; height: 32px; background-color: black; overflow: hidden; z-index: 2; }

#content { position: absolute;  text-align: left; top: 90px; left: 0px; width: 960px; height: 450px; background-color: blue; z-index: 1; }

#story { position: absolute; text-align: left; background-image: url(../grx/red_box_70.png); overflow: hidden; z-index: 3; }

#story.wazzup { left: 0px; top: 40px; width: 440px; min-height: 80px; max-height: 320px; padding-left: 80px; }
#story.who_we_are { left: 322px; top: 40px; width: 480px; height: 180px;  }
#story.where_when { left: 0px; top: 140px; width: 400px; height: 280px; padding-left: 20px; }
#story.artists { left: 0px; top: 50px; width: 320px; min-height: 80px; max-height: 400px; padding-left: 20px; overflow: hidden;}
#story.friends { left: 540px; top: 40px; width: 400px; min-height: 80px; max-height: 320px; overflow: hidden; }
#story.snaps { left: 0px; top: 40px; width: 320px; height: 280px;  }
#story.who_didnt_come { left: 80px; top: 60px; width: 320px; height: 320px; }

#img_box_snaps { position: absolute; text-align: center; left: 340px; top: 25px; width: 600px; height: 400px;z-index: 3; }

#img_box_artists { position: absolute; text-align: center; left: 360px; top: 25px; width: 540px; height: 400px; z-index: 3; }

#credit { position: absolute; left: 0px; top: 545px; width: 960px; }

#edit { position: absolute; left: 0px; top: 560px; width: 960px; }


/* text behaviors general */
p { font-family: Verdana, Helvetica, "Sans Serif";  margin: 10px 20px 10px 20px; text-align: left; font-size: 10px; line-height: 150%; font-weight: normal; color: rgb(240,240,240); z-index: 3; }

p.bigger { font-size: 14px; }
p.smaller { font-size: 9px; line-height: 100%; }

/* behaviors div specific */
div#address p { color: rgb(200,200,240); font-size: 9px; letter-spacing: .2em; line-height: 130%; margin-bottom: 0px; white-space: nowrap; }

div#credit p { color: rgb(150,150,160); text-align: right; font-size: 8px; letter-spacing: .3em; line-height: 120%; margin-top: 0px; margin-bottom: 0px; }

div#story.artists a { color: white; }

div#story.snaps img { padding: 3px 3px 3px 3px; }

div#img_box_snaps p {  font-size:9px; text-align: center;  }

/* link behaviors general */
a:link {color: rgb(180,200,240); font-weight: normal; text-decoration: none }
a:visited {color: rgb(180,200,240); font-weight: normal; text-decoration: none }
a:active {color: rgb(180,200,240); font-weight: normal; text-decoration: none }
a:hover {color: rgb(240,200,200); font-weight: normal; text-decoration: none }