/*
	Theme Name: Johnny B. Truant
    Theme URI: http://johnnybtruant.com/
	Description: Johnny B. Truant, the Internet made awesome.  Custom WordPress Child Theme of the Genesis Theme framework.  Design by <a href="http://loganzanelli.com/">Logan Zanelli</a>, theme by <a href="http://dossy.org/">Dossy Shiobara</a>.
	Author: Genesis Theme Design
	Author URI: http://genesisthemedesign.com/?t=jbt
	Version: 1.0

    Template: genesis
*/

body {
    background: #fff url(images/body-bg.jpg) no-repeat 50% 0;
    font: 14px/1.5 Arial, sans-serif;
}

h1, #content h1, h2, #content h2, h3, #content h3,
h4, #content h4, h5, #content h5, h6, #content h6 {
    color: #02437a;
    font-family: 'Arial Black', Arial, sans-serif;
    line-height: 1.1;
}
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

a, a:visited, a:hover, a:active {
    /* color: #02437a; */
    color: #015dce;
}

#wrap {
    width: auto;
    background-color: transparent;
}

#header {
    height: 250px;
    margin: 0 auto;
}
#title-area {
    float: none;
    width: auto;
    padding: 0;
}
.header-full-width #title-area #title a {
    display: block;
    width: 780px;
    height: 189px;
    margin: 20px auto 40px auto;
    background: url(images/header.png) no-repeat 0 0;
    text-indent: -9999px;
}
#title-area #description {
    display: none;
}

.navigation {
	clear: both;
}

#nav {
    width: 860px;
    height: 28px;
    margin: -28px auto 0 auto;
    border-bottom: none;
    background-color: transparent;
}
#nav li {
    margin: 0 2px;
}
#nav li a {
    padding: 8px 10px;
    color: #000;
    background: transparent url(images/nav-bg.png) repeat-x 0 0;
    font-weight: bold;
    line-height: 1;
}
#nav li a:hover,
#nav li a:active,
#nav .current_page_item a,
#nav .current-cat a,
#nav .current-menu-item {
    color: #666;
    background-color: #fff;
}

#inner {
    width: auto;
    margin-top: 7px;
    background: url(images/content-bg.png) repeat-x 50% 0;
    border-top: 1px solid #bbb;
    overflow: hidden;
}
#inner > .wrap {
    width: 960px;
    margin: 15px auto;
}
#sidebar-alt {
    width: 160px;
}
#content-sidebar-wrap {
    width: 800px;
}
#content {
    width: 490px;
    margin: 0 30px;
}
#sidebar {
    width: 250px;
}

#content .entry-content h1,
#content .entry-content h2,
#content .entry-content h3,
#content .entry-content h4,
#content .entry-content h5,
#content .entry-content h6 {
    margin-bottom: 15px;
}

#content blockquote {
    margin: 0 0 15px 0;
    padding: 0;
    color: #000;
    background: transparent url(images/blockquote-bg-top.png) repeat-x 50% 3px;   
font-size: 18px;
    font-style: italic;
    border-top: 1px solid #7f7f7f;
    border-bottom: 1px solid #7f7f7f;
    border-left: none;
    border-right: none;
}
#content blockquote .wrap {
    margin: 25px 25px 0 25px;
}
#content blockquote .bottom {
    position: relative;
    z-index: -1;
    height: 38px;
    margin-top: -33px;
    padding-bottom: 3px;
    background: transparent url(images/blockquote-bg-bottom.png) repeat-x 50% 0;
}

#content .post {
    margin: 0 0 20px 0;
}
#content .post-image {
    background-color: #fff;
}
#content .post .entry-title,
#content .post .entry-title a {
    color: #02437a;
}
#content .post .post-info {
    margin-bottom: 20px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ccc;
}
#content .post .post-info .date {
    padding-right: 14px;
    background: url(../genesis/images/icon-dot.png) no-repeat 102% 0;
}

