/*
Theme Name: Jewel Heart
Theme URI: http://dtfworks.com/
Description: Built by Jason Kadlec, http://dtfworks.com
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

@media screen and (max-device-width: 480px), 
       screen and (-webkit-min-device-pixel-ratio: 2),
       screen and (device-width: 768px) {
  body {
    -webkit-text-size-adjust:none;
  }
}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

img {
    max-width: 100%;
    height: auto;
}

.bannerImage {
  padding-top: 4px;
  transition: .5s ease;
}

.bannerImage:hover {
  opacity: .85;
}

iframe, object, embed {
    max-width: 100%;
}

body{
	/* background-image: url(assets/bg/bg.jpg); color was #696767 */
	/* background-repeat: repeat-x; */
	margin: 0 0;
	font-family: verdana;
	font-size: 12px;
  line-height: 18px;
	color: #000000;
	background-color: #F3F2F0;
}

body#body-default{
	background-color: #F3F2F0;
}

body#body-home{
	background-color: #EEEDEB;
}



p {margin-top: 0px; }

#home-wrapper{
	background-image: url(assets/bg/bg.jpg);
	background-repeat: repeat-x;
	height: 1311px;
}

#page-wrapper{
	background-image: url(assets/bg/bg.jpg);
	background-repeat: repeat-x;
	height: 138px;
}

ul {
	margin-bottom: 0px
}

.imgradius {
  border-radius: 3px;
}

a.jhbutton,
#s2member-pro-paypal-checkout-submit.btn,
input[type=submit].jhbutton,
input[type=button].jhbutton,
#ws-plugin--s2member-profile-submit {
  font-family: Arial;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 16px;
  min-width: 127px;
  text-decoration: none;
  color: #751216;
  padding: 8px;
  border: 1px solid #6D6E71;
  border-radius: 6px;
  display: inline-block;
  background: transparent;
  cursor:pointer;
}

form#ws-plugin--s2member-profile input[type=submit]#ws-plugin--s2member-profile-submit {
  width: auto;
}

a.jhbutton:hover {
  text-decoration: none;
  color: #751216;
}

.jhinput {
			border: 1px solid #6D6E71;
      border-radius: 2px;
			padding: 6px;
		}
    
.jhsearch
 {
  font-family: Arial;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 16px;
  text-decoration: none;
  color: #751216;
  padding: 6px;
  border: 1px solid #6D6E71;
  border-radius: 6px;
  display: inline-block;
  background: transparent;
  cursor:pointer;
}
    
#searchform {
  text-align: center;
  margin-bottom: 10px;
}
 
#s2member-pro-paypal-checkout-coupon, 
#s2member-pro-paypal-checkout-form input[type=text], 
#s2member-pro-paypal-checkout-form select,
#ws-plugin--s2member-profile input[type=text],
#ws-plugin--s2member-profile input[type=password] {
    border: 1px solid #888;
    padding: 6px;
    max-width: 100%;
    margin-top: 2px;
}

#s2member-pro-paypal-checkout-submit {
  cursor: pointer;
}

/* Social Media */

