@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:
		Assets: #004c6d
		Panels: #00aaad
*/

@media screen {

	/* =readysteadybaby */
	
		body { background-color: #e5edf0; position: relative; min-width: 976px; margin-top: -85px; }
		
	/* =identity */
	
		div#site-header { 
			overflow: visible; position: relative; 
			background-color: #004c6d; 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.readysteadybaby.org.uk/images/layout/arch.gif");
				position: relative; top: 85px; height: 119px; 
			} 
		
			div#site-header div#header-collection { 
				width: 945px; height:119px; 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; }
			
			div#site-header div#identity p#crosslink { font-size:0.75em; position:absolute; right:0; top:0; font-weight:bold; }
			div#site-header div#identity p#crosslink a { color:#fff; }
			div#site-header div#identity p#crosslink a:hover, div#site-header div#identity p#crosslink a:focus { text-decoration:none; }

		/* =primary-navigation */
		
			div#site-header div#identity ul#primary-navigation {
				 font-size: 1em; color: #FFFFFF; width: 900px; padding: 1em 0 2em 0; position:absolute;
				 top:37px; left:0;
			}
			
			div#site-header div#identity ul#primary-navigation li { float: left; display: block; }
			
			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: #004c6d; font-style: normal; background-color: #FFFFFF;
				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: 0.625em; display: block; 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.625em; }

		/* =quicklinks */
		
			div#site-header div#identity ul#quicklinks { position:absolute; right:230px; top:25px; 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: left;
				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 { 
				position:absolute; right:0; top:23px; width:215px;
			}
			form#site-search fieldset { float:right; }
			form#site-search label { float: left; }
			form#site-search label span { display: none; }
			form#site-search label input { 
				font-size: 0.75em; font-weight:bold; border: 0; width: 151px; padding: 2px; display: block; 
				height: auto !important; height: 18px; min-height: 18px; 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: #004c6d; background-color: #00aaad; width: 55px; font-weight: bold; margin: 0;
				height: auto !important; height: 22px; min-height: 22px; text-indent: -9999px; vertical-align: baseline;
				background-image: url("/www.readysteadybaby.org.uk/images/assets/search-button.gif");
			}
		
	/* =content */
	
		div#site-content { 
			background-color: #FFFFFF; 
			background-image: url("/www.readysteadybaby.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.readysteadybaby.org.uk/images/layout/content.png");
			background-repeat: no-repeat; background-position: center top; display: block;
		} 
		
		div#site-content div#container {
			overflow: hidden; width: 976px; 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: 225px; float: left; padding: 49px 15px 0 0;  
		}
		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: #00aaad; text-decoration: none; font-style: normal;
		 	font-size: 0.75em; font-weight: bold; line-height: 1.4em; display: block; vertical-align: baseline;
			background-position: left 0.3em; background-repeat: no-repeat; background-color: #FFFFFF;
			padding: 0em 1em 0.3em 14px; background-image: url("/www.readysteadybaby.org.uk/images/assets/bullet.gif");
	 	}
	 	
	 	div#site-content div#container div#secondary-navigation ul li a span,
		div#site-content div#container div#secondary-navigation ul li em span
		{ text-decoration: underline; } 
		
		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: #004c6d; background-image: url("/www.readysteadybaby.org.uk/images/assets/bullet.gif"); }
		
		div#site-content div#container div#secondary-navigation ul li a:active span,
		div#site-content div#container div#secondary-navigation ul li a:focus span,
		div#site-content div#container div#secondary-navigation ul li a:hover span,
		div#site-content div#container div#secondary-navigation ul li a.open span,
		div#site-content div#container div#secondary-navigation ul li em span 
		{ text-decoration: none; }
		
		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#secondary-navigation ul li ul li ul li a,
		div#site-content div#container div#secondary-navigation ul li ul li ul li em 
		{ padding-left: 28px; }
		
		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; padding-right: 31px; }
		
	/* =site-information */
	
		ul#site-information { 
			width: 945px; margin: 0 auto 0 auto; clear: both; display: block;
			padding: 0.8em 31px 0.8em 0; color: #004c6d; position: relative;
		}
		
		ul#site-information li { 
			line-height: 1em; color: #004c6d; font-size: 0.75em; display: block; float: left;
			 padding: 0 0.5em 0 0.5em; border-right: 1px solid #004c6d; }
		ul#site-information li#healthier-scotland { position: absolute; right: 5em; font-size: 1em; top: 0.8em; padding: 0; border: 0; }
		ul#site-information li#healthier-scotland img { width: 7.5em; height: 3em; }
		ul#site-information li#health-scotland { position: absolute; right: 0.75em; font-size: 1em; top: 1em; padding: 0; border: 0; }
		ul#site-information li#health-scotland img { width: 3.25em; height: 3.25em; }
		ul#site-information li.last { border: 0; }
		
		ul#site-information li a { text-decoration: underline; color: #004c6d; font-weight: bold }
		ul#site-information li a:active,
		ul#site-information li a:focus,
		ul#site-information li a:hover 
		{ text-decoration: none; }
		
}