body {
max-width: 120mm;
margin: 0 auto;
padding: 0;
font: 10pt/145% 'Noto Serif', serif;
color: #000;
background-color: #fff;
}


@font-face {
    font-family: 'Icomoon';
    src: url('../fonts/icomoon.eot');
    src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
         url('../fonts/icomoon.woff') format('woff'),
         url('../fonts/icomoon.ttf') format('truetype'),
         url('../fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}


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

img {
display: block;
border: none;
}
.wrap:after,
#search:after,
.links:after {
content: " ";
display: block;
height: 0;
visibility: hidden;
clear: both;
}


#head .right, #logo, #navmain, #content .center, #content .right, #footer, .pagenav, .pagination, #social, .fixed a, .readmore, .basket_add {
display: none;
}

#head .left {
float: none;
margin: 0;
}

#sitetitle {
display: block;
margin-top: 0;
margin-bottom: 30px;
font: 700 12pt/normal 'Noto Serif', serif;
text-transform: uppercase;
}

#sitetitle a {
color: #000;
}

/**** Content ****/

/*#content {
padding: 0;
background-color: #fff;
}
#content .left {
display: block;
width: 120mm;
}*/


.home #content .left h1,
.page.blog #content .left h1,
.page.list #content .left h1,
#content .center h1,
#content .right h1 {
margin: 0 0 70px 0;
padding: 0;
font: 700 9pt/normal 'Roboto Condensed', sans-serif;
text-align: left;
text-transform: uppercase;
}
.page.blog.wide #content .left h1 {
margin: 0;
padding: 0;
}
.page.blog.wide.news #content .left h1 {
margin: 0;
}

h1 span {
padding: 0;
}

.page.blog #content .left h1,
.page.list #content .left h1 {
margin: 0 0 20px;
}
.page #content .table {
width: auto;
margin: 0 auto;
}

/**** blog wide ****/

.page.blog.wide #content .table,
.page.blog.wide #footer .table {
width: auto;
}
.page.blog.wide.news #content .table {
width: auto;
}

.page.blog.wide #content .left {
width: auto;
}
.page.blog.wide.news #content .left {
width: auto;
}
.page.blog.wide #content .right {
padding: 0 20px 0 0;
}
.page.blog.wide.news #content .right {
padding: 0 20px;
}
.blogcolumn {
width: auto;
margin: 20px 0;
}
.news .blogcolumn {
width: auto;
/*margin: 20px 0 40px 0;*/
}

.blogcolumn .item {
position: relative;
float: left;
width: 258px;
height: 280px;
margin: 40px 20px 0 20px;
line-height: 21px;
border: 1px solid #ccc;
}
.blogcolumn .item img {
width: 100%;
}
.blogcolumn .item div {
margin: 10px;
}
.blogcolumn .item h4 {
margin: 10px 0 5px;
font-size: 19px;
}
.blogcolumn .item p {
margin: 0;
}
.item a.readon {
display: block;
width: 24px;
height: 25px;
position: absolute;
padding-left: 1px;
right: 0;
bottom: 0;
font: normal 17px/25px "Icomoon", sans-serif;
text-align: center;
background-color: #ccc;
}
.item a.readon:before {
content: "\e616";
color: #fff;
}
.item a.readon:hover {
background-color: #960357;
}


/**** end blog wide ****/

.orderitem {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #ccc;
}
.orderitem .check {
width: 30px;
float: left;
}
.orderitem .bookdesc {
padding-left: 30px;
}
.orderitem h4 {
font-size: 18px;
line-height: 22px;
font-weight: 700;
margin: 0 0 5px;
}
.orderitem p {
margin: 0 0 5px;
}
.check input {
margin: 0;
padding: 0;
}
.notice {
margin: 0 0 30px;
padding: 15px;
font: 400 16px/normal 'Roboto Condensed', sans-serif;
color: #fff;
background-color: #212D63;
}

.page .supertitle {
border-bottom: none;
padding: 0;
margin-bottom: 13px;
}

.module {
margin: 20px;
border-bottom: 1px dotted #212D63;
}
.left .module:nth-last-child(2), 
.left .module:nth-last-child(1) {
margin-bottom: 0;
border-bottom: none;
}
.news .left .module:nth-last-child(2), 
.news .left .module:nth-last-child(1) {
border-bottom: 1px dotted #212d63;
}
.center .module:last-of-type {
padding-bottom: 15px;
margin-bottom: 0;
border-bottom: none;
}
.module h2 {
margin: 0;
}

a.more_content {
display: inline-block;
margin: 20px;
font: 700 14px/17px 'Roboto Condensed', sans-serif;
text-transform: uppercase;
padding: 8px 12px;
color: #212d63;
border: 1px solid #212d63;
}
a.more_content:hover {
color: #960357;
}

