.actionable { cursor:pointer; }
.navbar-brand { padding:0; }
.top-nav { background:#004040; border-top:4px solid #008080; padding:4px 0; margin-bottom:20px; }
.text-teal { color:#008080; }
.btn-teal { background:#088; color:#fff; }
.btn-teal:hover { background:#066; color:#fff; }
.alert-teal { background:linear-gradient(#004040, #008080); border-radius:10px; color:#fff; padding:15px; }
.well { margin:5px; background:linear-gradient(#eee, #fff, #fff); border-radius:10px; padding:10px; border-top:1px solid #ddd; }
h1.normal { font-size:1.2em; color:#008080; }
h1 .subtitle { font-size:0.45em; color:#008080; padding-top:10px; }
.teal-box h1 .subtitle { color:#fff; }

.teal-box { background:#088; color:#fff; padding:80px 0; margin-top:-22px; overflow:auto; }

.code-line { display:inline-block; background:#eee; padding:1px 5px; border-radius:4px; font-size:0.9em; border:1px solid #008080; font-family:times; }

.container.post table { width:100%; border-radius:5px; margin-bottom:20px; }
.container.post table thead th { font-size:0.88em; background:linear-gradient(#044, #088); color:#fff; border-bottom:1px solid #044; padding:2px 5px; }
.container.post table tbody tr:nth-child(even) { background:#f4f4f4; }
.container.post table tbody tr { border-bottom:1px solid #ddd; }
.container.post table tbody td { padding:4px 6px; }

ul.nostyle { list-style:none; margin:0; padding:0; }
ul li p { margin:0; padding:0; }

.container.post pre { padding:10px 15px; margin:20px -12px; }

.docs h2 { color:#008080; }
.docs h2 small { font-size:0.7em; color:#777; }
.docs h4 { background:linear-gradient(#044, #088); color:#fff; padding:4px 15px; margin:0 -12px 15px -12px; }
.docs h4 small { font-size:0.8em;margin-left:20px; }
.docs .example img { margin:10px 0; padding:10px; background:#e4e4e4; border-radius:10px; }
.docs .example .explanation { color:#508080; }

.footer { background:#eee; color:#008080; padding:15px; font-size:.9em; text-align:center; margin-top:60px; }

code { color:teal; background:#eff; }
pre code { background:none; }
.post pre { background:#dff; }

.section { background:#abd; padding:120px 15px; }
.section-top { padding:0 0 120px; }
.section-a { background:#4c96d7; color:#fff; }
.section-b { background:#ffffff; color:#666; }
.section-c { background:#4abdac; color:#fff; }
.section-d { background:#fc4a1a; color:#fff; }
.section-e { background:#f7b733; color:#fff; }
.section-f { background:#dfdce3; color:#444; }
.section-g { background:#184c79; color:#fff; }