#content .columns .post {
    float: left;
    width: 230px;
}
#content .columns .post-odd {
    margin-right: 28px;
}

#content .columns .post-image {
    width: 220px;
    height: 120px;
}
.more-link,
.more-link:visited,
.more-link:hover,
.more-link:active,
/* Advanced Excerpt plugin: */
.read_more,
.read_more:visited,
.read_more:hover,
.read_more:active {
    display: block;
    width: 122px;
    margin-top: 12px;
    padding: 8px 10px;
    color: #fff;
    background-color: #02437a;
    font: bold 12px Arial, sans-serif;
    text-align: center;
    text-transform: uppercase;
}
.more-link:hover,
.more-link:active,
/* Advanced Excerpt plugin: */
.read_more:hover,
.read_more:active {
    color: #fff;
}
.featured-image {
    text-align: center;
}
.entry-content {
    color: #666;
}
.post-meta {
    display: none;
}

.twitter-share-button {
    margin-bottom: 15px;
}

#post-content-after {
    clear: both;
}

.author-box {
    padding: 0;
    background: transparent url(images/blockquote-bg-top.png) repeat-x 50% 3px;
    border-top: 1px solid #7f7f7f;
    border-bottom: 1px solid #7f7f7f;
    border-left: none;
    border-right: none;
}
.author-box img {
    margin: 14px 8px 10px 8px;
}
.author-box strong,
.author-box br {
    display: none;
}
.author-box p {
    margin-right: 8px;
    padding-top: 24px;
}
.author-box div {
    margin-bottom: 3px;
    background: transparent url(images/blockquote-bg-bottom.png) repeat-x 50% 100%;
    overflow: hidden;
}

#comments {
    padding-top: 15px;
    border-top: 1px solid #ccc;
    clear: both;
}
.comment-list li,
.ping-list li {
    position: relative;
    padding: 0;
    background: #eee url(images/blockquote-bg-top.png) repeat-x 50% 65px;
    border: 1px solid #ccc;
}
.comment-list li ul li,
.ping-list li ul li {
    margin: 12px 12px 12px 33px;
    padding-bottom: 12px;
    background: #fff;
}
.ping-list .comment-author cite {
    float: left;
    max-width: 400px;
    margin: 0 5px 0 18px;
    overflow: hidden;
    white-space: nowrap;
}
.comment-author {
    padding-top: 14px;
    height: 50px;
    background-color: #ccc;
}
.comment-list li .avatar {
    float: left;
    margin: -6px 10px 8px 8px;
    padding: 0;
    background-color: transparent;
    border: none;
}
.comment-meta {
    position: absolute;
    top: 32px;
    left: 66px;
}
.comment-meta a {
    color: #444;
}
.comment-content {
    margin: 0 18px;
    clear: both;
}
.ping-list p {
    margin: 10px 18px;
    clear: both;
}
.comment-list li .reply {
    margin-left: 18px;
}
.comment-list .children {
    margin-top: 20px;
}
#comments #respond {
    /* Style when replying. */
    margin: 24px 0 0 0;
}
#comments .comment-list li #respond {
    /* Style when replying to thread children. */
    margin: 24px 12px 0 12px;
}

