/* Sort of screen stylesheet */
/* version 0.5 - 03-10-2008 */

/* clean start based on eric meyer
http://meyerweb.com/eric/tools/css/reset/
v1.0 | 20080212 
-------------------------------------------- */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration:none;
text-shadow:0 0 0 #000;
}

ol, ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
}

table {
border-collapse: collapse;
border-spacing: 0;
}

/* structure 
-------------------------------------------- */
body {
color:#fff;
background:#fff url(/images/bg_head_bottom.png) no-repeat 50% 0;
font:12px/1.5 'lucida grande',verdana,arial,helvetica,sans-serif;
text-align:center;
}

a{
color:#606;
text-decoration:underline;
}

ul, ol, p, form, div {
margin-bottom:.75em;
}

input, select, textarea {
width:212px;
font:12px/1.4 'lucida grande',verdana,arial,helvetica,sans-serif;
vertical-align:middle;
margin:0 0 .1em;
}


input.button,button,.button {
margin-top:.4em;
width:auto;
border:none;
padding:.2em .4em;
background:#e6e6e6;
color:#000 !important;
/*font-weight:bold;*/
font-size:90%;
cursor:pointer;
overflow: visible;
text-decoration:none !important;
letter-spacing:.03em;
border:1px solid #888;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

input.button:hover,button:hover,.button:hover,
input.button:focus,button:focus,.button:focus {
background-color:#f2f2f2;
}

textarea {
vertical-align:bottom;
}

label {
color:#606;
vertical-align:middle;
}

label input {
width:auto;
}

h1, h2, h3, h4 {
color:#000;
}


/* wraps
-------------------------------------------- */
#superwrap{
position:relative;
width:100%;
color:#666;
padding-bottom:133px;
background: url(/images/bg_head_bottom.png) no-repeat 50% 100%;
}

#outerwrap{
position:relative;
top:112px;
width:100%;
color:#211;
background: url(/images/bg_outerwrap.png) repeat-y 50% 0;
}

#wrap {
position:relative;
color:#000;
margin:0 auto;
text-align:left;
width:940px;
padding-bottom:75px;
background:url(/images/bg_wrap.png) no-repeat 280px 100%
}

#contentwrap {
position:relative;
top:5em;
left:56px;
width:700px;
margin-bottom:2.5em;
background:url(/images/bg_contentwrap.png);
}


/* #logo
-------------------------------------------- */
#logo {
position:absolute;
top:-77px;
left:48px;
}

#logo img {
width:360px;
height:60px;
}

/* #owner
-------------------------------------------- */
#owner {
position:absolute;
z-index:100;
top:0;
left:450px;
width:230px;
color:#000;
font-weight:bold;
text-align:right;
}

#owner a {
color:#fff;
text-decoration:none;
}

#owner a:hover, #owner a:focus {
text-decoration:underline;
}


/* #mainnav & #footer
-------------------------------------------- */
#mainnav, 
#footer {
position:relative;
left:30px;
height:1.667em;
width:925px;
background:#8dc63f;
color:#fff;
}

#footer {
top:5em;
}

#mainnav ul, 
#footer ul{
float:left;
margin-left:29px;
width:430px;
font-weight:bold;
}

#mainnav li, 
#footer li{
float:left;
padding:0 10px;
background:url(/images/bg_mainnav.gif) no-repeat 0 50%;
}

#mainnav li:first-child,
#footer li:first-child {
background-image:none;
}

#mainnav a,
#footer a {
color:#fff;
text-decoration:none;
}

#mainnav a:hover, #mainnav a:focus,
#footer a:hover, #footer a:focus {
text-decoration:underline;
}


/* #content
-------------------------------------------- */
#content {
position:relative;
top:-4px;
left:4px;
width:700px;
min-height:350px;
background:#fff;
}

#content.singlecolumn {
width:430px;
padding:9px 261px 9px 9px;
}

#content h2 {
padding:.1em 9px;
background:#606;
color:#fff;
font:italic bold 183% georgia,'times new roman',times,serif;
}

#content h2.saved {
font:bold 100%/1.4 'lucida grande',verdana,arial,helvetica,sans-serif;
}

