/* bodyblog */

body {
  font-family:verdana;
  font-size: 10pt;
  margin:0;
  padding:0;
  background: white;
}


body.staging {
  background: #ccc;
  color:#333;
}
#RAILS_ENV {
  z-index: 500000;
  color: white;
  background: black;
  opacity: 50%;
  position: fixed;
  bottom:0;
  left:0;
  padding: 20px;
  width:100%;
  text-align:center;
  margin:0;

  filter:alpha(opacity=60);
  -moz-opacity:0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}


#masthead {
  color: white;
  background: #4488cc;
  margin: 0;
  padding:15px;
  font-family: impact, helvetica, arial;
  font-weight: normal;
  font-size:44pt;
  vertical-align: text-bottom;
}

#masthead img { 
  margin-right: 25px;
}

form { 

}

.navigation {
  background: #336699;
  background: #000066;
  color:white;
}

.navigation a {
  color: white;
}

.navigation a:visited {
  color: #ddd;
}

#footer li, 
ul.navigation li{
   display : inline;
   padding-right: 20px;
   padding-left: 20px;
}

ul.navigation li {
   border-left: dotted cyan 1px;
} 


.even { background: #fff; }
.odd  { background: #eee; }


#footer {
 margin-top: 100px; 
 border-top: solid #000066 4px;
 text-align:center;
}


.sidebar {
  
  
  margin-bottom: 10px;
  padding: 5px;
  background: #99ccff;
  background: #000066;
  color: white;
}


.entry {
  margin-bottom: 50px;
}

.byline {
  color: #999;
}


th {
  text-align: left;
}

#fourpics td {
  width: 200px;
  text-align:center;
  vertical-align: top;
  font-size: smaller;
}

#fourpics th {
  text-align: center;
  font-weight: normal;
  font-size: smaller;
}


#content {
  padding: 7px;
}


.entry h2 {
  color: white;
  font-size: 100%;
  background: #000066;
  padding: 1px;
}

.entry .byline {
  font-size: smaller;
  color: #000099;
}

.draft, .draft h2, .draft .byline {
  background: #666;
  color: #ccc;
  padding: 2px;
  padding-top: 0;
}


#blognav {
  width: 100%;
  border-top: solid #000066 2px;
  border-bottom: solid #000066 2px;
  padding: 5px;
  text-align: center;
}


table.case-study th {
  background: #000066;
  color: white;
  text-align:left;
}


.gridform input {
  width: 100px;
  margin: 0px;
}

.gridform th.gap {
  width:20px;
}

.gridform input.number {
  width: 40px;
}
.gridform input.exercise {
  width: 200px;
}

.forbidden input.meal {
  background: #ccc !important;
}



/* == comments == */

.comment cite {
  font-size: smaller;
  color: #000066;
}

.comment {
   border-bottom: dashed #000066 1px;
}


/* == forms == */

input, textarea, select {
  border: solid #000066 1px;
}


/* == calendar == */

.calendar td {
  width: 1em;
  padding: 5px; 3px;
}

.calendar td.dayCursor {
  padding: 3px; 1px;
  border: solid black 2px !important; 
}

.didBoth { background: lime !important; }
.didNeither { background: red !important; }
.didOnlyOne { background: yellow !important; }

.calendar .today {
  font-weight:bold;
}


/* === FLASH MESSAGES === */
div#flash-notice {
  color: green;
  background: #ffff99;
}

div#flash-warning {
	
}

div#flash-error {
	
}

/* === ERROR MESSAGES === */
div#errorExplanation {
	
}

div#errorExplanation h2 {
	
}

div#errorExplanation p {
	
}

div#errorExplanation ul {
	
}

div#errorExplanation ul li {
	
}

/* === FORMS === */
div.fieldWithErrors {
	
}

div.fieldWithErrors label {
	
}

div.fieldWithErrors input, div.fieldWithErrors select, 
div.fieldWithErrors textarea
{
	
}