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


@media screen {

	/* =ceilidh */
	
		body { 
			background: url(../images/layout/bg-body.gif) repeat top left;
		}
		
	/* =content */
	
		div#content {
			margin: 0 auto;
			width: 1004px;
			padding-bottom: 2em;
		}
		
		div.frame div.content {
			overflow: auto;
			padding: 30px 40px;
			color: #000;
		}
		
		div.col {
			float: left;
			margin: 0 10px;
		}
		
		div.col2 {
			width: 140px;
		}
		
		div.col6 {
			width: 460px;
		}
		
		#content p.intro {
			margin-bottom: 2em;
			font-weight: bold;
			color: #6e4117;
		}
		
	/* =header */
	
		div#content div#header {
			position: relative;
			overflow: hidden;
			width: 1004px;
			height: 125px;
			background: url(../images/layout/bg-header.gif) no-repeat 50% 0;
			color: #fff;
		}
		
		div#header h1 {
			margin: 0 auto;
			width: 320px;
			height: 114px;
		}
		
		div#header p#branding {
			position: absolute;
			left: 30px;
			top: 15px;
			text-align: center;
			font-size: .8125em;
		}
		
		div#header p#branding a {
			display: block;
			margin-top: 8px;
			width: 154px;
			padding-top: 28px;
			background: url(../images/branding/scotland.gif) no-repeat;
			color: #fff;
			text-decoration: none;
		}
		
		div#header p#branding a:hover,
		div#header p#branding a:focus,
		div#header p#branding a:active {
			text-decoration: underline;
		}
		
		div#header p#branding span {
			display: block;
			text-align: center;
		}
		
		form#search {
			position: absolute;
			right: 10px;
			top: 45px;
			width: 256px;
		}
		
		form#search label span {
			display: none;
		}
		
		form#search label {
			float: left;
			height: 24px;
			padding: 2px 4px;
			background: #ead4bc;
		}
		
		form#search input#txt-keywords {
			float: left;
			margin: 0;
			border: 0;
			width: 160px;
			padding: 4px;
			font-size: 0.75em;
			background-color: transparent;
		}
		
		form#search input#img-search {
			float: left;
		}
		
		div#header #theme { position: absolute; right: 0; top: 8px; }
		
	/* =frame */
		
		div.frame {
			position: relative;
			top: -7px;
			width: 1004px;
			background: url(../images/layout/frame-top.gif) no-repeat;
		}
		
		div.frame div.inner {
			padding: 50px 47px 50px 47px;
			background: url(../images/layout/frame-bottom.gif) no-repeat left bottom;
		}
		
		div.frame div.inner-2 {
			height: auto !important;
			height: 446px;
			min-height: 446px;
			background-color: #ead6be;
		}
		
		#infinite-ceilidh,
		#infinite-ceilidh-cust {
			display: block;
			position: relative;
			z-index: 100;
		}
		
	/* =subnav */
	
		#content ul#secondary-navigation {
			padding: 80px 0 1em 0;
		}
		
		#content ul#secondary-navigation li {
			font-weight: bold;
			padding-bottom: .5em;
		}
		
		ul#secondary-navigation li a {
			display: block;
			padding-left: 13px;
			text-decoration: none;
			background-repeat: no-repeat;
			background-position: left center;
		}
		
		ul#secondary-navigation li a:hover,
		ul#secondary-navigation li a:focus,
		ul#secondary-navigation li a:active {
			text-decoration: underline;
		}
		
		ul#secondary-navigation li.active a {
			color: #6e4117;
			background-image: url("../images/icons/double-chevron.gif");
		}
		
	/* =footer */
	
		div#footer {
			overflow: hidden;
			padding-top: 1em;
			color: #fff;
			font-size: .8125em;
		}
		
		div#footer a {
			color: #fff;
			text-decoration: none;
		}
		
		div#footer a:hover,
		div#footer a:focus,
		div#footer a:active {
			text-decoration: underline;
		}
		
		ul#site-information {
			float: left;
			margin: .9em 0 0 0;
			font-size: 1em
			;
		}
		
		ul#site-information li {
			float: left;
			margin-right: 10px;
			border-right: 1px solid #fff;
			padding-right: 10px;
		}
		
		ul#site-information li.last {
			border: 0;
			padding-right: 0;
			margin-right: 0;
		}
		
		div#share {
			float: right;
			padding-right: 30px;
			height: 3em;
		}
		
		div#share h2 {
			float: left;
			padding: .55em 10px 0 0;
			text-transform: uppercase;
		}
		
		div#content div#share ul,
		div#content div#share ul li {
			float: left;
			padding: 0;
			margin: 0;
		}
	
				
}