#content.singlecolumn h1 {
padding:.1em 0;
color:#606;
font:italic bold 183% georgia,'times new roman',times,serif;
}

#content.singlecolumn h2 {
padding:0;
font:bold 100%/1.4 'lucida grande',verdana,arial,helvetica,sans-serif;
background:transparent;
color:#606;
}

#content.singlecolumn ol {
list-style:decimal;
padding-left: 1.8em
}

/* #listtitle */
#listtitle {
display:block;
padding:0 9px;
color:#000;
background:#f0e5f0;
font-size:90%;
line-height:2.5em;
}

#listtitle label {
margin-right:.3em
}

#listtitle button,#listtitle .button {
margin:0;
vertical-align:middle;
font-size:59%;
letter-spacing:0;
}

#content form.saved {
padding:.2em 9px;
background:#fff;
font:bold 183% georgia,'times new roman',times,serif;
margin-bottom:0
}

#content form.saved p {
margin:0;
}

#content form.saved label, #content .saved label {
color:#000;
}

#content .saved input {
color:#606;
background-color:#fff;
width:auto;
font:bold 100% georgia,'times new roman',times,serif;
}

#content .saved input:hover, #content .saved input:focus {
background-color:#f7f0f7;
}

/* #info
-------------------------------------------- */
#info {
margin:0 9px;
color:#000;
border:1px solid #8dc63f;
border-width:1px 0;
margin-bottom:-1px;
}

#info div {
margin:0 -9px;
padding:.2em 9px;
background:#f0e5f0;
}

#info .url {
display:block;
}


/* #multicolumn
-------------------------------------------- */
#multicolumn {
overflow:hidden;
}

.column {
float:left;
padding:9px;
width:215px
}

.column button {
margin-bottom:.75em;
}

.done {
margin:9px;
padding:9px;
border-top:1px solid #8dc63f;
text-align:right;
}

.done.print {
text-align:left;
}


.done input.button,.done button,.done .button {
background-color:#CAE4A5;
border-color:#8DC63F;
padding:.3em .9em;
font-weight:bold;
font-size:110%;
letter-spacing:0;
}

.done input.button:hover,.done button:hover,.done .button:hover,
.done input.button:focus,.done button:focus,.done .button:focus {
background-color:#E2F1CF;
}

.changelist li{
padding-left:14px;
}

.changelist a {
text-decoration:none;
}

.changelist li.unorder {
background: url(/images/arrow_ani_move_back.gif) no-repeat 0 0.4em
}

#saved_things a {
font-weight:bold;
font-size:90%;
line-height:2em;
text-decoration:none;
padding-left:9px;
background:url(/images/arrow.gif) no-repeat 0 50%
}

#saved_things a:hover, #saved_things a:focus,
.changelist a:hover, .changelist a:focus {
text-decoration:underline;
}

#content .saved h2 {
color:#606;
background:#fff;
font:bold 140%/1.4 'lucida grande',verdana,arial,helvetica,sans-serif;
}

#content .saved h3 {
padding:0 9px;
}

/* .home */
.home #content h2 {
padding:.1em 0;
color:#606;
font:italic bold 167% georgia,'times new roman',times,serif;
}

/* #decor
-------------------------------------------- */
#decor {
position:absolute;
top:-112px;
left:680px;
z-index:1000;
background:url(/images/bg_list.png) no-repeat
}

/* extras
-------------------------------------------- */
#aisle li {position:relative;z-index:50;}
/*.item {width:100px;height:100px;border:3px solid blue;position:relative;float:left;margin:5px;padding:4px;}*/
.drag {background-color:#EFE;cursor:move;}
.dragover {border:3px solid #900;background-color:#FEE;color:#000;}
.dropped {border:3px solid #009;background-color:#339;color:#FFF;}
.checked label {color:#666;text-decoration:line-through;}
.trash {padding-left:20px;background-image:url(/images/trash.gif);background-repeat:no-repeat;background-position:5px 50%;}
.explain{padding-left:70px;overflow:hidden;}
.explain img {position:relative;left:-70px;margin-top:5px;margin-right:-70px;float:left;clear:left}

.listoverview {width:100%;}