/*
   screen.css
   fundraisingauctions
   
   Copyright 2009 Webfirm. All rights reserved.
*/
@import url('reset.css'); /* reset browser styles to 0 */
@import url('common.css'); /* common classes/styles */

body {
  background: #000 url('/images/core/body.jpg') top center repeat-x;
  font: 12px/20px Arial, Verdana, Tahoma, sans-serif;
  color: #b1b1b1;
}

#wrap {
  width: 980px;
  margin: 0 auto;
  background: url('/images/core/wrap.jpg') top center no-repeat;
}

a {color: #076f8c; text-decoration: underline;}
a:hover {text-decoration: none;}


/*  =container
**********************************/
#container {
  margin: 0 auto;
  width: 910px;
}


/*  =header
**********************************/
#header {
  height: 108px;
  width: 100%;
  padding-top:16px;
}

#header #logo {float: left; display: inline;}


/*  =nav
**********************************/
#navigation {
  float: right;
  display: inline;
  margin: 35px 0 0 0;
}

#navigation ul li {float: left; display: inline;}

#navigation ul li a {
  display: block;
  height: 63px;
  text-indent: -999em;
}

#navigation ul li a#nav-home {background: url('/images/nav/nav-home.jpg'); width: 60px;}
#navigation ul li a#nav-testimonials {background: url('/images/nav/nav-testimonials.jpg'); width: 100px;}
#navigation ul li a#nav-auction_items {background: url('/images/nav/nav-auction_items.jpg'); width: 120px;}
#navigation ul li a#nav-event_hosting {background: url('/images/nav/nav-event_hosting.jpg'); width: 135px;}
#navigation ul li a#nav-event_photos {background: url('/images/nav/nav-event_photos.jpg'); width: 115px;}
#navigation ul li a#nav-contact {background: url('/images/nav/nav-contact.jpg'); width: 67px;}

#navigation ul li a:hover {background-position: 0 -126px !important;}

body#p-index a#nav-home,
body#p-testimonials a#nav-testimonials,
body#p-auction_items a#nav-auction_items,
body#p-event_hosting a#nav-event_hosting,
body#p-event_photos a#nav-event_photos,
body#p-contact a#nav-contact {background-position: 0 -63px !important;}


/*  =banner
**********************************/
#banner {
  width: 660px;
  height: 317px;
  float: left;
  display: block;
  overflow: hidden;
}

body#p-index #banner { background: url(/images/core/banner01.jpg) no-repeat; }
body#p-testimonials #banner { background: url(/images/core/banner-inner1.jpg) no-repeat; }
body#p-auction_items #banner { background: url(/images/core/banner-inner.jpg) no-repeat; }
body#p-event_hosting #banner { background: url(/images/core/banner-inner2.jpg) no-repeat; }
body#p-event_photos #banner { background: url(/images/core/banner-inner3.jpg) no-repeat; }
body#p-event_photos-detail #banner { background: url(/images/core/banner-inner3.jpg) no-repeat; }
body#p-contact #banner { background: url(/images/core/banner-inner.jpg) no-repeat; }


/*  =primary
**********************************/
#primary {
  width: 647px;
  float: left;
  display: inline;
  padding: 0 0 0 13px;
}

#primary h1 {
  font: 20px/20px "Myriad Pro", Arial, Tahoma, sans-serif;
  color: #fff;
  display: block;
}

body#p-index h1 {background: url('/images/core/h1-index.png') no-repeat; text-indent: -999em;}
body#p-testimonials h1 {background: url('/images/core/h1-testimonials.png') no-repeat; text-indent: -999em;}
body#p-auction_items h1 {background: url('/images/core/h1-auction_items.png') no-repeat; text-indent: -999em;}
body#p-event_hosting h1 {background: url('/images/core/h1-event_hosting.png') no-repeat; text-indent: -999em;}
body#p-event_photos h1 {background: url('/images/core/h1-event_photos.png') no-repeat; text-indent: -999em;}
body#p-contact h1 {background: url('/images/core/h1-contact.png') no-repeat; text-indent: -999em;}
body#p-thankyou h1 {background: url('/images/core/h1-thankyou.png') no-repeat; text-indent: -999em;}

#primary p {margin: 15px 0;}

