/* Stylesheet for Robin and Jon's wedding pages */

body {
  background-color: #6699cc;
  color:            black;
  text-align:       center;
}

body.sub {
  background-image:      url('parthenon.jpg');
  background-attachment: fixed;
  background-repeat:     no-repeat;
  background-position:   center;
  text-align:            left;
}


a {
  text-decoration:  none;
  color:            blue;
}

a:hover {
  text-decoration:  underline;
  color:            black;
}

h1 {
  text-align:       center;
}

img {
  border:           2px solid #747fa3;
  margin:           2px;
}

img.noborder {
  border:           0;
  margin:           0;
}

img.center {
  /*text-align: center;*/
}

img.left {
  float:            left;
}

img.right {
  float:            right;
}

ul {
  position:         relative;
  left:             15%;
  width:            70%;
  text-align:       left;
  list-style-type:  none;
}

ul > li {
  margin:           0.5em;
}

div.top {
  position:         fixed;
  left:             0;
  top:              0;
  right:            0;
  width:            100%;
  height:           5em;
  border:           0px;
  border-bottom:    3px #8e8075 solid;
  text-align:       center;
  background-color: #cec0b5;
  color:            black;
}

div.left {
  position:         fixed;
  left:             0%;
  top:              5em;
  width:            10%;
  height:           90%;
}

div.right {
  position:         fixed;
  float:            right;
  right:            0%;
  top:              5em;
  width:            10%;
}

div.main {
  margin-top:       6em;
  margin-left:      10%;
  margin-right:     10%;
}

form {
  position:         relative;
  left:             15%;
  width:            70%;
  border:           1px solid black;
  padding:          0.5em;
}

#formerror span {
  border: 1px solid black;
  padding: 0.25em;
  background-color: red;
  color: black;
  font-size: large;
}