/* -- This is the place to add your own style modifications without touching the original styles -- */




.maincontent >div, .widget, .featured {border-top: 2px solid #a00 !important;}


#header {  background: url('/wp-content/uploads/gfx-styles/bg-header-gs.png') repeat-x; height: 150px; margin: 0px 0px 5px 0px; padding: 5px 7px; line-height: 20px; border-top: 2px solid #fff; position:relative; }
#head-content {margin: 0;padding: 0;}
#jprpub {position:absolute;bottom:0;left:10px;}
#tagline {position:absolute;bottom:39px;left:190px;width: 200px;}
#tagline h2 {font: bold 1.5em Arial,sans-serif;}
.head-banner468 {margin-top:2em;}

@media only screen and (max-width:640px) {
    #header {height: auto;}
  #logo img {width: 120px; height: auto;}
  #tagline {position:static;text-align:center;width: auto;}
  #tagline h2 {font: normal 14px Arial, sans-serif;text-align:center;}
  #jprpub {position:static;text-align:center;}
.head-banner468 {margin-top:0em;}
}

@media only screen and (min-width: 641px) and (max-width: 768px) {
    #header {height: auto;}
  #logo img {width: 140px; height: auto;}
  #tagline {position:static;text-align:center;width: auto;}
  #tagline h2 {font: normal 14px Arial, sans-serif;text-align:center;}
  #jprpub {position:static;text-align:center;}
.head-banner468 {margin-top:0em;}
}

#sidebar .widget,
#sidebar-bottom {
    padding: 0px;
    background:#fff;
    border:1px solid #ddd;
margin-top: 0;
margin-bottom: 20px;
    }

#sidebar-narrow .widget {
    background:#fff;
    border:1px solid #ddd;
    }

.widget .tweets .tweet-link {
font: oblique 90% Arial, sans-serif;
}

.widget .tweets .twit {
font: bold 100% Arial, sans-serif;
}

.widget .tweets .avatar {
float: left;
margin-right: 5px ;
}

.widget .tweets {
margin: 0;
}