/* HTML elements */
/** { margin: 0; padding: 0; }*/
body { background: #dae6ed; font: .8em 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; line-height: 1.7em; margin: 0; padding: 0; }
img { border: none; }
p { color: #666; padding-top: .75em; }
small { font-weight: normal; }
input,
textarea,
select { font: inherit; color: #333; }
hr.clear { clear: both; visibility: hidden; height: 0; }
/* Generic */
.georgia { font-family: 'Georgia', 'Times', serif; }
/* Headers */
h2 { color: #666; font-weight: normal; }
h3 { font: 1.8em 'Georgia', 'Times', serif; color: #ff5c00; font-weight: normal; }
h3 a,
h3 a:hover { color: #ff5c00; }
h4 { font-size: 1.1em; color: #ff5c00; }
/* Links */
a { color: #35759f; text-decoration: none; }
a:hover { text-decoration: underline; }
/* Messages */
.error { color: red; font-weight: bold; }
ul.error { margin-bottom: 1em; }
.error li { margin-left: 2.25em; }
.info { color: green; font-weight: bold; }
#welcome { font-weight: bold; font-size: 1.2em; color: #ff5c00; font-family: 'georgia'; width: 210px; }
#welcome a { background: transparent url(/i/bullet.gif) no-repeat center left; padding-left: 10px; }
/* Layout */
.container { width: 960px; margin: 0 auto; }
#bar { background-color: #f8f8f8; }
#content { background: #efefef; min-height: 400px; }
#content .container { padding: 30px 0; min-height: 400px; background: transparent url(/i/boomerang.png) no-repeat top right; position: relative; }
/* Tables */
tr { vertical-align: top; }
th { text-align: right; padding-right: 0.5em; color: #666; width: 125px; line-height: 1.3em; }
td textarea,
td input { width: 150px; }
/* Navigation */
#mainNav { height: 4em; background: #c02c08; }
#mainNav a { color: white; }
#mainNav #nav { float: left; }
#mainNav #nav ul { list-style: none; margin: 0; padding: 0; }
#mainNav li { float: left; padding: 0 8px 0; margin: 0; }
#mainNav #nav a { display: block; font-weight: normal; line-height: 3em; margin-top: .5em; padding-bottom: .5em; text-decoration: none; }
#mainNav li#current { background: transparent url(/i/current.gif) no-repeat bottom center; }
#mainNav #nav .account a { padding: 0 20px; background: #900 url(/i/button.png) 100% 100% repeat-x; color: #D9E4EC; }
#mainNav #nav .account a:hover { background: #900 url(/i/button-on.png) top left repeat-x; color: #fff; }
#mainNav #login { float: right; padding-top: .9em; text-align: right; font-size: 1.1em; }
#mainNav #login form { font-size: .8em; padding: 0; margin: 0; }
#mainNav #login p { color: white; padding: 0 .5em .2em .5em; margin: 0; background-color: #ce4f1c; }
#mainNav #login form p { background: none; }
#mainNav #login input.textField,
#mainNav #login input.passField { width: 150px; border: 4px solid #ce4f1c; padding-right: 4px; font-size: 1.2em; }
#mainNav #login input.passField { width: 90px; }
/* Home page */
.home p { padding-bottom: .5em; }
.home #bar { height: 210px; color: #fff; }
.home #bar h1 { font-weight: lighter; font-size: 5em; padding-top: 10px; float: left; margin: 0 0 0 20px; }
.home #bar h2 { padding: 20px 0 0 0; font: 1.7em 'Georgia', 'Times', serif; }
.home #bar h3 { position: absolute; right: 0; bottom: 10px; color: #c02c08; font: 1.7em Verdana; }
.home #bar p { position: absolute; top: 45px; right: 0; }
.home #bar #register { position: absolute; top: 80px; right: 57px; }
.home #bar p#register a { display: block; width: 152px; height: 46px; background: transparent url(/i/register.png) no-repeat center center; line-height: 46px; text-align: center; color: white; font-size: 1.7em; }
.home #bar .container { position: relative; height: 220px; }
.home #bar .container p { margin-top: 0; padding-top: 0; }
.home #content h2 { font-size: 2em; margin: 10px 0; padding: 10px 10px 10px 0px; border-bottom: #ddd 1px solid; }
.home .column { float: left; width: 370px; padding: 0 5px 0; }
/* Home page (no login) */
.steps { width: 40%; float: right; margin-top: 25px; list-style: none; margin: 0; }
.steps li h4 { border-bottom: #FF5C00 1px solid; font-size: 1.3em; padding-bottom: 5px; margin-bottom: 0; }
.steps li { background: transparent no-repeat top left; padding-left: 50px; }
.steps li p { margin: 0; }
.steps li.one { background-image: url(/i/1.gif); }
.steps li.two { background-image: url(/i/2.gif); }
.steps li.three { background-image: url(/i/3.gif); }
/* Update details / Save feedback confirmation */
.confirm { background: #c02c08; border: 2px solid #fca254; text-align: center; color: white; margin-bottom: 10px; }
/* Request notification */
#intro,
#request { margin-left: 200px; }
#request { border: 10px solid #FCA254; background-color: white; }
#friends { float: left; }
#myItems { float: right; }
#request,
#myItems,
#friendsItems { margin-bottom: 24px; }
#intro p,
#myItems p,
#friendsItems p { margin: 0 0 1% 2%; }
#intro h1,
#request h1,
#myItems h1,
#friendsItems h1 { font: 1.8em 'Georgia', 'Times', serif; color: #AA3607; margin: 20px 5% 0 2%; }
#request table { width: 720px; margin: 10px; border-collapse: collapse; }
#request th { color: black; font-weight: normal; font-size: 1.2em; line-height: 2.5em; padding-left: 4px; text-align: left; }
#request tr:first-child { border-top: 1px solid #ce4f1c; }
#request tr { height: 36px; border-bottom: 1px solid #ce4f1c; }
#request input { background: #ce4f1c; width: 85px; height: 26px; margin: 5px 10px 5px 10px; color: white; border: none; cursor: pointer; }
#request .requestButtons { width: 300px; text-align: right; }
/* List of friends */
#friends { background-color: #fca254; width: 200px; float: left; }
#friends ul { list-style: none; margin: 0; padding: 0; }
#friends li { padding-left: 45px; }
#friends a { display: block; height: 46px; line-height: 46px; font-size: 1.1em; font-family: 'Georgia', 'Times', serif; color: #c02c08; border-top: 1px solid #c02c08; font-weight: bold; overflow: hidden; }
#friends li:first-child a { border: none; }
#friends li.selected { background: #c02c08 url(/i/friend-selected.png) no-repeat left center; }
#friends li.selected a { color: white; }
/* Forms */
#feedbackForm textarea { width: 280px; }
#inviteForm input { width: 250px; }
#signupForm input { width: 215px; }
#signupForm .d { width: 60px; }
#signupForm .m { width: 90px; }
#signupForm .y { width: 60px; }
/* FAQ questions */
#faq { font-weight: normal; line-height: 2em; }
#faq dt { background: url(/i/Q.gif) 0 0 no-repeat; color: #ff5c00; margin-top: 15px; padding: 4px 0 4px 30px; font: 1.2em 'Georgia', 'Times', serif; font-weight: bold; }
#faq dd { background: url(/i/A.gif) 25px 0 no-repeat; color: #666; padding: 0 0 12px 58px; font-size: 1em; margin: 0; }
/* Footer */
#footer { background: transparent url(/i/footer-bg.jpg) top left repeat-x; height: 40px; }
#footer .container { position: relative; }
#footer li { float: left; list-style: none; line-height: 30px; padding: 12px 6px; }
#footer #mooloop { position: absolute; right: 0; top: 12px; text-decoration: none; }
#footer #mooloop a { line-height: 30px; background: transparent url(/i/mooloop-logo.gif) center right no-repeat; padding: 15px 45px 15px 0; }
#footer .inlineEditForm { float: left; margin: 0; padding: 0; }
/* List page */
.list #content .container { background: transparent url(/i/stars-boomerang.png) no-repeat top center; }
/* New items list */
#items { margin-left: 200px; border: 3px solid #fca254; background-color: #c02c08; position: relative; }
#items #addItemForm { padding: 20px 20px 40px 20px; background: transparent url(/i/item-table-fade.gif) repeat-x bottom; height: 200px; }
#items #detail { padding-top: 10px; position: relative; }
#items #detail #description { margin-right: 20px; float: left; }
#items #detail #buttons { float: right; padding-top: 25px; }
#items #detail div > label { display: block; padding-left: 5px; margin-left: 5px; color: #fca254; }
#items #detail #title_url div { float: left; width: 255px; padding-left: 5px; }
#items #detail #title_url label { padding-left: 0; }
#items #detail #title_url input { width: 250px; }
#items #detail textarea { width: 510px; margin-left: 5px; height: 100px; }
#itemList { list-style: none; padding: 20px 20px 0px 20px; margin: 0; min-height: 400px; }
#itemList > li { margin-bottom: 25px; border-bottom: 1px solid #ce4f1c; min-height: 100px; padding-bottom: 20px; }
#itemList div { position: relative; }
#itemList h4 { color: #fca254; margin: 0; }
#itemList h4 a { text-decoration: underline; color: #fca254; }
#itemList p { margin: 0 150px 0 0; padding: 0; color: white; }
#itemList ul { list-style: none; padding: 0; margin: 0; position: absolute; top: 0; right: 0; }
#itemList ul li { margin-bottom: 10px; }
#addItemInlineForm { padding-left: 5px; }
#addItemInlineForm #lookupEdit label,
#addItemInlineForm #detailEdit div > label { display: block; padding-left: 5px; color: #fca254; }
#addItemInlineForm #lookupEdit div { display: inline-block; width: 255px; }
#addItemInlineForm #lookupEdit input { width: 250px; }
#addItemInlineForm #detailEdit { padding-top: 10px; position: relative; }
#addItemInlineForm #detailEdit #imageEdit,
#addItemInlineForm #detailEdit #descriptionEdit { margin-right: 20px; float: left; }
#addItemInlineForm #detailEdit #buttonsEdit { float: right; padding-top: 25px; }
#addItemInlineForm #detailEdit textarea { width: 510px; height: 100px; }
#addItemInlineForm #imageEdit ul,
#addItemInlineForm #imageEdit p { background-color: white; text-align: center; width: 125px; margin: 0; border: 5px solid white; padding-top: 0; }
#addItemInlineForm #imageEdit ul { list-style: none; }
#addItemInlineForm #imageEdit li { padding: 0; margin-right: 5px; }
#addItemInlineForm #imageEdit input[type=radio] { display: none; }
#addItemInlineForm #imageEdit li img { width: 125px; }
#addItemInlineForm #imageEdit p img { vertical-align: middle; }
#addItemInlineForm #imageEdit p span { display: inline-block; width: 75px; }
.button { display: block; text-align: center; background-color: #ce4f1c; width: 105px; height: 25px; color: white; border: none; font-size: 1.2em; cursor: pointer; }
/* Fieldset forms */
fieldset.input { margin: 0 0 .5em 0; padding: 0; border: none; }
fieldset.input legend { display: none; }
fieldset.input ol { padding: 0em 0 0 0; list-style: none; }
fieldset.input li { float: left; clear: left; width: 100%; padding-bottom: .5em; }
fieldset.input label { float: left; width: 15em; margin-right: 1em; font-weight: bold; color: #666; text-align: right; }
fieldset.submit { border: none; padding: 0 0 0 16em; margin: 0; }
/* Shopping list */
.shoppingList #content ol { list-style: none; padding: 0; margin: 0; }
.shoppingList #content ol li { padding: 0 0 .5em 0; margin: 0; clear: both; }
.shoppingList #content ol li h3 { margin-bottom: 0; }
.shoppingList #content ol li h4 { margin-top: .25em; margin-bottom: .5em; }
.shoppingList #content ol li p { padding-top: 0; margin-top: 0; }
/* Friends list table */
#items p { color: white; margin-left: 15px; }
#items table { width: 95%; border-collapse: collapse; margin: 10px 2.5%; }
#items table th,
#items table td { text-align: left; width: auto; padding: 10px; border-bottom: 1px solid #E77A39; }
#items table th { color: #FCA254; }
#items table tr.reserved { color: #FCA254; }
#items table tr.unreserved { color: white; }
#items table a.reserved { color: #FCA254; text-decoration: underline; }
#items table a.unreserved { color: white; text-decoration: underline; }
#items table .button { width: 80px; height: 25px; font-size: 1em; }