/* grey-green theme.css */

/* backgrounds: since the content area is white, it's best 
to choose something darker. also, note the background image
in doc_container. if you change this color, either remove
the image, or replace it with a gradient that matches. */

body{
  background-color:#2b312a;       /* dark grey-green */
}
.doc-container {
  background-color:#566056;       /* medium grey-green */
  background-image: url(/themes/micro/images/bottom-gradient-sage.jpg); 
}
.tabs a {
  background-color:#7d8d7d;       /* light grey-green */
}
.tabs a:hover {
  background-color:#a7c1a4;       /* light green */
}

/* link and text colors */

a,
body{
	color:#566056;                  /* grey-green */
}
a:hover{
 	color:#427e5b;                  /* dark green */
}
.commentsblock #submit,
#sidebar h3,
#sidebar h3 a,
.commentsblock h3,
.commentsblock h3 a,
.commentsblock h4,
.content h1,
.content h1 a,
.dropcap,
.entrytitle h1 a,
.entrytitle h2 a,
#hd .tabs a {
  color: #333;                    /* dark grey */
}
#sform input,
.grey,
.soft,
.caption {
  color:#777;                     /* grey */
}

#logo h1 a,
#logo h3 a,
#logo h1 a:hover,
#logo h3 a:hover {
	color:#fff;                     /* white */
}
