/*body { background: url('/images/grey_overlay.png') scroll 150%; font-family: Helvetica,Arial,"Bitstream Vera Sans",sans-serif; }
	body div.wrapper { width: 100%; height: 100%; background: url('/images/grey_overlay_dark.png') scroll 20px  70%; float: left; }
*/
body { background: #efefef; font-family: Helvetica,Arial,"Bitstream Vera Sans",sans-serif; }
	body div.wrapper { }


	a { color: #0071bb; text-decoration: none; }
		a:hover { color: black; text-decoration: underline; }

nav, header, footer { display: block; }

header, footer { margin-top: 20px; }
	header div img { margin: 10px; height: 148px; }
	header nav { height: 170px; }
		header nav h1 { margin: 60px 0 10px 40px; font-size: 4em; letter-spacing: -0.06em;}
		header nav ul { list-style: none; float: left; margin: 0 0 0 40px; }
			header nav ul li { float: left; margin: 0 20px 0 0; }
				header nav ul li a { padding: 5px 10px; font-size: .8em; background: #0071BB; color: white; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
				header nav ul li.current a { background: #000;}
				header nav ul li a:hover { background: #000; color: white; text-decoration: none; }

footer { clear: both; bottom: 0; width: 100%; z-index: 50; }
	footer div.content { background: white; float: left; margin-top: 200px; }

a.pagination { border: 1px solid #0071BB; background: #6fd0f6; color: white; padding: 4px 6px; font-size: .8em; margin: 5px 0; float: right; }
	a.pagination:hover { background: #157ec1; text-decoration: none; }

ul.contact { background: white; margin: 5px 10px 0px -10px; width: 960px; line-height: 22px; list-style: none; font-size: 0.8em; height: 20px; text-align: center; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
	ul.contact li { display: inline; margin: 0; padding: 5px 10px; }
		ul.contact li strong { margin-right: 5px; }
	ul.contact li.current { background: #000; color: #fff; border-radius: 1em; border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; }
		ul.contact li.current a { color: #fff; }

ul.flavorList { font-size: .9em; margin: 0; padding: 0; }
	ul.flavorList li { margin-bottom: 5px; }
		ul.flavorList li span { color: #999; font-size: .8em; }

div.solid { background: white; float: left; }


#content { background: white; margin: 10px 0; padding: 20px 0; float: left; z-index: 99; position: relative;}
	.notice { margin-top: 20px; text-align: center; }
	.confirm { background: #91c645; border: 3px solid #5b8a00; padding: 10px; color: white; }
	.alert { background: #c00; border: 3px solid #900; padding: 10px; color: white; }

/* Forms */
	.radio { white-space: nowrap; color: #444; font-size: .9em;}
	.holder { margin: 5px; float: left; width: 100%; }
		.holder label { display: block; }
		.holder.radio label { display: inline;}
	.callout { text-decoration: none; font-size: 20px; background: #91c645; border: 1px solid #5b8a00; color: white; padding: 3px 6px; margin: 5px 0 0 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
	.callout:hover { text-decoration: none; background: #5b8a00; border: 1px solid #5b8a00; color: white; }
	.callout:active { background: #222; border: 1px solid #000; }
	
	.flavor_subscriptions .headerSecondary { margin-top: 20px; float: left; }
/* Forms end */

/* Typography */

	.headerPrimary, .copy h1 { font-size: 2.5em; letter-spacing: -0.03em; margin-top: 10px; }
	.headerSecondary, .copy h2 { font-size: 1.4em; color: #222; margin-top: 10px; }
	.headerTertiary, .copy h3 { font-size: 1.4em; color: #222; margin-top: 10px; font-weight: normal; font-family: 'Helvetica Neue', Helvetica,Arial,"Bitstream Vera Sans",sans-serif; }
	
	.headerPrimary .number, .headerSecondary .number { padding: 6px 10px 4px 10px; height: 32px; background: #ddd; border: 1px solid #999; border-radius: 2em; -moz-border-radius: 2em; -webkit-border-radius: 2em; }

	/* Copy */

	.copy {padding: 0 0 10px; line-height: 1.3em; font-size: 1.05em;}
		.copy p {margin: 0 0 1em;}
		.copy ul, .copy ol {list-style-position: outside; margin-left: 2em; padding: .5em 0;}
			.copy li {margin: 0 0 .5em;}

		.copy blockquote { margin: 20px; padding: 10px 0 0; border: solid #d6d6d6; border-width: 1px 0; color: #666; font-size: .916em; }
			.copy blockquote strong {display: block; margin: 0 0 5px; color: #333;}
			.copy blockquote strong + p br:first-child {display: none !important;}
		.copy table { font-size: .8em; border-top: 1px solid #eee; }
			.copy table td { padding: 3px 20px; border-bottom: 1px solid #eee; }

	.copySmall { font-size: .85em; color: #444;}

	/* Copy end */
/* Typography end */

/* @group Article */
.imgMain {position: relative; float: right; width: auto; margin: 0 0 10px; padding: 0 5px; text-decoration: none; text-align: center;}
.imgMain:hover {text-decoration: none;}
.imgMain.img620, .imgMain.img380 {padding: 0;}

.imgMain.imgBoxed {padding: 5px; border: 1px solid; border-color: #eee #ddd #ddd #eee;}
.imgMain.img210.imgBoxed img {width: 198px;}
.imgMain.img620.imgBoxed img {width: 608px;}

.imgMain.img620.imgGallery {float: none; clear: both; display: block;}

	.imgMain img {margin: 0 auto;}
	.imgCaption { font-size: .8em; display: block; padding: 5px; padding-left: 20px; background: url(/images/arrow_up.png) no-repeat 5px 4px; color: #222; line-height: 1.5em; text-align: left; }
	.img210 .imgCaption {width: 185px; color: #666; font-weight: normal;} .img210.imgBoxed .imgCaption {width: 173px;}
	.img620 .imgCaption {width: 595px; color: #666; font-weight: normal;} .img620.imgBoxed .imgCaption {width: 583px;}
	.imgGallery.img620 .imgCaption {text-align: center; background-image: none; color: #666; font-weight: normal;}

	.imgMain .imgOverlay {display: none;}
	
.byLine { font-size: .8em; color: #888; font-style: italic;}
/* @end */

/* @group Article lists */
ul.articleRow { width: 960px; margin-left: -15px; margin-top: 10px;  }
	ul.articleRow li { float: left; width: 300px; margin-left: 15px; display: block; }
		ul.articleRow li .header { margin-bottom: 10px; font-weight: normal; }

ul.articleList li { padding-left: 110px; display: block; clear: both; }
	ul.articleList li a img { margin-left: -110px; float: left; }

	ul.articleRow li .date, ul.articleList li .date { color: #666; font-size: .8em; }
	ul.articleRow li .copy, ul.articleList li .copy { font-size: .9em; }
	ul.articleRow li .read_more, ul.articleList li .read_more { white-space: nowrap; }

/* @end */

.widget {overflow: hidden; display: block; margin: 0 0 10px;}
	.widget ul {list-style: none;}
	.widget .spinner { text-align: center; margin: 20px; }
		.widget .spinner img { display: inline; margin: 0; }

.box { margin: 10px 0 20px 0; padding: 10px 20px; border: 1px solid #d6d6d6; background: #eee url('/images/grey_overlay.png'); color: #444; }
	.box label { display: block; font-weight: bold; }
	.box input[type="submit"] { margin-top: 5px; }
	.box h2 { font-size: 1.2em; margin: 0 0 10px 0;}

/* Background themes */

footer { height: 240px; background: url('/images/fat_footer_splashes.png') repeat-x 100% 0 scroll; }
div.solid { background: none; }

/* Background themes END */