body { width: 960px; margin: 0 auto 50px; min-height: 600px; font-size: 16px; }
h2.grouptitle { color: rgba(204, 0, 51, 1); padding: 8px 0; margin: 0; }
h1.rectitle { font-size: 32px; text-align: center; }
h3 { font-size: 24px; }
a:link, a:visited {background: transparent; color:rgba(51, 51, 204, 1.0); text-decoration:none;}
a:hover { color: rgba(204, 0, 102, 1); }
.clear { clear: both; }
.primary_nav_wrap { width: 800px; margin: 16px auto; }
.primary_nav_wrap ul { background: rgba(0, 102, 255, 1); list-style: none; position: relative; float: left; margin: 0; padding: 0; }
.primary_nav_wrap ul a { display: block; color: rgba(255, 255, 255, 1.0); text-decoration: none; font-weight: 700; font-size: 16px; line-height: 32px; padding: 0 15px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.primary_nav_wrap ul li { position: relative; float: left; margin: 0; padding: 0; }
.primary_nav_wrap ul li.current-menu-item { background: rgba(0, 153, 255, 1.0); }
.primary_nav_wrap ul li:hover a { background: rgba(0, 153, 255, 1); color: rgba(0, 0, 0, 1); }
.primary_nav_wrap ul ul { display: none; position: absolute; top: 100%; left: 0; background: rgba(255, 102, 153, 1.0); padding: 0; }
.primary_nav_wrap ul ul li { float: none; width: 250px; }
.primary_nav_wrap ul ul a { line-height: 120%; padding: 10px 15px; }
.primary_nav_wrap ul ul ul { top: 0; left: 100%; }
.primary_nav_wrap ul li:hover > ul { display: block; }
.recipe { font-size: 16px; }
.recipe-list { margin: 0 auto; }
.recipe { width: 720px; margin: 0 auto; }
.recimg { width: 700px; margin: 0 auto; }
ul.recingred { list-style: none; }
ol.recinstr { list-style: outside decimal;  }
ul.tabs { font: 75% "Trebuchet MS",sans-serif; }
ul.groupitems { list-style: none inside; font-size: 18px; }
ul.groupitems li a { color: rgba(0, 0, 204, 1); }
ul.groupitems li a:hover {  color: rgba(204, 0, 51, 1); }

/* ref links for accordion
http://codepen.io/CesarGabriel/pen/tLDwH
http://stackoverflow.com/questions/12008389/linking-to-a-section-of-an-accordion-from-another-page
https://forum.jquery.com/topic/accordion-open-a-specific-tab-with-link-from-another-page
http://foundationphp.com/tutorials/jqui_specific.php
https://jqueryui.com/accordion/
http://www.dynamicdrive.com/dynamicindex17/ddaccordion.htm
https://jqueryui.com/tabs/ (Tabs may be a better option)
*/
#accordion input {
	display: none;
}
#accordion label {
	background: rgba(153, 204, 255, 0.5);
	border-radius: .25em;
	cursor: pointer;
	display: block;
	margin:  0.5em .125em;
	padding: 0 0 0 1em;
	z-index: 20;
}
#accordion label:hover {
	background: rgba(153, 204, 255, 0.75);
}

#accordion input:checked + label {
	background: rgba(153, 204, 255, 0.5);
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	color: white;
	margin-bottom: 0;
}
#accordion article {
	background: rgba(153, 204, 255, 0.25);
	height: 0;
	overflow:hidden;
	z-index:10;
}
#accordion input:checked article {
}
#accordion input:checked ~ article {
	border-bottom-left-radius: .25em;
	border-bottom-right-radius: .25em;
	height: auto;
	margin-bottom: .125em;
}

/* Column Classes
	Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */
/*
.five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { float: left; margin-left: 2.564102564102564%; }
.one-half, .three-sixths, .two-fourths { width: 48.717948717948715%; }
.one-third, .two-sixths { width: 31.623931623931625%; }
.four-sixths, .two-thirds { width: 65.81196581196582%; }
.one-fourth { width: 23.076923076923077%; }
.three-fourths { width: 74.35897435897436%; }
.one-sixth { width: 14.52991452991453%; }
.five-sixths { width: 82.90598290598291%; }
.first { clear: both; margin-left: 0; }
.last { clear: both; margin-top: 0; float: right; }
.clear { clear: both; }
*/

@media print {

#menu {display:none;}
.recipe { font-size: 18px; }
/*#content {display:none;}
#comments {display:none;}
#sidebar {display:none;}
#footer {display:none;}*/
}

