﻿/*  =========================================================================== 
    EPOCH ONLINE - BEGIN
    =========================================================================== */

/*  Global Elements
 *  ===========================================================================
 */

hr {
    border: 0;
    height: 2px;
    color: #C02907;
    background-color: #C02907;
    width: 100%;
    margin-top: -10px !important;
}


/*  Layout Elements
 *  ===========================================================================
 */


/*  Slideshow 
 *  ------------
 */

#slideshow-wrap {
    overflow: hidden;
    height: 500px;
    /*outline: blue thin solid;*/
}

#gallery-wrapper {
	background: url("/Portals/8/Images/slides/slider-bg.png") center center;
	background-size:cover;
	width: 100%;
	height: 100%;
	border-bottom: 7px #f28b2f solid;
}
/*  Sunblog Slideshow customization
 * 
 */

/*.slides {
    position:absolute;
    top: 0px !important;
    left:-4px !important;
    z-index:100;
    text-align:left;
}*/

/*
    Slides container
    Important:
    Set the width of your slides container
    Set to display none, prevents content flash
*/

.slides_container {
    background:#000 !important;
/*    border: none !important;
    margin-left:-4px !important;
    box-shadow: !important; */
}

/*  Headers
 *  ------------
 */

#header-wrap {
    min-width: 1500px;
    margin: -60px 0 0 0;
    height: 200px;
    overflow: hidden;
    /*outline: blue thin solid;*/
}

#header {
    margin: 0 auto;
    z-index: 100;
}

#header img {
    min-width: 1920px;
}

#inside-header {
	background: url("/portals/8/Images/casa-header-peppers.png") center center;
	background-size: cover;
}

/* Content
 * 
 */


#main-page-content p{
    font-size: 17px !important;
    line-height: 125% !important;
}

/*  Boxes
 *  ------------
 */


#floating-content.home p{
    color:#FFFFFF;
    padding: 10px;
    font-size: 120%;
}

#floating-content.location p {
    padding: 10px;
}

#floating-content-wrapper {
    margin-top: -260px;
}

/*  Grid
 *  ------------
 */

.col-left {
    float: left;
}

.col-right {
    float: right;
}

/* Positioning
 * -------------
 */

.floatLeft {
    float:left;
}

.floatRight {
    float:right;
}

.absolute {
    position: absolute;
}

/*  Transparency
 *  ------------
 */

.transp-black-bg {
    background-color: #1b0c04;
    opacity:0.7;
    filter:alpha(opacity=70);/* For IE8 and earlier */
    z-index: 1;
}

.no-opacity {
   opacity: 1;
   filter: alpha(opacity=100);
   z-index: 2;
   
} 

.transp-black-bg-img {
    background: url('/Portals/8/Images/transp-black-bg-img.png') repeat 0 0;
}

/* Sidebar Galleries
 * 
 */


/*Food and Locations */

#casa-gallery img {
    width: 208px; min-height: 138px;
    margin: 20px 0;
    outline: #C02907 2px solid;
}



/*  Logo
 *  ------------
 */

#casa-logo-wrapper {
    /*outline: red thin solid;*/
    /*margin-top: -440px;*/
    /*width: 960px;
    height: 160px;*/
    margin: 30px 20px;
    position: absolute;
    z-index: 200;
}

#casa-logo-wrapper.front {
     margin: -105px 5px;
}

#casa-logo.not-front {
     margin-top: -20px; /* ensures the positioning of the logo on pages other than the front */
}

#casa-logo {
    background: url("/Portals/8/Images/casamanana-logo.png") no-repeat scroll 0 0 transparent;
    height: 115px; /*124px*/
    width: 215px; /*285px*/
    display: block;/* alows the div to be clickable*/
    z-index: 300;
    /*outline: green thin solid;*/
}


#casa-logo:hover {
    background-position: 0 -126px;
}
#casa-logo span {
    display: none;
}

/* Above Footer
 * 
 */

#above-footer {
    background: url("/Portals/8/Images/footer-skirt.png") repeat-x #5A5305;
}
    
#above-footer-inner {
    background: url("/Portals/8/Images/footer-content-bg.gif") repeat;
    margin-top: 15px;        
    }
#above-footer p {
    font-size: 100%;
    color: #fff !important;
    }
#above-footer p, #above-footer h1 {
    padding: 10px;
    }
#above-footer h1 {
    margin-top: 40px;
    font-size: 30px !important;
    font-weight: normal;
    }


/*  FIXES
 *  ===========================================================================
 */

/*  FIX: Fixing the footer area
    -------------------------------------------------- */
   
.epo-footer-inner {
    padding: 5px 0 !important;
    }
    
/*  FIX: This will keep the module's name from showing
    on the page 
    -------------------------------------------------- */

.epo-postheader {
    display:none;
    }

/* FIX: Remove UL custom bullets added by DNN
 * 
 */

/* 	HACK: To remove bullets from certain divs 
	(must put the html module within a div)
   	-------------------------------------------------- */

.no-bullets ul>li:before {
	content: none !important;
	}

/*  =========================================================================== 
    EPOCH ONLINE - END
    =========================================================================== */