.fa {
  width: 50px;
  padding: 10px;
  font-size: 20px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-facebook-large {
  padding: 20px;
  font-size: 30px;
}

.fa-facebook:hover {
  text-decoration: none;
  color: white;
}

/* Containers
----------------------------------------------------------------------------------------------------*/

.post-content {
	width: 515px;
}

.alignleft {
	float: left;
	padding: 5px 15px 5px 5px;
}

/* SIDEBAR POSITIONING */


/* JEWEL HEART RESPONSIVE */
/*
.newsHeader {
	background-image: url(/images2/news_main_top_left.png),  url(/images2/news_main_top.png),  url(/images2/news_main_top_right.png);
	background-position: left top, center top, right top;
	background-repeat: no-repeat, no-repeat, no-repeat;
}
*/

.respWrap {
	margin-top: 7px;
	max-width: 570px;
	overflow: hidden;
}

.respMedium {
	float: left;
	margin: 7px 11px 0 11px;
	max-width: 411px;
	overflow: hidden;
}

.respFull {
	margin: 7px 11px 0 11px;
	max-width: 844px;
	overflow: hidden;
}

.respWide {
	margin: 7px 11px 0 11px;
	max-width: 920px;
	overflow: hidden;
}

.respMainTopLeft {
	float:left;
	height: 65px;
	width: 20px;
	background-image: url(images2/respMainTopLeft.png); 
}

.respMainTopRight {
	float:right;
	height: 65px;
	width: 20px;
	background-image: url(images2/respMainTopRight.png); 
}

.respMainTopCenter {
	overflow: hidden;
	height: 65px;
	background-repeat:repeat-x;
	background-image: url(images2/respMainTopCenter.png); 
}

.respMain {
	overflow: hidden;
	background-color: #F5F4F3;
	background-image: url(images2/respMainLeft.png), url(images2/respMainRight.png); 
	background-position: left top, right top;
	background-repeat: repeat-y, repeat-y;
}

.respContent {
    padding-top: 7px;
	display: block;
	margin: 0 20px;
}

.respMainBottomLeft {
	float:left;
	height: 20px;
	width: 20px;
	background-image: url(images2/respMainBottomLeft.png); 
}

.respMainBottomRight {
	float:right;
	height: 20px;
	width: 20px;
	background-image: url(images2/respMainBottomRight.png); 
}

.respMainBottomCenter {
	overflow: hidden;
	height: 20px;
	background-repeat:repeat-x;
	background-image: url(images2/respMainBottomCenter.png); 
}

/* Sidebar Variants */
/* 2 Wrap across full mobile page ( Digital Dharma)*/
/* 3 three across with buttons then to one at 600- two lines of header (Donate and Membership) */
/* 4 three across with up to 4 links, two line header (Mailing list etc) */

.sideOuterWrap {
	margin-left: 20px;
	overflow: hidden;
	max-width: 260px;
}

.sideOuterTopLeft {
	float:left;
	height: 20px;
	width: 20px;
	background-image: url(images2/sideOuterTopLeft.png); 
}

.sideOuterTopCenter {
	overflow: hidden;
	height: 20px;
	background-repeat:repeat-x;
	background-image: url(images2/sideOuterTopCenter.png); 
}

.sideOuterTopRight {
	float:right;
	height: 20px;
	width: 20px;
	background-image: url(images2/sideOuterTopRight.png); 
}

.sideOuter {
	overflow: hidden;
	background-color: #F3F2F0;
	background-image: url(images2/sideOuterLeft.png), url(images2/sideOuterRight.png); 
	background-position: left top, right top;
	background-repeat: repeat-y, repeat-y;
}

.sideOuterContent {
	margin: 0 20px;
    padding-top: 5px;
	background-color: #F5F4F3;
}


.sideOuterBottomLeft {
	float:left;
	height: 20px;
	width: 20px;
	background-image: url(images2/sideOuterBottomLeft.png); 
}

.sideOuterBottomCenter {
	overflow: hidden;
	height: 20px;
	background-repeat:repeat-x;
	background-image: url(images2/sideOuterBottomCenter.png); 
}

.sideOuterBottomRight {
	float:right;
	height: 20px;
	width: 20px;
	background-image: url(images2/sideOuterBottomRight.png); 
}


.sideInnerWrap, .sideInnerWrap3, .sideInnerWrap4,  .sideInnerWrap5{
	overflow: hidden;
	max-width: 220px;
}

.sideInnerTopLeft {
	float:left;
	height: 20px;
	width: 20px;
	background-image: url(images2/sideInnerTopLeft.png); 
}

.sideInnerTopCenter {
	height: 20px;
	overflow: hidden;
	background-repeat:repeat-x;
	background-image: url(images2/sideInnerTopCenter.png); 
}

.sideInnerTopRight {
	float:right;
	height: 20px;
	width: 20px;
	background-image: url(images2/sideInnerTopRight.png); 
}

.sideInner, .sideInner4 {
	overflow: hidden;
	background-color: #F3F2F1;
	background-image: url(images2/sideInnerLeft.png), url(images2/sideInnerRight.png); 
	background-position: left top, right top;
	background-repeat: repeat-y, repeat-y;
}

.sideInnerContent {
	overflow: hidden;
	display:block;
	margin: 0 10px;
}

.sideInnerBottomLeft {
	float:left;
	height: 20px;
	width: 20px;
	background-image: url(images2/sideInnerBottomLeft.png); 
}

.sideInnerBottomCenter {
	height: 20px;
	overflow: hidden;
	background-repeat:repeat-x;
	background-image: url(images2/sideInnerBottomCenter.png); 
}

.sideInnerBottomRight {
	float:right;
	height: 20px;
	width: 20px;
	background-image: url(images2/sideInnerBottomRight.png); 
}

.sideInsideWrap, .sideInsideWrap3, .sideInsideWrap4, .sideInsideWrap5 {
    text-align: center;
}

.sideInnerWrap, .sideInnerWrap2, .sideInnerWrap3,  .sideInnerWrap4,  .sideInnerWrap5, .sideInnerWrap7 {
    margin-bottom: 14px;
    }
    
.newsHeadingText{
text-align: center;padding-top: 20px; font-size: 20px; font-family: Times New Roman
}

.sideHeading, .sideHeading2, .sideHeading3, .sideHeading4, .sideHeading5, .sideHeading6,  .sideHeading7 {
font-family: Times New Roman; font-size: 18px; color: black; display:block; text-align: center;
}

.sideInsideDivCenter, .sideInsideDivCenter2, .sideInsideDivCenter3, .sideInsideDivCenter4, .sideInsideDivCenter5, .sideInsideDivCenter6, .sideInsideDivCenter7 {
height: 1px; width: 180px; margin: 5px auto 10px auto; border-top: 1px solid #ddd; 
}

.sideInsideDivCenter6 {
        margin-left: 2px;
    }
    
.sideInnerWrap6 {
		max-width: 560px;
    }
.sideInnerWrap7 {
		display: inline-block;
		margin: 0.5%;
		width: 49%;
		vertical-align: top;
    }
.sideInnerWrap8 {
		display: inline-block;
		margin: 0.5%;
		width: 99%;
		vertical-align: top;
    }
.sideInnerWrap9, .sideInnerWrap12 {
		display: inline-block;
		margin: 0.5%;
		width: 24%;
		vertical-align: top;
    }
    
.sideInnerWrap10, .sideInnerWrap11 {
		display: inline-block;		
		margin: 0.5%;
		vertical-align: top;
	}
  
 .sideInnerWrap10 {
  width: 32%;
 }
 
 .sideInnerWrap11 {
  width: 33%;
 }

#mailingListTease {
        margin-bottom: 10px;
        text-align: center;
    }
    
#retreatRegistrationLink {
    color: #f58120;
    width: 130px;
    margin: auto;
}

.sideContactBox {
    margin-bottom: 14px;
}

#sideChapterLocation {
        text-align: center;
    }


