.rwork, .rnewsh2 {
font-size: 1.6em;
font-weight: bold;
border-left: 2px solid black;
border-right: 2px solid black;
height: 40px;
width: 270px ;

}


.podwork {
font-size: 1.6em;
font-weight: bold;
border-left: 2px solid black;
border-right: 2px solid black;
height: 40px;
width: 180px ;
}

.bookwork {
font-size: 1.6em;
font-weight: bold;
border-left: 2px solid black;
border-right: 2px solid black;
height: 40px;
width: 180px ;
}

.podcast {
        padding-top: 20px !important;
        
}
.podcast img {
        width: 100%; height: auto;
        
}


.class2 {text-decoration: none !important; color: #333;}
.rwork h2, .rnewsh2 h2, .podwork h2, .bookwork h2{color: black;
padding-left: 20px;
padding-top: 9px;  }

.rnewsh2 {width: 125px; margin-top: 20px; margin-bottom: 10px;}


.alignleft {
float: left;
margin: 0px 20px 20px 0;
}

a.home_post_box h3 {
font-size: 14px;
font-family: 'Raleway', sans-serif;
margin-bottom: 5px;
color: #333;
font-weight: 900;
text-transform: uppercase;
}

.rsource {font-style: italic;


display: block;}
.rmore {color: #3379cf;  font-size: 1.3em; text-transform: uppercase;}


.archive-page ul {list-style: none;}
.archive-page ul li  {

width: 150px;
        min-height: 136px;

        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
        margin: 5px;
        zoom: 1;
        *display: inline;
        _height: 136px;
        

}
.archive-page ul li a{display: block; width: 150px; height: 136px; background-position: center center; background-repeat: no-repeat; background-size: cover; color: white;
font-size: 1.4em; text-align: center;
text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.9); padding-top: 70px;}



.archivelist li {font-size: 1.4em; }
.archivelist li a {text-decoration: none; }



.rsep { background: url('images/lines-divider.png') repeat-x; background-position: bottom center; width: 100%; height: 5px;}
.rpress {
padding-left: 20px;
width: 459px;
padding-right: 15px; margin-right: 10px;
float: left;

background: url('images/lines-divider-vert.png') repeat-y; background-position: top right;
}
.rvert { }

.revents {
padding-left: 20px;
width: 450px;
float: left;}

.current-menu-item a {text-decoration: underline !important;}

body.home .current-menu-item a {text-decoration: none !important; color: #666 !important;}

.rnews h3 {font-weight: normal; font-style: italic; text-transform: uppercase; font-size: 1.4em;}

.clear {clear: both; float: none;}

.full_width {width: 100% !important;}


.rlogo {
float: left;
font-size: 1.6em;
font-weight: bold;
border-left: 2px solid black;
border-right: 2px solid black;
height: 40px;
width: 84px ;
margin-left: 2px;
}
.rlogo h2 {color: black;
padding-left: 20px;
padding-top: 2px;  }



.rnews a {text-decoration: none;}

.pressdate {font-size: 1.2em;}
.presstitle {font-weight: 900;
font-size: 1.6em;
line-height: 1.5em;
}
.pressvia {font-size: 1.2em;
font-style: italic;}
.pressmore {font-size: 1.2em;
margin-top: 10px;
display: block;
color: #3379cf;  font-size: 1.3em; text-transform: uppercase; margin-bottom: 20px;}


.namebig {color: white;
font-size: 3.5em;
text-align: center;
width: 970px;
padding: 40px 0;
text-transform: uppercase;
font-weight: 400;
text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.9);}
.namebig h1 {font-weight: 400;}

.side_box a, .press-page a {text-decoration: none;}


.newbook {width: 100%; height: 330px; background-color: #9dd5e5; margin-top: 75px; margin-bottom: 95px;}
.bookimage {background: url('images/newbook.png') no-repeat; background-position: center center; width: 267px; height: 401px; position: relative; top: -50px; left: 50px; float: left;}

.nbtext {float: right;

text-align: right;
width: 600px;

margin-right: 20px;
margin-top: 10px;

color: black;
text-shadow: 0px 2px 2px rgba(150, 150, 150, 0.94);

font-size: 1.0em;


}
.nbtext a {color: black;}

.nbtext span {font-style: oblique; font-size: 1.6em; padding-bottom: 20px; line-height: 30px;}
.nbtext span a {text-decoration: none;}
.nbtext span a:hover {text-decoration: underline;
}
.nbbuttons {margin-top: 14px;}
.nbbuttons a {color: black; text-decoration: none; margin-left: 10px;}
.nbbuttons a:hover {color: white;}

.b1 {float: right;
position: relative;
top: 120px;
display: block;
background-color: white;
padding: 10px;
text-decoration: none; margin-right: 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
left: 300px;}


.b2 {float: right;
position: relative;
top: 120px;
display: block;
background-color: white;
padding: 10px;
text-decoration: none; 
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
left: 450px;}

.b3 {float: right;
position: relative;
top: 81px;
display: block;
background-color: white;
padding: 10px;
text-decoration: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
left: 444px;}


.b1 a, .b2 a, .b3 a {text-decoration: none; color: gray; text-shadow: 0px 2px 2px rgba(150, 150, 150, 0.94);}


.dlogo {float: left;}


.social_menu_footer {display: none;}
 /* for mobile portrait */
@media screen and (max-width: 480px) {

}
/* for mobile landscape */
@media screen and (max-width: 766px)
{

.rlogo {margin-left: auto; margin-right: auto; margin-bottom: 10px; clear: both; float: none;}
.rlogo h2 {padding-top: 10px;}
.hm1 {float: right;}
.hm2 {float: right;}

.full_width {padding-left: 10px; padding-right: 10px; width: 300px !important;}
.archivelist li { display: block;}
.archivelist {margin-left:70px;}
.footer_copyright {padding: 10px;}
.namebig {

font-size: 1.3em;
width: 300px;
margin-top: 53px;
margin-left: 8px;
}

.bookimage {left: 10px;}
.nbtext {float: none;
text-align: center;
width: 280px;


font-size: 1.3em;
color: black;
text-shadow: 0px 2px 2px rgba(150, 150, 150, 0.94);}

.newbook {padding-left: 15px; width: 305px; height: auto; padding-bottom: 10px;}
.newbook .button {float: left; position: relative; top: 0; left: 0; margin-right: 0px;}
.b1 {margin-left: 20px;}

.rwork {display: block; margin-left: 19px;}

.podwork {display: block; margin-left: 19px;}


.home_featured_text {display: block;}
.rnewsh2 {margin-left: 19px;}

.rpress, .revents {width: 280px; padding-right: 0px; background: none; float: none; padding-right: 20px;}


#single_left img {width: 100%; float: none; margin-bottom: 10px; margin-top: 10px;}


.social_menu_footer {display: block;}
.social_menu_footer ul{list-style: none;}
.social_menu_footer ul li{text-align: center; margin: 4px;}
.social_menu_footer ul li a{text-decoration: none;}
.dev {float: none; clear: both; display: block;}
.footer_copyright {text-align: center;}
}




/* for tablet */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.rlogo {margin-left: 12px;}

}

.books {
    padding-top: 20px;
    padding-bottom: 20px;
}

.book-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 0 auto;
    max-width: 1200px;
}

.book-item {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.book-item img {
    max-width: 200px;
    height: auto;
    margin-bottom: 10px;
    object-fit: contain;
}

.book-item h3 {
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 5px;
    color: #333;
    font-weight: 900;
    text-transform: uppercase;
    max-width: 200px;
}

.book-item .credit {
    font-style: italic;
    display: block;
    color: #666;
    max-width: 200px;
}

@media screen and (max-width: 766px) {
    .book-grid {
        grid-template-columns: repeat(1, 1fr);
        padding: 0 10px;
    }
    
    .bookwork {
        display: block;
        margin-left: 19px;
    }
}