/* basic-t.css - used for the basic templates */
html {
	height:100%; /* set so bg image positions correctly */
}
body {	
	width:100%;
	height:100%;	
	display:table; /* so takes full width */			
	background-image:url(../images/backgrounds/footer_droplets_and_hands.jpg);
	background-position:center bottom ;
	background-repeat:no-repeat;			
}
#wrapper1 { 	
	background-image:url(../images/tiles/top_fade.jpg);
	background-position:top left;
	background-repeat:repeat-x;		
}
#wrapper2 { 		
	background-image:url(../images/backgrounds/droplets_hand_and_pipet_arm.jpg);
	background-position:center top;
	background-repeat:no-repeat;

	overflow:hidden; /* fixes top but breaks bottom in ie7 */	
	text-align:center;
		
	/*margin-bottom:345px;  was 300 below*/
	padding-bottom:120px; /* was margin */
}
#wrapper3 {
	width:1015px; 	
	text-align:left; 
	margin: 0px auto; 
	padding:0px 10px;
}
#wrapper4 { }
#wrapper5 {	}

#header, #content, #footer {		
	padding-left:30px;
}
#header {		
	/*height:353px;*/	
}
#content {
	padding-top:34px;
}
#footer {
	margin-top:140px;
	margin-bottom:40px;
	padding-right:30px;
	text-align:center;	
}	
/* $ #header - navigation links ------*/
#header {
	background-image:url(../images/backgrounds/freeland_cope_logo.jpg);
	background-position:30px 217px;
	background-repeat:no-repeat;
	height:314px;	
}
#header ul li {
	float:left;	
}	
	/* font sizes */	
	li.getFreeMusic a {
		font-size:110%;		
	}		
	li.order a, li.more a {
		font-size:130%;
	} 
	li.contact a, li.joinFreeland a {
		font-size:100%;
	}		
	/* bg colours */	
	li.getFreeMusic a {		
		background-color:#D51B20;
	}
	li.joinFreeland a {
		background-color:#DF1C22;			
	}
	li.more a {
		background-color:#008089;			
	}		
	li.order a {
		/*background-color:#B2BF27;*/
	}	
	li.contact a {
		background-color:#EBD800;			
	}					
	/* positioning */
	li.getFreeMusic {		
		padding-top:90px;
		width:72px;
		height:116px;					
	}	
	li.getFreeMusic span {
		color:#E7D600;		
	}						
	li.more  {
		padding-left:383px;
		padding-top:31px;		
		width:132px;
		height:175px;	
	}	
	li.order {		
		padding-top:97px; /* 104 */				
		width:126px;
		height:109px;					
	}		
	li.contact {				
		padding-top:19px;
		padding-left:548px;	
		height:116px;
		width:122px;				
	}
	li.joinFreeland {		
		padding-top:45px;		
		width:152px;
		height:95px;	
	}
	#header li.contact a:hover {
		color:#DA1B01;
	}
	#header li.getFreeMusic a:hover span {
		color:#ffffff;
	}
/* $ #content -----------------------------*/
div.col1 {
	width:300px;
	float:left;
	margin-right:23px;	
}
div.copy {
	float:left;
	width:335px;
	/*border:1px solid #000000;*/
}
/* $ social droplet -----------------*/
div.droplet_social {
	background-image:url(../images/droplets/droplet_green.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:122px;
	height:102px;
	padding-top:62px;
	float:right;	
}
	.droplet_social ul {
		list-style-type:none;
		text-align:center;
	}
	.droplet_social ul li {		
		color:#ffffff;	
		text-transform:lowercase;
		letter-spacing:2px;		
	}	
	.droplet_social ul li a {
		font-size:105%;
		color:#FFFFFF;
		text-decoration:none;				
		background-color:#BAC828;					
	}
	.droplet_social ul li a:hover {
		color:#ead800;	
	}
/* $ cope droplet -------------------*/
div.droplet_cope {
	float:right;	
	margin-top:24px;
	background-image:url(../images/droplets/droplet_cope_empty.jpg);
	background-position:left top;
	background-repeat:no-repeat;	
	width:241px;
	height:281px;			
}
div.droplet_cope div.cope {
	padding-left:60px;
	padding-top:165px;
}