/* PNG Fix For IE6 */
img, div, input 	{ behavior: url("http://www.beefy25.com/themes/leukaemia/scripts/iepngfix.htc") }


/* HTML & Body */
html, body 			{ position:relative; height:100%; overflow: hidden; }

/* Header Section */
#width-container	{ width:960px!important; padding:10px; }
#header 			{ position: relative; z-index: 3; 
					float:left; width:100%; min-width:800px; }
#logo 				{ float:left; z-index: 5; margin-left: 20px; margin-right:20px; margin-top:20px; }
#leukaemia-logo 	{ float:right; width:200px; position: absolute; right:20px; top:55px; }
#designed-by		{ position: absolute; bottom:10px; right:10px; font-size:12px; }

.money-raised 		{ color:black; text-align: right; border-top:1px solid black; 
					border-bottom:1px solid black; padding-right: 3px; margin-bottom: 5px; }
.donate 			{ text-align: right; color:red; font-size:10px; }

.menu				{ float:left; width:620px!important; margin-top:50px; position: relative; z-index: 5; font-weight: bold; }
a 					{ color:red; text-decoration: none; }
a:hover 			{ color:black; }
ul.menu 			{ line-height: 1.8; width: 750px; /* Width of the menu */ }

.selected			{  }
.non_selected		{  }

/* Timeline */
#timeline-container { width:7000px; height: 450px;
					position:relative; margin-top:-150px; float:left; }
#timeline 			{ position:absolute; bottom:0px; left:-2000px; height:100px; width: 7000px; 
  					background: url(../images/general/grass.png) repeat-x bottom left; z-index: 2; }
#ian				{ position: absolute; width: 206px; height: 222px; z-index: 3;
					background: url(../images/general/ian.png) no-repeat; top:170px; /*left:50px;*/ left:4010px; } 
.walk-image			{ position: absolute; top:80px; left:0px; z-index: 0; float:left; }
.walk-info			{ position: absolute; left:120px; }
.walk-info-h1		{ color:black!important; margin-bottom:-5px; margin-top:10px; }
.walk-info-p		{ padding-left:7px; }
					 					
#progress 			{ position: absolute; bottom:38px; /*left:-2000px;*/ left:-670px; width:4821px; height: 20px;
					background-color: red; z-index: 1; }
					
#content-container	{ margin:auto; width: 795px; position: relative; z-index: 10;  }

#content 			{ width:100%; height:485px; position: absolute; top:-425px; left:0px; 
					background: url(../images/general/content-box.png) no-repeat; cursor: move; }

.content-padding	{ padding:50px; padding-bottom:0px; padding-right:50px; padding-top:40px; position: relative; z-index: 5; }
.scrollbottom		{ position: absolute; bottom:63px; right:50px; border-top:1px solid black; width:12px; height:1px; 
					z-index:501; }

#addthis			{ position: absolute; top:35px; right:70px; z-index: 7; background-color: white; padding:2px; }
#addthis h3 		{ font-size:10px; font-weight: normal; color:black; text-align: right; 
					padding:3px; padding-right:15px; }
					
#posts				{ height:380px; clear:both; position: relative; overflow:scroll; z-index: 6; }		
.inner-post			{ clear:both; margin-bottom:20px; }
.inner-post h1 		{ margin-bottom:20px; margin-left:0px; }	
.inner-post p 		{ padding-right:25px; }	

.text 				{ position: relative; }
.text ul			{ float:left; font-size:12px; width: 380px; }
.text ul li			{ margin-bottom: 5px; }
.red-box			{ width:266px; height:179px; background: url(../images/general/red-box.jpg) no-repeat 0 -5px; padding:20px; color:white!important;  }
.red-box ul 		{ width: 260px; font-size: 10px; margin-left: 10px; padding:5px; }
.red-box ul li		{ list-style: disc; font-size: 12px!important; }
.red-box a			{ color:white; font-size: 12px!important; }
.red-box a:hover	{ color:white; text-decoration: underline; }

.column 			{ }
.last.column		{ margin: 0px; }

#list-of-walk		{ float:left; }
#list-of-walk span  {  }
#map				{ float:right; margin-top:-20px; margin-bottom: 40px; }	
		
#content-toggle		{ position: absolute; bottom:32px; right:45px; width:27px; height:29px;
					background:url(../images/general/close-button.png); cursor: pointer; }


/* Footer */
#footer 			{ width:100%; padding:20px; padding-top:20px; }
#sponsors			{ position: absolute; bottom:5px; left:15px; }
.spacer 			{ height:50px; }
					                           
.post-82 p {
  float:left;    
  width:200px;          
  height:205px;       
}
.post-82 a {
  float:left;
  padding:2px;
  margin:10px;
  width:200px;          
  height:205px; 
  overflow:hidden;      
}
.post-82 h2 {     
  color:black;
  width:100%;
  float:left;     
  margin:10px 0;
}