*{
	padding:0;
	margin:0;
}

body{
	font-family:"Segoue",sans-serif;
	line-height:1.6em;
	color:white;
	background:teal;
	font-size:14px;
}

a{
	color:#333;
	text-decoration:none;
}

#container{
	max-width:740px;
	background:#fff;
	margin:auto;
}

.clearfix{
	clear:both;
}

header{
	padding:30px 20px;
	background:#01DFD7;
}

header h1{
	color:white;
	margin-bottom:5px;
}

header span{
	color:#dd2826;
}

section{
	background: #04B486;
	padding:30px 20px 20px 20px;
}

footer{
	padding:20px;
	background:#04B45F;
	text-align:center;
}

#search-form{
	display:block;
	margin-bottom:15px;
}

.fieldcontainer{
	display:block;
	position:relative;
	width:90%;
	margin:0 auto;
}

.search-field{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:block;
	width:100%;
	padding:11px 7px;
	padding-right:43px;
	background:#fff;
	color:#ccc;
	border:1px solid #c8c8c8;
	font-size:1.6em;
	border-bottom-color:#d2e2e7;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1), 0 0 0 6px #f0f0f0;
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1), 0 0 0 6px #f0f0f0;
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.1), 0 0 0 6px #f0f0f0;
}

#search-btn{
	position:absolute;
	right:10px;
	top:5px;
	height:32px;
	width:32px;
	border:0;
	cursor:pointer;
	zoom:1;
	filter:alpha(opacity=65);
	opacity:0.65;
	background:transparent url(../img/search.png) top left no-repeat;
	/*display:none;*/
}

#search-btn:hover{
	filter:alpha(opacity=90);
	opacity:0.9;
}

#results li{
	padding:10px 0;
	border-bottom:1px #ccc dotted;
	list-style:none;
	overflow:auto;
}

.list-left{
	float:left;
	width:20%;
}

.list-left img{
	width:100%;
	padding:3px;
	border:solid #ccc 1px;
}

.list-right{
	float:right;
	width:78%;
}

.cTitle{
	color:#dd2826;
}

.button-container{
	margin-top:25px;
}

.paging-button{
	background:#f4f4f4;
	padding:8px 13px;
	border:#ccc 1px solid;
	border-radius:5px;
	color:#333;
	margin:10px;
	cursor:pointer;
}

.huey_header{
	font-size: 50px;
	/*text-align: center;*/
}
.huey_header_x{
	font-size: 50px;
	display:inline-flex;
}
.huey_header_y{
	font-size: 50px;
	display:inline-flex;
	color:orange;
}
.huey_header_s{
	font-size: 25px;
	color:chocolate;
	text-align: left;
	margin-left: 10px;
}
.huey_s{
	color: orange;
}
.huey_a{
	color: orange;
}
.huey_b{
	color: turquoise;
}
.huey_c{
	color: lightcyan;
}

@media screen and (max-width: 899px) and (min-width: 668px){
	.list-left{
		float:left;
		width:40%;
	}

	.list-left img{
		width:100%;
		padding:3px;
		border:solid #ccc 1px;
	}

	.list-right{
		float:right;
		width:55%;
	}
}

@media screen and (max-width: 667px) and (min-width: 600px){
	.list-left{
		float:left;
		width:40%;

	}

	.list-left img{
		width:100%;
		padding:3px;
		border:solid #ccc 1px;
	}

	.list-right{
		float:right;
		width:50%;
	}
}

@media screen and (max-width: 599px){
	.list-left{
		float:center;
		width:70%;

	}

	.list-left img{
		width:100%;
		padding:3px;
		border:solid #ccc 1px;
	}

	.list-right{
		float:left;
		width:70%;
	}
}

@media screen and (max-width: 766px){
	.huey_header_a{
		display:none;
	}
}
@media screen and (min-width: 767px) and (max-width: 7200px){
	.huey_header_b{
		display:none;
	}
}