/* Page width:
-------------------------------------------------------*/

/* reset
-------------------------------------------------------*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
margin: 0;
padding: 0;
}
html {
overflow-y: scroll;
}
body {
  font-size: 100%;
  color: #000;
  font: .8em/1.4 Verdana, Arial, sans-serif;
}
/* General control of fonts and colors */
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}
img {
border: 0;
}

/* text
-------------------------------------------------------*/
a { color: #009; }
h1 { font: bold 2em Helvetica, Arial, sans-serif; }
h2 { 
  font: normal 1.5em Helvetica, Arial, sans-serif;
  margin: .25em 0; 
}
h3 {
  color: #666;
  margin: .5em 0 0;
  text-transform: uppercase;
  font: normal 1em Helvetica, Arial, sans-serif;
}
p, address {
  font-style: normal;
  line-height: 1.5;
  margin: 0 0 1em;
}
ul { margin: 0 0 1em 2em; }
ul li {
  margin: 0 0 .2em;
  line-height: 1.5;
}
ol { margin: 0 0 1em 2em; }
ol li {
  margin: 0 0 .2em;
  line-height: 1.5;
}

/* general
-------------------------------------------------------*/
#container {
  position: relative;
}
#wrapper {
  margin: 0 auto;
  padding: 0 20px;
}
#header {
  background-color: #333;
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
}
#header h1 {
  padding: 15px 10px;
  width: 60%;
  float: left;
  text-indent: 10px;
}
#header h1 a {
  color: #fff;
  text-decoration: none;
}
#header form.search {
  margin: 15px 10px;
  display: block;
  float: right;
  padding: 0;
}
#header ul {
  position: absolute;
  display: block;
  right: 25px;
  top: 10px;
}
#header ul li {
  display: inline;
  padding: 0 5px 0 3px;
}
#header ul li a {
  color: #666;
  text-decoration: none;
}
#header ul li a:hover {
  color: #fff;
  text-decoration: underline;
}

/* navigation
-------------------------------------------------------*/
.navigation {
  width: 100%;
  overflow: hidden;
}
.navigation ul { 
  width: 100%;
  overflow: hidden;
  list-style: none; 
  background-color: #ccc;
  margin: 0; 
  overflow: hidden;
  border-top: 1px solid #eee;
}
.navigation li { display: inline; }
.navigation li a {
  border-right: 1px solid #eee;
  background-color: #ccc;
  color: #666;
  display: block;
  padding: 10px;
  width: auto;
  float: left;
  text-decoration: none;
}
.navigation li a:hover { 
  color: #eee;
  background-color: #666;
}

/* content
-------------------------------------------------------*/

#content { margin: 20px 0 0 220px;  }

.flash {
	padding: 15px 20px 13px;
  background-color: #cfc;
  color: #060;
  font-weight: bold;
	font-size: .9em;
	margin: 0 0;
}

/* footer
-------------------------------------------------------*/
#footer {
  width: 100%;
  overflow: hidden;
  clear: both;
  background-color: #ccc;
}
#footer p {
  padding: 10px;
  margin: 0;
  font-weight: bold;
}
#alc_footer {
  background-color: #990000;
  overflow: hidden;
  width: 100%;
  color: #f6ebbd;
}
#alc_footer p {
  margin: 1.6em 0 0;
  font-size: .85em;
  font-weight: normal;
}
#alc_footer a {
  color: #fff;
}
#alc_footer img {
  width: 90px;
  float: left;
  padding: 2px 10px 2px 4px;
}
/* Featured Items
-------------------------------------------------------*/
#featured-items {
  float: right;
  width: 200px;
}
#featured-items h2 {
  font-size: 110%;
  margin-bottom: 2em;
  text-align: center;
}
#featured-items img {
border: 1px solid #10307b;
display: block;
height: 100px;
width: 125px;
margin: 0 auto 1em;
}
#featured-items p {
display: block;
margin: 0 auto 1em auto;
text-align: center;
width: 125px;
}
#content div.featured-items ul {
margin: 0 0 0 0;
}
div.featured-items ul li {
list-style-type: none;
float: left;
padding: 0 22px 0 0;
width: 102px;
height: 190px;
}
div.featured-items ul li a img {
border: 1px solid #666;
}

/* Item Description and Details
-------------------------------------------------------*/
#item-desc h2, #item-details h2 {
  border-bottom: 1px dotted #10307b;
  font: normal .85em Helvetica, Arial, sans-serif;
  letter-spacing: 1.25px;
  margin: 1em 0 .5em;
  text-transform: uppercase;
}
#item-desc {
  float: right;
  width: 40%;
}
#item-desc ul {
margin-left: 20px;
}
#item-details {
float: left;
width: 49%;
}
p.live {
  background-color: #ffc;
  border: 1px solid #ff6;
  padding: 10px;
  margin: -.5em 0 1em;
}

