/**********************
** Homepage Styles ****
***********************/

/**** Layout ****/

#contents {
	position: relative;
}

#leftcolumn
{
	margin-right: 180px;
	padding-right: 1px;
	/* background: url('/images/patterns/dotted_vertical.png') repeat-y right; */
}

#rightcolumn
{
	position: absolute;
	top: 0;
	right: 0;
	width: 180px;
}

/**** Classes ****/

.headerlink {
	position: relative;
	padding: 1px;
}

	.headerlink h1 {
		font-size: 1.5em;
	}

	/* this doesn't work for shit in explorer */
	.headerlink .links {
		position: absolute;
		right: 1em;
		top: 0.8em;
		font-size: 0.9em;
	}
	
	.headerlink .links a {
		margin-left: 1em;
	}
	
.count {
	font-size: 0.9em;
	color: #999;
}

/**** Search Box ****/

#search {
	margin: 0.5em 0;
}

	#search h1 {
		color: #069;
	}
	
	#search input {
		margin: 1.6em;
	}
		
	
	#search .column {
		float: left;
		width: 320px;
		margin-right: 15px;
	}
	
	#search .column label
	{
		display: block;
		margin-bottom: 0.5em;
	}
	
	#search .column input 
	{
		width: 100%;
		margin: 0;
		border: 1px solid #999;
		padding: 2px 0;
	}
	
	#search .location {
		width: 200px;
	}
	

/**** Categories ****/

#categories {
	margin: 2em 0;
}

	#categories h1 {
		color: #C00;
	}

	#categories .headerlink {
		background: url('/images/patterns/dotted_horizontal.png') repeat-x bottom;
	}
	
	
	#categories ul {
		width: 48%;
		float: left;
		list-style: none;
		margin: 1em 0.3em;
		padding: 0;
	}
	
		#categories ul li {
			padding: 1px;
			padding-left: 22px;
			background: url('/images/icons/star_empty.png') no-repeat 0 1px;
		}
		
		#categories ul .favourite {
			font-weight: bold;
			background: url('/images/icons/star_filled.png') no-repeat 0 0;
		}
	
		#categories ul a {
			text-decoration: none;
			color: #000;
		}
		
		#categories ul a:hover {
			text-decoration: underline;
		}