#content, #footer {
  padding-left: 4em;
}
#content .container {
  width: 37em;
}
.column-left {
  float: left;
  margin-right: 1em;
}
.column-right {
 float: right; 
}
.column-left, .column-right {
  width: 17em;
}


html, body { 
  margin:					      0; 
  padding:					    0; 
}
body {
  background-color:     #fff;
  font-size:					  150%;
  font-family:				  "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color:						    #222;
  min-width:					  600px;
  max-width:            100%;
}
img, a img {
  border:               0;
}
a {
  color:                #348DED;  
}
a:link:visited {
  color:                #9CC3ED;
}
a:link:hover {
  color:                #FF8618;  
}
a:link:active:hover {
  color:                #fc0;  
}

 
#content {
  margin: 3em 7em 0em 7em;
  line-height:          125%;
  }

#content #current-path {
  padding:              0;
  margin:               0;
  font-size:            0.6em;
  margin-top:           -7em;
  list-style:           none;
  position:             absolute;
}
#content #current-path li {
  padding:              0;
  margin:               0;
  display:              inline;
}
#content #current-path li a {
  text-decoration:      none;
  color:                #789;
}
#content #current-path li a:hover {
  text-decoration:      underline;
  color:                #888;
}
#content .wrapping-container {
  max-width:            24em;
}
#content h1.intro {
  font-weight:          normal;
  font-size:            1.4em;
  font-family:          "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color:                #348DED;
  line-height:          1.2em;
}
#content h1.page-title {
  font-weight:          normal;
  font-size:            1.4em;
  font-family:          "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height:          1.8em;  
}
#content h1.page-title-withtabs {
  margin-bottom:        0;
  line-height:          1.2em;  
}
#content h2 {
  color:                #8ab34d;
  background-color:     #d8f5bc;
  font-size:            1.2em;
  letter-spacing:       1px;
  font-weight:          normal;
  line-height:          1.3em;
  margin:               2.3em 0 0.2em;
  padding:              0.15em 0.3em 0.1em;
  -moz-border-radius:   0.15em;
}
#content h3 {
  font-size:            1.0em;
  line-height:          1.1em;
  margin:               1em 0 0.2em;
}
#content h4.subtitle {
  margin:               -1.0em 0 0.5em;
  color:                #8b8b8b;
}
#content h4 {
  margin:               0;
  font-size:            0.8em;
}
#content p {
	margin:								0 0 0.8em;
}

.small {
	font-size: .5em;
}


#footer {
  margin:               7em 0 0;
  background-color:     #F3F3F3;
  padding:              2em 1em 3em 6.4em; 
  font-size:            0.7em;
  color:                #777;
}
#footer a {
  color:                #454;
  text-decoration:      none;
}
#footer h3 {
  font-size: 1em;
}

#footer a {
  text-decoration:      none;
  color:                #2A8DEC;
}
#footer  a:hover {
  text-decoration:      underline;
}
#footer .coda {
	color:					#bbb;
}



.pink {
  color:                #f0f;
}
.hotorange {
  color:                #FF8000;	
}
.green { 
  color:                #7cd300; 
}
.orange { 
  color:                #fc0; 
}

input.fuchsia {
    background-color: fuchsia;
    border: 3px solid #ee93ed;
    color: white;
    cursor: pointer;
    font-size: 30px;
    font-weight: normal;
    margin: 10px;
    padding: 10px;
}
input.fuchsia:hover {
    border: 3px solid #EF49EE;
}




#bullshit {
    border: 1px solid #ddd;
    font-size: 60px;
    height: 200px;
    margin: 20px;
    padding: 60px 0 0;
    vertical-align: middle;
    width: 80%;
	line-height: 50px;
}

#stats {
	display:none;
}