/*
Theme Name: Theme for dintywmoore.com 2020
Version: 2.1
Description: A theme developed for Dinty Moore by Josh McCall
Author: Josh McCall
Author URI: http://joshmccall.com
*/
/* RESET */
html,body{border:0;margin:0;padding:0;height:102%;}body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}body{line-height:1.5;background:#FFF}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:400;float:none!important}table,th,td{vertical-align:middle}blockquote:before,blockquote:after,q:before,q:after{content:''}a img{border:none}:focus{outline:0}

/* TYPOGRAPHY */
/* @font-face types*/
/*@font-face {
	font-family: 'Code-Pro-Black-LC';
	src: url('fonts/1A963D_0_0.eot'); 
	src: url('fonts/1A963D_0_0.eot?#iefix') format('embedded-opentype'), 
	     url('fonts/1A963D_0_0.woff') format('woff'),
	     url('fonts/1A963D_0_0.ttf')  format('truetype'),
	     url('fonts/1A963D_0_0.svg#Code-Pro-Black-LC') format('svg');
		 font-weight: normal;
    font-style: normal;
	}*/
/* Default font settings.
   The font-size percentage is of 16px. (0.875 * 16px = 14px) */
html { 
	font-size:16px; 
}
body { font-size:16px; line-height:1.33333;
  color: #444;
  background: #fff;
  font-family:Corbel,'Lucida Grande','Lucida Sans Unicode','Lucida Sans','DejaVu Sans','Bitstream Vera Sans','Liberation Sans',Verdana,'Verdana Ref',sans-serif;
  -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
	font-family: 'Playfair Display',Baskerville,'Baskerville Old Face','Hoefler Text','Times New Roman',serif;
	font-weight:700;
}
h1, h2, h3 { margin-top:0; margin-bottom:0; }
h1 { font-size:40px;padding:0;margin:40px 0 15px;line-height:0.9;}
h2 { font-size:1.61538em; padding:10px 0 0; }
h3 { font-size:1em; padding:0 0 5px; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
/* 
	These can be used to pull an image at the start of a paragraph, so 
	that the text flows around it (usage: <p><img class="left">Text</p>) 
 */

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #035385;
  text-decoration: none;
}
a:hover {
  color: #AFBFB4; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color:#555;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: #88ADAA;
}
aside a:hover, article a:hover {border-bottom:none;color:#c23604;}
article a {border-bottom:1px dotted #035385;}
h1 a, h2 a, h3 a, h4 a, h5 a, h5 a {border-bottom:none;}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong,dfn	{ font-weight: bold; }
em,dfn      { font-style: italic; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/** SITE STYLES **/
body {
	background: rgba(255,255,255,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 47%, rgba(237,236,232,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(247,247,247,1)), color-stop(100%, rgba(237,236,232,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 47%, rgba(237,236,232,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 47%, rgba(237,236,232,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 47%, rgba(237,236,232,1) 100%);
	background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 47%, rgba(237,236,232,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edece8', GradientType=1 );
	font-size: 1rem;
	line-height: 1.6;
	font-weight: 400;
	font-family: "Constantia", "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	/*font-family:'Open Sans','HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif; */
	color: #555;
}
.container {padding:15px;}
header, #description, #nav, .snippet, footer, .news-snippet, aside {
border-radius:3px;
font-size:15px;}
nav, .snippet, footer {letter-spacing:1px;color:#ECEADE;
	font-weight:600;}
header, #description {height:128px;
	padding-top:5px;}
#logo {
	color:#555;
	font-size:4rem;
	line-height: 1;
	font-weight: 700;
}
#logo:hover {}
#logo img {opacity:0;filter:alpha(opacity=0);}
#description {font-size:16px;overflow:hidden;
	background-color:#F1F2F2;
	border:1px solid #333;
	width:278px;
}
#description p {padding:10px 15px;margin:0;color:#035385;}
#social {padding:0;margin:0;
	list-style:none;}
#social a {display:block;
	float:right;
	padding:0;
	width:42px;
	height:44px;
	margin:49px 0 0 0;
	overflow:hidden;
	text-indent:-9999px;
	overflow:hidden;
	border-right:1px solid #ECEADE;}
#twitter:hover {background:url(img/social.png) 0 -55px no-repeat;}
#flickr:hover {background:url(img/social.png) -40px -55px no-repeat;}
#facebook:hover {background:url(img/social.png) -80px -55px no-repeat;}
#twitter {background:url(img/social.png) 0 0 no-repeat;}
#flickr {background:url(img/social.png) -40px 0 no-repeat;}
#facebook {background:url(img/social.png) -80px 0 no-repeat;}
nav {height:135px;}
#nav {padding:0;margin:0;
	list-style:none;
	width:100%;
	overflow:hidden;
	background-color:#035385;
	font-size:14px;}
#nav a {display:block;float:left;
	padding:10px;
	border-right:1px solid #ECEADE;
	height:22px;
	text-transform:uppercase;}
#nav li:last-child a {border-right:none;}
header a, nav a, footer a {color:#fff;}
#home:hover {}
#home a {
	font-size:7rem;	
}
p.tagline {
	font-size:2rem;
}
#home img {opacity:0;filter:alpha(opacity=0);}
#main {padding:40px 0 20px}
.snippet {position:relative;
	float:left;display:inline;
	width:190px;
	height:190px;
	padding:10px;
	margin:10px 0 10px 20px;
	overflow:hidden;
	background-color:rgb(255, 255, 255);
	background-color:rgba(255, 255, 255, 0.5); }
.snippet img {width:265px;}
.snippet .book-cover {width:190px;height:190px;overflow:hidden;
	position:absolute;
	top:10px;
	left:10px;}	
.book-snippet {position:relative;
	float:left;display:inline;
	width:200px;
	height:250px;
	padding:10px;
	margin:10px 20px 10px 0;
	overflow:hidden;
	background-color:rgb(255, 255, 255);
	background-color:rgba(255, 255, 255, 0.5); }
.book-snippet img {width:200px;}
.book-snippet .book-cover {width:200px;height:250px;overflow:hidden;
	position:absolute;
	top:10px;
	left:10px;}
.book-snippet .caption {position:absolute;
	top:10px;
	left:230px;
	height:250px;
	width:200px;
	background-color:rgb(255, 255, 255);
	background-color:rgba(255, 255, 255, 0.75);

	}
.snippet .caption {position:absolute;
	top:10px;
	left:210px;
	height:190px;
	width:190px;
	background-color:rgb(255, 255, 255);
	background-color:rgba(255, 255, 255, 0.75);
	color:#222;}
.book-snippet h2, .snippet h2 {padding:15px 10px;
	font-variant:small-caps;
	letter-spacing:1px;
	line-height:1;
	font-size:22px;
color:#222;}
.book-snippet:hover .caption, .snippet:hover .caption {left:10px;}
.cat-snippet:hover img, .book-snippet:hover img, .snippet:hover img {-moz-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(180deg, 180deg);
-webkit-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(180deg, 180deg);
-o-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(180deg, 180deg);
-ms-transform: scale(1) rotate(0deg) translate(0px, 0px) skew(180deg, 180deg);
transform: scale(1) rotate(0deg) translate(0px, 0px) skew(180deg, 180deg);}
.news-snippet {position:relative;
	float:left;display:inline;
	width:188px;
	height:190px;
	padding:10px;
	margin:10px 0 10px 20px;
	overflow:hidden;
	color:#333;
	background-color:#F1F2F2;
}
.news-snippet h2 {padding:0 10px;
font-variant:small-caps;
	letter-spacing:1px;
	line-height:1;
	font-size:25px;}
.news-snippet .meta {padding:10px 10px 0 10px;}
.news-snippet:hover {
		background-color:#F1F2F2;
		border:1px solid #333;
	}
/*post and page styles*/
article {padding:10px 0 0 30px;}
article img {background-color:rgb(255, 255, 255);
	background-color:rgba(255, 255, 255, 0.5);
	padding:10px;}
/*category page styles*/
aside {
	background-color:#F1F2F2;
	padding:15px;
	margin-top:10px;}
.widget {margin-bottom:25px;}
aside ul, aside ol {list-style:none;
	padding:0;
	margin-right:0;
	font-variant:small-caps;}
aside li {border-bottom:1px solid #035385;
	padding:5px 0;}
.aside-caption {font-variant:small-caps;margin:0;}
.cat-snippet {position:relative;
	float:left;display:inline;
	width:190px;
	padding:10px;
	margin:10px 20px 10px 0;
	overflow:hidden;
	background-color:rgb(255, 255, 255);
	background-color:rgba(255, 255, 255, 0.5); }
.cat-snippet img {width:190px;padding:0;}
.category-wrapper article {padding-left:20px;}

footer {background-color:#035385;text-align:center;}
footer p {margin:0;padding:10px;}

/*transitions*/
.snippet *, #nav *, .news-snippet, .book-snippet *, aside a, article a, aside a:hover, article a:hover, .cat-snippet:hover * {-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;}
	
/* Clear-fix */
.cf:before,
.cf:after {content:"";
    display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}
/* Misc Meta Styles */
.meta {font:12px Consolas,"Lucida Console",Monaco,monospace;color:#555;}
#post-nav {font-family:Consolas,"Lucida Console",Monaco,monospace;color:#241818;
    padding: 15px;}
#post-nav a {text-decoration: none;}
.nav-previous {float: right;}
.nav-next {float: left;}

/*Images */
.alignleft{float:left;clear:left;margin:0 20px 10px 0;max-width: 100%;height: auto;}
.alignright{float:right;clear:right;margin:0 0 10px 20px;max-width: 100%;height: auto;}
.aligncenter, div.aligncenter {display:block;margin:10px auto;max-width: 100%;height: auto;}
.alignnone{float:none;clear:both;	display:block;max-width: 100%;height: auto;}	
.wp-caption-text {font-family:Consolas,"Lucida Console",Monaco,monospace;font-size:.8em;}
.alignleft .wp-caption-text {margin:0;}
.alignright .wp-caption-text {margin:0;}
img.scale-with-grid {max-width: 100%;height: auto; }

/*COMMENTS STYLING*/
#comments-section {border-top:1px solid #666;padding:0 20px;}

@media only screen and (max-width: 780px) {
  #home a {
  	font-size:3rem;
  }
}

/** Skeleton V1.1 Layout Grid, */
/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto;}
    .column, .columns                           { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column                      { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }
/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width:760px) {
		#description {display:none;}
		nav {text-align:left;height:333px}
		#nav {padding:15px 0;}
		#nav li {display:block;padding:0 10px;}
		#nav a {border-right:none;float:none;}
		#home:hover {background:none;}
		#home {display:block;overflow:hidden;height:135px;background:none;padding-top:20px;}
		#home img {opacity:1;filter:alpha(opacity=100);}
		.books-wrapper {width:300px !important;}
		aside {width:270px !important;}
		article {padding:20px 0;}
		article h2 {clear:left;}
		.cform *, .cform textarea, .cform input  {width:300px !important;}

        .container { width: 300px; }
        .columns, .column { margin: 0; }

        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }
/*Print styles*/
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; box-shadow:none !important; filter:none !important; -ms-filter: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
  nav, #nav, aside, .widget {display:none;}
  #home img {opacity:1;filter:alpha(opacity=100);}
  #logo img {opacity:1;filter:alpha(opacity=100);}
  article {width: auto;
	border: 0;
	margin: 0 5%;
	padding: 0;
	float: none !important;}
}