#primary blockquote {
  font-style: italic;
  padding: 0 10px;
  border-left: 2px solid #656565;
}

#primary p.credit {
  text-align : right;
  page-break-before: avoid;
  color: #fff;
  font-weight: bold;
  margin: 0 0 28px 0;
}

/* =products */
#primary .item {
  margin: 20px 0;
  border-bottom: 1px solid #ccc;
  overflow: hidden; /* clearfix */
  zoom: 1; /* clearfix */
}

#primary #auction_items .item .image {
  float: left;
  display: inline;
  margin: 0 20px 10px 0;
  border: 3px solid #08282E;
  background: #000;
  line-height: 116px; /* center img vertically */
  width: 100px;
}

#primary #auction_items .item .image img {vertical-align: middle; max-width: 100px;}

#primary #auction_items .item h2 {
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
}

#primary #auction_items .item p.price {color: #f2f847; font-size: 16px; font-weight: bold;}

#primary #photo_items ul {list-style: none !important; margin: 0;}

#primary #photo_items li {
  float: left;
  display: inline-block;
  margin: 5px 0;
  width: 120px;
  height: 140px;
  text-align: center;
}

#primary #photo_items p {
  clear: both;
  text-align: right;
}

#primary img.right {clear: right;border: 3px solid #08282E;}
#primary img.left {clear: left; border: 3px solid #08282E;}

#primary ul.gallery li {
  float: left;
  display: inline;
  margin: 0 2px;
  border: 3px solid #08282E;
}


/*  =secondary
**********************************/
#secondary {
  width: 202px;
  padding: 30px 24px 0;
  float: right;
  display: inline;
  background: url('/images/core/secondary-background.jpg') no-repeat 0 0;
}

#secondary h2 {
  font: 16px/14px "Myriad Pro", Arial, Tahoma, sans-serif;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  display: block;
  padding: 0 0 11px;
}

#secondary hr {
  height: 0px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #011e24;
  clear: both;
  display: block;
}

/* FEATURED ITEMS */
#secondary #featureditems h2 {background: url('/images/core/secondary-h2_featureditems.png') no-repeat; text-indent: -999em;}

#secondary #featureditems .item {
  width: 200px;
  height: 230px;
  margin: 13px 0;
  background: url('/images/core/featureditems-item_background.jpg') no-repeat;
  text-align: center;
}

#secondary #featureditems .item .image {
  width: 147px;
  height: 116px;
  display: inline-block;
  margin: 40px 0 30px 0;
  background: #fff;
  line-height: 116px; /* center img vertically */
}

#secondary #featureditems .item .image img {vertical-align: middle;} /* center img vertically */

#secondary #featureditems .item h3 {font: 12px/14px Arial, Tahoma, sans-serif;font-weight: bold;}

#secondary #featureditems .item h3.category {margin: 1px 0 0; color: #000; text-transform: uppercase;}


/*  =contactinfo
**********************************/
#contactinfo {
  width: 250px;
  height: 156px;
  margin: -10px -24px 0;
  padding: 20px 0 0 0;
  background: url('/images/core/contactinfo-background.png');
}

#contactinfo p {margin: 20px 0 0 28px;}
#contactinfo a {font-weight: bold;}
#contactinfo strong {color: #f2f847;}


/*  =footer
**********************************/
#footer {
  width: 910px;
  height: 43px;
  margin: 20px auto;
  background: url('/images/core/footer-background.png');
  line-height: 43px;
}

#footer p {float: left; display: inline; color: #91e3f8; margin: 0 0 0 20px;}
#footer a {color: #91e3f8; text-decoration: none; text-transform: lowercase;}
#footer a:hover {text-decoration: underline;}
#footer span.copyright {color: #fff;}
#footer img {float: right; display: inline; margin: 10px 20px 0 0;}



/*  =Added when converting to rails
**********************************/
ul#testimonials {
  margin: 0 !important;
  list-style: none !important;
}


#primary ul#auction_items {
  margin: 0;
  list-style: none;
}

#primary #photo_items li a {
  display: block;
  text-decoration: none;
}

ul#contact_details {
  margin: 15px 0 0 0;
  list-style-type: none;
}

ul#contact_details li {
  float: left;
  display: inline-block;
  width: 210px;
  height: 120px;
}