@import url(http://fonts.googleapis.com/css?family=Alfa+Slab+One);

.standout-highlighter {
  background: url(../images/highlight-yellow.png) repeat-x center center;
  padding: 0.3em;
  min-height: 30px;
  border-radius: 50%;
}

.standout-underline {
  background: url(../images/underline-thin-red.png) repeat-x;
  background-position: center 90%;
  padding: 0.3em;
  line-height: 100%;
  xborder-radius: 10%;
}

.standout-3dtext {
font:normal 40pt Arial;
color: #FFFFFF;
text-shadow: 0 1px 0 #C7C7C7,  0 2px 0 #928D8D,  0 3px 0 #9E9E9E,  0 4px 0 #757575,  0 5px 0 #868686,  0 6px 1px rgba(0,0,0,.1),  0 0 5px rgba(0,0,0,.1),  0 1px 3px rgba(0,0,0,.3),  0 3px 5px rgba(0,0,0,.2),  0 5px 10px rgba(0,0,0,.25),  0 10px 10px rgba(0,0,0,.2),  0 20px 20px rgba(0,0,0,.15);
}


.standout-3dtext.standout-superbold {
  font-size: 100px;
  font-family: 'Alfa Slab One', sans-serif;
  font-weight: 900;
  background-color: none;
  margin: 5px;
  color: #202c2d;
  text-shadow:
    0 1px #808d93,
    -1px 0 #cdd2d5,
    -1px 2px #808d93,
    -2px 1px #cdd2d5,
    -2px 3px #808d93,
    -3px 2px #cdd2d5,
    -3px 4px #808d93,
    -4px 3px #cdd2d5,
    -4px 5px #808d93,
    -5px 4px #cdd2d5,
    -5px 6px #808d93,
    -6px 5px #cdd2d5,
    -6px 7px #808d93,
    -7px 6px #cdd2d5,
    -7px 8px #808d93,
    -8px 7px #cdd2d5;
}

.standout-box {
  margin: 30px;
  padding: 20px;
  border-style: solid;
border-width: 13px 13px 15px 14px;
-moz-border-image: url(../images/johnsonbox-blacktype.png) 13 13 15 14 repeat;
-webkit-border-image: url(../images/johnsonbox-blacktype.png) 13 13 15 14 repeat;
-o-border-image: url(../images/johnsonbox-blacktype.png) 13 13 15 14 repeat;
border-image: url(../images/johnsonbox-blacktype.png) 13 13 15 14 repeat;
}

.standout-box .standout-bluemarker {
  border-style: solid;
  border-width: 9px 10px 12px 8px;
  -moz-border-image: url(../images/johnsonbox-bluemarker.png) 16 19 21 15 round;
  -webkit-border-image: url(../images/johnsonbox-bluemarker.png) 16 19 21 15 round;
  -o-border-image: url(../images/johnsonbox-bluemarker.png) 16 19 21 15 round;
  border-image: url(../images/johnsonbox-bluemarker.png) 16 19 21 15 round;
}

.standout-ribbon-wrap {
   width: 75%;
   position: relative;
   margin: 0px auto 30px auto;
   text-align: center;
   font-size: 20px!important;
   background: #d64b4b;
   -webkit-box-shadow: rgba(000,000,000,0.3) 0 4px 3px;
   -moz-box-shadow: rgba(000,000,000,0.3) 0 4px 3px;
   box-shadow: rgba(000,000,000,0.3) 0 4px 3px;
   font-family: 'Helvetica Neue',Helvetica, sans-serif;
   }
.standout-ribbon-wrap h1 {
   font-size: 25px!important;
   color: #4d0d0d;
   text-shadow: #d65c5c 0 1px 0;
   margin:0px;
   padding: 15px 10px;
   font-weight: bold;
   background: #d64b4b;
      background: -webkit-gradient(linear, left top, left bottom, from(#d64b4b), to(#ab2c2c));
   background: -webkit-linear-gradient(top, #d64b4b, #ab2c2c);
   background: -moz-linear-gradient(top, #d64b4b, #ab2c2c);
   background: -ms-linear-gradient(top, #d64b4b, #ab2c2c);
   background: -o-linear-gradient(top, #d64b4b, #ab2c2c);
   background-image: -ms-linear-gradient(top, #d64b4b 0%, #ab2c2c 100%);
   z-index: 2;
   position: relative;
   }
.standout-ribbon-wrap:before, .standout-ribbon-wrap:after {
   content: '';
   position: absolute;
   display: block;
   bottom: -1em;
   border: 1.5em solid #A32E2E;
   z-index: 0;
   }
.standout-ribbon-wrap:before {
   left: -2em;
   border-right-width: 1.5em;
   border-left-color: transparent;
   -webkit-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
   }
.standout-ribbon-wrap:after {
   right: -2em;
   border-left-width: 1.5em;
   border-right-color: transparent;
   -webkit-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
   }
.standout-ribbon-wrap .standout-ribbon-content:before, .standout-ribbon-wrap .standout-ribbon-content:after {
   border-color: #5C0C0C transparent transparent transparent;
   position: absolute;
   display: block;
   border-style: solid;
   bottom: -1em;
   content: '';
   }
.standout-ribbon-wrap .standout-ribbon-content:before {
   left: 0;
   border-width: 1em 0 0 1em;
   z-index: 1;
   }
.standout-ribbon-wrap .standout-ribbon-content:after {
   right: 0;
   border-width: 1em 1em 0 0;
   z-index: 1;
   }
.standout-ribbon-stitches-top {
   margin-top:2px;
   border-top: 1px dashed rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
   box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
   position: relative;
   }
.standout-ribbon-stitches-bottom {
   margin-bottom:2px;
   border-top: 1px dashed rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);
   }