/* @override http://www.thehpalliance.org/haiti/hhhwebsite.css */

a:link {color:#FAE695}      
a:visited {color:#FAE695}  
a:hover {color:#FFF; decoration: none}
a:active {color:#FAE695}  

img.itemleft {

padding: 7px 20px 7px 7px ;
float: left
}
img.itemright {

padding: 20px 7px 7px 7px ;
float: right
}

#paypalbutton {
float:right
padding: 15px}

#layer10,
#theharrypotteralliance  {
   position: absolute;
   top: 16px;
   z-index: 5;
   width: 88px;
   height: 64px;
   background-repeat: no-repeat;
}

#whattext p,
#itemstext p  {
   font: .8em Arial, Helvetica, sans-serif;
   margin-top: 0px;
   color: #FCFCE5;
   text-align: left;
}

#theharrypotteralliance  {
   background-image: url(sg_hhhwebsite_media/theharrypotteralliance.png);
   left: 839px;
}
#idol  {
   background-image: url(sg_hhhwebsite_media/idol.jpg);
   visibility: visible;
   position: absolute;
   left: 400px;
   top: 1450px;
   z-index: 5;
   width: 288px;
   height: 100px;
}
#layer17b,
#layer17bcopy  {
   visibility: visible;
   position: absolute;
   left: 20px;
   top: 300px;
   z-index: 5;
   width: 900px;
   height: 2000px;
   background-repeat: no-repeat;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
}
#layer17,
#layer17copy  {
   visibility: visible;
   position: absolute;
   left: 20px;
   top: 300px;
   z-index: 5;
   width: 375px;
   height: 830px;
   background-repeat: no-repeat;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
}

#gueststext p {
   font: bold 16px/18px "Arial Narrow", sans-serif;
   margin: 0px;

   color: #FAE695;
   text-align: left;


}
#listoitems p {
   font: bold 16px/18px "Arial Narrow", sans-serif;
   margin: 0px;

   color: #fff;
   text-align: left;


}


#itemgroup {

  z-index: 4;
  width: 1000px;
  height: auto
margin: 15px;
padding: 10px;
  color: white;
  margin-bottom: 0;
  margin-top: 0;
  line-height:  1;
list-style-type: none;
  background-color: #510000;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  position: relative;
  
}

#entry p {
   visibility: visible;
   position: absolute;
   left: 20px;
   top: 300px;
   z-index: 5;
   width: 375px;
   height: 508px;
}

#layer17copy  {
   background-image: url(sg_hhhwebsite_media/layer17copy.png);
   top: 472px;
}
#layer17bcopy  {
   background-image: url(sg_hhhwebsite_media/layer17copy.png);
   top: 472px;
}
#gueststext  {
   visibility: visible;
   position: absolute;
   font: bold 16px/18px "Arial Narrow", sans-serif;
   left: 225px;
   top: 80px;
   z-index: 5;
   width: 808px;
}

#listoitems  {
   visibility: visible;
   position: absolute;
   font: bold 16px/18px "Arial Narrow", sans-serif;
   left: 25px;
   top: 220px;
   z-index: 5;
   width: 808px;
}
#thedate  {
   visibility: visible;
   position: absolute;
   left: 25px;
   top: 185px;
   z-index: 5;
   width: 808px;
}
#hhhwebsite  {
   margin: 0px auto 0px auto;
   width: 1050px;
   position: relative;
}
#itemgrouparea  {
   visibility: visible;
   position: absolute;

   top: 185px;
   left: 20px;
   width: 1000px;
   position: relative;
}
#itemstext  {
   visibility: visible;
   position: absolute;
   left: 20px;
   top: 610px;
   z-index: 6;
   width: 340px;
   margin-left: 10px;
   background-color: #510000;
   padding: .5em;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   height: 390px;
}

/*#itemstext ul {
  list-style: none;
  padding-left: 0px;
}
*/
/*#itemstext ul li {
  margin-left: 0px;
}
*/
#itemstext p {
  color: white;
  margin-bottom: 0;
}

#itemstext p.item_description {
  margin-top: 1em;
}

