<style type='text/css'><!--
* { background: transparent; border: 0; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }

html { height: 101%; }

body { background-color: {+background-color+}; color: {+text-color+}; font-family: "Open Sans", Arial, sans-serif; font-size: 100%; line-height: 100%; min-width: 890px; margin: 0px; padding: 0px; }

#wrapper { background-color: #fff; margin: -15px auto -30px auto; padding: 20px 0px 0px 0px; width: 1000px; }

#nav { padding: 20px 20px 23px 20px; text-align: right; } 
#nav a.firstnav { padding-left: 17px; font-size: 1.3em; color: {+accent-color+}; }
#nav a.midnav { padding-left: 17px; font-size: 1.3em; color: {+nav-color+}; }
#nav a.lastnav { padding-left: 17px; font-size: 1.3em; background-color: {+accent-color+}; padding:5px 10px; color: white; }

#top { background-image: url("{+skin+}/tree.jpg"); height: 230px; font-family: Raleway, sans-serif; padding: 10px; }
#top #sitename { text-align: center; font-family: Raleway, sans-serif; font-size: 400%; letter-spacing: .05em; margin-top: 90px; }
#top #sitename a { color: {+banner-color+}; text-decoration: none; }
#top #sitelogo { text-align: center; font-family: Raleway, sans-serif; font-size: 200%; letter-spacing: .05em; line-height: .95em; margin-top: 60px; }
#top #sitelogo a { color: {+banner-color+}; text-decoration: none; }

#main { width: 75%; line-height: 160%; margin: 40px; padding-bottom: 20px; }
#main a:link { color: {+accent-color+}; text-decoration: underline; }
#main a:visited { color: {+accent-color+}; text-decoration: underline; }
#main blockquote { border-left: 3px solid {+accent-color+}; margin: 1.8em 2.9em; padding-left: 1.8em; }
#main h1 { color: {+header-color+}; font-size: 170%; padding-bottom: .7em; }
#main h2 { color: {+header-color+}; font-size: 170%; padding-bottom: .7em; padding-top: 1.2em; }
#main h3 { font-size: 130%; padding-bottom: .5em; padding-top: .6em; }
#main ol,#main ul { margin: .6em; padding-left: 2.5em; }
#main p { margin: 1em 0; }

#side { width: 25%; float: right; line-height: 160%; margin: 25px 40px 40px 40px; padding-bottom: 20px; }
#side a:link, #side a:visited { color: {+text-color+}; text-decoration: none; }
#side h1 a:link, #side h1 a:visited { color: {+header-color+}; }
#side h1 { color: {+header-color+}; font-size: 140%; }
#side h2 { color: {+header-color+}; font-size: 120%; }
#side ol,#side ul { margin: .6em; padding-left: 2.5em; }
#side p { margin: 1em 0; }

#signup { background-color: {+accent-color+}; padding: 20px 0px 35px 0px; color: white; font-size: 1.5em; line-height: 2em; }
#signup a { color: white; padding: 10px 20px; border: 2px solid white; }

#bottom { background-color: {+bottom-color+}; color: #999; line-height: 200%; padding: 10px 40px 1px 40px; font-size: .9em; }
#bottom h2 { font-size: 130%; color: #fff; }
#bottom a { color: #999; text-decoration: none; }
#bottom p { color: #aaa; }

.actions { padding-right: 40px; text-align: right; color: {+accent-color+};  }
.actions a { font-size: 90%; text-decoration: none; color: {+accent-color+}; }
.actions ul li { display: inline; }

a { text-decoration: none; }
h2,h3,h4,h5,h6 { font-size: 100%; font-weight: 400; line-height: 1.4em; }
hr { border-bottom: 1px solid #999; border-style: none none solid; height: 0px; margin: 2em 0; }
img { vertical-align: bottom; }
sup,sub { height: 0; position: relative; vertical-align: baseline; }
sup { bottom: 1ex; }
sub { top: .5ex; }
table { border-collapse: collapse; margin: 1.3em 0; text-align: left; }
table th, table td { padding: 0 1em .4em 0; }
table.border,table.border th,table.border td { border: 1px solid #000; padding: .4em; }
td.dates { width: 100px; }

form label { display: block; }
form textarea { border: 1px solid #bbb; border-radius: 5px; font-family: Open Sans, sans-serif; font-size: 110%; margin-bottom: .8em; margin-top: .3em; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 100%; }
form input { font-size: 110%; }
form input[type=text],form input[type=password] { border: 1px solid #bbb; border-radius: 5px; font-family: Open Sans, sans-serif; margin-bottom: .8em; margin-top: .3em; -moz-border-radius: 5px; padding: .1em; -webkit-border-radius: 5px; }
form input[type=button],form input[type=submit],form input[type=reset] { margin-bottom: .8em; margin-right: .6em; padding: .1em; }

.accent { color: {+accent-color+}; }
.button a { background-color: {+accent-color+}; padding:5px 10px; color: white; }
.blue { color: #37495d!important; }
.box { border: 2px solid #444; border-radius: 5px; margin: 1.8em 0; -moz-border-radius: 5px; padding: 1em 2em; -webkit-border-radius: 5px; }
.capitalize { text-transform: capitalize; }
.cite { text-decoration: none; }
.code { background-color: #fff; border: 1px solid #999; border-radius: 5px; color: #000; font-family: Courier, sans-serif; margin: 1em 0; -moz-border-radius: 5px; padding: .2em .8em; -webkit-border-radius: 5px; }
.diff { color: #088A08; font-size: 80%; padding: .1em 0; }
.gray { color: #333!important; }
.highlight { background-color: #ff0; padding: 0 .2em; }
.large { font-size: 110%; }
.lowercase { text-transform: lowercase; }
.marks { color: #333; font-size: 90%; }
.message { color: {+text-color+}; }
.preview { border: 2px dotted #d49231; padding: .2em .5em; }
.red { color: #900!important; }
.red-dimmed { color: #500!important; }
.small { font-size: 90%; }
.small-caps { font-variant: small-caps; }
.underline { text-decoration: underline; }
.uppercase { text-transform: uppercase; }
.vspace { margin-bottom: 1em; }
.search { margin: 0; padding: 0; }
--></style>
~data~
accent-color: #71bc42
~
text-color: #383838
~
background-color: #d9d9d9
~
header-color: #356e35
~
banner-color: #ffffff
~
nav-color: #999999
~
bottom-color: #333333
~
