/* 
    Reset
	Typography
	Table
	Forms
    Snippets (reused html)
	Layout
    Header #hd
    Footer #ft
	Page specific items
	Hacks
	Unsorted CSS
	Tumblr blog

*/


/* Reset ---------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}



/* Typography ---------------------------------------------------------- */
body, input, textarea{ color: #3b3c37; font-family: Helvetica, Verdana,sans-serif;}
input, textarea{ color: #3b3c37;}

a:link, a:visited{ color: #e35303; text-decoration: none; }
#bd a:hover{text-decoration: underline; background-color: yellow; }

h1, h2, h3, h4, h5{ font-weight: bold; line-height: 1.4em; }
h1{ font-size: 36px; } 
h2{ font-size: 22px; margin-bottom: .3em;}
h3{ font-size: 18px;}
h4{ font-size: 16px;}

p{ line-height: 1.4em; margin: .5em 0 1em 0;}

.secondary{ color: #a8aaad; }


/* TABLE ---------------------------------------------------------- */
table{ margin: 0 0 1em 0; border: 1px solid #ccc; border-width: 1px 0; empty-cells: show; border-collapse: collapse; width: 100%;}
td, th{ font-size: 12px; padding: 2px 4px 2px 2px; border: 1px solid #eee; border-width: 1px 0; text-align: left; line-height: 1.25em;}
th{ background-color: #eee; font-weight: bold;}


/* FORMS ---------------------------------------------------------- */
input,textarea,
select{ font-size: 16px; padding: .4em .3em .2em .3em; border: 2px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
input[readonly='readonly'],
select[readonly='readonly'] { border: none;}

input[type="text"],
input[type="password"]{ width: 250px;}
input.short{ width: 75px;}
input.long{ width: 380px;}

input.medium{ width: 200px;}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus { border-color: #5bafee; }

input[type="radio"],
input[type="checkbox"] { width: 20px; margin-right: .25em; margin-top: .5em;}

input[type="radio"].multi,
input[type="checkbox"].multi{ margin-left: 1em;}

.buttonrow{margin: 1em 0 2em 0;}

.validStatus{ padding-left: 15px; color: #5bafee; }
.error input{ border-color: #ff4347;}
.error .validStatus{ color: #ff4347;}
.error .validMsg{ color: #ff4347;}

.cssLayout div{ margin-bottom: 1em; clear: both; }
.cssLayout div.value{ clear: none; color: #000; font-size: 16px; padding-top: .5em;}
.cssLayout p { padding: .4em 0 0 0;}

.cssLayout label { width: 170px; w\idth: 160px; padding: .65em 10px 0 0;  display: block; float: left; position: relative; color: #63675d; text-align: right; text-transform: uppercase;}
.cssLayout div.nolabel,
.cssLayout div p{ margin-left: 170px; }

.cssLayout input[type="button"]{ border-width: 1px;}
.cssLayout input[type="submit"]:disabled, .cssLayout input.submit:disabled{ color: #fff; background-color: #ccc; border: 1px solid #ccc; border-top-color: #ddd; border-left-color: #ddd; border-right-color: #bbb; border-bottom-color: #bbb;}
.cssLayout textarea, .cssLayout .help{ width: 28em;}

.cssLayout h4{ margin-left: 170px; padding-left: 0;}
.cssLayout div.controlset div { margin-left: 170px; float: left; }
.cssLayout div.buttonrow { margin-left: 170px; }

.cssLayout .sectionStart{ border-top: 1px solid #ccc; margin-top: .8em; padding-top: .6em;}
.cssLayout .sectionEnd{ border-bottom: 1px solid #ccc; margin-bottom: .6em; padding-bottom: .8em;}
.cssLayout .sectionGap{ margin-top: 1.8em; }

/* Thin */
.cssLayout.thin div.nolabel, .cssLayout.thin div p{ margin-left: 100px; }
.cssLayout.thin label { width: 100px; w\idth: 85px;}
.cssLayout.thin h4{ margin-left: 100px;}
.cssLayout.thin div.controlset div { margin-left: 100px;}
.cssLayout.thin div.buttonrow { margin-left: 100px; }

/* Wide */
.cssLayout.wide div.nolabel, .cssLayout.wide div p{ margin-left: 300px; }
.cssLayout.wide label { width: 300px; w\idth: 285px;}
.cssLayout.wide h4{ margin-left: 300px;}
.cssLayout.wide div.controlset div { margin-left: 300px;}
.cssLayout.wide div.buttonrow { margin-left: 300px; }



/* Snippets ---------------------------------------------------------- */
.page{ display: none; margin-bottom: 20px;}



/* LAYOUT ---------------------------------------------------------- */
html{ background: #89c257; }  /* old bg color 80bd4b */
body{ margin: 0 auto; width: 800px; }
#hd{ margin-top: 25px; background-color: #2b2c27; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
    #hdWrap{ padding: 20px; overflow: auto;}
#bd{ margin: 15px 0 15px 0; width: 595px; }
    #bdWrap{ padding: 20px; background-color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; }



/* Header (#hd) ---------------------------------------------------------- */
h1#siteLogo a{ float: left; display: block; width: 276px; height: 61px; background: url(../img/logo.png) no-repeat; overflow: hidden; line-height: 9999px;}
#mainNav{ float: right;}
#mainNav li{ float: left; margin: 20px 5px 0 10px; }
#mainNav li a{ color: #888a7d; font-weight: bold;}
#mainNav li a:hover{ color: #fff;}



/* Footer (#ft) ---------------------------------------------------------- */
#ft{ }



/* Page specific styles ---------------------------------------------------------- */

/* News */
ol#tweets li{ line-height: 1.3em; margin-bottom: 1.05em; padding-bottom: .75em; border-bottom: 1px solid #ddd;}
ol#tweets li.tweet .thumb{ float: left; margin: 0 10px 20px 0; }
ol#tweets li.tweet .meta{ color: #a8aaad; font-size: 14px;}

/* Mailing List */
div.mailingList{ margin-bottom: 1em; }

div.mailingList input{ font-size: 30px;}


/* HACKS ---------------------------------------------------------- */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block;}
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* Tumblr Blog ---------------------------------------------------------- */
.tumblr_title { font-size: 22px; font-weight: bold; margin-bottom: 20px;}
.tumblr_body {border-bottom: 2px dashed #2a2b26; margin-bottom: 30px; padding-bottom: 30px;}
.tumblr_body li { list-style-type: none; text-align: center; font-style: italic; font-weight: bold; padding: 5px; padding-bottom: 10px;}
.tumblr_body img {display: block; margin-left: auto; margin-right: auto; }
img.leadimage {margin-left: 10px;}
#facebook {float: right;}

#facebook { margin: 15px 0px 0px 0px; }
    #facebook { background-color: #fff;}