/******************************************************************************

Theme Name: Jacks Blog
Theme URI:
Description: A responsive blog Wordpress theme
Version: 1.0
Author: David Gottschall
Author URI: http://www.davemg.com
License: GNU General Public Liscense version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: two-column, threaded-comments, responsive, custom-menu

*******************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 1;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing:0;
}
td {
   padding: 3px;
}
	
a {text-decoration:none}
a:focus {outline:0}
/* Fonts */
@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('fonts/League_Gothic-webfont.eot');
    src: url('fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg'),
         url('fonts/League_Gothic-webfont.woff') format('woff'),
         url('fonts/League_Gothic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* Styles for the Website */
body, html {width:100%;height:100%;font-family:Arial,Helvetica,sans-serif;background:#cfad87}
.top {width:100%;min-width:980px;padding:50px 0 80px 0}
.container {width:960px;margin:0 auto;padding:10px}
.top header {float:left;width:210px;text-align:right}
.top header .logo h1, .top header .logo h2 {margin:20px 0 50px 0}
.top header .logo h1 a, .top header .logo h2 a {font-family:'LeagueGothicRegular',Arial,Helevtica,sans-serif;color:#fefefe;text-shadow:#4d4032 1px 1px 1px}
.top header .logo h1 a i, .top header .logo h2 a i {font-size:30px}
.top header .logo h1 a span, .top header .logo h2 a span {font-size:30px;display:none}
.top header .logo h1 a span em, .top header .logo h2 a span em {display:block;margin:-7px 0 0 0;padding:0 50px 0 0;font-size:24px}
.top header .logo h1 a b, .top header .logo h2 a b {font-size:60px}
.top header nav {font-size:24px;line-height:36px}
.top header nav ul {margin:50px 0}
.top header nav a {font-family:'LeagueGothicRegular',Arial,Helevtica,sans-serif;color:#751113;text-shadow:#ffd5a6 1px 1px 1px}
.top header nav a:hover {color:#fefefe;text-shadow:#4d4032 1px 1px 1px}
.top #search-form {display:block}
.top #search-form input {width:68px;padding:5px 10px 5px 30px;font-size:16px;color:#3bb54b;background:url("images/search.png") no-repeat 5px 5px;border:1px solid #999;	
	transition:width 1s;
	-webkit-transition:width 1s;}
.top #search-form input:focus {width:168px;color:#333;border:1px solid #3bb54b}
.top .menu-select, .top .sub-select {display:none}
.top .below-nav h4 {font-size:30px;font-family:'LeagueGothicRegular',Arial,Helevtica,sans-serif;color:#fff;text-shadow:#4d4032 1px 1px 1px}
.top .below-nav ul {margin:15px 0 20px 0;font-size:14px;line-height:20px}
.top .below-nav li {margin:0 0 10px 0}
.top .below-nav ul a {color:#751113}
.top .below-nav ul a:hover {text-decoration:underline}

.top .content {float:left;width:680px;margin:0 0 0 60px}
.top .content .no-posts {display:block;padding:40px 40px 80px 40px;font-family:'LeagueGothicRegular',Arial,Helevtica,sans-serif;color:#3bb54b;font-size:34px;background:#fefefe;box-shadow:#4d4032 1px 1px 1px}
.top .list-post img {display:block;width:100%}
.top .no-thumb {width:100%;height:150px}
.top .cat-thumb {width:100%;height:20px}

.top article, .top .list-post {position:relative;margin:0 0 50px 0;background:#fefefe;box-shadow:#4d4032 1px 1px 1px}
.top article .category, .top .list-post .category {position:absolute;left:-20px;top:100px;z-index:10;padding:5px 20px 5px 40px;font-size:24px;line-height:24px;background:#3bb54b;box-shadow:#4d4032 1px 1px 1px}
.top article .category a, .top .list-post .category a {font-family:'LeagueGothicRegular',Arial,Helevtica,sans-serif;color:#fff;text-shadow:#000 1px 1px 1px}
.top article img {display:block;max-width:100%}
article .single, .top .list-post .post-con {margin:20px 40px 0 40px;padding:0 0 40px 0;font-size:14px;line-height:20px;color:#666}
article .single {padding:0 0 20px 0}
article .single .title, .top .list-post .post-con .title {margin:0 0 5px 0;font-family:'LeagueGothicRegular',Arial,Helevtica,sans-serif;color:#3bb54b;font-size:34px;line-height:38px}
article .single .posted, .top .list-post .post-con .posted {display:inline-block;margin:0 0 20px 0;padding:0 0 0 30px;font-size:12px;font-style:italic;border-bottom:1px dashed #bbb}
article .single .posted a, .top .list-post .post-con .posted a {margin:0 3px;color:#333;font-weight:bold}
article .single b, .top .list-post .post-con b {font-weight:bold;color:#555}
article .single h2 {margin:0 0 20px 0;font-size:24px;line-height:28px;font-family:'LeagueGothicRegular',Arial,Helevtica,sans-serif;font-weight:normal;color:#333}
article .single p, .top .list-post .post-con p {margin:0 0 20px 0}
article .single a, .top .list-post .post-con a {color:#3bb54b}
article .single a:hover, .top .list-post .post-con a:hover {text-decoration:underline}
article .single ul, .top .list-post .post-con ul {margin:0 0 20px 40px;padding:0;list-style:disc inside}
article .single ol, .top .list-post .post-con ol {margin:0 0 20px 0;padding:0;list-style:decimal inside}
article .single ul ul {margin:10px 0 20px 40px;list-style:circle inside}
article .single ul ol {margin:10px 0 20px 40px}
article .single ol ul {margin:10px 0 20px 40px}
article .single ol ol {margin:10px 0 20px 40px;list-style:upper-alpha inside}
article .single li, .top .list-post .post-con li {margin:0 0 10px 0;padding:0}
article .single ol>li {margin:0 0 20px 0}
article .single ol p:first-child {display:inline}
article .single ol p:nth-child(n+2) {margin:20px 0}
article .single img {display:block}
article .single iframe {margin:0 0 20px 0}
article .single .share-bot {margin:40px 0 0 0;padding:10px 0;border-top:1px dashed #bbb;border-bottom:1px solid #bbb}
.post-author-cont {padding:0 40px 40px 40px}
.post-author {display:block;margin:30px 0 20px 0;padding:20px;font-size:14px;line-height:20px;color:#666;background:#f5f5f5;border:1px solid #bbb}
.post-author a {color:#3bb54b}
.post-author a:hover {text-decoration:underline}
.top .post-author img {float:left;margin:0 20px 20px 0;width:80px}
.post-author h2 {margin:0 0 20px 0;color:#3bb54b;font-size:18px;font-family:Georgia,serif;font-weight:bold;font-style:italic}
.post-author h5 {margin:0 0 20px 0;font-size:14px;font-weight:bold;color:#333}
.post-author h5 a {color:#3bb54b;font-size:18px;font-family:Georgia,serif;font-style:italic}
.post-author h5 a:hover {text-decoration:underline}
.top .comment-section {margin:0 0 50px 0;padding:40px;font-size:14px;line-height:20px;color:#666;background:#fefefe;box-shadow:#4d4032 1px 1px 1px}
.comment-section a {color:#3bb54b}
.comment-section h3.num-comments {margin:0 0 20px 0;font-size:20px;font-family:'LeagueGothicRegular',Arial,Helevtica,sans-serif;font-weight:normal;color:#3bb54b}
.comment-section h3#reply-title {margin:40px 0 20px 0;font-size:24px;font-family:'LeagueGothicRegular',Arial,Helevtica,sans-serif;font-weight:normal;color:#3bb54b}
.comment-section h3#reply-title a {margin:0 0 0 5px;font-size:24px;font-family:Georgia,serif;font-style:italic;font-weight:bold;color:#333}
.comment-section h3#reply-title small a {font-family:Arial,Helevtica,sans-serif;font-size:12px;font-weight:normal;color:#bbb}
.comment-section #comment-form label, .top #ninja_forms_form_1_wrap label {display:block;margin:10px 0 0 0;font-weight:bold;font-size:12px}
.comment-section #comment-form label, .top #ninja_forms_form_3_wrap label {display:block;margin:10px 0 0 0;font-weight:bold;font-size:14px}
.comment-section #comment-form input, .top #ninja_forms_form_1_wrap input {width:310px;padding:5px;border:1px solid #bbb}
.comment-section #comment-form input, .top #ninja_forms_form_3_wrap input {width:310px;padding:10px;border:1px solid #bbb;}
.comment-section #comment-form input:focus, .top #ninja_forms_form_1_wrap input:focus {border:1px solid #ff8a00}
.comment-section #comment-form input:focus, .top #ninja_forms_form_3_wrap input:focus {border:1px solid #ff8a00}
.comment-section #comment-form textarea, .top #ninja_forms_form_1_wrap textarea {width:588px;height:150px;padding:5px;border:1px solid #bbb}
.comment-section #comment-form textarea:focus, .top #ninja_forms_form_1_wrap textarea:focus {border:1px solid #ff8a00}
.comment-section #comment-form textarea, .top #ninja_forms_form_3_wrap textarea {width:588px;height:150px;padding:5px;border:1px solid #bbb}
.comment-section #comment-form textarea:focus, .top #ninja_forms_form_3_wrap textarea:focus {border:1px solid #ff8a00}
.comment-section .form-submit #submit, .top #ninja_forms_form_1_wrap .submit {margin:20px 0 0 0;padding:10px 30px;font-size:14px;font-weight:bold;color:#999;background:#e6e6e6;border:1px solid #999;border-radius:3px}
.comment-section .form-submit #submit:hover, .top #ninja_forms_form_1_wrap .submit:hover {cursor:pointer;color:#333;background:#cdcdcd;border:1px solid #ff8a00}
.comment-section .form-submit #submit, .top #ninja_forms_form_3_wrap .submit {margin:20px 0 0 0;padding:10px 30px;font-size:14px;font-weight:bold;color:#999;background:#e6e6e6;border:1px solid #999;border-radius:3px}
.comment-section .form-submit #submit:hover, .top #ninja_forms_form_3_wrap .submit:hover {cursor:pointer;color:#333;background:#cdcdcd;border:1px solid #ff8a00}
.top .ninja-forms-success-msg {font-weight:bold;color:#ff8a00}
.top .ninja-forms-field-error {display:block;font-weight:bold;font-size:12px;color:#ff0000}
.comments-list .comment {position:relative;margin:20px 0 0 0;padding:20px 0 0 100px;border-top:1px solid #e6e6e6}
.comments-list .comment .comment {padding:20px 0 0 80px}
.comments-list .comment .comment .comment .comment {padding:20px 0 0 20px}
.comments-list .comment .avatar {position:absolute;top:20px;left:0}
.comments-list .comment .comment .comment .comment .avatar {display:none}
.comments-list .comment h5 {font-weight:bold;color:#333}
.comments-list .comment h5 a {color:#333}
.comments-list .comment .comment-data {display:block;margin:0 0 20px 0;font-size:12px;font-style:italic;color:#999}
.comments-list .comment .comment-reply {width:150px;font-size:12px;font-style:italic;border-top:1px solid #e6e6e6}
.comments-list .comment .comment-reply a {color:#bbb}

.footer {width:100%;min-width:980px;padding:50px 0;background:#1a0d0d}
.footer .social {display:inline-block;float:left;width:210px;height:91px;text-align:right}
.footer .social span {display:block;height:30px;margin:10px 0 0 0;font-size:14px;font-style:italic;color:#cdcdcd;line-height:30px}
.footer .social a {display:inline-block;float:right;margin:0 0 0 10px}
.footer .newsletter {display:inline-block;float:left;position:relative;width:680px;height:91px;padding:0 0 0 60px}
.footer .newsletter h4 {height:16px;margin:16px 0 0 0;font-size:16px;line-height:16px;font-style:italic;color:#fff}
.footer .newsletter h4 span {text-transform:uppercase;font-weight:bold}
.footer .newsletter p {width:330px;margin:10px 0 0 0;font-size:13px;line-height:16px;color:#cdcdcd}
.footer .newsletter .email-text {position:absolute;top:30px;left:400px;z-index:10;height:29px;width:220px;margin:0;padding:5px 10px;font-size:16px;font-style:italic;color:#a1a1a1;line-height:29px;outline:none;border:1px solid #39b54a;border-radius:5px}
.footer .newsletter .email-text:focus {font-style:normal;color:#333}
.footer .newsletter .submit-email {position:absolute;top:30px;left:636px;z-index:50}
.footer .copy {float:left;display:inline-block;width:210px;margin:50px 0 0 0;padding:0 40px 0 0;text-align:right;font-size:13px;line-height:20px;color:#cdcdcd}
.footer .links {float:left;display:inline-block;width:210px;margin:50px 0 0 20px}
.footer .links h4 {font-family:'LeagueGothicRegular',Arial,Helevtica,sans-serif;font-size:24px;color:#fff}
.footer .links ul {margin:20px 0;font-size:13px;line-height:30px}
.footer .links a {color:#cca985}
.footer .links a:hover {text-decoration:underline}


.clear {clear:both;width:100%}
.cf:before, .cf:after {content:"";display:table}
.cf:after {clear:both}
.cf {zoom:1}


@media all and (min-width:960px) {
body,html {background:url("images/paper-back-big.jpg") fixed;font-family:Arial,Helvetica,sans-serif}

}

@media all and (max-width:959px) and (min-width:520px) {
body,html {background:url("images/paper-back-med.jpg") fixed;font-family:Arial,Helvetica,sans-serif}
.top {min-width:740px;padding:40px 0 60px 0}
.container {width:720px}
.top header {width:190px}
.top #search-form input:focus {width:148px}
.top .content {width:500px;margin:0 0 0 30px}
.top .list-post img, .top article img {width:500px;height:257px}
.top .no-thumb {height:100px}
.top .list-post .category, .top article .category {left:-10px;top:50px;padding:5px 20px 5px 30px}
.top .list-post .post-con, article .single {margin:20px 20px 0 20px}
.post-author-cont {padding:0 20px 40px 20px}
.post-author {margin:30px 0 0 0}
.top .comment-section {padding:20px}
.comment-section #comment-form textarea, .top #ninja_forms_form_1_wrap textarea {width:448px}
.comments-list .comment {position:relative;margin:20px 0 0 0;padding:20px 0 0 80px;border-top:1px solid #e6e6e6}
.comments-list .comment .avatar {width:60px;height:60px}
.comments-list .comment .comment {padding:20px 0 0 60px}
.comments-list .comment .comment .avatar {width:40px;height:40px}
.top .post-author img {width:80px;height:80px}
.footer {min-width:740px}
.footer .social {height:150px;width:190px}
.footer .social span {margin:40px 0 0 0}
.footer .newsletter {height:150px;width:500px;padding:0 0 0 30px}
.footer .newsletter h4 {text-align:right}
.footer .newsletter p {width:430px;padding:0 0 0 70px;text-align:right}
.footer .newsletter input.email-text {top:90px;left:200px}
.footer .newsletter input.submit-email {top:90px;left:436px}
.footer .copy {width:190px;padding:0 20px 0 0}
.footer .links {width:160px;margin:50px 0 0 10px}
}

@media all and (max-width:519px) {
.top {min-width:320px;padding:20px 0 20px 0}
.container {width:320px;padding:0}
.top header {float:none;width:300px;padding:10px}
.top header .logo h1, .top header .logo h2 {margin:20px 0 30px 0}
.top #search-form input:focus {width:258px}
.top header nav, .top .below-nav h4, .top .below-nav ul {display:none}
.top .menu-select, .top .sub-select {display:inline-block;margin:30px 0 0 0;padding:5px;font-size:16px;color:#666}
.top .sub-select {width:300px}
.top .menu-select option, .top .sub-select option {display:inline-block;padding:5px}
.top .content {float:none;width:100%;margin:30px 0 0 0}
.top .list-post img, .top article img {width:320px;height:165px}
.top .no-thumb {height:70px}
.top .list-post .category, .top article .category {left:0;top:15px;padding:5px 20px 5px 10px}
.top .list-post .post-con, article .single {margin:20px 10px 0 10px}
.top .list-post .post-con .posted, article .single .posted {padding:0}
.post-author-cont {padding:0 10px 40px 10px}
.post-author {margin:30px 0 0 0;padding:20px 0 0 0;background:#fff;border:none;border-top:1px dashed #cca985}
.top .comment-section {padding:20px 10px}
.comment-section #comment-form input, .top #ninja_forms_form_1_wrap input {width:270px}
.comment-section #comment-form input, .top #ninja_forms_form_3_wrap input {width:270px}
.comment-section #comment-form textarea, .top #ninja_forms_form_1_wrap textarea {width:288px}
.comments-list .comment {position:relative;margin:20px 0 0 0;padding:20px 0 0 50px;border-top:1px solid #e6e6e6}
.comments-list .comment .avatar {width:40px;height:40px}
.comments-list .comment .comment {padding:20px 0 0 40px}
.comments-list .comment .comment .avatar {width:30px;height:30px}
.top .post-author img {width:80px;height:80px}
.footer {min-width:320px;padding:30px 0}
.footer .social {display:block;float:none;width:100%;height:91px;text-align:center}
.footer .social span {display:block;height:30px;margin:10px 0 0 0;font-size:14px;font-style:italic;color:#cdcdcd;line-height:30px}
.footer .social a {display:inline-block;float:none;margin:0 5px}
.footer .newsletter {height:170px;width:300px;padding:0 10px;border:none}
.footer .newsletter h4 {text-align:right;font-size:15px;color:#39b54a}
.footer .newsletter p {width:100%;text-align:right}
.footer .newsletter input.email-text {top:100px;left:10px;width:190px}
.footer .newsletter input.submit-email {top:100px;left:217px}
.footer .copy {float:none;width:300px;margin:20px 0 0 0;padding:10px}
.footer .links {float:none;width:300px;margin:30px 10px 0 10px}

}