/* item-list
-------------------------------------------------------*/
.item-list {
  margin: 0 0 1em;
  width: 100%;
}
.item-list td {
  font-size: .85em;
}
.item-list th {
  background: #CCC;
  color: #666;
  font-size: .8em;
  text-align: left;
  text-transform: uppercase;
  padding: 3px 5px;
}
.item-list td { padding: 2px 5px; }
.item-list tr.odd td { background: #eee; }

.item-list td.image { 
  width: 50px;
  padding: 2px 3px;
}
.item-list td.image img {
  display: block;
  border: 1px solid #ccc;
  height: 50px;
  width: 50px;
}
.item-list td.high-bid {
  color: #900;
  font-weight: bold;
  width: 15%;
}
.item-list td.value { width: 15%; }
.item-list .time-left { width: 70px; }

/* Donor Page
-------------------------------------------------------*/
#donor #content img {
  border: 1px solid #005dac;
  float: left;
  margin-bottom: 2em;
}
#donor h1 {
  border-bottom: 1px solid #666666;
  margin-bottom: .5em;
  padding-bottom: .5em;
}
#donor #contact-info {
  float: left;
  padding-left: 50px;
}
#donor h2 { clear: both; }

/* Bid Now
------------------------------------------------------*/
#bid .item-list {
margin: .25em 0;
width: 100%;
}
#bid .item-list th {
background: #d0d687;
color: #000000;
font-size: 100%;
}
#bid .item-list td {
background: #d0d687;
padding: .5em;
}
#bid .item-list th.min-bid { width: 25%; }
#bid .item-list td.image { width: 50px; }
#bid .item-list td.min-bid {}
#bid .item-list th.current-bid { width: 25%; }
#bid .item-list td.current-bid {
  color: #FF0000;
  font-weight: bold;
}
#bid .item-list th.bid-inc { width: 25%; }
#bid .item-list td.bid-inc {}
#bid #place-bid .no-border {
  float: none;
  text-align: center;
}

/* aside
-------------------------------------------------------*/
#sidebar {
  background-color: #eee;
  color: #000;
  float: left;
  width: 175px;
  padding: 10px;
}
#sidebar h2 { font-size: 1.2em; }
#sidebar h3 {}

.categories {
  list-style: none;
  margin: 0 0 1em;
}
.categories li {}
.categories li a { color: #009; }
.categories li a:hover {}
.categories li ul { margin: .2em 0; }
.categories li ul li {
  margin: 0 0 0 .5em;
  list-style: none;
  font-size: .85em;
}
.categories li ul li a { color: #000; }
div.pictures {
  padding: 0;
  margin: 0 0 1em 10px;
  float: right;

}
div.pictures img {
  margin: 0;
  padding: 0;
}
div.pictures ul {
  margin: 0;
}
div.pictures ul li {
  margin: 0;
  padding: 0;
}

#content p.price {
  font: normal 1.4em/1 Helvetica, Arial, sans-serif;
  margin: .4em 0 1em;
}
#content p.actions {
  font-size: .95em;
  color: #222;
  margin: .4em 0 1em;
}
#content p.actions span.alt {
  color: #666;
  font-size: .85em;
  padding: 0 5px;
}
#content p.actions a.bid, #content p.actions a.purchase {
  font-size: 1em;
  padding: 4px 7px;
  margin: 0 2px 0 0;
  background-color: #090;
  color: #fff;
  text-decoration: none;
  font-weight: normal;
}
#content p.actions a.favorite { 
  margin: 0 0 0 1em;
  padding: 0 0 0 20px;
  background: #fff url(/images/icons/16/favorite.png) no-repeat;
}
#content p.actions .is_favorite {
  padding: 5px 5px 5px 25px;
  background: #ececec url(/images/icons/16/favorite.png) no-repeat 4px 4px;
  border: 1px solid #ccc;
  color: #666;
  margin: 0 .5em 0 1.5em;
}
#content p.actions a.remove_favorite {
  color: red;
  font-weight: normal;
}

#content ul.item_categories {
  list-style: none;
  margin: .25em 0 1em;
  padding: 0;
}
#content ul.item_categories li {
  margin: 0 0 .3em;
  padding: 0;
}
#content ul.item_categories li a { color: #005dac; }

#content ul.donors {
  list-style: none;
  margin: 0;
}
#content ul.donors li {
  font-weight: bold;
  margin: 0 0 1.5em;
}
#content ul.donors li img {
  display: block;
  margin: 0 0 2px;
}

span.new, span.featured, span.live {
  float: left;
  display: block;
  padding: 4px 6px;
  margin: -3px 5px 0 0;
  text-transform: uppercase;
  color: #000;
  font: bold 8pt Verdana, Arial, sans-serif;
}
span.new { background-color: #ff3; }
span.live { background-color: #900; color: #fff; }
span.featured {
  background-color: #66f;
  color: #fff;
}