﻿/* 
    Custom classes that affect typography, such as color and size
*/


/**
    some preset styles for font-size, in a throwback to html font sizes
*/

.font-small {
    font-size: 0.9em !important;
}

.font-smaller {
    font-size: 0.8em !important;
}

.font-smallest {
    font-size: 0.7em !important;
}

.font-large {
    font-size: 1.1em !important;
}

.font-larger {
    font-size: 1.3em !important;
}

.font-largest {
    font-size: 1.5em !important;
}


/**
    some alternative face-face classes
*/

.font-script {
    font-family: 'Monotype Corsiva','Lucida Calligraphy',serif;
}

.font-serif {
    font-family: 'Book Antiqua','Georgia','Times New Roman',serif;
}

.font-monospace {
    font-family: 'Droid Sans Mono','Consolas','Courier New',monospace;
}


/**
    some font weight and style classes for easy descendent styling
*/

.font-bold {
    font-weight: 700 !important;
}

.font-italic {
    font-style: italic !important;
}

.font-strikethrough {
    text-decoration: line-through !important;
}

.font-underline {
    text-decoration: underline !important;
}

/**
    some commonly-used font colors (instead of having to use "<span style="font-color:#FF0000;></span>")
*/

.font-red {
    color: #ff0000 !important;
}

.font-blue {
    color: #0000ff !important;
}

.font-gray {
    color: #666666 !important;
}

.font-green {
    color: green !important;
}

.font-black {
    color: #000 !important;
}


/**
    link color and structure
*/

a.no-text-decoration {
    color: #21759B;
    text-decoration: none;
    cursor: pointer;
}

abbr {
    border-bottom: 1px dotted #666666;
    cursor: help;
    padding-left: 1px;
    padding-right: 1px;
}
