/* - - - - - - - - - - - - - - - - - - - - - - - - - -
	Site Color Theme (background, border, color)
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/* ----- CORE IDENTIFIERS ----- */
body {
	background: url(../images/bg-paper.gif) repeat #fffdeb;
	color: #494949;
}
#header {
	background: url(../images/bg-header.png) repeat-x #777b7b;
	border-bottom: 1px solid #d3d3d3;
}
#navigation a, #navigation a:active, #navigation a:visited {
	border: none;
	color: #fff;
}
#navigation a:hover {
	color: #d3d3d3;
}
#navigation li.current a {
	color: #fff;
}
#title-bar {
	border-bottom: 1px solid #d9d9d9;
}
#footer {
	border-top: 1px solid #d9d9d9;
}
p.note {
	border-bottom: 1px solid #d9d9d9;
}

/* ----- MISC CLASSES ----- */
.icon {background-position: 0 50%; background-repeat: no-repeat;}
.info, .note {border-bottom: 1px solid #e9e9e9;}
.success {background-color: #DEFFAF; border: 1px solid #ACD919;}
.warning {background-color: #FFF6BF; border: 1px solid #FFD324;}
.success, .warning {border-width: 1px 0;}
.button {background-color: #F0F0F0; border-color: #FFF #DCDCDC #DCDCDC #FFF; border-width: 1px;}

/* ----- ICONS ----- */
.alert {background-image: url("../images/icons/alert.png");}
.english {background-image: url("../images/icons/en.gif");}
.flashpaper {background-image: url("../images/icons/flashpaper.png");}
.new {background-image: url("../images/icons/new.png");}
#recipes .new {background-position: right 50%;}
.pdf {background-image: url("../images/icons/pdf.png");}
.spanish {background-image: url("../images/icons/es.gif");}

/* ----- GRAPHS ----- */
div.graph {background-color: #F4F4F4; border: 1px solid #999;}
div.graph strong {background-color: #FFF6BF;}

/* ----- LINKS ----- */
a, a:link, a:active, a:visited {
	color: #CB1708;
	text-decoration: underline;
}
a:hover {
	color: #B44D00;
	text-decoration: none;
}

/* ----- HEADINGS ----- */
h1, h2, h3, h4 {
	
}

/* ----- COLUMNAR LISTS ----- */
ul.columnar {background-color: #F4F4F4;}
ul.columnar li a:link, ul.columnar li a:visited {color: #444;}
ul.columnar li a:hover {background-color: #666; color: #FEF5C6;}
ul.columnar li div.content {background-color: #F4F4ED;}
.column-title {background-color: #58564F; color: #FFF;}

/* ----- NAVIGATION ----- */
ul.nav li, ul.tabs li a {}
ul.nav li a:link, ul.nav li a:visited {color: #444;}
ul.nav li a:hover {color: #FFF;}
ul.nav li:hover, ul.nav li.sfhover {}
ul.tabs {}
ul.tabs, ul.tabs li, ul.tabs li:hover, ul.tabs li.sfhover {background-color: transparent;}
ul.tabs li a:link, ul.tabs li a:visited {color: #444;}
ul.tabs li a.current {background-color: #EDF7E7; color: #444;}
ul.nav ul {background-color: #FFF;}	/* for IE/Win, no problems elsewhere, prevents see through text */

/* ----- BREADCRUMBS ----- */
ol.breadcrumbs li a:link, ol.breadcrumbs li a:visited {}
ol.breadcrumbs li a:hover {}

/* ----- PAGINATION ----- */
ul.paging {color: #444;}
ul.paging li a:link, ul.paging li a:visited {background-color: #ECE9D8; color: #333;}
ul.paging li a:hover, ul.paging li strong {background-color: #FFF6BF;}

/* ----- QUOTES/CITATIONS ----- */
blockquote, blockquote.pull {border-bottom: 1px solid #CCC; border-top: 1px solid #CCC;}
cite {}

/* ----- FIGURES ----- */
span.figure img {border: 1px solid #D9E0E6; border-bottom-color: #C8CDD2; border-right-color: #C8CDD2;}
span.figure.plain, span.figure.plain img {background-color: transparent; border: none;}

/* ----- CODE ----- */
code, kbd {background-color: #F7F5EE;}
code.block {background-color: #FFF; border: 1px solid #C1CAD3; border-left-width: 6px;}

/* ----- TABLES ----- */
table, caption, th, td {border-color: #8C959A; border-style: solid;}
table {border-width: 0 0 1px 1px}
caption {border-width: 1px 1px 0 1px;}
caption, tbody tr.alt {background-color: #F4F4F4;}
table.highlight tbody tr:hover, table.highlight tbody tr.hover {background-color: #DEFFAF;}
th, th a:link, th a:visited {background-color: #8C959A; color: #FFF;}
th a:hover {color: #CCC;}
th, td {border-width: 0 1px 0 0;}

/* ----- FORMS ----- */
form fieldset {border: none; border-width: 0;}
form legend {color: #333;}
form .focused {background-color: #F4F1E5;}
form ol.selection.scroll {background-color: #FFF; border: 1px solid #CCC;}
form ol.selection.scroll li.alt {background-color: #F4F4F4;}