/* CSS for http://giftyweddings.com/ */

html, body {
 padding: 0;
 margin: 0;
 background: #600000;
 text-align: center;
 font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
 font-size: 14px;
 color: #444444;
 height: 100%;
}

#container {
 margin: 0 auto 0 auto;
 padding: 0;
 width: 700px;
 min-height: 100%;
 _height: 100%;
 position: relative;
 background: white;
 text-align: left;
}

#header {
 padding: 40px 25px 10px 60px;
 margin: 0;
}

#content {
 margin: 30px 70px 0 70px;
 padding-bottom: 60px;
 width: 560px;
}

#footer {
 position: absolute;
 bottom: 0;
 right: 0;
 height: 2em;
 text-align: right;
}

#footer p {
 margin: 6px 20px;
 padding: 0;
 font-size: 11px;
}

#footer p a {
 padding-left: 0.75em;
}

#footer p a.active {
 text-decoration: none;
}

img {
 border: none;
}

a {
 color: #AA2010;
}

h1 {
 color: #555555;
 font-size: 22px;
 letter-spacing: 1px;
 padding: 0;
 margin: 20px 0 5px 0;
}

h2 {
 color: #555555;
 font-size: 18px;
 font-weight: normal;
}

p {
 padding: 0;
 margin: 0.8em 0;
}

.personal {
 font-size: 12px;
 font-style: italic;
 margin: 0.8em 2em 1.2em 2em;
}

.editpersonal {
 font-style: normal;
 margin-left: 0.5em;
}

button {
 font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
 font-size: 18px;
 cursor: pointer;
 padding: 1px 7px;
 margin: 15px 0 0 0;
 color: #444444;
 background: #ECE8E4;
 border: 1px solid #A8A8A8;
 border-top: 1px solid #D8D8D8;
 border-left: 1px solid #D8D8D8;
}

button:hover {
 color: #CC2010;
}

input, textarea, select {
 display: block;
 font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
 font-size: 14px;
}

input.text, textarea, select {
 width: 225px;
 padding: 2px 4px;
 margin: 2px 0;
 border: 1px solid #AA2010;
 background: white;
 color: #444444;
}

select {
 display: inline;
 width: auto;
 height: 24px;
 padding: 1px 1px 1px 2px;
}

input.oneline {
 display: inline;
}

input.wide {
 width: 550px;
}

textarea {
 width: 550px;
}

textarea.short {
 width: 550px;
 height: 2.7em;
}

input.medium {
 width: 325px;
}

label {
 display: block;
 margin: 15px 0 0 0;
 padding: 0;
 font-size: 14px;
 font-weight: bold;
}

label .eg {
 padding-left: 20px;
 font-weight: normal;
 font-style: italic;
 font-size: 12px;
 color: #888888;
}

h2.registry {
 text-align: center;
}

.goguest {
 font-size: 27px;
 text-align: center;
 margin-top: 40px;
}

.goguest a {
 background: #ECE8E4;
 color: #444444;
 text-decoration: none;
 padding: 7px 10px;
 border: 2px solid #A8A8A8;
 border-top: 2px solid #D8D8D8;
 border-left: 2px solid #D8D8D8;
}

.goguest a:hover {
 color: #CC2010;
}

.goadmin {
 font-size: 12px;
}

.msg {
 padding: 5px 7px;
 color: #CC2010;
 background: #EEEEEE;
 font-style: italic;
 font-size: 18px;
}

li {
 margin-bottom: 0.5em;
}

/* fix disappearing list background bug, see:
   http://www.positioniseverything.net/explorer/ie-listbug.html */
ul { position: relative; }

ul.gifts {
 list-style: none;
 padding: 0;
 margin: 25px 0;
}

ul.gifts li {
 padding: 0;
 margin: 15px 0;
}

ul.gifts li.category {
 font-size: 20px;
 margin: 1em 0 -0.2em 0;
 letter-spacing: 0.1em;
 color: #AA2010;
 border-bottom: 1px solid #AA2010;
}

ul.gifts li.bought {
 margin-top: 1.5em;
 color: #999999;
 border-bottom: 1px solid #999999;
}

ul.gifts li del.bought {
 color: #999999;
 text-decoration: line-through;
}

ul.gifts li del.bought a {
 color: #999999;
}

ul.gifts li .name {
 font-weight: bold;
 font-size: 16px;
}

ul.gifts li .quantity {
 color: #999999;
}

ul.gifts li .url {
 padding-left: 1em;
}

ul.gifts li .price {
 padding-left: 1em;
}

ul.gifts li .boughtby {
 padding-left: 2em;
 font-style: italic;
 float: right;
}

ul.gifts li .details {
 display: block;
 _margin-bottom: -18px;
}

a.action {
 background: #ECE8E4;
 color: #444444;
 text-decoration: none;
 border: 1px solid #A8A8A8;
 border-top: 1px solid #D8D8D8;
 border-left: 1px solid #D8D8D8;
}

p a.action {
 padding: 0.2em 0.5em;
 margin: 0 0.5em 0 0;
}

ul.gifts li a.action {
 float: right;
 font-size: 11px;
 padding: 0 0.3em;
 margin: 0.2em 0 0 0.4em;
}

ul.gifts li a.inaction {
 background: #FCF8F4;
 color: #888888;
}

ul.gifts li a.action:hover {
 color: #CC2010;
}

.adminlink {
 margin-top: 75px;
 text-align: right;
 font-size: 11px;
}

.cancel {
 padding-left: 1em;
 font-size: 12px;
}

.gap {
 margin-top: 2em;
}