#footer {
    width: auto;
    padding: 30px 0 0 0;
    background: #143956 url(images/footer-bg.jpg) no-repeat 50% 0;
    font: 12px/1.5 Arial, sans-serif;
    text-transform: none;
}
#footer .wrap {
    width: 960px;
    margin: 10px auto 0 auto;
    overflow: hidden;
}
#footer ul {
    margin: 0;
    padding: 0 0 0 16px;
}
#footer-left {
    float: left;
    width: 300px;
    margin: 0 0 20px 0;
}
#footer-left .widgettitle {
    width: 300px;
    height: 26px;
    margin: 0 0 5px 0;
    background: url(images/sprites.png) no-repeat 0 -128px;
    text-indent: -9999px;
}
#footer-middle {
    float: left;
    width: 300px;
    margin: 0 30px 20px 30px;
}
#footer-middle .widgettitle {
    width: 300px;
    height: 26px;
    margin: 0 0 5px 0;
    background: url(images/sprites.png) no-repeat 0 -154px;
    text-indent: -9999px;
}
#footer-right {
    float: right;
    width: 300px;
    margin: 0 0 20px 0;
}
#footer-right .widgettitle {
    width: 300px;
    height: 26px;
    margin: 0 0 5px 0;
    background: url(images/sprites.png) no-repeat 0 -180px;
    text-indent: -9999px;
}
#footer-right .connect-and-follow {
    margin: 0;
    padding: 0;
}
#footer-right .connect-and-follow,
#footer-right .connect-and-follow li {
    list-style-type: none;
}
#footer-right .connect-and-follow li {
    margin-bottom: 10px;
    line-height: 32px;
}
#footer-right .connect-and-follow li a {
    height: 32px;
    padding: 8px 0 8px 48px;
    font: bold 14px/1.0 Arial, sans-serif;
}
#footer-right .connect-and-follow .twitter a {
    background: url(images/sprites.png) no-repeat 0 0;
}
#footer-right .connect-and-follow .facebook a {
    background: url(images/sprites.png) no-repeat 0 -32px;
}
#footer-right .connect-and-follow .youtube a {
    background: url(images/sprites.png) no-repeat 0 -64px;
}
#footer-right .connect-and-follow .rss a {
    background: url(images/sprites.png) no-repeat 0 -96px;
}

#footer-bottom {
    width: 960px;
    margin: 10px auto;
    font-size: 10px;
    overflow: hidden;
    clear: both;
}
#footer-bottom .copyright {
    float: left;
}
#footer-bottom .theme-credit {
    float: right;
}

/* Widget styles */

#sidebar .widget,
#sidebar-alt .widget {
    background: #fff url(images/sidebar-bg.png) repeat-x 50% 34px;
}
#sidebar .widget_search,
#sidebar-alt .widget_search {
/*
#sidebar .latest-tweets,
#sidebar-alt .latest-tweets,
#sidebar .featuredpost,
#sidebar-alt .featuredpost 
*/
    background: #fff;
}

#sidebar .widget_search .s,
#sidebar-alt .widget_search .s {
    width: 180px;
}

#sidebar h4,
#sidebar .widgettitle,
#sidebar-alt h4,
#sidebar-alt .widgettitle {
    padding: 10px;
    color: #fff;
    background-color: #02437a;
}

#sidebar .latest-tweets {
    color: #333;
    padding: 0;
}
#sidebar .latest-tweets ul,
#sidebar .latest-tweets li,
#sidebar-alt .latest-tweets ul,
#sidebar-alt .latest-tweets li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#sidebar .latest-tweets li,
#sidebar-alt .latest-tweets li {
    padding: 15px;
    font-size: 12px;
    border-bottom: 1px solid #ccc;
}
#sidebar .latest-tweets li:nth-child(even),
#sidebar-alt .latest-tweets li:nth-child(even) {
    background-color: #eee;
}
#sidebar .latest-tweets li:last-child,
#sidebar-alt .latest-tweets li:last-child {
    border-bottom: none;
}
#sidebar .latest-tweets li span,
#sidebar-alt .latest-tweets li span {
    display: block;
    margin-top: 8px;
    font-style: italic;
}
#sidebar .latest-tweets li span a,
#sidebar-alt .latest-tweets li span a {
    color: #999;
}

