@charset "utf-8";

/*============================================================================
  GENERAL FORMATTING
============================================================================*/

/* -------------------- fonts --------------------------*/
/*@font-face{*/
    /*font-family: sensa;*/
    /*src: url('HelveticaNeue-UltraLight.woff'); /!* IE9 *!/*/
/*}*/
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:300);*/
/*@import url(https://fonts.googleapis.com/css?family=Roboto:400,900);*/

/* ---------------------- text start ---------------------- */
.note{
    font-style: italic;
    color: #999;
    font-size: 12px;
}
.note2{
    font-style: italic;
    color: #666;
}
/* ---------------------- links start ---------------------- */
a:link {
    text-decoration: underline;
    color: #0025fb;
}
a:visited {
    text-decoration: underline;
    color: #0025fb;
}
a:hover {
    text-decoration: none;
    color: #0025fb;
}

/* -------------------- text color --------------------*/
.tn{color: #000;}
.tw{color: #fff;}
.tv{color: #09620c;}
.ty{color: #feff13;}
.tgp{color: #bbb;}
.tgp2{color: #888;}
.taaa{color: #aaa;}
.red{color: red;}
.tor{color: #ff1d00;}

/* -------------------- text size ------------------------*/
.ts12{font-size: 12px;}
.ts14{font-size: 14px;}
.ts16{font-size: 16px;}
.ts18{font-size:18px;}
.ts20{font-size:20px;}
.ts25{font-size:25px;}
.ts30{font-size:30px;}
.smaller70{font-size: 70%;}

/* -------------------- text effects -------------------------*/
.tac{text-align: center;}
.tleft{text-align: left;}
.tright{text-align: right;}
.tnorm{font-weight: normal;}
.stk{text-decoration: line-through;}
.tem{font-style: italic;}
.tbold{font-weight: bold;}
.allcaps{text-transform: uppercase;}
.tshad{text-shadow: 1px 2px rgba(0,0,0,0.3);}

/* -------------------- block effects -------------------------*/
.clr{clear: both;}
.invisible{visibility: hidden;}

/* -------------------- background color --------------------*/
.bw{background: #fff;}
.bgp3{background: #f1f1f1;}
.byp{background: #fdfebe;}
.byp2{background: #ffee7e;}
.by{background: #ffff00;}
.brd{background: #ff5c00;}
.bglb{ background: #c7ecf1;}
.bgf1{ background: #f1f1f1;}
.bgf8{ background: #f8f8f8;}
.bgff{ background: #fff;}
.bglb{background: #ebf7ff;}
.bgv{background: #c1ff99;}

/* ----------------------- lines & rulers -------------------  */
.lpb{border-bottom: 1px dotted #ccc;}
.lpt{border-top: 1px dotted #ccc;}
hr{
    border: 0;
    width: 80%;
    color: #ddd;
    background-color: #ddd;
    height: 1px;
    margin: 60px auto;
}

/* ----------------------- BLOCKQUOTE WITH OBTUSE TRIANGLE -------------------  */
.user-quote {
    position:relative;
    padding:15px 30px;
    margin:0;
    color:#000;
    background:#f0f0f0;
    /* Using longhand to avoid inconsistencies between Safari 4 and Chrome 4 */
    -webkit-border-top-left-radius:25px 50px;
    -webkit-border-top-right-radius:25px 50px;
    -webkit-border-bottom-right-radius:25px 50px;
    -webkit-border-bottom-left-radius:25px 50px;
    -moz-border-radius:25px / 50px;
    border-radius:25px / 50px;
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.user-quote + p {margin:10px 150px 2em 0; text-align:right; font-style:italic;}

/* creates the larger triangle */
.user-quote:before {
    content:"";
    position:absolute;
    bottom:-30px;
    right:80px;
    border-width:0 0 30px 50px;
    border-style:solid;
    border-color:transparent #f3961c;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}

/* creates the smaller triangle */
.user-quote:after {
    content:"";
    position:absolute;
    bottom:-30px;
    right:110px;
    border-width:0 0 30px 20px;
    border-style:solid;
    border-color:transparent #fff;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}