body {
   background-color: #302F42;// #251c17;
   margin: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   height: 100%;
   min-height: 100%;
}

.center {
   width: 60%;  
   margin-left: auto;
   margin-right: auto;
   text-align: center;
//   min-height: 100%;
   min-height: inherit;
   height: auto;
//   height: 100%;
//   background-color: #40413C;
   background-color: #FFFFEB;
   top: 0;
   bottom: 0;
//   overflow: hidden;
//   clear: both;
//   float: left;
/*   border-width: 1px;
   border-style: solid;
   border-top-color: #40413C;
   border-bottom-color: #40413C;
*/
}


  
a, p {
   font-family: 'OFL Sorts Mill Goudy TT',palatino,century gothic, ariel, verdana, sans-serif;
   text-align: center;
}

a {
//   color: #AF9F7B;
   color: #2C464C; 
   font-size: 26px;
}

a:hover {
   font-style: italic
}

p {
   text-align: center;
   //color: #251C17;   
   color: #28182D;
   font-size: 20px;
}

h1 {
   margin-top: 0px;
   //color: #f1f4f7;
   //color: #FFEFDB;
   color: #28182D;
   font-weight: 200;
   font-family:'OFL Sorts Mill Goudy TT', warnock, warnock pro, palatino, ariel, verdana, sans-serif;
   text-align: center;
   font-size: 40px;
}

#about_text {
   display: none;
}

#loader {
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   display: none;
}

#complete, #loop, #inputstuff{
  display: none;
}


.centered {
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

.wbut {
   font-family: palatino;
//   border-radius: 3px;
   font-size: 24px;
   //background-color: #775E43; //#f1f4f7;
//   background-color: #AF9F7B
   background-color: #ABB34B;
   background: #ABB34B;
//#f1f4f7;
//   color: #f1f4f7;
//   color: #251C17;
   color: #28182D;
   width: 210px;
}
 
//p { color:


/*
colors!  light to dark

thank you Silence haiku(ler)
by piahr from the kuler tool on adobe.com
http://kuler.adobe.com/#themeID/1414346

muave
#f1f4f7

tan
#AF9F7B

light brown
#775E43

gray
#40413C

dark brown
#251C17

*/