h1 {
margin:10px 0 -6px;
font-size:35px;
font-family:Limerick-Medium, calibri;
text-decoration: none}

.site-header {
background: none;
max-width: 978px;
height: auto;
margin:0 auto 26px;
position: relative;
}

#hp-logo-image {
height: auto;
max-width: 100%;
padding: 8px 0 0 15px;
}
	
.steve-banner-ad {
position: absolute;
top: 37px;
left: 250px;
width: 480px;
height: 97px;
border: 3px solid #0e4d71;
border-radius: 9px;
background-color: #8eccf0;
text-align: left;

-moz-box-shadow: 0 0 35px 15px #c0e3f8;
-webkit-box-shadow: 0 0 35px 15px #c0e3f8;
box-shadow: 0px 0px 35px 15px #c0e3f8;
}

.steve-banner-ad img {
display: block;
float: left;
height: 100%;
width: auto;
margin: 0px 10px 0px 5px;}

.steve-banner-ad p {
height: 97px;
font-size: 23px;
margin: 10px 0 -6px; }

.site-inner {
margin-top:32px;
}

.content-sidebar-wrap {
background: none;
border: 0;
padding: 0;
}

.hp-largerbox {
background: url(images/bg-box-large.png) no-repeat center top;
float:left;
height: 355px;
margin: 15px 13px 0;
padding:10px;
position: relative;
text-align: center;
width: 606px;}

.hp-largerbox .bts-img{
display:block;
float:left;
height:210px;
width:176px}

.hp-smallbox {
width: 280px;
height: 355px;
background: url(images/bg-box.png) no-repeat center top;
padding: 18px 10px 10px 10px;
text-align: center;
margin: 15px 13px 0;
float:left;
position: relative;}

.hp-smallbox p, .hp-smallbox ul, .hp-largerbox p, .hp-largerbox ul {
text-align: left;
padding-left: 12px;
padding-right: 12px;
margin-left: 0;
margin-right: 0;}
	
.hp-smallbox li, .hp-largerbox li {
text-align: left;
margin: auto 0 0.5em 11px;
padding-left: 0;
padding-right: 0;
}

.hp-smallbox h5{
color:#ffffff;
font-size:20px;
text-align:center}

.hp-largerbox li {
font-family:limerick-light;
font-size:19px;}

.hp-largerbox li{
line-height:1.05em;
margin-top:1em;
margin-bottom:1em;}

.hp-smallbox-button,.hp-largerbox-button{
bottom:45px;
display:block;
height:30px;
position:absolute;
right:80px;
width:142px}

.rm{
background:url(images/buttons-sprite2.png);
background-position:0px -60px}

.cntc{
background:url(images/buttons-sprite2.png);
background-position:0px 0px}

.gn{
background:url(images/buttons-sprite2.png);
background-position:0px -30px}

.rmo{
background:url(images/buttons-sprite2.png);
background-position:0px -90px}

.rn{
background:url(images/buttons-sprite2.png);
background-position:0px -120px}

.twitter{
background:#e2f3fd;
border:1px solid #024680;
border-radius:12px;
float:left;
height:381px;
margin:17px 13px 0;
padding-left:1px;
width:297px}

.signed-book{
height:145px;
margin-top:30px;
width:122px}

.hp-long-line {
width: 978px;
height: 3px;
background: url(images/tabs-line.png) no-repeat center;
display: block;
clear: both;
padding-top: 35px;
padding-bottom: 35px;}

#about{
position:relative;}

#about .steve-about-img{
display:block;
float:right;
height:383px;
width:256px}

#about .hp-blue-header{
padding-left:8px;
text-align:left}

.hp-blue-header {
font-family: Limerick-Light;
color: #012544;
font-size: 40px;
font-weight: normal;
text-transform: uppercase;
padding: 0;
margin: 0 auto 30px;
}

#about .hp-as-button{
bottom:0px;
height:30px;
float: right;
width:142px}

#books-sec{
margin-bottom:40px}

.hp-btmbox-left-center, .hp-btmbox-right {
height: 398px;
width: 324px;
text-align: center;
margin-bottom: 25px;
float: left;
position: relative;
}
	
.hp-btmbox-left-center {
padding-right: 3px;
background: url(images/footer-line.png) no-repeat right;
}

.hp-btmbox-button{
bottom:88px;
height:30px;
left:91px;
position:absolute;
width:142px;
}

a.hp-btmbox-button.rn.firstbbbutton {
    display: inline-block;
    position: static;
}

.link{
margin:29px 0 0;
padding:0;
text-align:center}

