/* Search form section */
#searchblock {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* Results list section */
#resultsblock {
  width: 700px;
  margin-top: 48px;
  margin-left: auto;
  margin-right: auto;
}

/* Text for credits.html */
#contentblock {
  width: 700px;
  margin-top: 48px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* Search box */
.query {
	border: 2px solid #CCCCCC;
	border-radius: 8px 8px 8px 8px;
	font-size: 24px;
	height: 45px;
	line-height: 30px;
	outline: medium none;
	padding: 8px 12px;
	width: 400px;
}

/* Submit button */
.submit {
	border: 2px solid #CCCCCC;
	border-radius: 8px 8px 8px 8px;
	font-size: 24px;
	height: 64px;
	line-height: 30px;
	outline: medium none;
	padding: 8px 12px;
	width: 100px;
}

/* title */
h1 {
font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 40px;
margin-left: -2.5px;
line-height: 1.04;
letter-spacing: -.028em;
color: #CC3333;
text-shadow: 2px 2px #666666;
}

/* section heading */
h2 {
font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 32px;
margin-left: -2px;
line-height: 1.15;
letter-spacing: -.02em;
}

/* sub-title */
h3 {
font-family: medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif;
font-style: normal;
font-size: 21px;
line-height: 1.58;
letter-spacing: -.003em;
}

/* body */
p {
font-family: medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
line-height: 1.58;
letter-spacing: -.003em;
color: #000000;
}

/* Table header */
th {
font-family: medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif;
/* font-weight: 400; */
font-weight: bold;
font-style: normal;
font-size: 22px;
line-height: 1.58;
letter-spacing: -.003em;
text-align: left;
width: 50%;
}

/* Table row */
td {
font-family: medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif;
font-weight: 400;
font-style: normal;
font-size: 21px;
line-height: 1.58;
letter-spacing: -.003em;
width: 50%;
}

/* For striped table */
.barberpole tbody tr:nth-child(even) td {
background-color:#EEEEEE;
}

/* Title - link color is red unless hover */
	a.title:link {
		color: #CC3333;
	}

	a.title:visited {
		color: #CC3333;
	}

	a.title:hover {
		color: hotpink;
	}

	a.title:active {
		color: blue;
	}

/* Title link - no underline unless hover */
	a.title:link {
		text-decoration: none;
	}

	a.title:visited {
		text-decoration: none;
	}

	a.title:hover {
		text-decoration: underline;
	}

	a.title:active {
		text-decoration: underline;
	}


/* Everything below here applies to mobile phones only */
@media only screen and (max-width: 480px) {

	#searchblock {
	  width: 94%;
	  margin-left: auto;
	  margin-right: auto;
	  text-align: center;
	}

	#resultsblock {
	  width: 94%;
	  margin-left: auto;
	  margin-right: auto;
	}

	/* Text for credits.html */
	#contentblock {
	  width: 94%;
	  margin-left: auto;
	  margin-right: auto;
	  text-align: center;
	}
 
	.query {
	border: 2px solid #CCCCCC;
	border-radius: 8px 8px 8px 8px;
	font-size: 24px;
	height: 45px;
	line-height: 30px;
	outline: medium none;
	padding: 8px 12px;
	width: 90%;
	}
	
	/* Table header */
	th {
	font-family: medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif;
	/* font-weight: 400; */
	font-weight: bold;
	font-style: normal;
	font-size: 20px;
	line-height: 1.58;
	letter-spacing: -.003em;
	text-align: left;
	width: 50%;
	}

	/* Table row */
	td {
	font-family: medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif;
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
	line-height: 1.58;
	letter-spacing: -.003em;
	width: 50%;
	}
}