.module.featured {
position: relative;
width: 600px;
padding-bottom: 35px;
}
.featured .supertitle {
padding: 14px 20px 0;
}
.featured h2 {
margin: 0;
padding: 10px 20px 20px;
font-size: 25px;
line-height: 32px;
}

.featured .introheading {
background-color: #f5f5f5;
}
.featured .introimage {
/*max-height: 300px;
overflow: hidden;*/
}
.featured .introimage img {
width: 100%;
}
.featured .introtext {
margin: 20px 0;
}


.module.standard {
position: relative;
float: left;
width: 280px;
height: 440px;
padding-bottom: 40px;
}
.standard .introheading {
background-color: #f5f5f5;
}
.supertitle,
.page .module.standard .supertitle {
padding: 10px 10px 0;
font-size: 13px;
text-transform: uppercase;
color: #666;
margin: 0;
}
.standard h2 {
height: 52px;
overflow: hidden;
margin: 0;
padding: 10px 10px 0 10px;
font-size: 18px;
line-height: 24px;
}
.standard .introimage {
height: 175px;
margin-top: 15px;
overflow: hidden;
}

.standard .introimage img {
width: 100%;
}
.standard .introtext {
margin: 20px 0;
line-height: 22px;
height: 110px;
overflow: hidden;
}


.module.info {
position: relative;
padding-bottom: 25px;
}
.info h2 {
margin: 0 0 15px;
font-size: 18px;
line-height: 24px;
}
.info h2 a {
color: #960357;
}
.info h2 a:hover {
color: #212D63;
}
.info .supertitle {
padding: 0;
margin: 30px 0 10px;
}

.info .introtext {
margin: 0 0 20px;
}


.textcolumn {
width: auto;
margin: 0;
}


.blogitem {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #212D63;
}
.blogitem h2 {
margin: 0 0 15px;
font-size: 13pt;
line-height: normal;
}
.author {
font-size: 10pt;
font-variant: small-caps;
}
.blogitem .wrap.date {
margin-top: 10px;
}
.blogimage {
float: left;
margin: .4em 20px 20px 0;
}




/**** end Content ****/










/**** General Styling ****/

.textcolumn .introimage {
margin-bottom: 20px;
}
.textcolumn .introimage img {
width: 100%;
}
#content .left .textcolumn h1 {
margin: 0 0 25px;
padding: 0;
font-size: 14pt;
line-height: normal;
text-align: left;
border: none;
}
.staffheading {
margin-bottom: 30px;
}
.staffimage {
width: 48%;
float: left;
}
.staffimage img {
width: 100%;
}

.staffdata {
width: 48%;
float: right;
}
.staffdata p {
margin: 0 0 5px;
}


.list .textcolumn h2:nth-of-type(1) {
margin-top: -10px;
}
.listgroup {
padding: 20px;
border: 1px solid #ccc;
}
.listgroup p {
margin: 15px 0 0;
}

.listgroup a {
color: #212D63;
}
.listgroup a:hover {
color: #960357;
}
.listgroup p a:nth-of-type(1):before {
content: "\e61b";
display: inline-block;
font: normal 20px/20px "Icomoon", sans-serif;
padding-right: 7px;
vertical-align: bottom;
}


.overview {
margin: -20px -20px 20px;
padding: 15px 20px;
background-color: #f5f5f5;
border-bottom: 1px solid #ccc;
}
.listgroup .overview a {
font: 400 17px/20px 'Roboto Condensed', sans-serif;
color: #212D63;
}
.listgroup .overview a:before {
content: "\f00a";
display: inline-block;
font: normal 20px/20px "Icomoon", sans-serif;
padding-right: 8px;
vertical-align: bottom;
}
.listgroup .overview a:hover {
color: #960357;
}

.results ol li {
margin-bottom: 10px;
}
.results #content .left {
display: block;
margin: 0 auto;
}
.results .textcolumn {
margin: 0 20px;
}





h1, h2, h3 {
font-weight: 700;
}
h1 a,
h2 a,
h3 a {
color: #000;
}
h2 {
font-size: 12pt;
}
p {
margin: 15px 0;
}
ul {
margin: 15px 0;
padding-left: 1em;
}
.table {
display: table;
width: 100%;
margin: o;
padding: 0;
}

.introheading {
position: relative;
}
.blogdate {
float: left;
padding: 0;
font: 700 8pt/normal 'Roboto Condensed', sans-serif;
background-color: transparent;
}

.stamp {
border-bottom: 1px dotted #999;
padding-bottom: 10px;
margin-bottom: 25px;
}
.articledate, .catname {
float: left;
padding: 0 10px 0 0;
font: 400 8pt/normal 'Roboto Condensed', sans-serif;
}
.catname {
text-transform: uppercase;
border-right: none;
}

/**** end General Styling ****/