/*------------------------------------*\
   OUR CIVILISATION CSS
   2016-06 (see <http://cssguidelin.es/>)
\*------------------------------------*/

/*------------------------------------*\
    TO-DO:
    
    .romLC class not working?
\*------------------------------------*/

html>body {font-size: 16px;}

/*------------------------------------*\
    Font stacks
\*------------------------------------*/

body {font-family:Alegreya, Minion, Cambria, Georgia, "Times New Roman", Palatino, "Hoefler Text", Garamond, serif;}

h1, h2, h3, table, em.small, p.cite {color:black; font-weight:bold; font-style:normal; font-family: Candara, Avenir, "HelveticaNeue-Light", "Helvetica Neue Light", Futura,  Frutiger, "Frutiger Linotype", Univers, Calibri, "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, "Helvetica Neue", Helvetica, "Franklin Gothic", "Lucida Grande", Lucida, Geneva, Verdana, Arial, sans-serif;}

.mono {font-family:Consolas, Inconsolata, Monaco, "Andale Mono", "Deja Vu Sans Mono", "Droid Sans Mono", "Courier New", Courier, mono;}

/*------------------------------------*\
    Headers styles & sizes
\*------------------------------------*/

h1 {text-align:center; margin:0; font-size:medium;}

h1:first-line {font-size:x-large;}

h2 { font-size: large; }
h3 { font-size: medium; }

/*------------------------------------*\
    List styles "★" "⯈" fail :(
\*------------------------------------*/

li {margin:1ex;}

ol {margin:0}
ul  {list-style:disc; margin:0}
ul ul {list-style:square;}

.romLC {list-style:lower-roman;}
.romUC {list-style:upper-roman;}

/*------------------------------------*\
    Link styles & colors
\*------------------------------------*/

a:link {color:teal; padding:3px 0;}
a:active {color:purple;}
a:focus {color:green;}
a:hover {color:red; background-color:#FFC;}
a:visited {color:#4d94ff}

a:active, a:focus, a:hover, a:link, a:visited {text-decoration:none;}

/*------------------------------------*\
    Block quoting
\*------------------------------------*/
blockquote em {font: medium "times new roman"}

blockquote {font-style: italic; width: 90%; margin: .8ex 3%; padding: 0 .1em; border-left: .2em solid #ddd; color: #777;}

blockquote p {margin: 0 0 .5em} /* no difference whether set off in <p> or not */


blockquote cite {color: #999; display: block; text-align: right; margin-top: .5em;}

blockquote cite:before {content: "—";}

/* cite {display:inline;} */

/*------------------------------------*\
    Misc.
\*------------------------------------*/

html {background-color:whitesmoke; color:#333; }

abbr {background-color:yellow}

em.small, h3 {background:#FFC; line-height:2;}

body, h1, h2, h3, p {margin:1.2ex 3%; font:105%}

p.cite {margin:1ex 0; text-align:center; font-style:italic;}
p.offset {margin:.8ex 4%}
p.quote {margin:1ex 6% 1ex 6%; font-style:italic;}

table {width:85%; margin:1em auto; border-collapse:collapse}
th {border:thin gray solid; padding:1em 0}

/*------------------------------------*\
    Nav (formerly a table)
\*------------------------------------*/

nav {background:#e6FFe6; text-align:center; margin:1em auto 1in;}
nav li {display:inline; font-weight:normal;}
nav li:after {content:" ""\00bb";}
nav li:before {content:"\00ab"" ";}
nav li {margin:0 1%}