body {
max-width: 1024px;
font-family: Verdana, sans-serif;
line-height: 1.2em;
margin: auto;
padding-left: 2px;
}

a {
color: #2F637A;
}
a:hover {
color: #808080;
}

header {
margin: 10px 0 48px 0;
}

#top_menu{
float: left;
margin-top: 3px;
}
#top_menu li {
list-style: none;
display: inline;
}
#top_menu li a {
text-decoration: none;
padding: 9px 5px 15px 5px;
background: #808080;
font-weight: bold;
color: #fff;
border-radius: 5px;
line-height: 45px;
white-space: nowrap;
}
#top_menu li a:hover {
background: #6495AB;
color: #fff;
}
#top_menu li a.current {
background: #9FC7D8;
color: #2F637A;
padding: 9px 10px 14px 10px;
}

.horizontal_bar {
clear: left;
float: left;
width: 100%;
background: #9FC7D8;
margin: 0 0 10px 0;
color: #fff;
height: 8px;
}

.main_content {
clear: left;
max-width: 732px;
}

.gallery {
float: left;
width: 120px;
height: 176px;
background-color: #f4f4f4;
text-align: center;
padding: 5px;
margin: 1px;
font-size: 10px;
line-height: 14px;
overflow: hidden;
}
.largescreen {
display: none;
}

.catgallery {
float: left;
white-space:nowrap;
background-color: #f4f4f4;
text-align: center;
padding: 10px 5px 10px 5px;
margin: 1px;
font-size: 0.8em;
line-height: 14px;
overflow: hidden;
}

.main_categories {
clear: left;
padding-top: 1.5em;
}

.cat_large {
padding-top: 0.4em;
font-size: 1em;
font-weight: bold;
}
.cat_small {
padding-top: 0.3em;
}
.cat_small a {
white-space: nowrap;
margin-left: 0.3em;
}

.img_list {
margin-bottom: 2em;
}
.img_list img {
margin: 6px;
float: left;
height: 120px;
width: 80px;
}

.similar_books {
padding-top: 2em;
}

#uncategorized {
padding: 1em 0 1em 2.4em;
}
#uncategorized li {
padding: 0.4em 0;
}

aside {
padding-top: 2em;
}
aside ul {
list-style-type: none;
}
aside a {
font-weight: normal;
}

footer {
clear: both;
overflow: auto;
padding: 2em 0;
}
footer nav {
float: left;
}
footer nav li {
display: inline;
}
footer nav li a{
padding: 0 1em 0 0;
white-space: nowrap;
}

#copyright {
margin-right: 5px;
padding-top: 4em;
float: right;
}

.search_box {
padding-bottom: 1em;
}
#search {
float: left;
margin: auto;
text-align: left;
color: #000;
padding: 30px 0 12px 40px;
min-height: 42px;
height: 25px;
width: 326px;
}

.picks {
margin-top: 2em;
padding: 4px;
background-color: #eee;
}
.picks p {
font-size: 0.9em;
}

h1 {
display: inline;
vertical-align: top;
margin-left: 0.3em;
font-size: 2.2em;
line-height: 1em;
}

h2 {
margin: 1em 0 1em 0;
}

.toppad {
padding-top: 1em;
}

p {
margin-bottom: 1em;
}

img {
max-width: 100%;
height: auto;
}
.gallery_img {
height: 120px;
width: 80px;
}

.breadcrumbs {
padding: 0.5em 0 0.5em 0;
font-style: italic;
}

.dir_books {
clear: both;
padding-top: 1em;
}

.sidebar_ad {
padding-bottom: 2em;
}

.matched {
padding-top: 2em;
}

.prev_next {
padding: 1.5em 3em;
}

.submit_button {
font-size: 1.5em;
}

.smbutton {
display: inline-block;
border-radius: 3px;
padding: 12px 2px;
text-align: center;
text-decoration: none;
font-size: 16px;
margin: 2px 0px;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
color: white;
width: 46%;
}
.smbutton img {
vertical-align: bottom;
}

.btwitter {
background-color: #4AB3F4;
}
.btwitter:hover {
background-color: #1DA1F2;
}
.btwitter a {
color: white;
text-decoration: none;
}

.bfacebook {
background-color: #4267B2;
}
.bfacebook:hover {
background-color: #1555B0;
}
.bfacebook a {
color: white;
text-decoration: none;
}

.bpinterest {
background-color: #BD081C;
}
.bpinterest:hover {
background-color: #B00009;
}
.bpinterest a {
color: white;
text-decoration: none;
}

.brss {
background-color: #F89938;
}
.brss:hover {
background-color: #F88E18;
}
.brss a {
color: white;
text-decoration: none;
}

/* for tablets: */
@media only screen and (min-width: 680px) {
	
	.largescreen {
	display: initial;
	}
	
	.catgallery {
	width: 48%;
	font-size: 1em;
	}

}

/* for desktop: */
@media only screen and (min-width: 1024px) {

body {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
line-height: 1.6em;
font-size: 0.8em;
}

header {
margin-top: 0;
padding-top: 10px;
}

#top_menu li a {
line-height: 30px;
padding: 5px 16px 9px 16px;
border-radius: 4px;
}

#top_menu li a.current {
padding: 9px 16px 14px 16px;
}

.main_content {
width: 68%;
float: left;
margin-left: 5px;
}

.catgallery {
width: 30%;
font-size: 1em;
}

aside {
width: 28%;
float: right;
padding-top: 0;
}

.subcategories
{
float: left;
width: 49%;
}
.seealso
{
float: right;
width: 49%;
}

#copyright {
padding-top: 0;
}

}