@media only screen and (max-width: 960px) {
     
    .respFull, .respMedium {
        max-width: 570px;
        margin: 0 auto 14px auto;
        float: none;
    }
    
    .sideOuterWrap {
		margin: auto;
		max-width: 574px;
	}

		
	.sideInnerWrap {
		max-width: 320px;
	}
    
    .sideInnerWrap2 {
		max-width: 560px;
    }
	
  .sideInnerWrap3, .sideInnerWrap4 {
     display: inline-block;
		max-width: 175px;
	}
  
  .sideInnerWrap5  {
     display: block;
    max-width: none;
	}
  
  .sideInnerWrap7  {
     display: block;
     margin: 2% 0.5%;
    width: 99%;
	}
  
  .sideInnerWrap9 {
		display: inline-block;
		margin: 2% 0.5%;
		width: 49%;
		vertical-align: top;
    }
    
  .sideInnerWrap12 {
    margin: 2% 0.5%;
    width: 99%;
  }
    
    .sideInner4 {
        height: 135px;
	}    
    
    .sideHeading2 {
        text-align : left;
         margin-left: 2px;
    }
    
    .sideHeading7 {
        text-align : center;
    }
    
    .sideHeading3 {
        height: 40px;
    }

    
    .sideInsideDivCenter2 {
        margin-left: 2px;
    }    
    
    .newsHeadingText{
        text-align: center;padding-top: 21px; font-size: 17px; font-family: Times New Roman
    }
    
    .sidebarMobileHide {
        display: none;
    }
    
    #mailingListTease {
        margin-bottom: 10px;
        text-align: center;
    }
    
    #sideBarTopImg {
        display:none;
    }
    
    #retreatRegistrationLink {
        width: auto;
    }
    
    .sideContactBox {
        padding-right: 20px;
        float: left;
    }
    
    #sideChapterLocation {
        text-align: left;
    }
    
    #respChapterClear {
        clear: both;
      }

    #pujaFundFloatRight {
      padding-top:26px;
    }
    
    #calendarListInside .navOuterWrapper {
          width: 155px;
        }
        
      #calendarListInside .navOuterWrapper .navLinkWrapper{
          width: 134px;
        }

    
}

/* RESPONSIVE MAIN BLOCKS */
@media only screen and (max-width: 600px) {
          
        .sideInnerWrap3, .sideInnerWrap4,  .sideInnerWrap5{
            display: block;
            max-width: 560px;
            width: auto;
            margin: auto;
            margin-bottom: 14px;
        }
        
        .sideHeading4 {
            float:left;
            height: 30px;
            
        }.sideHeading5 {
            height: 30px;
        }
        
        .sideInnerWrap10 , .sideInnerWrap11 {
          margin: 2% 0.5%;
      width: 99%;
     }
        
        .sideInsideDivCenter4 {
          width: 180px;
          margin-left: 2px;
        }
        
        #eventCalendarHeadingBlock {
          float: none;
          text-align: left;
        }

        
        .sideInsideDivCenter3,  .sideInsideDivCenter5 {
            display: none;
        }
        
        .sideInner4 {
            height: auto;
        }
        
        .sideHeading4 {
             margin-left: 2px;
        }
        
        .sideInsideDivCenter2 {
           margin-left: 2px;
       }    

      #mailingListHeader, #pujaFundHeader  {
          display: block;
          float: none;
       } 
       
       #mailingListHide, #mailingListTease, #pujaFundHide {
          display: none;
       }
       
       #mailingListFloatRight, #pujaFundFloatRight {
          display: block;
          float: none;
       }
       
       #pujaFundFloatRight {
          padding-top: 0;
       }
       #courseListWrapper .postLinkWrapper {
        display: inline-block;
        width: 180px;
       }
       
      #eventCalendarHeadingBlock, #eventCalendarListInside {
          text-align: center;
          vertical-align: top;
        }
      #eventCalendarListInside .navOuterWrapper {
        width: 170px;
      }
       #eventCalendarListInside .navOuterWrapper .navLinkWrapper {
        width: 149px;
       }
        #eventCalendarHeadingRuler {
          display: none;
        }
       
    }

@media only screen and (max-width: 525px) {
  
          #respGelekRimpochePage {
          clear: both;
       }
              
       #respGelekRimpocheImage {
         display: block;
         float: none;
         margin-left: auto;
         margin-right: auto;
         margin:auto;
       }
       
      #alterCourseWidth .postOuterWrapper .postSidebarWrapper{
           max-width: 139px;
        }
}

/* RESPONSIVE MAIN BLOCKS */
@media only screen and (max-width: 400px) {
  
        
        .sideInsideWrap3, .sideHeading3, .sideInsideWrap4, .sideHeading4, #mailingListHeader, #mailingListFloatRight, #pujaFundHeader, #pujaFundFloatRight  {
            display: block;
            max-width: none;
            float: none;
            text-align: center;
        }
        
        .sideInnerWrap7, .sideInnerWrap8, .sideInnerWrap9, .sideInnerWrap12  .sideInnerWrap10, .sideInnerWrap11 {
            width: 99%;
            margin: 2% 0.5%;
        }
                
        .sideInsideDivCenter4 {
          margin: auto;
        }
      
}


/* END POST AND SIDEBAR WRAPPERS */

.mainFront{
border: 0px solid gray; width: 880px; margin: 0px auto; text-align: left;
}

#mainFront{
display: table; 
}

#mainFrontImage{
display: table-cell; vertical-align: top; border: 0px solid gray; width: 215px;
}
#mainFrontBody{
display: table-cell; vertical-align: top; border: 0px solid gray; width: 320px; padding-left: 20px; 
}

.entrancePadding {
	padding: 2px;
}
.entranceTitle {
	font-family: Times New Roman;
	font-weight: normal;
	font-size: 21px;;
}

.footer{
background-color: #D0D0D0; text-align: center; color: #181818; padding: 35px; font-size: 13px;
}
.insideFooter {
text-align: center;
}

.insideFooter a{
color: #C25541; 
text-shadow: 0 1px 0 #B59994;
white-space: nowrap;}

