body { font-family: "Titillium Web", "Candara", "Verdana", "Arial", "Helvetica", sans-serif ; /*font-size: 90% ;*/ line-height: normal ; color: black; background: #fbfbfb; } h2, h3, h4 { margin: 1em 0 0.5em 0; padding: 0.25em 0; line-height: 1.2; } h2 { font-size: 180% } h3 { font-size: 150% } h4 { font-size: 130% } h2 .editsection, h2 .hashlink { font-size: 67% } h3 .editsection, h3 .hashlink { font-size: 76% } h4 .editsection, h4 .hashlink { font-size: 86% }

code, tt, pre { font-family: "Source Code Pro","Consolas","Liberation Mono","Courier New","Courier", "Monaco", monospace; } b { font-weight : 600 ; }

/* header / footer */ .header { background:rgba(251,251,251,0.8); color:black; } .topline{padding: 0 0 0 12px;} .pagename{ background: -webkit-linear-gradient(right, #CC8403, white); background: linear-gradient(right, #CC8403, white); border-radius:.25em; font-family:"Titillium Web", "Candara", "Verdana", "Arial", "Helvetica", sans-serif ; text-shadow: 1px 2px 1px #BC7400, 0 0 25px #CC8403, 0 0 5px #BC7400; color:#502000; } .footer { background: -webkit-linear-gradient(left, #CC8403, white); background: linear-gradient(left, #CC8403, white); border-radius:.25em; font-family: inherit; color:#333333; } a.logo { border:none; text-indent:-99em; } a.logo b:before { content:""; }

a.logo { background: url(); background-size: contain; background-repeat: no-repeat; background-position: center; height: 78px; width: 134px;

/* add a fancy button like effect */ box-shadow:0 0 .25em white; border-radius:0em; background-color: rgba(255,255,255,0.15); } .sidebar {

padding-bottom: 0px;

font-family: "Titillium Web", "Candara", "Verdana", "Arial", "Helvetica", sans-serif ; font-weight : 300 ; font-size: 120% ;

padding-bottom: 0px; z-index:2; } .sidebar a { color:#502000; text-decoration:none

z-index:2; }

.sidebar a:hover, .sidebar a:focus { text-shadow: 1px 1px 1px #502000, 0 0 2px #502000, 0 0 1px #502000; color:#E5BF7D; text-decoration:underline; z-index:2; outline:0;

} .sidebar a:focus { outline:0; z-index:2; } .header a:hover, .header a:focus, .content a:hover, .content a:focus { text-shadow: 1px 1px 1px #502000; color:#E5BF7D; text-decoration:underline; z-index:2; outline:0;

}

.dropdown-menu a:hover, .dropdown-menu a:focus { text-shadow: 1px 1px 1px #502000; color:#E5BF7D; text-decoration:underline; z-index:2; outline:0; box-shadow:0 0 .25em #502000 }

.content:after { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eed7ac+0,ffffff+100&1+0,1+35,0.72+72,0+100 */ background: -moz-linear-gradient(left, rgba(238,215,172,1) 0%, rgba(244,229,201,1) 35%, rgba(250,244,232,0.72) 72%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(238,215,172,1) 0%,rgba(244,229,201,1) 35%,rgba(250,244,232,0.72) 72%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(238,215,172,1) 0%,rgba(244,229,201,1) 35%,rgba(250,244,232,0.72) 72%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eed7ac', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

padding-bottom: 0px; z-index:1; }

.content { background: url(); background-size: contain; background-repeat: no-repeat; background-position: bottom;padding-bottom: 250px;} .page {padding-bottom: 0px; }