@charset "UTF-8";
/************************************************************************************
-------------------------------------------------------------------------------------
	
	"wag.css"
	@desc	Base layout rules for wildaboutgardens.org
	@author ico Design <admin@icodesign.co.uk>
	
-------------------------------------------------------------------------------------
************************************************************************************/


	@import "nav.css";
	@import "modules.css";
	@import "type.css";
	/*@import "debug.css";*/



*{
	margin: 0;
	padding: 0;
}
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

ul#skip-nav{
	position: absolute;
	top: -999em;
}


/*	Main layout
-------------------------------------------------------------------------------------*/

html{
	background: #d9d9b3 url('/img/page-backgrounds/bg-tile.jpg') repeat-y center;
}
body{
	/*background: url('/img/page-backgrounds/bg-1.jpg') no-repeat top center;*/
}

#wrapper-outer{
	margin: 0 auto;
	position: relative;
	padding: 0 40px 0 40px;
	width: 820px;
}
#wrapper{
	margin: 0 auto;
	padding: 80px 20px 0 20px;
	position: relative;			
	width: 780px;
}
#head{
	float: left;
	/*height:  159px;*/
	padding: 5px 0;
	width: 780px;
}
#content{
	float: left;
	width: 780px;
}
#primary{
	padding: 0;
	position: relative;
}
#primary .main-content{
	background: url('/img/common/dots-hori-light.gif') repeat-x bottom;
	padding-bottom: 25px;
}

/*	Header
-------------------------------------------------------------------------------------*/

#logo{
	float: left;
	height: 152px;
	width: 229px;
}
#head-content{
	float: right;
	/*height: 140px;*/
	width: 400px;
}
#search{
	background: url('/img/common/bg-sub-nav.gif') no-repeat top left;
	float: left;
	font-size: 1.3em;
	height: 35px;
	line-height: 35px;
	margin-top: 15px;
	padding-top: 0;
	width: 400px;	
}
#navigation{
	background: url('/img/common/bg-nav.gif') no-repeat top left;
	float: left;
	font-size: 1.2em;	
	height: 44px;
	line-height: 44px;
	margin-bottom: 10px;
}
#breadcrumbs{
	height: 30px;
	line-height: 30px;
	margin-bottom: 15px;
	position: relative;
	width: 780px;
}
.two-col-alt #breadcrumbs{
	margin-bottom: 0;
}

/*	Footer
-------------------------------------------------------------------------------------*/

#footer-wrapper{
	clear: both;
	float: left;
	height: 180px;	
	position: relative;
	overflow: hidden;
	width: 100%;
}
#footer{
	background: url('/img/common/bg-footer.png') no-repeat top left;
	height: 110px;
	margin: 20px auto 0 auto;
	padding: 30px 20px 20px;	
	width: 788px;	
}
#footer-right{
	float: right;
	padding-top: 30px;
	width: 350px;
}
#footer-left{
	float: left;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari 3.0 and Chrome rules here */
	#footer{
		width: 788px;
	}
}

/*	Three column layout
-------------------------------------------------------------------------------------*/

.three-col #primary{
	background: url('/img/common/dots-vert-light.gif') repeat-y right;
	float: left;
	margin: 0;
	padding: 0 15px 10px;
	width: 430px;	
}
.three-col #side-menu{
	clear: none;
	float: left;
	width: 122px;
}
.three-col #side-modules{
	clear: none;
	float: right;
	padding: 0 0 0 12px;
	width: 185px;
}


/*	Two column layout
-------------------------------------------------------------------------------------*/

.two-col #primary{
	float: right;
	margin: 0;
	padding: 0 0 15px 0;
	width: 645px;	
}
.two-col #side-menu{
	float: left;
	width: 125px;
}


/*	Alternative two column layout (legal)
-------------------------------------------------------------------------------------*/

.two-col-alt #primary{
	background: url('/img/common/dots-vert-light.gif') repeat-y right;
	float: left;
	margin: 0;
	padding: 0 15px 15px 0;
	width: 565px;	
}
.two-col-alt #side-modules{
	float: right;
	padding-left: 15px;
	width: 185px;
}
#sitemap.two-col-alt  #primary{
	width: 550px;
}

/*	Content that requires a minimumm height
-------------------------------------------------------------------------------------*/

#whats-on #primary{
	min-height: 550px;
}
#to-do.two-col .col.two-thirds{
	min-height: 370px;
}

#to-do.two-col.with-cal .col.two-thirds{
	min-height: 190px;
}
#about.two-col .meta-content .col.two-thirds{
	min-height: 310px;
}
#about.two-col .meta-content .col.two-thirds{
	min-height: 350px;
}
#habitats.two-col .meta-content .col.two-thirds{
	min-height: 350px;
}
#community #primary{
	min-height: 620px;
}