#itemstext p.donated_by {
  font-style: italic;
  font-size: .8em;
}
#itemgroup p.item_description {
  margin-top: 1em;
}

#itemgroup p.donated_by {
  font-style: italic;
  font-size: .8em;
}
#itemgroup p.title {
  font-style: bold;
  font-size: 1.5em;
}
#whattext  {
   visibility: visible;
   position: absolute;
   left: 20px;
   top: 223px;
   z-index: 6;
   width: 340px;
   margin-left: 10px;
   background-color: #510000;
   padding: .5em;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
}

h2.donatenow
{
  z-index: 6;
  font-size: 1.4em;
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  color: #fff;
  text-align: center;
  left: -32px;
  top: 540px;
  width: 340px;
  position: relative;
}
h2.date
{
  z-index: 6;
  font-size: 1.4em;
  font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
  color: #fff;
  text-align: center;
  left: -10px;
  top: 10px;
  width: 340px;
  position: relative;
}

#layer15  {
   background: url(sg_hhhwebsite_media/layer15.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 21px;
   top: 0px;
   z-index: 5;
   width: 153px;
   height: 140px;
}
#layerdate  {
   background: url(sg_hhhwebsite_media/123000.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 32px;
   top: 193px;
   z-index: 5;
   width: 290px;
   height: 140px;
}
#layerfeature  {
   background: url(sg_hhhwebsite_media/featuring.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 214px;
   top: 10px;
   z-index: 5;
   width: 423px;
   height: 83px;
}

#player  {
   
   visibility: visible;
   position: absolute;
   left: 420px;
   top: 175px;
   z-index: 5;
  
}
#twitt  {
   
   visibility: visible;
   position: absolute;
   left: 420px;
   top: 990px;
   z-index: 2;
  
}


#layer14  {
   background: url(sg_hhhwebsite_media/layer14.png) no-repeat;
   position: absolute;
   left: 933px;
   top: 16px;
   z-index: 5;
   width: 87px;
   height: 64px;
}

#layer11  {
   background: url(sg_hhhwebsite_media/layer11.png) no-repeat;
   visibility: visible;
   position: absolute;
   left: 746px;
   top: 16px;
   z-index: 5;
   width: 87px;
   height: 64px;
}

#layer10  {
   background-image: url(sg_hhhwebsite_media/layer10.png);
   left: 653px;
}

#layer17  {
   background-color: #990000;
   top: 190px;
}
#layer17b  {
   background-color: #990000;
   top: 190px;
}
#layer5  {
   background: url(sg_hhhwebsite_media/benefit.jpg) no-repeat;
   visibility: visible;
   position: absolute;
   left: 16px;
   top: 670px;
   z-index: 4;
   width: 256px;
   height: 130px;
}

#layer6  {
   background: url(sg_hhhwebsite_media/layer6.jpg) no-repeat;
   visibility: visible;
   position: absolute;
   left: 600px;
   top: 1320px;
   z-index: 4;
   width: 420px;
   height: 48px;
}

img#benefit {
  top: 1030px;
  left: 20px;
  position: absolute;
}
#layer99 {
  position: absolute;
/*  display: none;
*/  left: 20px;
  top: 1200px;
  z-index: 4;
  width: 1000px;
  color: white;
  padding: .5em;
  background-color: #510000;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  
}
#layer100 {
  position: absolute;
/*  display: none;
*/  left: 130px;
  top: 1380px;
  z-index: 4;
  width: 1000px;
  color: white;
  padding: .5em;

  
}


#layer7  {
   background: url(sg_hhhwebsite_media/layer7.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 0px;
   top: 0px;
   z-index: 3;
   width: 1050px;
   height: 900px;
}

#layer3  {
   background: url(sg_hhhwebsite_media/layer3.gif) no-repeat;
   visibility: visible;
   position: absolute;
   left: 28px;
   top: 737px;
   z-index: 4;
   width: 116px;
   height: 26px;
}



html, body  {
   padding: 0px;
   margin: 0px;
   background: repeat-x url(sg_hhhwebsite_media/layer1.jpg);
   background-color: #7e0000;
}