/*  "*" means everything, so every element will apply this */
*{
padding: 0;
margin: 0;
}

span {
	color: red;
}

h1 {
	color: black;
}

p {
	text-align: center;
}

body{
	font-family: "Segoue", sans-sarif;
	line-height: 1.6em;
	color:#666;
	background: #e1e1e1 url(../img/creampaper.png);
	font-size: 14px;
}
a{
	color: #333;
	text-decoration: none;
}
#container{
	width: 740px;
	background: #fff;
	margin: auto;
}
/* Add this class to clear the float later on */
.clearfix{
	clear: both;
}
header{
	padding: 30px 20px;
	background: #f4f4f4;
}
header h1{
	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: 45%;
	padding: 11px 7px;
	padding-right: 43px;
	background: #fff;
	color: #ccc;
	border: 1px solid #c8c8c8
	font-size: 1.6em;
	border-bottom: #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:hover{
	filter: alpha(opacity=90);
	opacity: 0.9;
}
#search-btn{

	position: absolute;  /* If u set position = absolute, u have to set top, right, height, width for it */
	right: 360px;
	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;
}
footer{
	text-align: center;
}
#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%;  /* means 100% of the list-left, not 100% of the page */
	paddign: 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;  /* dark grey*/
	margin: 10px;
	cursor: pointer;
}

#words {
	background: #f0f0f0;
	padding: 30px;
	font-size: 16px;
}