/* MAIN SITE */

/* INDEX */

@font-face {
    font-family: libertine;
    src: url(LinLibertine_R.ttf);
}

a.nobg {
    color: #000000 !important;
    text-decoration: none !important;
    background-image: none !important;
}

button:focus { outline: 0; }

.sym { font-size: 1em; }

.buttontable {
    margin: 0 auto;
    padding: 0;
    table-layout: fixed;
    text-align: center;
}

.webmenu {
    background-color: transparent;
    border: none;
    color: #000000;
    padding: 8px 40px 0 40px;
    text-align: center;
    font-variant: small-caps;
    text-decoration: none;
    display: inline-block;
    font-size: 1em;
    cursor: pointer
}

.dl {
    text-align: center;
    display: none;
    border: none;
    vertical-align: top;
}

.dlb {
    background-color: transparent;
    transform: translateY(-22px);
    border: none;
    padding: 0 0 0 0;
    font-size: .8em;
    font-variant: normal;
    cursor: pointer;
}

.dlsp {
    text-align: center;
    border: none;
    vertical-align: top;
}



/* HOME */

.container {
    position: relative;
    text-align: center;
}



/* ABOUT */

@font-face {
    font-family: street;
    src: url(Streetvertising.ttf);
}

.nogap { margin: 0; padding: 0; }

.ot { font-family: 'street'; font-size: .9em; }



/* CV */

.cvtitle { font-size: 2em }

.scaps { font-variant: small-caps; font-size: 1.1em; font-weight: bold; padding-bottom: 3px; }

.cvlhang { padding-left: 5.5em; text-indent: -5.5em; padding-bottom: 3px; }

