@import url("blankcanvas.css");
@import url("base-typography.css");
@import url("base-datasets.css");
@import url("assets.css");

/*
	Site: 976px / 61em
	Gutters: 15px / ~1em
	Content Padding: 10px / 0.625em
	Font sizes: 30px (1.875em), 18px (1.125em), 14px (0.875em), 12px (0.75em)
	Columns:
		Secondary Navigation: 225px
		Primary Content: 705px;
		Main Content: 465px
		Related Content: 225px
		
	Core Palette:
		Header: #c8afc4
		Gateway Panels: #eae0d5
		Assets: #a41c63
		Copy Panels: #f1eaf0
		Related Panels: #b2cfdb
*/

@media screen {

	/* =readysteadybaby */
	
		body { background-color: #f1eaf0; position: relative; min-width: 976px; margin-top: -85px; }
		
	/* =identity */
	
		div#site-header { 
			overflow: visible; position: relative; 
			background-color: #c8afc4; z-index: 110; 
		}
		
		/* =identity */
		
			div#site-header div#identity { 
				position: relative; display: block; padding: 20px 0px 65px 0px;
				background-position: center bottom; background-repeat: no-repeat; 
				background-image: url("/www.feedgoodfactor.org.uk/images/layout/arch.gif");
				position: relative; top: 85px; height: auto !important; height: 105px; min-height: 105px;
			} 
		
			div#site-header div#header-collection { 
				width: 945px; margin: 0 auto;
				position: relative; overflow: hidden;
			}
			
			div#site-header div#identity p#branding { float: left; display: block; width: 312px; cursor: pointer; }
			div#site-header div#identity p#branding a { display: block; cursor: pointer; }
			div#site-header div#identity p#branding img { position: relative; cursor: pointer; }

		/* =primary-navigation */
		
			div#site-header div#identity ul#primary-navigation {
				 font-size: 0.875em; color: #FFFFFF; display: block; clear: left;
				 width: 850px; padding: 0.5em 0 2em 0; overflow: hidden; 
			}
			
			div#site-header div#identity ul#primary-navigation li { float: left; display: inline; margin-right: 0.44em; }
			
			div#site-header div#identity ul#primary-navigation li a {
				text-decoration: none; font-weight: bold; float: left;
				display: block; position: relative; color: #FFFFFF; 
			}
			
			div#site-header div#identity ul#primary-navigation li a:active,
			div#site-header div#identity ul#primary-navigation li a:focus,
			div#site-header div#identity ul#primary-navigation li a:hover
			{ text-decoration: underline; }
			
			div#site-header div#identity ul#primary-navigation li em,
			div#site-header div#identity ul#primary-navigation li a.active {
				color: #FFFFFF; font-style: normal; background-color: #b76996;
				font-weight: bold; display: block; position: relative; border: 0;
				height: auto !important; height: 1em; min-height: 1em;
			}
			
			div#site-header div#identity ul#primary-navigation li a span,
			div#site-header div#identity ul#primary-navigation li em span
			{ padding: 6px; float: left; cursor: pointer; }
			
			div#site-header div#identity ul#primary-navigation li a#nav-home span { padding-left: 0; }
			div#site-header div#identity ul#primary-navigation li a#nav-home.active span { padding-left: 0.2em; }						

		/* =quicklinks */
		
			div#site-header div#identity ul#quicklinks { float: right; width: 315px; text-align: right; overflow: hidden; }
			div#site-header div#identity ul#quicklinks li { 
				line-height: 1em; color: #FFFFFF; font-size: 0.75em; display: block; float: right;
				padding: 0 0.5em 0 0.5em; border-right: 1px solid #FFFFFF; line-height: 1.2em;  }
			div#site-header div#identity ul#quicklinks li.last { border: 0; padding-right: 0; }
			
			div#site-header div#identity ul#quicklinks li a { text-decoration: underline; color: #FFFFFF; font-weight: bold }
			div#site-header div#identity ul#quicklinks li a:active,
			div#site-header div#identity ul#quicklinks li a:focus,
			div#site-header div#identity ul#quicklinks li a:hover 
			{ text-decoration: none; }
			
		/* =site-search */
		
			 form#site-search { 
				display: inline;  float: right; clear: right;
				margin-top: 15px; text-align: right; color: #FFFFFF;
				padding-bottom: 0.4em; width
			}
			
			 form#site-search fieldset { display: inline; float: right; }
			
			 form#site-search label { display: block; float: left; padding-left: 40px; }
			
			 form#site-search label span { display: none; }
			 form#site-search label input { 
				font-size: 0.9em; border: 0; width: 155px; padding: 0; display: block; 
				 height: 22px;  float: left;
				vertical-align: baseline; 
			}
			
			 form#site-search input.submit { 
				border: 0; background-repeat: no-repeat; cursor: pointer; display: block; float: left;
				background-position: top right; letter-spacing: -0.05em; padding: 0; font-size: 0.75em;
				color: #FFFFFF; background-color: #a41c63; width: 5em; font-weight: bold; margin: 0;
				line-height: 22px; height: 22px; padding-bottom: 3px; vertical-align: baseline; 
				font-family: Arial;
				background-image: url("/www.feedgoodfactor.org.uk/images/assets/search-button.gif");
			}
		
	/* =content */
	
		div#site-content { 
			background-color: #FFFFFF; 
			background-image: url("/www.feedgoodfactor.org.uk/images/layout/site-content.png");
			background-repeat: repeat-x; background-position: left top; display: block; width: 100%;
		}
		
		div#site-content div#content-collection { 
			background-image: url("/www.feedgoodfactor.org.uk/images/layout/content.png");
			background-repeat: no-repeat; background-position: center top; display: block;
		} 
		
		div#site-content div#container { overflow: hidden; width: 970px; padding: 0px 0px 15px 30px; margin: 0 auto; }
		div#site-content div#container div#primary-content { position: relative; z-index: 20; }
		div#site-content div#container div#secondary-navigation { z-index: 110; position: relative; display: block; width: 219px; float: left; padding: 49px 15px 0 0; }
		div#site-content div#container div#secondary-navigation ul { overflow: hidden; }
		div#site-content div#container div#secondary-navigation ul li { display: block; float: left; width: 100%; }

		div#site-content div#container div#secondary-navigation ul li a, 
		div#site-content div#container div#secondary-navigation ul li em { 
			font-weight: bold; color: #000000; text-decoration: none; font-style: normal; text-decoration: underline;
		 	font-size: 0.75em; font-weight: bold; line-height: 1.4em; display: block; vertical-align: baseline;
			background-color: #FFFFFF; padding: 0em 1em 0.3em 0; 
	 	}
	 	
		div#site-content div#container div#secondary-navigation ul li a:active,
		div#site-content div#container div#secondary-navigation ul li a:focus,
		div#site-content div#container div#secondary-navigation ul li a:hover,
		div#site-content div#container div#secondary-navigation ul li a.open,
		div#site-content div#container div#secondary-navigation ul li em
		{ color: #a41c63; }
		
		div#site-content div#container div#secondary-navigation ul li ul { padding: 0 0 0.3em 0; overflow: hidden; width: 100%; }
		div#site-content div#container div#secondary-navigation ul li ul li { background: transparent; padding: 0 0 0 0; }
		div#site-content div#container div#secondary-navigation ul li ul li a,
		div#site-content div#container div#secondary-navigation ul li ul li em { font-weight: normal; background: none !important; padding-bottom: 0.1em; }
		div#site-content div#container div#secondary-navigation ul li ul li ul { padding: 0; }
		
		div#site-content div#container div#primary-content { padding-top: 49px; width: 736px; float: left; overflow: hidden; }
		div#site-content div#container div#content-header { width: 705px; }
		div#site-content div#container div#content-main { width: 465px; padding-right: 15px; float: left; }
		div#site-content div#container div#content-related { width: 225px; float: left; }
		
		div#site-content div#container div#secondary-navigation div.side-panel { margin-top: 3.5em; }
		
		div#site-content div#container div.side-panel { 
			background: #a41c63 no-repeat top left url(/www.feedgoodfactor.org.uk/images/assets/bubble.gif);
			width: 198px; height: auto !important; height: 142px; min-height: 142px; padding: 30px 0px 0px;
			color: #FFFFFF; text-align: center; font-weight: bold;
		}
		div#site-content div#container div.side-panel p { color: #FFFFFF; font-size: 1em; line-height: 1.2em; padding: 0px 20px 0px 20px; height: auto !important; height: 112px; min-height: 112px;  }
		div#site-content div#container div.side-panel p span.phone { font-size: 1.1em; display: block; padding-top: 5px; }
		div#site-content div#container div.side-panel p.notes { height: auto !important; height: 1em; min-height: 1em; background: #FFFFFF; padding: 10px 0 0 0; font-size: 0.8em; color: #a41c63; line-height: 1.2em; }
		div#site-content div#container div#rsb { padding-top: 20px; }
		div#site-content div#container div#rsb p.notes { background: #FFFFFF; padding: 10px 25px 0 0px; font-size: 0.8em; color: #a41c63; line-height: 1.2em; text-align: center; font-weight: bold; }
		div#site-content div#container div#rsb a { color: #a41c63;}
		div#site-content div#container div#rsb a:hover,
		div#site-content div#container div#rsb a:focus,
		div#site-content div#container div#rsb a:active { text-decoration: none; }
		div#site-content div#container div#content-related div.copy.panel {
			background: #b2cfdb; color: #003e8a; font-size: 1em; font-weight: bold; 
			width: 100%;
		}
		
		* html div#site-content div#container div#content-related div.copy.panel span.tr,
		* html div#site-content div#container div#content-related div.copy.panel span.br
		{ right: -1px; }
		
		div#site-content div#container div#content-related div.side-panel { 
			margin-bottom: 1em; padding: 45px 0 205px 0; width: 223px; margin-top: -1.5em;
			background: #a41c63 url(/www.feedgoodfactor.org.uk/images/assets/bubble-large.jpg) no-repeat;
		 }
		 
		div#site-content div#container div#content-related div.side-panel p { padding: 0 30px 0 20px; font-size: 1.1em; }
		div#site-content div#container div#content-related div.copy.panel p { padding: 1em 1em 0.75em 1em; line-height: 1.2em; font-size: 0.9em; }
		
	/* =site-information */
	
		ul#site-information { 
			width: 945px; margin: 0 auto 0 auto; clear: both; display: block;
			padding: 0.8em 31px 0.8em 0; color: #a41c63; position: relative;
		}
		
		ul#site-information li { 
			line-height: 1em; color: #a41c63; font-size: 0.75em; display: block; float: left;
			 padding: 0 0.5em 0 0.5em; border-right: 1px solid #a41c63; }
		ul#site-information li#healthier-scotland { position: absolute; right: 1em; font-size: 1em; top: 0.8em; padding: 0; border: 0; }
		ul#site-information li#healthier-scotland img { width: 7.3125em; height: 2.5em; }
		ul#site-information li.last { border: 0; }
		
		ul#site-information li a { text-decoration: underline; color: #a41c63; font-weight: bold }
		ul#site-information li a:active,
		ul#site-information li a:focus,
		ul#site-information li a:hover 
		{ text-decoration: none; }
		
}