/* Misc */
body {
word-wrap:break-word;
background: #f1f1f1;
}

ol li ul, ol li ol { 
margin-bottom: 1.25em;
}

article {
padding-left:1em;
color: #444;
}


/* Base.html - top navigation */
.top-bar {
background: #f1f1f1; /* Header color */
margin-bottom: 3em;
margin-left: 1em;
text-align: right;
}

.top-menu {
background: #2BA6E3; /* Menu color */
padding-top: 1em;
padding-bottom: 1em;
}

.menu-button {
color: white;
margin-left: 1em;
margin-right: 1em;
text-transform: uppercase;
}
.menu-button:hover {
color: #95d3f1;
}

nav {
margin-bottom: 2em;
}

.top-bar a { color: #2BA6E3 } /* Sitename color */

.translation-button {
margin-left: 1em;
}


/* Base.html sidebar */
h5.sidebar-title {
border-bottom: 0.1em solid #eeeeee;
margin-top: 1em;
font-weight: bold;
text-transform: uppercase;
}

.side-nav li a { color: #222}
.side-nav { padding: 0.5em 0; }


/* Index.html - posts */
h3.article-title {
margin-bottom: 0em; 
color: #3A91CB;
}


/* Article infos | infos_bottom.html */
.subheader { color: #aaa; margin-bottom: 1.2em; }
a.article-info { color: #aaa; }


/* Archives.html */
.table-archive { border: none; }


/* Index.html - line separator for posts */
hr.gradient {
    border: 0;
    height: 1px;
    margin-top: 3em;
    margin-bottom: 3em;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}

/* Syntax Highlighting */
.highlight > pre {
word-wrap: normal;
white-space: pre;
margin-top: 1em;
margin-bottom: 1em;
border: 1px solid #ccc;
background: #073642;
padding: 1em;
overflow: auto;
}

ol {
margin-left: 2em;
}