.invis { color: #FFFFFF; }

.cvlhangend { padding-left: 5.5em; text-indent: -5.5em; padding-bottom: 28px; }

.stitle { font-weight: bold; padding-bottom: 3px; }

.cvhang { padding-left: 3.25em; text-indent: -3.25em; padding-bottom: 3px; }

.cvhangend { padding-left: 3.25em; text-indent: -3.25em; padding-bottom: 28px; }

.it { font-style: italic; }

.cvhangmid { padding-left: 3.25em; text-indent: -3.25em; padding-bottom: 15px; }

.pad { padding-bottom: 3px; }

.mid { padding-bottom: 15px; }

.misc { text-align: justify; }

.end { padding-bottom: 28px; }

.cvlhangmid { padding-left: 5.5em; text-indent: -5.5em; padding-bottom: 15px; }

.indentend { padding-left: .75em; padding-bottom: 28px; }

table.teach {
    padding-bottom: 28px; margin: 0;
}

table.teach td {
    margin: 0;
    padding-left: 0;
    padding-right: 2.25em;
    padding-top: .3em;
    padding-bottom: .3em;
    font-size: 1em;
}



/* WRITING */

.misctitle { font-size: 1.3em; line-height: 1.5em; font-variant: small-caps; }

.title { font-size: 1.1em; padding-top: 10px; }

.expanded {
    padding-top: 6px;
    padding-left: 1.5em;
    padding-bottom: 10px;
    display: none;
}

.icon { padding-top: 2px; height: 1em; width: 1em; vertical-align: top; cursor: pointer; }

.break { display: block; margin-bottom: .3em; }

.info { cursor: help; }



/* TOMATO2 */

@font-face {
    font-family: augusta;
    src: url(Augusta.ttf);
}

.bigtom { font-size: 1.2em; text-align: justify; margin: auto; }

.tomato2logo { display: block; margin: 0px auto 0 auto; }

.tombreak { display: block; margin: 10px auto 10px auto; height: 25px; }

.tombreak2 { display: block; float: right; margin: 10px auto 10px auto; height: 25px; }

.ul { text-decoration: underline; }


/* OPENTOWER */

@font-face {
    font-family: gambler;
    src: url(gambler.ttf)
}

@font-face{
    font-family: firalogic;
    src: url(FiraLogic-Regular.otf);
}

@font-face {
    font-family: typekeys;
    src: url("Type Keys Filled.ttf")
}

@font-face {
    font-family: cinzel;
    src: url(embed.otf);
}

.center { text-align: center; }

.raised { margin-top: -30px; margin-bottom: 40px; }

.ects { vertical-align: top; text-align: center; padding-bottom: 20px; }

.carnap { font-family: 'Segoe UI'; font-size: 1.5em; }

.dr { font-family: 'gambler'; font-size: 2em; }

.firalogic { font-family: 'firalogic'; font-size: 1.42em; }

.margy { font-family: 'typekeys'; font-size: 1.75em; }

.pop { font-family: 'cinzel'; font-size: 1.5em; }

.pt { font-family: 'century gothic'; font-size: 1.1em; }

table.tower {
    margin: 0 auto;
    width: 750px;
    font-size: 1.1em;
}

table.tower td {
    padding-right: 75px;
}

.desc {
    vertical-align: top;
    text-align: justify;
}



/* DONATIONETHICS */

@font-face {
    font-family: tangerine;
    src: url(Tangerine_Bold.ttf);
}

.dwheel {
    font-size: 1.1em;
}
.dwheel p {
    padding-bottom: 10px;
}

.dwheel ol {
    margin: 0 0 0 40px;
    padding: 0;
}

.dwheel ul {
    margin: 0 0 20px 40px;
    padding: 0;
}

.dwheel li {
    margin-bottom: 5px;
}

table.donethics {
    margin: 0 auto;
    padding-bottom: 45px;
}

table.donethics td {
    font-family: 'tangerine';
    text-align: center;
    padding: 0 25px 0 0;
    margin: 0;
}

.donethmain { vertical-align: middle; line-height: 70px; }

.donethpic { width: 70px; height: 70px; }



/* PUBQUIZ */

.pubquiz { text-align: center; font-size: 1.4em; }

.squish { padding: 0px 10% 20px 10%; }

.minigap { padding-bottom: 5px; }

ul { list-style-position: inside; }

.mini { font-size: 0.9em; }



/* MISC */

@font-face {
    font-family: port;
    src: url(PortculliardInitials.ttf);
}

.mgap { padding-left: .75em; padding-bottom: 10px; }

.smid { padding-bottom: 10px; }

.portfont { font-family: 'port'; }

.doneth { font-family: 'tangerine'; font-size: 1.25em; }



/* ADDENDA SITES */

/* CARCASSONNE */

table.carc {
    text-align: center;
    padding: 50px 50px 10px 50px;
}

table.carc td {
    cursor: pointer;
    text-align: center;
    padding: 10px 20px 10px 20px;
}

.tile {
    position: relative;
    text-align: center;
}

.count {
    font-size: 2em;
    color: #f2f2f2;
    position: absolute;
    bottom: 3px;
    right: 3px;
}

#total {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #f2f2f2;
    font-size: 3em;
}



/* PUBQUIZ */

/* SAMPLES PUZZLE */

.puzzsheet hr { margin: 15px 0 15px 0; }

.puzzsheet p {
    font-size: 1.3em;
    line-height: 1.3em;
    padding: 8px 0 8px 0;
    text-align: left;
}

.puzztitle { font-size: 2em !important; text-align: center !important; font-variant: small-caps; font-weight: bold; margin-bottom: 15px; }

.puzzcenter { text-align:center !important; }

.b { font-weight: bold; }

.hand { cursor: pointer; }

table.example {
    display: none;
    text-align: center;
    padding: 10px 0 0 0;
    margin: 0;
    width: 100%;
}

table.example td {
    vertical-align: top;
    padding: 0 0 10px 0;
    margin: 0;
    width:33%;
}

table.example img {
    max-width: 100%;
    max-height: 250px;
}

.scapsonly { font-variant: small-caps; }

.hidden { display: none; }

table.puzzle {
    padding: 40px 0 40px 0;
    margin: 0;
    width: 100%;
}

table.puzzle td {
    padding: 0 0 30px 0;
    margin: 0;
    width:33%;
}

table.puzzle img {
    max-width: 100%;
    max-height: 250px;
}

.puzzleft { text-align:left; }

.puzzright { text-align:right; }