html, body {
	width: 100%;
	margin: 0;
}

#wrapper, .center {
	text-align: center;
}
#word_search {
	padding: 15px;
}
#word {
	line-height: 2;
}
#wordLabel {
	color: white;
}
#header {
	background-color: #272727;
}
#nav-bar {
	background-color: #296293;
	box-shadow: 0 0 20px #000;
	position: fixed;
	top: 0;
	width: 100%;
}
#nav-bar div {
	display: inline-block;
}
#nav-bar a:link {
	color:#FFF;
}
#nav-bar a:hover {
	color:#5cb85c;
}
#nav-bar a:visited {
	color:#FFF;
}
#brand {
	margin: 15px 0 0 0;
}	
#logo, #word_search {
	padding: 0 10px 0 10px;
	
}
#menu .links {
	padding: 0 15px 0 15px;
}
#menu {
	margin: 15px 0 0 0 ;
}
h1 {
	font-size: 1.75em;
}
#logo h1 {
	font-size: 25px;
}
.hidden {
	display: none;
}
.vhidden {
	visibility:hidden;
}
.btn {
	margin-top: 20px;
}
.book {
	padding: 20px;
	border: 1px solid #000;
	margin: 20px;
	border-radius: 10px;
	display: inline-block;
	background:#F5F5F5;
}
.book a {
	font-size: 20px;
}
.book:hover {
	background: #E2FFF0;
	cursor: pointer;
}
.clear {
	clear: both;
}
#description_list {
	font-size: 16px;
	display: inline-block;
}
#front_page_description {
	margin: auto;
}
.deleteBook {
	background: rgba(251, 255, 210, 1);
	color: red;
}
.red {
	color: red;
}
a:link, .wordLink {
	color:blue;
	text-decoration: none;
}
a:visited, .wordLink {
	color:blue;
}
a:hover, .wordLink:hover {
	text-decoration: underline;
}
.left {
	float: left;
}
.right {
	float:right;
}
.eighty-p {
	width:80%;
}
.line-two {
	line-height: 2;
}
.full-width {
	width:100%;
}
.errors {
	color: #000000;
	background-color: #FF8686;
	border: 1px solid;
	text-align: center;
	font-size: 16px;
	padding: 5px;
	margin: auto;
}
#headerErrors {
	cursor:pointer;
}
.clear {
	clear: all;
}
.center {
	text-align: center;
}
.letterLink {
	font-size: 28px;
	padding: 7px;
}
.side-pad {
	padding:10px;
}
.textMessage {
	display: inline-block;
	max-width: 350px;
}
.noListStyle {
	list-style-type: none;
	padding: 0;
}
.inline {
	display: inline-block;
}
.glossaryItem {
	padding: 10px;
	margin: 5px;
}
.glossaryType {
	margin: 10px;
}
.wordLink {
	cursor: pointer;
}
.clicked {
	color:#000 !important;
}
button {
	cursor: pointer;
}
.book-page-word {
	display: inline-block;
	padding: 0 20px 0 20px;
	margin: 15px;
}
.book-definition {
	padding: 20px;
}
.book-link {
	padding: 10px;
}
.infoBlock {
  height: 150px;
  width: 200px;
  display: inline-block;
  border: 1px solid #000000;
  padding: 20px 20px 20px 20px;
  vertical-align: top;
  border-radius: 10px;
  margin: 15px;
  color: #38739D;
}
.list-inline {
    display: inline-block;
}
.infoBlock .glyphicon {
	font-size: 2em;
	margin: 10px 0 0 0;
}
#searchBtn {
	margin-top:0;
}
#collapsedMenu {
	background: #fff;
}
#collapsedMenu a:link{
	color: #000;
}#collapsedMenu a:visited{
	color: #000;
}
#submitLogin {
	margin: 5px;
}
@media screen and (min-width: 225px) {
	#content {
		padding: 0 5px 0 5px;
		margin-top: 180px;
	}
}
@media screen and (min-width: 558px) {
    #nav-bar {
		background-color: #296293;
		box-shadow: 0 0 20px #000;
		position:fixed;
		top:0;
		width:100%;
	}
	#content {
		padding: 0 5px 0 5px;
		margin-top: 100px;
	}
	#nav-bar div {
	display: inline-block;
	}
	#nav-bar a:link {
		color:#FFF;
	}
	#nav-bar a:visited {
		color:#FFF;
	}
	#nav-bar a:hover {
		color:#5cb85c;
	}
}
@media screen and (min-width: 722px) {
	#content {
		padding: 0 5px 0 5px;
		margin-top: 80px;
	}
}