/*	Facebox
	by Chris Wanstrath
	http://defunkt.github.com/facebox	*/
	
#facebox {
  position:absolute;
	top:5px;
	left:0;
	z-index: 9999;
  text-align: left;
  width: 80%;
}

#facebox .popup	{
  position:relative;
  border:0px solid rgba(0,0,0,0);
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
  -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
  box-shadow:0 0 18px rgba(0,0,0,0.4);
}

#facebox .content {
  display:block;
  padding: 0px;
  background: #000;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
}

.rgba #facebox .content {
  background:rgba(0,0,0,0.7);
}

#facebox .content > p:first-child{
  margin-top:0;
}
#facebox .content > p:last-child{
  margin-bottom:0;
}

#facebox .close{
  position:absolute;
  top:3px;
  right:4px;
  padding:12px; 
  z-index: 9998;
}

#facebox .close img{
  opacity: 0.6; /* Standard compliant browsers */
   -moz-opacity: 0.6; /* Firefox and Mozilla browsers */
   -webkit-opacity: 0.6; /* WebKit browser e.g. Safari */
   filter: alpha(opacity=60); /* For IE8 and earlier */
  z-index:9999;
}

#facebox .close:hover img{
  opacity:1.0;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-200;
}

.facebox_overlayBG {
  background-color: rgba(0,0,0,0.4);
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
------------------------------------------------------------------------------------------------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 479px) {
#facebox {
  position:absolute;
	top:0;
	left:0;
	z-index: 9;
  text-align: left;
  width: 95%;
  height: auto;
}

#facebox_overlay {
  height:auto;
  width:100%;
}

.facebox_overlayBG {
  background-color: rgba(0,0,0,0.1);
  z-index: 8;
}

#facebox .close img{
  opacity:1.0;
}

#facebox .close img{
  opacity: 0.6; /* Standard compliant browsers */
   -moz-opacity: 0.6; /* Firefox and Mozilla browsers */
   -webkit-opacity: 0.6; /* WebKit browser e.g. Safari */
   filter: alpha(opacity=60); /* For IE8 and earlier */
  -webkit-transform: translate3d(0,0,0);
  z-index: 999 !important;
  -webkit-overflow-scrolling: auto !important;
  }



}
/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    

@media only screen and (min-width: 480px) and (max-width: 767px) {
#facebox .popup{
  position:fixed;
  left:0;
  top:0;
  }
}*/