#sidebar .featuredpost .post,
#sidebar-alt .featuredpost .post {
    padding: 15px;
    border-bottom: 1px solid #ccc;
    color: #666;
    font-size: 12px;
}
#sidebar .featuredpost .post h2,
#sidebar-alt .featuredpost .post h2 {
    margin-bottom: 10px;
}
#sidebar .featuredpost .post h2 a,
#sidebar-alt .featuredpost .post h2 a {
    color: #02437a;
    font: 12px/1.1 'Arial Black', Arial, sans-serif;
}
#sidebar .featuredpost h4:nth-of-type(2),
#sidebar-alt .featuredpost h4:nth-of-type(2) {
    padding-top: 15px;
    color: #02437a;
    background-color: #eee;
    border-bottom: none;
}
#sidebar .featuredpost ul,
#sidebar-alt .featuredpost ul {
    margin: 0;
    padding-bottom: 15px;
    background-color: #eee;
}
#sidebar .featuredpost li,
#sidebar-alt .featuredpost li {
    font-size: 12px;
}
#content .post ul li,
#content .page ul li,
#content .post ol li,
#content .page ol li { 
    margin-bottom: 1.5em; 
}
/* Genesis Box
------------------------------------------------------------ */
 
#genesis-box {
    background: #BFC7E7;
    border: 1px solid #e6e6e6;
    margin: 10px 0 0;
    overflow: hidden;
    padding: 20px 20px 0;
}
 
#genesis-box h3 {
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 10px;
    padding-bottom: 8px;
    text-transform: none;
}
 
#genesis-box .alignright {
    background: #f7f7f7;
    border: 1px solid #e6e6e6;
    float: right;
    margin: 0 0 5px 10px;
    padding: 7px;
}





/* Genesis 1.81 update */

.menu-primary {
    border-bottom: none;
    border-top: none;
}

.menu-primary, .menu-secondary, #header .menu {
    background-color: transparent;
}

#wrap {
    margin: 0;	/* ?? 15px auto; */
}

.menu-primary a, .menu-secondary a, #header .menu a {
    border-right: none;
}

#inner {
    padding: 0; /* 20px; */
}

#content {
    padding: 0;	/* 10px 20px; */
}

img {
    height: auto; /* this overrides single pixel spacers--need to change spacer code on left boxes */
  }

#wrap {
    -moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0 auto;
	padding: 0;
}

#inner {
    margin: 0 auto;
    padding: 0; /* 20px; */
    margin: 7px 0; /* 20px 0 20px 0; */
}

.entry-content p {
    margin: 0 0 15px 0;
}

body, p, select, textarea {
    color: #666;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

h1, #content h1, h2, h2 a, #content h2, h3, #content h3, h4, #content h4, h5, #content h5, h6, #content h6 {
    font-family: 'Arial Black', Arial, sans-serif;
}




#footer, #footer p {
    color: white;
}
#footer a, #footer a:visited {
    color: white;
    text-decoration: none;
}

#footer a:hover, #footer a:active {
color: white !important;
text-decoration: underline !important;
}



.s {
    background: #F7F7F7 !important;
    color: #333;
    font-family: Arial, Tahoma, Verdana;
    font-size: 11px;
    margin: 5px 4px 0 0;
    padding: 4px 0 4px 5px;
    border: 1px solid #E6E6E6;
}

#submit, .searchsubmit, .enews #subbutton, .gform_footer .button, .reply a, .reply a:visited {
    background: #333 !important;
    color: white;
    font-size: 11px;
    line-height: 11px;
    font-family: Arial, Tahoma, Verdana;
    font-weight: normal !important;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0;
    padding: 0px 5px 0px 5px !important;
    border: 1px solid #666 !important;
}

#nav li a {
	text-transform: uppercase;
	font-size: 12px;
}

#nav li a:hover, #nav li a:active, #nav .current_page_item a,
 #nav .current-cat a, #nav .current-menu-item {
color: #666;
background: white none;
}
	
.post-info {
font-size: 11px;
margin: 0 0 5px 0;
padding: 0;
text-transform: uppercase;
}	

h1, h2, h2 a {
font-size: 20px;
}

h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6 {
margin: 0 0 5px;
}

.full-width-content #content {
width: 1000px;
}



#content {
margin: 0 20px;
}

.content-sidebar #content, .sidebar-content #content {
width: 710px;
}
#inner > .wrap {
width: 1000px;
margin: 15px auto;
}