html{box-sizing:border-box}
*,*:before,*:after{box-sizing:inherit}
p.readmore{font-weight:bold;text-align:left;margin-bottom:10px;padding-bottom:10px}
body{background-color:#FFFFFF;color:#000000;font:normal 16px/1.6 "Open Sans", "Bitstream Vera Sans", Verdana, sans-serif;margin:0;min-width:320px;padding:0;text-align:left;text-rendering:auto;text-shadow:0 1px rgba(255,255,255,0.25)}
h1,h2,h3,.sidebar .header,.related .header,.comments-title,.comments-reply-title{font-family:"Open Sans Condensed", "Bitstream Vera Sans", Arial, sans-serif;font-weight:normal;line-height:1.2}
.title{font:bold 3em/1.2 "Open Sans", "Bitstream Vera Sans", Verdana, sans-serif;margin:-0.0625em 0 0 0;color:#333333;text-shadow:-2px 1px #CCCCCC, 0 1px #CCCCCC, 1px 0 #CCCCCC, 0 -1px #CCCCCC;position:absolute;padding:0 0 0 20px;text-decoration:none}
.dropcap{font-family:"Arial Narrow", Helvetica, sans-serif}
blockquote{background-color:#F5F5F5;border-left:6px solid #7020F0;color:#666666;margin:1em auto;padding:2em 1em 1.5em 2em;text-shadow:0 -1px rgba(85,85,85,0.5)}
h1{font-size:2.5em;margin:0 0 1em 0;padding:0}
h2{font-size:1.5em;font-weight:bold;margin:0 0 0.75em 0;padding:0}
h2 a{color:#000000;text-decoration:none}
h3{font-size:1.1875em;margin:1em 0 0.25em 0;padding:0}
p{margin:0 0 1em 0;padding:0}
a{color:#0000EE;text-decoration:underline}
a:hover{color:#EE0000;text-decoration:underline}
img{height:auto;margin:0;max-width:100%;padding:0}
table{background-color:#F7FAFF;border:1px dotted #CCCCCC;font-size:0.875em;margin-bottom:1.5em;padding:0.75em}
td{vertical-align:top}
pre{word-wrap:break-word}
hr{border:none;border-top:1px solid #4D4D4D;margin:0.5em 0 1.5em 0}
hr.dotted{border-top:1px dotted #4D4D4D}
hr.grey{border-top:1px solid #CCCCCC}
.outer-container{background-color:#AFAFAF;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;margin:0 auto;width:988px}
.middle-container{background-color:#6E6E6E;border-left:1px solid #8B8B8B;border-right:1px solid #8B8B8B;margin:0 auto;width:984px}
.inner-container{background-color:#FFFFFF;border-left:1px solid #808080;border-right:1px solid #808080;margin:0 auto;width:980px}
.header-container{background-color:#FFFFFF;width:100%}
.header-container .header{margin:0 auto;height:3.467em}
.header a{color:#555;text-decoration:none}

.nav-menu-container{background-color:#B0C6B6;background:linear-gradient(#eee, #B0C6B6);text-shadow:0 1px rgba(255,255,255,0.25);width:100%; padding-top: 0;padding-bottom: 0;}
.nav-menu-item a:hover{border-bottom:3px solid #000000;padding-bottom:0.1em}
.nav-menu-item a{color:#000000;text-decoration:none}
.nav-menu-item{display:inline-block;font-size: 0.85em;;letter-spacing:1px;margin: 0.25em 1.75em 0.15em 1.75em;;text-shadow:0;vertical-align:top}
.nav-menu{font-family:Helvetica, sans-serif}
.nav-menu{font-size:1em;text-align:center;padding: 0 0.25em 0 0;}


.search-form{float:right;margin:0.25em 0.25em 0 0}
.search-form input[type="text"]{border:1px solid #CCCCCC;border-radius:5px;color:#666666;float:left;height:28px;margin:0 4px 0 0;padding:0 8px;width:200px;overflow:visible}
.search-form input[type="submit"]{background:url("/wp-content/themes/trs/images/search.png") no-repeat scroll right center #fff;border:none;height:20px;margin:0 0 0 -32px;width:20px}
.social-media{float:right;margin:0.25em 0 0.25em 2em;text-align:right}
.social-media img{border:0;margin:0;padding:0}

.main-container{float:left;margin-left:1.5em;margin-right:1.5em;width:auto}

.right-sidebar-container{float:right;margin-right:1.5em;width:300px}
.post{border-top:1px solid #CCCCCC;margin:0;padding:1em 1em 0 1em}
.post .author{color:#C0C0C0;font-size:0.875em;margin:-2.25em 0 1.5em 0;padding:0}
.post h2{font-size:1.875em;margin-bottom:0.5em}
.post::after { content: ""; display: table; clear: both; }
.home .number-1{border-top:none;float:left;padding:0;width:48%}
.home .number-2{border-top:none;float:right;padding:0;width:48%}
.home .number-3{clear:both}
.thumbnail{float:right;margin-left:1em}
.thumbnail img{border:4px solid #EEEEEE;margin-top:0.5em;padding:1px;width:auto}
.home .number-1 .thumbnail,.home .number-2 .thumbnail{float:none;margin-bottom:0.5em;margin-left:0;text-align:center}
.home .number-1 .thumbnail img,.home .number-2 .thumbnail img{margin-top:0}
.bookbox{float:left;width:50%}
.gamebox{float:left;width:48%}
.wp-caption,.picture-container,.image-container{background-color:#E5F2FF;font-size:0.75em;line-height:1.4;margin-bottom:15em;padding:0.5em 0.5em 0.25em 0.5em;text-align:center;max-width:100%}
.wp-caption-text,.picture-caption,.picture-container p,.image-container p{padding:0.5em 0 0 0}
.alignleft,.photo-left,.left,.tightleft{float:left;font-size:0.75em;margin:0 1em 0.5em 0;text-align:center}
.alignright,.photo-right,.right,.tightright{float:right;font-size:0.75em;margin:0 0 0.5em 1em;text-align:center}
.aligncenter,.photo-center,.center{clear:both;font-size:0.75em;margin:0 auto 1.5em auto;text-align:center}
.tightleft{margin-right:0.25em}
.tightright{margin-left:0.25em}
.clear,.cleared{clear:both;content:' ';display:block}
.centered{margin-left:auto;margin-right:auto;text-align:center}
.nowrap{clear:both;white-space:nowrap}
.shaded{background-color:#CCCCCC}
.pullquote{border:6px solid red;border-left:none;border-right:none;float:right;font-size:1.2em;width:30%;margin:0 0.5em 0.5em 1.5em;padding:0.5em 0.5em 0 1em;text-indent:1em}
.pullquote p{color:red}
.dropcap3{display:inline;font-size:3.5em;line-height:0.9;padding:0.5em;text-align:center}
.dropcap{background-color:#686868;color:#FFFFFF;display:inline;float:left;font-size:3.5em;line-height:0.9;margin:0.5em 1em 0 0;padding:0.5em;text-align:center;xwidth:30px}
.categories,.tags{font-size:0.875em}
.related{border:1px solid #DDDDDD;border-left:none;border-right:none;margin:1em 0;padding:1em 0 0 0}
.related:after{clear:both;content:' ';display:block}
.related .post{border:none;font-size:0.75em;float:left;margin-right:2em;text-align:center;width:120px}
.related .header{font-size:1.25em;margin:0}
.related .thumbnail{height:120px;margin-bottom:0.25em;width:120px}
.related img{border:none;margin:0;padding:0}
.related a{color:#000000;text-decoration:none}
.related a:hover{color:#EE0000;text-decoration:underline}
.navigation{font-size:0.875em;margin:1em auto;max-width:100%;text-align:right;width:90%}
.navigation .middle-page,.navigation .current-page,.navigation .previous-page,.navigation .next-page{display:inline-block;margin:0;padding:0 0.5em}
.navigation .next-page{padding-right:0}
.navigation .current-page{background-color:#F3F9F9;border:1px solid #D6E3EA}
#comments{font-size:0.8125em;margin-top:1em}
.comments-title,.comments-reply-title{font-size:2.5em;margin-top:1em}
.comment{background-color:#F5F5F5;border:1px solid #DDDDDD;border-radius:3px;margin:2em 0;padding:1em 1em 0.5em 1em}
.bypostauthor{background-color:#FFFFFF;border:4px solid #DDDDDD;font-size:1.077em}
.comment-author,p.comment-edit-link{background-color:#E5E5E5;border-radius:3px;font-weight:bold;padding:0.75em}
a.comment-edit-link{color:#000000;text-decoration:none}
a.comment-edit-link:hover{color:#EE0000;text-decoration:underline}
.comment-form{margin:1em 0;padding:0}
.comment-form p{margin:1em 0;padding:0}
.comment-form textarea#additional_info,.comment-form input#author,.comment-form input#email,.comment-form input#url{background-color:#F5F5F5;border:1px solid #DDDDDD;border-radius:3px;margin:0 1em 0.25em 0;padding:0.5em}
.comment-form textarea#additional_info{width:98%}
.comment-form textarea#comment{display:none}
.comment-form input#submit{background-color:#00A7ED;border:1px dotted #0094D2;border-radius:3px;color:#FFFFFF;padding:0.5em 1em}
.comment-form input#submit:hover{background-color:#0094D2}
.sidebar .item{margin-bottom:2em}
.sidebar .header{border-top:3px solid #DDDDDD;font-size:1.0625em;height:auto;margin:0 0 0.25em 0;padding:0.5em 0 0.25em 0;text-transform:uppercase}
.sidebar .sidebar-posts{border-bottom:1px solid #CCCCCC;margin-bottom:-0.5em}
.sidebar-posts .thumbnail{float:left}
.sidebar-posts .thumbnail img{border:none;float:left;margin-right:1.5em}
.sidebar-posts p{margin:0.25em 0 0 0;padding:0}
.sidebar-posts a{color:#000000;text-decoration:none}
.sidebar-posts a:hover{color:#0000EE;text-decoration:underline}
.sidebar .post:after{clear:both;content:' ';display:block}
.footer-container{background-color:#848484;clear:both;margin:1em 0 0 0;padding:1.5em 0 0.5em 0;text-shadow:0 -1px rgba(85,85,85,0.5);width:100%}
.footer{color:#FFFFFF;font-size:0.875em;text-align:center}
.footer a{color:#FFFFFF;text-decoration:none}
.footer a:hover{background-color:#848484;text-decoration:underline}
@media only screen and (min-width: 768px) and (max-width: 1023px){.outer-container{width:756px}
.middle-container{width:752px}
.inner-container{width:748px}
.main-container{float:none;margin-left:auto;margin-right:auto}
.right-sidebar-container{float:none;margin:0 auto;width:625px}
.right-sidebar-container:after{clear:both;content:" ";display:block}
.first-half{float:left;width:300px}
.second-half{float:right;width:300px}
}
@media only screen and (max-width: 767px){body{font-size:0.9em}
.outer-container{width:470px}
.middle-container{width:466px}
.inner-container{width:462px}
.search-form input[type="text"]{width:150px}
.main-container{float:none;margin-left:auto;margin-right:auto;width:440px}
.bookbox,.gamebox{float:none;margin-left:auto;margin-right:auto;width:auto}
.wp-caption,.picture-container,.image-container{margin-left:auto;margin-right:auto}
.alignleft,.photo-left,.left,.tightleft,.alignright,.photo-right,.right,.tightright{display:block;float:none;margin-left:auto;margin-right:auto}
.right-sidebar-container{float:none;margin:2em auto}
.related .post{height:205px;overflow:hidden}
}
@media only screen and (max-width: 479px){body{font-size:0.85em}
.outer-container,.middle-container,.inner-container{border:none;width:300px}
.search-form{display:block;margin-top:2em}
.main-container,.related{margin-left:auto;margin-right:auto;width:300px}
.related .post{height:180px;overflow:hidden}
}
.top-banner{width:234px;height:60px;margin:2em auto 0.5em auto}
@media (min-width: 480px){.top-banner{width:320px;height:100px}
}
@media (min-width: 600px){.top-banner{width:468px;height:60px}
}
@media (min-width: 900px){.top-banner{width:728px;height:90px}
}
.bottom-banner{width:234px;height:60px;margin:2em auto 0.5em auto}
@media (min-width: 480px){.bottom-banner{width:320px;height:100px}
}
@media (min-width: 600px){.bottom-banner{width:468px;height:60px}
}
@media (min-width: 900px){.bottom-banner{width:728px;height:90px}
}

.bookinfo {
    float: right;          /* push to the right side */
    width: 300px;          /* fixed column width */
    margin: 0 0 1.5em 1.5em; /* gap between text and column */
}


.bookinfo .bookbox {
    width: 100%;           /* take full width of right column */
    margin-bottom: 1em;    /* spacing below table */
    float: none;           /* cancel previous float */
}


.bookinfo .image-container {
    width: 100%;           /* same width as column */
    float: none;           /* stack below table */
    margin: 0;             /* reset weird margins */
    text-align: center;    /* keep image centered */
}

p.readmore {
  border-bottom: none !important;
}