.socialFooter {
    vertical-align: top;
    display: inline-block;
}

#socialFooterLeft {
    margin-right: 10px;
}

.sfsi_widget {
    width: 225px;
    margin: auto;
}

@media only screen and (max-width: 960px) {		
	#socialFooterLeft {
		margin-right: auto;
	}
    .socialFooter {
        display: block;
        margin: 0 auto 10px auto;
    }
    .footer {
        max-width: 530px;
        margin: auto;
    }
}

.links{
	background-image: url(assets/top/links_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
    text-align : center;
	height: 43px;
}

#logo {
	width: 790px;
	margin:auto;
}

#myLinks{
	text-align : center;
	color: white;
    margin-top: 9px;
    margin-bottom: 10px;
    display: inline-block;
}
    
#myLinks img {
	vertical-align: middle;
	}

#myLinks a {
	color: white;
	font-size: 14px;
    vertical-align: middle;
	text-shadow: #ba5c0f 0.1em 0.08em 0.01em;
}

#myLinks a hover{
	padding-top: 12px;
	text-align : center;
	color: white;
}

#front_ul {margin-top: 0px;}

.greytable {
  border-collapse: collapse;
}

.greytable tr td {
  border: 1px solid #DDDDDD;
  padding: 5px;
  vertical-align: top;
}


.jhgreyed, .jhgrayed {
	display:none;
	}
  
.jhshow .jhgreyed, .jhshow .jhgrayed {
	display:block;
  color: #999999;
	}


/* YOUTUBE RESPONSIVE */

.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* DIGITAL DHARMA ICON STYLES */
.iconWrapper {
	text-align: center;
}
.postIconWrapper {
	text-align:center;
	vertical-align:top;
	display: inline-block;
	margin: 8px;
	width: 150px
}

.postIconWrapper img {
    border: 0;
}
.postIconWrapper a {
	color:#000000;	
}

/* s2member */

div.s2member-pro-paypal-form-response-info {
  font-size: 100%;
}

/* VERY SMALL SCREEN ICONS */
@media only screen and (max-width: 400px) {
    .postIconWrapper {
        margin: 3px;
        width: 125px
    }
}

.sidebarMobileHide {
    display: none:
}

/* Automated Link Wrappers */

.postOuterWrapper {
	text-align:left;
	display: inline-block;
	margin: 3px 5px;    
}

.postLinkWrapper {
    text-align:left;
	display: inline-block;
     vertical-align: top;
}

.postLinkWrapper a {
    color: #181818;
}

.postArrowWrapper {
	width: 15px;
    display: inline-block;
    vertical-align: top;
    padding-top: 6px;
}

.postSidebarWrapper {
    text-align:left;
    max-width: 160px;
	display: inline-block;
     vertical-align: top;
}

.postSidebarWrapper a {
    color: #181818;
}

.navOuterWrapper {
	text-align:left;
	display: inline-block;
	margin: 3px 5px;    
	width: 180px;
  vertical-align: top;
}

.navLinkWrapper {
    text-align:left;
    width: 160px;
	display: inline-block;
    vertical-align: top;
}

.navLinkWrapper a {
    color: #181818;
}

.navArrowWrapper {
	width: 15px;
    display: inline-block;
    vertical-align: top;
    padding-top: 5px;
}

#jh-digital-dharma-posts-list-2 .navOuterWrapper { 
        width: 160px;
        margin: 4px 4px;
    }
    
#jh-digital-dharma-posts-list-2 .navLinkWrapper {
        width: 139px;
        margin: 4px 3px;
    }
    
#jh-digital-dharma-posts-list-2 .navLinkWrapper a {
        color: #181818;
    }
    
#jh-digital-dharma-posts-list-2 .navArrowWrapper {
        padding-top: 9px;
        width: 10px;
    }


@media only screen and (max-width: 960px) {
    .navOuterWrapper { 
        width: 160px;
        margin: 4px 4px;
    }
    
    .navLinkWrapper {
        width: 139px;
        margin: 4px 3px;
    }
    
    .navLinkWrapper a {
        color: #181818;
    }
    
    .navArrowWrapper {
        padding-top: 9px;
        width: 10px;
    }
    
    .postSidebarWrapper {
     max-width: none;
    }
}

/* LINK STYLES */

a.bigger{
	font-size: 15px;
}
a  {
	color: #f58120;
	text-decoration: none;
	text-shadow: white 0 1px 0;
	}
a:hover {	
	color: #f58120;
	text-decoration: underline;
}

a img {border: none}

a.dark {
    color: #CD5C30;
}

