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; } .pagename{ background: -webkit-linear-gradient(right, #CC8403, white); background: linear-gradient(right, #CC8403, white); border-radius:.25em; font-family: "Oswald"; 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: 90px; width: 150px;

/* add a fancy button like effect */ box-shadow:0 0 .25em white; border-radius:0em; background-color: rgba(255,255,255,0.15); } .sidebar { background: -webkit-linear-gradient(left, #CC8403, white); background: linear-gradient(left, #CC8403, white); height: 100%; font-family: "Oswald"; font-weight : 300 ; font-size: 115% ; text-shadow: 1px 1px 1px #E5BF7D, 0 0 5px #CC8403, 0 0 1px #E5BF7D; color:#502000;

} .sidebar a { color:#502000; text-decoration:none } .sidebar a:hover, a:focus { color:#E5BF7D; text-decoration:underline text-shadow: 1px 1px 1px #CC8403, 0 0 5px #603010, 0 0 5px #CC8403;

} .sidebar a:focus { outline:5px auto -webkit-focus-ring-color; outline-offset:-2px }