.link ul {
margin: 0;
padding: 0px;
}
.link li {
list-style: none;
margin: 15px 0px 15px 0px;
padding: 0 45px;
line-height: 20px;
text-align: center;
}
.link li a {
color: #fff;
text-decoration: none;
}
.link li a:hover {
text-decoration: underline;
color: #fff;
}
.rss-box li {
line-height: 1.2em;
}
.rss-box li:after {
content: '...';
}
@media only screen and (min-width: 1025px) {
body{
background:url(images/bg-image.jpg) no-repeat #1160a4 center top;
}
}
@media only screen and (max-width: 1024px) {
body{
background:url(images/bg-image-crop-1024x3500.jpg) no-repeat #1160a4 center top;
}
}
@media only screen and (max-width: 1023px) {
.site-header, .site-inner {
max-width: 978px;
width: auto;
}
.site-header {
margin-bottom: 0;
}
#hp-logo-image {
padding: 0;
}
.joinComm {
margin-top: 3px;
position: absolute;
right: 0;
top: 0;
}
.hp-long-line {
width :auto;
}
.steve-banner-ad {
left: 220px;
width: 320px;
}
.steve-banner-ad p {
font-size: 18px;
}
.steve-banner-ad img {
margin-right: 3px;
}
.hp-largerbox, .hp-smallbox, .twitter {
float: none;
display: inline-block;
vertical-align: bottom;
}
#about {
padding: 0 10px;
}
#about .hp-as-button {
display: block;
margin-left: 80px;
position: static;
}
.hp-btmbox-left-center, .hp-btmbox-right {
background: none;
display: inline-block;
float: none;
padding: 0;
margin-bottom: 0;
vertical-align: middle;
}
}
@media only screen and (max-width: 768px) {
body{
background:url(images/bg-image-crop-768x1050.jpg) no-repeat #1160a4 center top;
}
}
@media only screen and (max-width: 767px) {
.site-header {
padding-right: 10px;
}
.steve-banner-ad {
border-width: 2px;
height: 80px;
top: 20px;
}
.steve-banner-ad p {
height: 80px;
font-size: 16px;
}
.joinComm {
display: none;
}
.site-inner {
margin-top: 5px;
}
}
@media only screen and (max-width: 651px) {
.hp-largerbox {
width: 280px;
height: auto;
background: url(images/bg-box.png) no-repeat center top;
padding-bottom: 65px;
font-size: 15px;
margin: 15px 13px 0;
}
.hp-largerbox ul {
padding-left: 6px;
padding-right: 6px;
}
.hp-largerbox li {
font-size: 18px;
line-height: 1.2em;
margin-left: 18px;
}
.hp-largerbox p > img {
display: none;
}
}
@media only screen and (max-width: 579px) {
.steve-banner-ad {
left: 170px;
top: 15px;
height: 70px;
width: 280px
}
.steve-banner-ad p {
height: 70px;
font-size: 14px;
}
}
@media only screen and (max-width: 480px) {
body{
background:url(images/bg-image-crop-480x1050-compr40.jpg) no-repeat #1160a4 center top;
}
}
@media only screen and (max-width: 479px) {
.steve-banner-ad {
box-shadow: none;
left: 120px;
top: 10px;
height: 60px;
width: 254px;
}
.steve-banner-ad p {
height: 60px;
font-size: 13px;
}
.site-inner {
margin-top: 0;
}
.hp-largerbox, .hp-smallbox, .twitter {
margin-left: 0;
margin-right: 0;
}
#about img {
display: none;
}
.hp-btmbox-left-center, .hp-btmbox-right {
width: 256px;
}
.hp-btmbox-left-center li, .hp-btmbox-right li {
padding: 0 11px;
}
.hp-btmbox-button {
left: 57px;
}
}
@media only screen and (max-width: 399px) {
.steve-banner-ad {
left: 90px;
top: 5px;
height: 50px;
width: 208px;
}
.steve-banner-ad img {
margin: 0;
}
.steve-banner-ad p {
height: 50px;
font-size: 11px;
}
}
@media only screen and (max-width: 320px) {
body{
background:url(images/bg-image-crop-320x700-compr40.jpg) no-repeat #1160a4 center top;
}
}
@media only screen and (max-width: 319px) {
.steve-banner-ad {
display: none;
}
}
@media only screen and (max-width: 679px) {
#menu-main-menu > li > a {
color: #024680;
text-shadow: 0px 0px 6px #fff, 0 0 7px #fff, 0 0 5px #fff;
}
#menu-main-menu .current-menu-item a, .current-page-ancestor, .current-menu-parent, #menu-main-menu > li:hover a {
color: #fff !important;
text-shadow: none;
}
}