table a {color: #181818;}

table a:hover {	color: #f58120;
	text-decoration: underline;
}

div.center {text-align: center;}

.email-signup {
	max-width: 640px;
	display: none;
}

a.ts_buttonlink {text-shadow: none !important; color:#f58120 !important; }

.moreLinks{
  list-style-image: url(https://www.jewelheart.org/wordpress/wp-content/themes/jewelheart/assets/side_bar/grey_arrow.png);
  padding-left: 18px;
  margin-bottom: 12px;
	}
.moreLinks li  {
  line-height: 18px;
}
.moreLinks li  a {
  color: #CD5C30;
}

/* Grid >> Global

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_24 {
	margin: auto;
	max-width: 960px;
}

.grid_24 {
	max-width: 866px;
	margin: auto;
	overflow: hidden;
}

.container_24 .grid_14 {
	float: left;
	max-width: 574px;
	position: relative;
	margin-left: 3px;
	margin-right: 3px;
  overflow:auto;
}

.container_24 .grid_7 {
	float: left;
	max-width: 280px;
	position: relative;
	margin-left: 3px;
	margin-right: 3px;
}

.container_24 .respSideBar {
	float: left;
	max-width: 280px;
	position: relative;
	margin-left: 3px;
	margin-right: 3px;
}

.container_24 .respSideBar2 {
	float: none;
	max-width: 574px;
  display: block;
	margin: auto;
}

.container_24 .respSideBar2 {
	float: none;
	max-width: 574px;
  display: block;
	margin: auto;
}

.container_24 .respSideBar2 .sideOuterWrap {
	max-width: 574px;
	margin: auto;
}

.container_24 .sideBarPadHide {
	float: left;
	max-width: 280px;
	position: relative;
	margin-left: 3px;
	margin-right: 3px;
}

.container_24 .sideBarPadShow {
	float: left;
	max-width: 280px;
	position: relative;
	margin-left: 3px;
	margin-right: 3px;
  display: none;
}

.grid_9 {
	display:inline;
	float: left;
	position: relative;
	margin-right: 2px;
    max-width:355px;
}

#front_ul li{
	text-transform: uppercase; 
	font-size: 10px;
	padding-bottom: 10px;
	margin-bottom: 3px;
	list-style-type: none;
	margin-left: -40px;
	padding-left: 16px;
	background-image: url(images/arrow.png);
	background-repeat: no-repeat;
	background-position: 0px -1px;
	font-weight: bold;
} 
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.roundedCornerSpacer {
  margin: 0px; padding: 0px; border: 0px;
  clear: both;
  font-size: 1px; line-height: 1px;
}
/* In the CSS below, the numbers used are the following:
   1px: the width of the border
   3px: a fudge factor needed for IE5/win (see below)
   4px: the width of the border (1px) plus the 3px IE5/win fudge factor
   14px: the width or height of the border image
*/
.borderTL, .borderTR, .borderBL, .borderBR {

  padding: 0px; border: 0px;
  z-index: 99;
}
.borderTL, .borderBL { float: left;  clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin:  -0px  0px  0px -1px; }
.border
.borderTR { margin:  -0px -1px  0px  0px; }
.borderBL { margin: -14px  0px  0px  0px; }
.borderBR { margin: -14px  0px  0px  0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px!   Why?  */
.borderTL {
  margin-left: -4px;
  margin-left: -1px;
}
html>body .borderTL  {
  margin-left: 1px;
}
.borderTR {
  margin-right: -4px;
  margin-right: -1px;
}
html>body .borderTR  {
  margin-right: -1px;
}
.borderBL {
  margin-left: -3px;
  margin-left: 0px;
}
html>body .borderBL {
  margin-left: 0px;
}
.borderBR {
  margin-right: -3px;
  margin-right: 0px;
}
html>body .borderBR {
  margin-right: 0px;
}
/* To get around a known bug in IE5/win, apply the
   border (no margin, padding or positioning) to the
   content class and apply whatever positioning you
   want to the contentWrapper class. */
.content {
  margin: 0px;
  padding: 0px;
}
.contentWrapper {
  /* position this div however you want, but
     keep its padding and border at zero */
  padding: 0px;
  border: 0px;
}

/* Easy Digital Downloads link */
.edd-add-to-cart.plain, .edd_go_to_checkout.plain {
    text-shadow: none !important;
    color: #FEFDFA !important;
    background-color: #000000 !important;
    border: 1px solid #454545 !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    font-weight: bold !important;
    text-decoration: none !important;
    padding: 3px 5px 3px 5px !important;
    line-height: 20px !important;
}

.edd-cart-ajax-alert { display: none !important; }`.

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* RESPONSIVE MAIN BLOCKS */
@media only screen and (max-width: 960px) {
        .container_24  {        
            margin: auto 2px;
        }
        .container_24 .grid_14 {
        margin: auto;
        float: none;
        }
    
        .container_24 .grid_7 {
            margin: auto;
            float: none;
            max-width: 574px;
        }
        
        .container_24 .respSideBar,  .container_24 .sideBarPadShow {
            margin: auto;
            float: none;
            max-width: 574px;
            display: block;
      }
      
      .container_24 .sideBarPadHide {
            display: none;
      }

}

.chapter-main-content {
    float:left;
    max-width: 530px;
}

.chapter-sidebar-content {
    float:right;
    width: 220px;
}


/* CHAPTER RESPONSIVE */
@media only screen and (max-width: 960px) {
    .container_24 .grid_14 {
	margin: auto;
	float: none;
	}

	.container_24 .grid_7 {
		margin: auto;
		float: none;
		max-width: 574px;
	}
    
    .chapter-main-content {
        float: none;
        margin: auto;
    }
    
    .chapter-sidebar-content {
        float: none;
        margin: auto;
        width: auto;
    }
}


/* MODAL RESPONSIVE */
a.modal-mobile, h3.modal-mobile {
        display: none;
	}
  
a.modal-desktop, h3.modal-desktop {
        display: inline-block;
	}
  
@media only screen and (max-width: 960px) {
    a.modal-desktop, h3.modal-desktop {
        display: none;
	}
    
    a.modal-mobile, h3.modal-mobile {
        display: inline-block;
	}    
}

/* MODAL RESPONSIVE */
h3.modal-mobile {
        display: none;
	}
  
h3.modal-desktop {
        display: block;
	}
  
@media only screen and (max-width: 960px) {
    h3.modal-desktop {
        display: none;
	}
    
    h3.modal-mobile {
        display: block;
	}    
}




/* MOBILE MENU */
#mobile {
    max-width: 960px;
}

.top {
	display: block;
	width: auto;
    padding: 20px 0 15px 0;
} 

#mtoggle {
    display: none;
}

#mtoggle, #dtoggle {
        border: 0;
        padding: 0 1px 5px 0;
        background-color: transparent;
	}
    
#dtoggle {
    padding-top: 5px;
    padding-right: 30px;
    float: right;
}

#dtoggle {
    font-weight: bold;
    color: #C66F57;
}


#mtoggle-width {
		text-align: right;
		}
        
#mlogo {
		display:table-cell;
		float: left; /* margin-right on toggle button 1px */
    }
  
    
#mmenu-content {
	/* background-image: url(assets/top/links_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat; */
    text-align : center;
	height: 43px;
    margin: 0 15px 12px 15px;
    padding: 0;
    border-bottom: 1px solid #6D6E71;
}

#mmenu-content li {
    height: 43px;
    display: inline-block;
    list-style-type: none;
	text-align : center;
    vertical-align: middle;
    position: relative;
}

#mmenu-content li a {
    line-height: 43px;
 	color: #751216;
    font-family: Arial;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 16px;
    /* text-shadow: #ba5c0f 0.1em 0.08em 0.01em; */
}

#mmenu-content li.mmenu-only {
  display: none;
}

.logout-hide {
    display: none;
}

.pipe-hide {
    padding: 0 8px;
    color: #6D6E71;
    font-size: 16px;
}

#mlogo {
    margin-left : 50px;
}

@media screen and (max-width: 960px) {
 
	#mobile {
		display:block;
	}
    
    .top {
        padding: 15px 0 0 0px;
    }
    
    #mlogo {
        margin-left : 0;
    }	
	   
    .pipe-hide {
        display: none;
    }
        
	    
    #dtoggle {
        display: none;
    }
    
    #mtoggle {
        margin-right: 1px;
        display: block;
    }
	
	#mmenu {
        float: right;
		display:table-cell;
		position: relative;
		z-index: 1000;
    }
                      
	#mtoggle {
        display: block;
		margin-right : 1px;
        border: 0;
        padding: 0 1px 5px 0;
        background-color: transparent;
	}
    
    #mtoggle:focus {
        outline:0;
        }	
	
    #mmenu-content {
        padding: 0;
        height: auto;
        margin-bottom: 0;
        margin-top: -18px;
        display: none;
        position: absolute;
        right: 1px;
        background-image: none;
        background-color:#FDA643;
        width: 214px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        border: 0;
      }
       
    #mmenu-content li {
        height: auto;
        line-height: 16px;
        text-align: left;
	}
    
    #mmenu-content li a {
        line-height: 16px;
        padding: 7px;
        margin: 0;
        color: white;
        font-size: 14px;
         font-weight: normal;
        text-shadow: #ba5c0f 0.1em 0.08em 0.01em;
        min-width: 198px;
        border-left: 1px solid #EDEDED;
        border-right: 1px solid #EDEDED;
        border-bottom: 1px solid #EDEDED;
        display: block;				  
	}
  
  #mmenu-content li.mmenu-only {
      display: block;
  }
  
  #mmenu-content {
    background-color: #C66F57;
  }


	
	/* #mmenu-content li a:hover {
        background-color: #C25541;
    } */
 
	/* Show the dropdown menu on hover 
	#mmenu:hover #mmenu-content {
		display: block;
		background-color: #C66F57;
	}*/
}

@media screen and (max-width: 504px) {
    #mlogo {
    float: none;
    display: table-cell;
    max-width: 385px;
    }
    
    #mmenu {
        float: none;
        display: table-cell;
        max-width: 85px;
    }
    
    #mmenu-content {
        margin-top: -12px;


}

#s2member-pro-paypal-form-response { font-size: 100%; }


/* DEPPRECATED
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18,
.grid_19,
.grid_20,
.grid_21,
.grid_22,
.grid_23,
.grid_24 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 3px;
	margin-right: 2px;
}

 Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 24 Columns
----------------------------------------------------------------------------------------------------

.container_24 .grid_1 {
	width:35px;
}

.container_24 .grid_2 {
	width:75px;
}

.container_24 .grid_3 {
	width:115px;
}

.container_24 .grid_4 {
	width:155px;
}

.container_24 .grid_5 {
	width:195px;
}

.container_24 .grid_6 {
	width:235px;
}

.container_24 .grid_7 {
	width:280px;
}

.container_24 .grid_8 {
	width:315px;
}

.container_24 .grid_9 {
	width:355px;
}

.container_24 .grid_10 {
	width:395px;
}

.container_24 .grid_11 {
	width:435px;
}

.container_24 .grid_12 {
	width:475px;
}

.container_24 .grid_13 {
	width:515px;
}

.container_24 .grid_14 {
	width:575px;
}

.container_24 .grid_15 {
	width:595px;
}

.container_24 .grid_16 {
	width:635px;
}

.container_24 .grid_17 {
	width:675px;
}

.container_24 .grid_18 {
	width:715px;
}

.container_24 .grid_19 {
	width:755px;
}

.container_24 .grid_20 {
	width:795px;
}

.container_24 .grid_21 {
	width:835px;
}

.container_24 .grid_22 {
	width:875px;
}

.container_24 .grid_23 {
	width:915px;
}

.container_24 .grid_24 {
	width:955px;
}



 Prefix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------

.container_24 .prefix_1 {
	padding-left:40px;
}

.container_24 .prefix_2 {
	padding-left:80px;
}

.container_24 .prefix_3 {
	padding-left:120px;
}

.container_24 .prefix_4 {
	padding-left:160px;
}

.container_24 .prefix_5 {
	padding-left:200px;
}

.container_24 .prefix_6 {
	padding-left:240px;
}

.container_24 .prefix_7 {
	padding-left:280px;
}

.container_24 .prefix_8 {
	padding-left:320px;
}

.container_24 .prefix_9 {
	padding-left:360px;
}

.container_24 .prefix_10 {
	padding-left:400px;
}

.container_24 .prefix_11 {
	padding-left:440px;
}

.container_24 .prefix_12 {
	padding-left:480px;
}

.container_24 .prefix_13 {
	padding-left:520px;
}

.container_24 .prefix_14 {
	padding-left:560px;
}

.container_24 .prefix_15 {
	padding-left:600px;
}

.container_24 .prefix_16 {
	padding-left:640px;
}

.container_24 .prefix_17 {
	padding-left:680px;
}

.container_24 .prefix_18 {
	padding-left:720px;
}

.container_24 .prefix_19 {
	padding-left:760px;
}

.container_24 .prefix_20 {
	padding-left:800px;
}

.container_24 .prefix_21 {
	padding-left:840px;
}

.container_24 .prefix_22 {
	padding-left:880px;
}

.container_24 .prefix_23 {
	padding-left:920px;
}



 Suffix Extra Space >> 24 Columns
----------------------------------------------------------------------------------------------------

.container_24 .suffix_1 {
	padding-right:40px;
}

.container_24 .suffix_2 {
	padding-right:80px;
}

.container_24 .suffix_3 {
	padding-right:120px;
}

.container_24 .suffix_4 {
	padding-right:160px;
}

.container_24 .suffix_5 {
	padding-right:200px;
}

.container_24 .suffix_6 {
	padding-right:240px;
}

.container_24 .suffix_7 {
	padding-right:280px;
}

.container_24 .suffix_8 {
	padding-right:320px;
}

.container_24 .suffix_9 {
	padding-right:360px;
}

.container_24 .suffix_10 {
	padding-right:400px;
}

.container_24 .suffix_11 {
	padding-right:440px;
}

.container_24 .suffix_12 {
	padding-right:480px;
}

.container_24 .suffix_13 {
	padding-right:520px;
}

.container_24 .suffix_14 {
	padding-right:560px;
}

.container_24 .suffix_15 {
	padding-right:600px;
}

.container_24 .suffix_16 {
	padding-right:640px;
}

.container_24 .suffix_17 {
	padding-right:680px;
}

.container_24 .suffix_18 {
	padding-right:720px;
}

.container_24 .suffix_19 {
	padding-right:760px;
}

.container_24 .suffix_20 {
	padding-right:800px;
}

.container_24 .suffix_21 {
	padding-right:840px;
}

.container_24 .suffix_22 {
	padding-right:880px;
}

.container_24 .suffix_23 {
	padding-right:920px;
}



 Push Space >> 24 Columns
----------------------------------------------------------------------------------------------------

.container_24 .push_1 {
	left:40px;
}

.container_24 .push_2 {
	left:80px;
}

.container_24 .push_3 {
	left:120px;
}

.container_24 .push_4 {
	left:160px;
}

.container_24 .push_5 {
	left:200px;
}

.container_24 .push_6 {
	left:240px;
}

.container_24 .push_7 {
	left:280px;
}

.container_24 .push_8 {
	left:320px;
}

.container_24 .push_9 {
	left:360px;
}

.container_24 .push_10 {
	left:400px;
}

.container_24 .push_11 {
	left:440px;
}

.container_24 .push_12 {
	left:480px;
}

.container_24 .push_13 {
	left:520px;
}

.container_24 .push_14 {
	left:560px;
}

.container_24 .push_15 {
	left:600px;
}

.container_24 .push_16 {
	left:640px;
}

.container_24 .push_17 {
	left:680px;
}

.container_24 .push_18 {
	left:720px;
}

.container_24 .push_19 {
	left:760px;
}

.container_24 .push_20 {
	left:800px;
}

.container_24 .push_21 {
	left:840px;
}

.container_24 .push_22 {
	left:880px;
}

.container_24 .push_23 {
	left:920px;
}



 Pull Space >> 24 Columns
----------------------------------------------------------------------------------------------------

.container_24 .pull_1 {
	left:-40px;
}

.container_24 .pull_2 {
	left:-80px;
}

.container_24 .pull_3 {
	left:-120px;
}

.container_24 .pull_4 {
	left:-160px;
}

.container_24 .pull_5 {
	left:-200px;
}

.container_24 .pull_6 {
	left:-240px;
}

.container_24 .pull_7 {
	left:-280px;
}

.container_24 .pull_8 {
	left:-320px;
}

.container_24 .pull_9 {
	left:-360px;
}

.container_24 .pull_10 {
	left:-400px;
}

.container_24 .pull_11 {
	left:-440px;
}

.container_24 .pull_12 {
	left:-480px;
}

.container_24 .pull_13 {
	left:-520px;
}

.container_24 .pull_14 {
	left:-560px;
}

.container_24 .pull_15 {
	left:-600px;
}

.container_24 .pull_16 {
	left:-640px;
}

.container_24 .pull_17 {
	left:-680px;
}

.container_24 .pull_18 {
	left:-720px;
}

.container_24 .pull_19 {
	left:-760px;
}

.container_24 .pull_20 {
	left:-800px;
}

.container_24 .pull_21 {
	left:-840px;
}

.container_24 .pull_22 {
	left:-880px;
}

.container_24 .pull_23 {
	left:-920px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/



/* DEPRACATED
 
.mainFrontImage{
border: 0px solid gray; width: 573px; float: left;
}
 negative margin-bottom hacked by Willy 
.mainFrontBody{
float: left;border: 0px solid gray; width: 320px; margin-left: 30px; margin-bottom: -60px;
}
.divSeprate{
height: 70px;border: 0px solid gray; 
}
.margright16{
border: 0px solid #ccc;margin-right: 16px;}
.frontCenterTop{
background-image: url(/images/main_sizes.png); background-position: center top;height: 20px; clear: both;
}
.frontLeftTop{
background-image: url(images/main_sizes.png);  width: 20px;height: 20px;float: left; margin-top: -20px;
}
.frontRightTop{
background-image: url(images/main_sizes.png); background-position: right top; width: 20px;height: 20px;float: right; margin-top: -20px;
}
.frontMainImage{
background-image: url(images/main_left.png);background-repeat: repeat-y; background-position: left bottom; 
}
.frontMainImage2{
background-image: url(images/main_right.png);background-repeat: repeat-y; background-position: right bottom; padding-left: 20px;
}
.frontLeftBottom{
background-image: url(images/main_sizes.png); background-position: center bottom;height: 20px; clear: both; background-repeat: no-repeat;
}
.frontCenterBottom{
background-image: url(images/main_sizes.png);  background-position: left bottom; width: 20px;height: 20px;float: left; margin-top: -20px; background-repeat: no-repeat;
}
.frontRightBottom{
background-image: url(images/main_sizes.png); background-position: right bottom; width: 20px;height: 20px;float: right; margin-top: -20px; background-repeat: no-repeat;
}
.newsHeading{
z-index: 1; position: relative; background-image: url(images/news_main.png); background-position: center top;height: 80px; clear: both; background-repeat: no-repeat; margin: 0px auto;
}
.newsHeading2{
background-image: url(images/news_main.png); position: relative;  z-index: 10;width: 20px;height: 80px;float: left; margin-top: -80px;; background-repeat: no-repeat;
}
.newsHeadingOutside {
background-image: url(images/news_main.png);position: relative;  z-index: 11; background-position: right top; width: 20px;height: 80px;float: right; margin-top: -80px;; background-repeat: no-repeat;
}
.newsHolderLeft{
background-image: url(images/news_main_left.png);background-repeat: repeat-y; background-position: left bottom; 
}
.newsMainContent{
background-image: url(images/news_main_right.png);background-repeat: repeat-y; background-position: right bottom; padding-left: 20px;
}
.newsBottomLeft{
background-image: url(images/news_main.png); background-position: center bottom;height: 20px; clear: both; margin: 0px auto;
}
.newsBottomMiddle{
background-image: url(images/news_main.png);  background-position: left bottom; width: 20px;height: 20px;float: left; margin-top: -20px;
}
.newsBottomRight{
background-image: url(images/news_main.png); background-position: right bottom; width: 20px;height: 20px;float: right; margin-top: -20px;
}
.rightSideBar{
border: 0px solid gray; width: 280px; float: right;
}
.grid_7_2{
background-image: url(assets/side_bar/bg.png); background-position: center top;height: 20px; clear: both; width: 225px; margin: 0px auto;
}
.grid_7_heading{
text-align: center;padding-top: 20px; font-size: 20px; font-family: Times New Roman
}
.grid_7_left{
background-image: url(assets/side_bar/bg.png);  width: 20px;height: 20px;float: left; margin-top: -20px;
}
.grid_7_right{
background-image: url(assets/side_bar/bg.png); background-position: right top; width: 20px;height: 20px;float: right; margin-top: -20px; 
}
.grid_7_bottom_left{
background-image: url(assets/side_bar/bg_left.png);background-repeat: repeat-y; background-position: left bottom; 
}
.grid_7_bottom_right{
background-image: url(assets/side_bar/bg_right.png);background-repeat: repeat-y; background-position: right bottom; margin-right: 16px;
}
.margleft25{
width: 235px; margin-left: 25px;
}
.sideMiddle{
background-image: url(assets/side_bar/main.png); background-position: center top;height: 20px; clear: both
}
.sideTopLeft{
background-image: url(assets/side_bar/main.png);  width: 20px;height: 20px;float: left; margin-top: -20px;
}
.sideTopRight{
background-image: url(assets/side_bar/main.png); background-position: right top; width: 20px;height: 20px;float: right; margin-top: -20px; 
}
.sideBottomLeft{
background-image: url(assets/side_bar/main_left.png);background-repeat: repeat-y; background-position: left bottom; 
}
.sideBottomRight{
background-image: url(assets/side_bar/main_right.png);background-repeat: repeat-y; background-position: right bottom; margin-right: 16px; text-align: center; color: #181818;
}
.sideHeading{
font-family: Times New Roman; font-size: 18px; color: black; display:block; text-align: center;
}
.sideSubHeading{
height: 1px; width: 180px; margin: 0px auto;margin-top: 5px; border-top: 1px solid #ddd;
}
.sideCenterBottom{
background-image: url(assets/side_bar/main.png); background-position: center bottom;height: 20px; clear: both
}
.sideLeftBottom{
background-image: url(assets/side_bar/main.png);  background-position: left bottom; width: 20px;height: 20px;float: left; margin-top: -20px;
}
.sideRightBottom{
background-image: url(assets/side_bar/main.png); background-position: right bottom; width: 20px;height: 20px;float: right; margin-top: -20px;
}
.sideInsideDivCenter{
height: 1px; width: 180px; margin: 0px auto;margin-top: 5px; border-top: 1px solid #ddd; 
}
.grid_7_middle_bottom{
background-image: url(assets/side_bar/bg.png); background-position: center bottom;height: 20px; clear: both; width: 225px; margin: 0px auto;
}
.grid_7_left_bottom{
background-image: url(assets/side_bar/bg.png);  background-position: left bottom; width: 20px;height: 20px;float: left; margin-top: -20px;
}
.grid_7_right_bottom{
background-image: url(assets/side_bar/bg.png); background-position: right bottom; width: 20px;height: 20px;float: right; margin-top: -20px;
}
.footer{
background-image: url(assets/bg/footer_bg.jpg); text-align: center; color: white; font-size: 10px; padding: 10px;
}

*/