/*===========================================================================
	Colors (Global)
	
	This stylesheet defines the colors for the following:
	* Text and links
	* Backgrounds
	* Borders
===========================================================================*/

/*
	Color Glossary
	
	rgb(166,31,35); Red
	rgb(177,209,244); Sky Blue
	rgb(53,76,101); Ultra Dark Grey
	rgb(98,99,102); Dark Grey
	rgb(128,128,129); Medium Grey
	rgb(188,190,192); Medium Light Grey
	rgb(241,241,240); Light Grey
*/

/* Page
===========================================================================*/

html {
	background-color: white;
}

body div#page {
	color:            black;
	background-color: rgb(101,142,188);
	color: rgb(98,99,102); /* Dark Grey */
}

body div#page div#container {
	background-color: transparent;
}

div#page div#container div#content {
	background-color: white;
}

div#container div#content div#content-inner,
div#container div#content div#content-inner-hunter {
	border-color: rgb(188,190,192); /* Medium Light Grey */
}

/* Defaults
===========================================================================*/

/* Misc. Block */

/* Misc. Inline */

/* Links */

a:link {
	color: rgb(166,31,35); /* Red  */
}

a:visited {
	color: rgb(166,31,35); /* Red  */
}

a:focus,
a:hover,
a:active {
	color: rgb(166,31,35); /* Red  */
}

/* Headings */

h1 {
	color: rgb(166,31,35); /* Red */
}

h2 {
	color: rgb(166,31,35); /* Red */
}

h3 {
	color: rgb(166,31,35); /* Red */
}

/* Lists */

/* Forms */
button {
	background-color: transparent;
}

/* Data Tables */

/* Common Classes
===========================================================================*/

p.callout {
	color: rgb(166,31,35); /* Red */
}

div.hfeed div.hentry h2 em.byline {
	color: rgb(128,128,129); /* Medium Grey */
}


dl.beer-details dd a:link,
dl.beer-details dd a:visited {
	color: rgb(128,128,129); /* Medium Grey */
}

dl.beer-details dt,
dl.beer-details dd a:focus,
dl.beer-details dd a:hover,
dl.beer-details dd a:active {
	color: rgb(166,31,35); /* Red */
}

div.hentry p.byline span {
	background-color: white;
}

p.top-link a:link,
p.top-link a:visited {
	color: rgb(128,128,129); /* Medium Grey */
}

p.top-link a:focus,
p.top-link a:hover,
p.top-link a:active {
	color: white;
}

p.top-link a:focus span,
p.top-link a:hover span,
p.top-link a:active span {
	background-color: rgb(128,128,129); /* Medium Grey */
}

/* Flash Notices
===========================================================================*/

div#page div#container div.notice,
div#page div#container div#error.notice {
	background-color: white;
}

div#page div#container div#notice div#notice-inner,
div#page div#container div#error div#notice-inner {
	background-color: white;
	border-color: rgb(188,190,192); /* Medium Light Grey */	
}

div#page div#container div.notice p {
	background-color: rgb(211,229,229);
}

div#page div#container div#error.notice p {
	background-color: rgb(249,216,175);	
}

/* Content
===========================================================================*/

table thead tr th,
table thead tr td {
	background-color: white;
}

table thead tr th {
	color: rgb(166,31,35); /* Red */
}

table thead,
div#content table thead tr th,
div#content table thead tr td,
div#content table tbody tr td {
	border-color: rgb(220,220,220); /* Light Grey */
}

div#content table tbody tr {
	background-color: white;
}

div#content table thead tr th a:link,
div#content table thead tr th a:visited {
	color: rgb(128,128,129); /* Medium Grey */
}

div#content table tbody tr td a,
div#content table tbody tr td span {
	color: rgb(98,99,102); /* Dark Grey */	
}

div#content table tbody tr td a:focus,
div#content table tbody tr td a:hover,
div#content table tbody tr td a:active {
	color: rgb(166,31,35); /* Red */
}

div#content table tbody tr.odd-child td a,
div#content table tbody tr.odd-child td span {
	background-color: rgb(241,241,240); /* Light Grey */
}

div#content table tbody tr.even-child td a,
div#content table tbody tr.even-child td span {
	background-color: white;
}

dl.user-details dt,
blockquote p.quote {
	color: rgb(166,31,35); /* Red */
}

ul#price-points-list li em,
h2 em {
	color: rgb(128,128,129); /* Medium Grey */	
}

/* Pagination
===========================================================================*/

div#content ul.pagination-navigation li {
	color: rgb(166,31,35); /* Red */
}

div#content ul.pagination-navigation li a {
	color: rgb(128,128,129); /* Medium Grey */
}

/* User Controls
===========================================================================*/

/* Admin Menu
===========================================================================*/

div#content ul#admin-navigation li a:link,
div#content ul#admin-navigation li a:visited {
	color: rgb(128,128,129); /* Medium Grey */
}

div#content ul#admin-navigation li a:focus,
div#content ul#admin-navigation li a:hover,
div#content ul#admin-navigation li a:active {
	color:            white;
	background-color: rgb(128,128,129); /* Medium Grey */
}

div#secondary-content dl#admin-controls dd a:link,
div#secondary-content dl#admin-controls dd a:visited {
	color: rgb(128,128,129); /* Medium Grey */
}

div#secondary-content dl#admin-controls dd a:focus,
div#secondary-content dl#admin-controls dd a:hover,
div#secondary-content dl#admin-controls dd a:active {
	color: rgb(166,31,35); /* Red */
}

/* Secondary Navigation
===========================================================================*/

div#content ul#secondary-navigation li {
	color: rgb(166,31,35); /* Red */
}

div#content ul#secondary-navigation li a:link,
div#content ul#secondary-navigation li a:visited {
	color: rgb(128,128,129); /* Medium Grey */
}

div#content ul#secondary-navigation li a:focus,
div#content ul#secondary-navigation li a:hover,
div#content ul#secondary-navigation li a:active {
	color: rgb(255,255,255);
	background-color: rgb(128,128,129); /* Medium Grey */
}

/* License
===========================================================================*/

div#content ul#license {
	border-color: rgb(188,190,192); /* Medium Light Grey */
}

div#content ul#license li,
div#content ul#license li a:link,
div#content ul#license li a:visited {
	background-color: transparent;
	color: rgb(98,99,102); /* Dark Grey */
}

div#content ul#license li a:hover,
div#content ul#license li a:focus,
div#content ul#license li a:active {
	color: rgb(166,31,35); /* Red */
}

/* Logo
===========================================================================*/