/**\ * $clean-css.css *\**/* {border: 0;margin: 0;padding: 0;}body {padding: 5px 25px 25px 25px;font-family: "Lucida Grande",Arial,sans-serif;font-size: 16px;background: url("../img/bg.jpeg");color: #e2c7a3;text-align: center;}a {color: #fc0;text-decoration: none;}a:hover,a:active { color: #e1b164 }p { margin: 1em 0 1em 0 }h1,h2,h3,h4,h5,h6 {width: auto;color: #27a052;margin-top: 1em;margin-bottom: .5em;}h1,h2 {margin: 0;padding: 2px 2px 0 2px;}h1 {margin: 57px 0 0 355px;font-size: 28px;color: #008467;}#home h1 { margin-top: 35px }h1 a { color: #c1a144 }h2 { font-size: 18px }ul,ol { padding-left: 20px }.clear { clear: both }.toggle,.toggle-details {cursor: pointer;background-image: url("../img/arrows.png");background-repeat: no-repeat;}h2.toggle {padding-left: 18px;background-size: 16px auto;background-position: 0 4px;}h2.toggle:hover { color: #47c072 }h2.open {margin-bottom: 10px;background-position: 0 -18px;}#home-toc h2.open { margin-top: 20px }#home-toc .toggle-content { margin-bottom: 20px }.section {position: relative;width: 80%;padding: 4px 8px;margin-left: auto;margin-right: auto;margin-bottom: -1px;background: #160f0b;text-align: left;-moz-box-shadow: 0 0 8px #160f0b;-webkit-box-shadow: 0 0 8px #160f0b;box-shadow: 0 0 8px #160f0b;}.section-open {margin-top: 25px;margin-bottom: 35px;padding: 8px 8px 10px 8px;-moz-border-radius: 8px;-khtml-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}.section .toggle-content { padding: 0 }#masthead {min-height: 190px;text-align: left;color: #ddd;background: #331d0f url("../img/bg2.jpeg") -440px -10px;}#logo {display: block;position: absolute;top: 7px;left: 15px;width: 375px;height: 180px;background: url("../img/logo.png") 0 0 no-repeat;text-align: center;}#masthead p {color: #e2c7a3;margin: 20px 20px 0 355px;}.section .toggle-content { padding-left: 18px }.nav {padding: 5px 5px 0 0;margin-top: 22px;margin-bottom: 22px;align: center;}.nav ul li {padding: 0;margin: 0.6em 0em;display: inline-block;list-style-type: none;}.nav ul li a{background-color: #333;	padding: 0.4em 1em;text-transform: uppercase;border-radius: 4px;font-size: 14px;font-weight: 800;margin: 0 0.2em;text-shadow: none;	transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s;}.nav ul li a:hover {background: #252525;box-shadow: inset 0 1px 3px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.1);text-shadow: 0 1px 3px rgba(0,0,0,.5);}.nav li.current a{background: #fc0;box-shadow: inset 0 1px 3px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.1);text-shadow: 0 1px 0 rgba(255,255,255,.3);}.nav li.current a {color: #222;}.nav ul li.current a:hover {background: #fc0;}/**\ * $gridism.css *\**//* * Gridism * A simple, responsive, and handy CSS grid by @cobyism * https://github.com/cobyism/gridism *//* Preserve some sanity */.grid,.unit {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}/* Set up some rules to govern the grid */.grid {display: block;clear: both;}.grid .unit {float: left;width: 100%;padding: 10px;}/* This ensures the outer gutters are equal to the (doubled) inner gutters. */.grid .unit:first-child { padding-left: 20px; }.grid .unit:last-child { padding-right: 20px; }/* Nested grids already have padding though, so let’s nuke it */.unit .unit:first-child { padding-left: 0; }.unit .unit:last-child { padding-right: 0; }.unit .grid:first-child > .unit { padding-top: 0; }.unit .grid:last-child > .unit { padding-bottom: 0; }/* Let people nuke the gutters/padding completely in a couple of ways */.no-gutters .unit,.unit.no-gutters {padding: 0 !important;}/* Wrapping at a maximum width is optional */.wrap .grid,.grid.wrap {max-width: 978px;margin: 0 auto;}/* Width classes also have shorthand versions numbered as fractions * For example: for a grid unit 1/3 (one third) of the parent width, * simply apply class="w-1-3" to the element. */.grid .whole,.grid .w-1-1 { width: 100%; }.grid .half, .grid .w-1-2 { width: 50%; }.grid .one-third,.grid .w-1-3 { width: 33.3332%; }.grid .two-thirds, .grid .w-2-3 { width: 66.6665%; }.grid .one-quarter,.grid .w-1-4 { width: 25%; }.grid .three-quarters, .grid .w-3-4 { width: 75%; }.grid .one-fifth,.grid .w-1-5 { width: 20%; }.grid .two-fifths, .grid .w-2-5 { width: 40%; }.grid .three-fifths, .grid .w-3-5 { width: 60%; }.grid .four-fifths,.grid .w-4-5 { width: 80%; }.grid .golden-small, .grid .w-g-s { width: 38.2716%; } /* Golden section: smaller piece */.grid .golden-large, .grid .w-g-l { width: 61.7283%; } /* Golden section: larger piece *//* Clearfix after every .grid */.grid {*zoom: 1;}.grid:before, .grid:after {display: table;content: "";line-height: 0;}.grid:after {clear: both;}/* Utility classes */.align-center { text-align: center; }.align-left { text-align: left; }.align-right{ text-align: right; }.pull-left{ float: left; }.pull-right { float: right; }/* Responsive Stuff */@media screen and (max-width: 568px) {/* Stack anything that isn’t full-width on smaller screensand doesn't provide the no-stacking-on-mobiles class */.grid:not(.no-stacking-on-mobiles) > .unit {width: 100% !important;padding-left: 20px;padding-right: 20px;}.unit .grid .unit {padding-left: 0px;padding-right: 0px;}/* Sometimes, you just want to be different on small screens */.center-on-mobiles {text-align: center !important;}.hide-on-mobiles {display: none !important;}}/* Expand the wrap a bit further on larger screens */@media screen and (min-width: 1180px) {.wider .grid {max-width: 1180px;margin: 0 auto;}}