/*
Site URI: http://www.bohemianalps.com/
Design: Jason Simanek   http://www.bohemianalps.com/
*/

/* ---------------------------------------------------------------------------- */
/* Color Palette for BohemianAlps.com: HTML Character Chart */
/* ---------------------------------------------------------------------------- */
/*
blue light              #deeef4
blue mid-light      #a3bbd1
blude mid-dark  #8ca6be
blue                        #728fa9
blue dark               #365979
*/
/* ---------------------------------------------------------------------------- */
/* Primary Elements */
/* ---------------------------------------------------------------------------- */
body { font-family:sans-serif; margin:0 .2em; padding:28px 0 0 0; background-color:#728fa9; }
h1 { font:bold 1.8em/1.8em sans-serif; color:#DEEEF4; text-align:center; }
h2 {
    display:block;
    position:fixed;
    top:5px;
    right:20px;
    z-index:3000;
    font-weight:normal;
    font-size:16px;
    line-height:100%;
    clear:left;
    color:#DEEEF4;
    text-align:center;
    margin:0;
    padding:0;
    text-transform:lowercase;
}
p { font-size:12px; line-height:150%; text-align:center; width:100%; margin:.2em auto 1em auto; }
a { padding:.3em .3em .2em .3em; color:#DEEEF4; text-decoration:none; }
a:hover { color:#365979; background-color:#DEEEF4; }
ol { margin:0; padding:0; }
.box { width:4.5em; margin:.1em; border-color:#728FA9; border-style:solid; border-width:2px; background-color:#DEEEF4; display:block; float:left; }
.box:hover { border-color:#53738F; border-style:solid; border-width:2px; background-color:#F3FAFC; }
.glyph { font-family:serif; font-size:1.5em; font-weight:normal; text-align:center; height:1em; margin:0; padding:.4em 0; display:block;  }
.numerC { color:#728FA9; font-family:sans-serif; font-size:.8em; margin:0; padding:.5em 0; display:block; }
.numerC:hover { color:#365979; background-color:#DEEEF4; }
.alphaC { color:#365979; font-family:sans-serif; font-size:.8em; margin:0; padding:.5em 0; display:block; }
.alphaC:hover { color:#365979; background-color:#DEEEF4; }

/* ------------------------------------------------------------------------------ */
/* Header Styles */
/* ------------------------------------------------------------------------------ */
#header { position:fixed; top:0; left:0; z-index:1000; width:100%; background-color:#444; border-bottom:solid 1px #333; overflow:hidden; }
#header h1 { display:block; float:left; font-size:16px; line-height:100%; font-weight:normal; color:#DEEEF4; text-align:left; text-transform:lowercase; margin:0; padding:5px 0 0 20px; }
#characterNav { font-family:sans-serif; float:left; list-style:none; margin:0; }
#characterNav li { float:left; }
#characterNav li a {
    width:60px;
    display:block;
    font-size:14px;
    line-height:100%;
    text-align:center;
    text-decoration:none;
    margin:2px 2px 1px 2px;
    padding:2px 0;
    color:#deeef4;
    border:solid 1px #728fa9;
}
#characterNav li a.activePage {
    color:#7491AA;
    border:solid 1px #DEEEF4;
    background-color:#F9F9F9;
}
#characterNav li a:hover,
#characterNav li a.activePage:hover {
    background-color:#728FA9;
    border:solid 1px #365979;
}
#navPunc, #navGeo, #navAlpha, #navAccent, #navGreek { font-family:serif; }
#instructions { clear:both; display:block; width:100%; padding:1em 0 0 0; }
#Favorites p.quickNote { clear:left; text-align:left; width:45%; margin:2em auto 4em auto; padding:2em; background-color:#ffc; }
#Favorites p.quickNote a { display:block; width:200px; font-size:1.4em; font-weight:bold; text-align:center; margin:1em auto .5em auto; padding:20px; color:white; background-color:#365979; }
#Favorites p.quickNote a:hover { background-color:#5F84A7; }

/* ------------------------------------------------------------------------------ */
/* Character Sets Styles */
/* ------------------------------------------------------------------------------ */
#CharSet1, #CharSet1title, #CharSet2, #CharSet2title, #CharSet3, #CharSet3title, #CharSet4, #CharSet4title, #CharSet5, #CharSet5title, #CharSet6, #CharSet6title, #CharSet7, #CharSet7title, #CharSet8, #CharSet8title, #CharTabletitle { display:none; }

/* ------------------------------------------------------------------------------ */
/* Character Table */
/* ------------------------------------------------------------------------------ */
#CharTable { clear:both; width:99%; font-size:.7em; margin:4px 4px 0 4px; }
#CharTable thead tr th { margin:0; padding:3px; color:#deeef4; background-color:#365979; }
#CharTable thead tr th.cRefs { width:30%; }
#CharTable tbody tr td { padding:3px 5px 1px 5px; background-color:#a3bbd1; border-style:solid; border-color:#728fa9; border-width:0 2px 2px 0; }
#CharTable tbody tr.evenRow td { background-color:#8ca6be; border-style:solid; border-color:#728fa9; border-width:0 2px 2px 0; }
#CharTable tbody tr td.cHex { border-right:0; }
.cTitle { width:45%; }
#CharTable tbody tr td.cGlyph { font-size:1.4em; width:5%; text-align:center; background-color:white; }
#CharTable tbody tr.evenRow td.cGlyph { font-size:1.4em; width:5%; text-align:center; background-color:#deeef4; }
.cDeci, .cChar, .cHex { width:10%; text-align:center; }

/* ------------------------------------------------------------------------------ */
/* Footer Styles */
/* ------------------------------------------------------------------------------ */
#footer { clear:both; width:99%; margin:0 4px; padding:1.5em 0 .5em 0; background-color:#365979; border-top:solid 4px #728fa9;  }
#footer p { width:92%; color:#a3bbd1; line-height:1.4em; text-align:left; margin:0 auto; padding:0 1em 1em 1em; }
#footer p a { color:white; }
#footer p a:hover { color:#365979; }
p#metainfo { font-size:.7em; text-align:center; }