/*
Theme Name: Zeus Theme3
Theme URI: http://sipony.com
Description: Zeus Responsive Theme by Jason Stoll.
Author: Jason Stoll
Author URI: http://sipony.com
Template: zeus
Version: 1.1
*/

@charset "UTF-8";
@import url("css/reset.css");
@import url(http://fonts.googleapis.com/css?family=Josefin+Sans);
@import url(http://fonts.googleapis.com/css?family=Poiret+One);
@import url(http://fonts.googleapis.com/css?family=Arimo);
@import url(http://fonts.googleapis.com/css?family=Lato:300,700);


/* Elements */
p {font-family: arial; font-size: 1.1em; margin: 0px 0px 10px 0px; line-height: 1.6em; color:#494949; text-align: justify;}
li {font-family: arial; font-size: 1.1em; margin: 0px 0px 10px 0px; line-height: 1.6em; color:#494949; text-align: left;}
h1 {font-family: 'Lato', sans-serif; font-weight:300; font-size: 2.8em; line-height: 1.8em; color:#494949;}
h2 {font-family: 'Lato', sans-serif; font-weight:300; font-size: 1.6em; line-height: 1.6em; color:#494949;}
h3 {font-family: 'Lato', sans-serif; font-weight:300; font-size: 1.8em; line-height: 1.8em; color:#494949; text-align:center;}
h4 {font-family: 'Lato', sans-serif; font-weight:300; font-size: 1.2em; color:#494949;}
h5, h6 {font-family: 'Lato', sans-serif; font-size: 1.1em; margin: 0px 0px 10px 0px; line-height: 1.4em; color:#494949;}
address {font-family: arial; font-size: .9em; margin: 0px 0px 10px 0px; line-height: 1.4em; color:#494949;}
span .userContent {font-family: arial; font-size: .9em !important; margin: 0px 0px 10px 0px; line-height: 1.4em; color:#494949;}
em {font-style:oblique}
strong {font-weight:bold}
b {font-weight:bold}
i {font-style:oblique}
a {color: #b03e0c;}
a:hover {color: #494949}
small {font-family: arial; font-size: .8em; margin: 0px 0px 10px 0px; line-height: 1.4em; color:#494949; text-align:center !important;}
hr {color: #e9e9e9; background-color: #e9e9e9; height: 1px; border: 0; width:100%; margin:20px 0 20px 0; display:block;}

body {background: #7b7c77 url('http://www3.jessecook.com/wp-content/uploads/2015/03/JCook_website_background.jpg') top fixed; color:#494949;}

div.bodyCont {background: #f2f2f2; max-width: 960px; margin: 0 auto; padding-top: 26px; margin-bottom: 20px; margin-top:5px; font-family: arial; font-size: .9em; line-height: 1.4em; color:#494949; border:1px solid #646464;}
div.headerCont {background: url('http://www3.jessecook.com/wp-content/uploads/2015/03/header.jpg') no-repeat center center; padding: 0px 0; margin: 0px 0; max-width: 960px; min-height: 260px; position: relative}
div.navCont {}
div.main {background: url('http://www3.jessecook.com/wp-content/uploads/2015/03/pg.png') bottom center no-repeat; max-width: 960px; overflow: hidden; padding:26px 26px 620px 26px;}
div.sideBar {}
div.footerCont {font-size: .7em; line-height: 1em; max-width: 98%; height: 20px; margin: 10px 1% 10px 1%}
div.footerCont p {line-height: 20px; color: #eee; text-align: center}
div.footerCont a {color: #eee;}
div.footerCont a:hover {color: #fff;}
img#wpstats {display: none}

/* Header Structure */
div.titleCont {padding: 0px 0px 0px 0px; height: 226px;}
div.navCont {overflow: hidden;}
div.navCont div ul {text-align: center; margin: 0; padding: 0;}
div.navCont div li {list-style: none; display: inline-block; margin: 0px;}
div.navCont div ul ul {display: none; position: absolute; padding: 6px 6px 8px 6px; background: #333;}
div.navCont div ul ul li {display: block; margin-bottom: 0px; position: relative; text-align: left; background: none}
div.navCont div ul ul li a {font-size:.9em !important;}
div.navCont div ul li:hover > ul {display: block; z-index: 1000}
div.navCont div li a {font-family: 'Lato', sans-serif; font-weight:300 !important; line-height: 30px; margin: 6px 15px 4px 15px; color: #c3c3c3; text-transform:uppercase; font-size:1.2em;}
div.navCont div li a:hover {color: #fff; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
div.navCont div li a:active {color: #fff}
div.navSearch {float: right; padding: 8px 8px 2px 4px}
label.screen-reader-text {display: none}

/* Content Structure */
div.contentCont {float: left; width:70%; padding: 0px; margin: 0px; overflow: hidden;}
div.contentFull {width: 93.75%; padding: 30px 3.125% 0px 3.125%;}

/* Post Structure and Elements */
div.postPreview {background: #fff; border:solid 1px #e9e9e9;}
div.postPreview h2 {margin-bottom:5px;}
div.postPreview p {text-align:left;}
div.post p {text-align:left;}
div.post {overflow: hidden; margin-bottom: 14px; padding: 20px; background: #fff url('http://www3.jessecook.com/wp-content/uploads/2015/03/postExcerptbg.jpg') top right no-repeat; border:solid 1px #e9e9e9;}
div.post div.byline {font-family: 'Lato', sans-serif; font-weight:300; font-size: .9em; line-height: 1.2em; color:#494949; margin-bottom:10px;}
div.post div.content {padding: 0px;}
div.post ul {list-style-type: disc; margin: 10px}
div.post li {line-height: 1.3em; margin-left: 30px;}
img.wp-post-image {float: left; width: 36.807817589577%; margin: 0px 10px 0px 0px; height: auto; display: inline; border: 1px solid #666;}
div.pagination {width: 100%; overflow: hidden; padding: 20px 0px 10px 0px}
div.pagination div.previous {float: left; width: 50%; height: 40px; text-align: center; font-family: 'Lato', sans-serif;}
div.pagination div.next {float: left; width: 50%; height: 40px; text-align: center; font-family: 'Lato', sans-serif;}
div.pagination a {display: block; line-height: 30px; padding: 0px 8px 0px 8px; width: 110px; margin: 0 auto}

/* Sidebars and Widget Containers */
div.headerBar {overflow: hidden; padding: 8px 8px 0px 0px; max-width: 280px; position: absolute; top: 0; right: 0;}
div.sideBar {float: right; padding: 0px 1.0041666666667% 0px 1.0041666666667%; width: 25.0803333333333%; margin: 0px 0 7px 0.6041666666667%;}
div.widget {margin: 10px 0px 10px 0px; min-width: 220px; border-bottom:#e9e9e9 1px solid; padding: 10px 0px 10px 0px;}
div.widget h3 {font-size: 1.2em; line-height: 1.2em; margin-bottom:6px; margin-top:0px; font-weight: 300; text-transform:uppercase; text-align:left;}
div.widgetTablet, div.widgetMobile {display: none}

/* Images */
img.alignleft, img.left { float: left; margin-right: 20px; margin-bottom: 20px; border:#fff solid 5px; box-shadow: 1px 1px 1px 1px #999;}
img.alignright, img.right { float: right; border:#fff solid 5px; margin-left: 20px !important; margin-bottom: 20px; box-shadow: 1px 1px 1px 1px #999;}
img.aligncenter, img.center { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; border:#e9e9e9 solid 5px; width:96%; height:auto;}
img.alignnone, img.block { display: block; clear: both; border:#fff solid 5px; }
img.frame { background: #fff; border-style: solid; border-color: #fff; }
img.stack { clear: none !important; }
img[align="left"] { float: left; clear: left; }
img[align="right"] { float: right; clear: right; }
img[align="middle"] { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; box-shadow: 1px 1px 1px 1px #999;}
img.wp-post-image {border:#fff solid 5px; margin-top:4px;}
img.attachment-thumbnail {border:#fff solid 5px !important; width:150px; height:150px; box-shadow: 1px 1px 1px 1px #999; display:block;}
img.album {float: left; margin-right: 10px; margin-bottom: 10px; border:#fff solid 2px; box-shadow: 1px 1px 1px 1px #999;}
img.size-full {width:100%; height:auto; border:0px; box-shadow: none;}
dd.wp-caption-text {margin:0 auto; font-size:.8em !important; width:80%; line-height:1.1em; margin:5px; 0px 10px 0px;}


div.socialNavContainer {max-width: 964px; margin: 0 auto;}
div.socialNavFooter {display: block; height: 40px; text-align: center; width: 100%;}
div.socialNavFooter a {background-image: url('http://www3.jessecook.com/wp-content/uploads/2015/03/social.png'); height: 40px; width: 40px; display: inline-block}
div.socialNav {margin:0 auto; display: block; height: 40px; text-align:right; margin:5px 0px 0px 0px;}
div.socialNav a {background-image: url('http://www3.jessecook.com/wp-content/uploads/2015/03/social.png'); height: 40px; width: 40px; display: inline-block}
a.itunes {background-position: 0px 0px; margin-right:2px; margin-left:3px !important;}
a.itunes:hover {background-position: -40px 0px; margin-right:2px; background-color:#ae3d0b;}
a.facebook {background-position: -80px -40px; margin-right:2px;}
a.facebook:hover {background-position: -40px -40px; margin-right:2px; background-color:#ae3d0b;}
a.twitter {background-position: -80px -80px; margin-right:2px;}
a.twitter:hover {background-position: -120px -80px; margin-right:2px; background-color:#ae3d0b;}
a.instagram {background-position: -240px -200px; margin-right:2px;}
a.instagram:hover {background-position: -200px -200px; margin-right:2px; background-color:#ae3d0b;}
a.youtube {background-position: -240px -240px; margin-right:2px;}
a.youtube:hover {background-position: -280px -240px; margin-right:2px; background-color:#ae3d0b;}
a.shows {background-position: -160px -160px; margin-right:2px;}
a.shows:hover {background-position: -200px -160px; margin-right:2px; background-color:#ae3d0b;}
a.contact {background-position: -160px -120px; margin-right:2px;}
a.contact:hover {background-position: -120px -120px; margin-right:2px; background-color:#ae3d0b;}
a.cbc {background-position: -320px -280px; margin-right:2px;}
a.cbc:hover {background-position: -280px -280px; margin-right:2px; background-color:#ae3d0b;}

div.mailinglistMobile {display:none;}

div.slider {margin-bottom:20px;}

a.button {font-family: 'Lato', sans-serif; font-weight:700; text-transform:uppercase; border:solid 1px #e9e9e9; padding:4px 10px 5px 10px; font-size:.7em;}
a.button:hover {background:#e9e9e9;}

div.az-widget-container a {font-size:.9em; font-weight:700; color: #b03e0c !important; background:#fff; border:solid 1px #959595; padding:4px 10px 5px 10px; margin:3px; display:block; text-align:center; text-transform:uppercase;}
div.az-widget-container a:hover {color: #494949 !important; background:#e9e9e9;}



/* Mobile Structure LARGE */
@media screen and (max-width: 768px) {

body {background: #964118;} 
h1 {font-size: 2.4em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.4em;}

/* Page Structure */
div.bodyCont {width: 100%; margin: 0 auto; margin: 0px 0px 10px; padding-top: 0px;}
div.headerCont {background: url('http://www3.jessecook.com/wp-content/uploads/2015/03/header-Tablet1.jpg') no-repeat left center; width:100%; min-height:403px; padding-top: 0px; margin: 0px 0px 0px 0px; position: relative}
div.titleCont {padding: 0px 0px 0px 0px; height: 350px;}
div.main {width: 100%; background: url('http://www3.jessecook.com/wp-content/uploads/2015/03/pg.png') bottom center no-repeat; overflow: hidden; margin: 0ps 5px 0px 5px; padding:5px 0px 570px 0px;}
div.slider {display:none;}

/* Header Structure */
div.navSearch {display: none}
div.navCont {background: #7b7c77;}
div.socialNav {display: none}

/* Content Structure */
div.contentCont {float: left; overflow: hidden; width: 100%; padding: 10px 0 10px 0;}
div.contentFull {width: 93.75%; padding: 20px 3.125% 20px 3.125%;}

/* Sidebars and Widget Containers */
div.sideBar {overflow: auto; float: left; padding: 20px 5% 20px 5%; width: 88%; margin: 0px 1% 0px 1%}
div.widgetTablet {display: block; float: left; width: 50%; margin: 14px 0px 10px 0px;}
div.widgetTablet, div.widget {display: none}

div.mailinglistMobile {display:block !important;}
}



/* Mobile Structure SMALL */
@media screen and (max-width: 480px) {

h1 {font-size: 2.2em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.4em;}

/* Page Structure */
div.bodyCont {width: 100%; margin: 0 auto; margin-bottom: 20px; margin-top:0px;}
div.headerCont {padding: 0px; width: 100%; margin-top: -80px; position: top; min-height: 280px; }
div.post {padding: 10px; margin-top:0px;}


/* Header Structure */
div.navSearch {display: none}

/* Content Structure */
div.contentCont {float: left; overflow: hidden; width: 100%; padding:0px;}
div.widgetMobile {display: block; float: none; width: 100%; margin: 14px 0px 10px 0px;}
div.widgetTablet, div.widget {display: none}

div.mailinglistMobile {display:block !important;}

div.socialNavContainer {display:none;}
div.socialNav {display:none;

/* Images */
img.attachment-thumbnail {max-width:95%; height: auto;}
.gallery-caption {font-size:.7em !important;}
}


/*------------------------------------*\
	$IPHONE
\*------------------------------------*/
@media screen and (max-device-width: 480px){

h1 {font-size: 2.2em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.4em;}

/* Page Structure */
div.bodyCont {width: 100%; margin: 0 auto; margin-bottom: 20px; margin-top:0px;}
div.headerCont {padding: 0px; width: 100%; margin-top: -80px; position: top; min-height: 280px; }
div.post {padding: 10px; margin-top:0px;}


/* Header Structure */
div.navSearch {display: none}

/* Content Structure */
div.contentCont {float: left; overflow: hidden; width: 100%; padding:0px;}
div.widgetMobile {display: block; float: none; width: 100%; margin: 14px 0px 10px 0px;}
div.widgetTablet, div.widget {display: none}

div.mailinglistMobile {display:block !important;}

div.socialNavContainer {display:none;}
div.socialNav {display:none;

/* Images */
img.attachment-thumbnail {max-width:95%; height: auto;}
.gallery-caption {font-size:.7em !important;}
}