.snippet {
        cursor:pointer;
        pointer-events: auto;
        z-index: 1;
        border-style: dotted none;
        padding: 25px 8px 8px 25px;
        border-width: 2px 0px;
        box-shadow: rgb(146, 146, 146) 1px 2px 2px;
        border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(146, 146, 146);
        word-wrap: break-word;
        font-family: cartogothic_stdbold;
        font-size: 18px;
        color: rgb(0, 0, 0);
        overflow: auto;
        width: 650px;
        height: auto;
        top: 0px;
        left: 0px;
        background-color: rgb(232, 235, 237);
        
        }
        
    
    .noselect, img {
  -webkit-touch-callout: none; 
  -webkit-user-select: none;   
  -khtml-user-select: none;    
  -moz-user-select: none;      
  -ms-user-select: none;       
  -o-user-select: none;
  user-select: none;           
}
    
    
    .notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
    
.category, .title, .author {
font-family: bpreplaybold;
text-align:center;
}

.category {
font-size:24px;
line-height:30px;
}

.title {
font-size:18px;
line-height:24px;

}

.author {
font-size:16px;
line-height:22px;
}

#cookingSteps{
    list-style-type:none; /* delete default counter */
    counter-reset:elementcounter; /* create custom counter and set it to 0 */
}
#cookingSteps > li:before{
    content: "Step " counter(elementcounter) ": "; /* print out "Element " followed by the current counter value */
    counter-increment:elementcounter; /* increment counter */
}

td {
vertical-align:top;
}


.showTextPicCol1::before {
float:none;
clear:left;
}

.showTextPicCol1 {

float:left;
clear:left;
width:50%;
padding-bottom:10px;
}

.showTextPicCol2 {
width:48%;
float:left;
vertical-align:middle;
padding-left:2%;
}



.showTextPicCol1 img, .showTextPicCol2 img {
display:block;
}

h2, h3 {
font-family: cartogothic_stdbold;

}