/*
Theme Name: Nancy_2018
Theme URI: http://jcbd.com
Author: J.C.Burns
Author URI: http://jcbd.com
Description: It's 17 or 18 years into the new century, and Nancy has this stylesheet.
Version: 1.0 April 9, 2018

License: GNU General Public License
License URI: license.txt

*/

@font-face {
  font-family: 'Special Elite';
  font-style: normal;
  font-weight: 400;
  src: local('Special Elite Regular'), local('SpecialElite-Regular'), url(https://fonts.gstatic.com/s/specialelite/v10/XLYgIZbkc4JPUL5CVArUVL0ntnAOSFNuQsI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 400;
  src: local('Spectral Regular'), local('Spectral-Regular'), url(https://fonts.gstatic.com/s/spectral/v6/rnCr-xNNww_2s0amA9M5knjsS_ul.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*/

body
{
	background-color: #fefeff;
	background: linear-gradient(to right, rgba(255, 252, 249, 1) 70%, rgba(222, 233, 255, 1) 100%); 
	margin:  2em;
}

#page {
	display: block;
	margin: 2em auto;
	max-width: 1180px;
}
#primary {
	float: left;
	margin: 0 -78% 0 0;
	width: 100%;
	
}
#content {
	margin: 0 210px 0 0;
	font: normal 1.2em/1.5em Spectral, 'Georgia', serif;
	letter-spacing: -0.03em;
	color: #2a3040;
	min-width:400px;
	width: 78%;
display: inline-block;
}

#branding
{
	height:  5em;
	padding-left: 1em;
    background: url(http://nancynall.com/wp-content/themes/nancy_2011/images/nance_keys_2017.jpg) left top;
	border: 1px solid #b6cbff;
	margin: 0;

}

nav
{
		background:	linear-gradient(#ffeccb 49%, transparent 49%),
		linear-gradient(-45deg, white 33%, transparent 33%) 0 100%,
		white linear-gradient(45deg, white 33%, #ffeccb 33%) 0 100%;
	background-repeat: repeat-x;
	background-size: 1px 130%, 1em 1em, 1em 1em;
	min-height: 100%;
	font-size: 0.6em;
	line-height: 1.2em;
	margin-bottom: -0.5em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.4em;
	padding-bottom: 0.7em;
	font-family: 'Special Elite', sans-serif;
	font-weight: normal;
	letter-spacing: 2px;

}

#content nav a {
color: #561700;
}

.article a, .commentlist a
{
	font-weight: bold;
	color: #566797;
}

#content nav {
	display: block;
	overflow: hidden;
}
#content nav .nav-previous {
	float: left;
	width: 50%;
}
#content nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.entry-header h1
{
line-height: 0.95em;
}

.nal
{
	color: #0b3255;
}

.entry-meta, .entry-base
{
	font-family: 'Special Elite', sans-serif;
	font-weight: normal;
	color: #205481;
	letter-spacing: 1px;
	border-top: 1px solid #d70000;	
	padding-top: 4px;
}

.entry-base
{
	font-size: 0.7em;
	line-height: 1.1em;
	letter-spacing: 2px;
}

#sidebar
{
	float:  right;
	width: 20%;	
	margin-left: 0px;
/* 	overflow:  auto; */
	color: white;
	font-family: 'Special Elite', sans-serif;
	font-weight: normal;
	min-width: 175px;
}



#sidebar.inside
{
position: fixed;
right:1.6em;
top: 1.91em;	
}


#sidebar a
{
	color: white;
}

#sidebar li
{
	font-size: 0.8em;
	line-height: 1.5em;
}

a
{
	text-decoration: none;
}

.nnc_history
{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

.nnc_history li
{
	margin-left: 0;
	
}


#footer
{
	clear: both;
	padding-top:  4px;
	font: bold 0.6em/1.1em -apple-system, "Helvetica Neue", Helvetica, sans-serif;
	color: #4e6db5;
}

h1, h2, h1 a, h2 a, h4, h5, h4 a, h5 a {
	font-family: 'Special Elite', sans-serif;
	font-weight: normal;
	color: #1f598b;
	padding:  0px;
	padding-bottom:  0.55em;
	margin: 0px;
	text-decoration: none;
	text-shadow: #fff 1px 1px 1px;
}

#sidebar h1, #sidebar h2, #sidebar h1 a, #sidebar h2 a, #sidebar h4, #sidebar h5, #sidebar h4 a, #sidebar h5 a{
	color: #ffeccb;
	text-shadow: #000d40 1px 1px 1px;
	}

h1#site-title
{
	font-size: 4em;
	text-decoration: none;
	padding-top: 0.18em;
}

.welcome, .contact, .raintoday, .nightstand, .nancestore, .commentauthors, .blogroll, .therefromhere, .histoire
{

	padding: 1em;
	margin-bottom: 0.6em;
	background:	linear-gradient(#3c4d73 49%, transparent 49%),
		linear-gradient(-45deg, white 33%, transparent 33%) 0 100%,
		white linear-gradient(45deg, white 33%, #3c4d73 33%) 0 100%;
	background-repeat: repeat-x;
	background-size: 1px calc(201%), 0.6em 0.6em, 0.6em 0.6em;
	min-height: 100%;
	
}

.welcome
{
	background-size: 1px 201%, 0.6em 0.6em, 0.6em 0.6em;
}

.blogroll
{
	background-size: 1px 200%, 0.6em 0.6em, 0.6em 0.6em;
}

#menu-blogroll{
display: inline;
font-size: 1.3em;
line-height: 0.6em;
padding-inline-start: 0;

}

#menu-blogroll li{
display: inline;
padding-bottom: 0;
line-height: 1.05em;
}

#menu-blogroll li a{
line-height: 1.05em;
}

.contact
{
	background:	linear-gradient(#497a95 49%, transparent 49%),
		linear-gradient(-45deg, white 33%, transparent 33%) 0 100%,
		white linear-gradient(45deg, white 33%, #497a95 33%) 0 100%;
		background-repeat: repeat-x;
	background-size: 1px 195%, 0.6em 0.6em, 0.6em 0.6em;
}

.histoire
{
	background:	linear-gradient(#3b3065 49%, transparent 49%),
		linear-gradient(-45deg, white 33%, transparent 33%) 0 100%,
		white linear-gradient(45deg, white 33%, #3b3065 33%) 0 100%;
		background-repeat: repeat-x;
	background-size: 1px 195%, 0.6em 0.6em, 0.6em 0.6em;
}

.nancestore
{
	background-size: 1px 198%, 0.6em 0.6em, 0.6em 0.6em;
}



.raintoday
{
	background-size: 1px 192%, 0.6em 0.6em, 0.6em 0.6em;
}

#branding.inside
{
	width: 76%;
}

#sidebar.inside .contact
{
	min-height: 6em;
}

.inandout, .inandout a
{
	color: #96b8d5 !important;
}


.welcome p, .commentauthors a, .contact p, .raintoday p, .contact a, .blogroll a
{
	color: white;
	font-family: 'Special Elite', sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
	text-decoration: none;
}

.welcome h5
{
	font-size: 3vw;
}

#sidebar h3
/* there is a newer post */
{
	color: white;
	padding: 0.6em;
	margin-top: 0;
	margin-bottom: 0.2em;
	font-family: 'Special Elite', sans-serif;
	font-size: 1em;
	font-style: normal;
	letter-spacing: -0.2px;
	text-shadow: #4a0000 1px 1px 1px;
		background:	linear-gradient(#497a95 49%, transparent 49%),
		linear-gradient(-45deg, white 33%, transparent 33%) 0 100%,
		white linear-gradient(45deg, white 33%, #497a95 33%) 0 100%;
	background-repeat: repeat-x;
	background-size: 1px 180%, 0.6em 0.6em, 0.6em 0.6em;
	min-height: 100%;

}

#sidebar h3 a
{
	font-style: normal !important;
}

#sidebar h3.newerpost
{
	background:	linear-gradient(#c80000 49%, transparent 49%),
	linear-gradient(-45deg, white 33%, transparent 33%) 0 100%,
	white linear-gradient(45deg, white 33%, #c80000 33%) 0 100%;
	background-repeat: repeat-x;
	background-size: 1px 180%, 0.6em 0.6em, 0.6em 0.6em;
	
}

#sidebar strong, #sidebar b, .gold
{
	color: #ffeccb;
	font-weight: 700;
}

nav .section-heading
{
	display: none;
}

#sidebar h4 a
{
	font-size: 1em;
}

.article
{
	border-left: 8px solid #ffeccb;
	border-right: 8px solid #ffeccb;
	border-bottom: 8px solid #ffeccb;
	padding: 2em;
}

img
{
width: 98%;
height: auto;
border: 5px solid white;
box-shadow: 1px 1px 5px rgba(96, 14, 0, 0.8);
}

img.avatar
{
	width: 2em;
	height: 2em;
	border: 3px solid white;
	float: left;
	padding-right: 0.3em;
	box-shadow: none;
}

.nightstand img
{
	border: 1px solid white;
	width: 96%;
	height: auto;
}

.commentblock
{
	margin-top: 0;
}

h3#comments, #respond
{
	font-family: 'Special Elite', sans-serif;
	font-weight: 100;
	font-size: 1.1em;
	background: linear-gradient(#ffffff 2.32%, rgba(255,255,255,0) 100%);
	padding-top: 0.3em;
	padding-left: 0.3em;
}

.who
{
	font-family: 'Special Elite', sans-serif;
	font-weight: 100;
	font-size: 0.85em;
	line-height: 1em;
	letter-spacing: 1px;
	padding-top: 0.6em;
}

.cmntr
{
	font-weight: bold;
}

p.commentauthorslist
{
	color: #ffeccb;
}

ul a, ul li a, ul li ul li , ul li ul li a
{
	font-weight: regular;
	list-style-image: none;
	list-style-type: none;
	color: #514879;

}


article.comment {
	display: block;
	
}

.commentlist li{
     word-break: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}

ol.commentlist{
	color: #dbbb69;
}

ol.commentlist p
{
	color: #454e66;
}

li.comment, li.nancecomment
{
	padding-left: 2.2em;
	padding-right: 1em;
	background: linear-gradient(rgba(255,255,255,0) 0%, #ffffff 100%);
	border-bottom: 4px solid #ffeccb;
}

li.nancecomment {
	background: linear-gradient(rgba(255, 236, 204, 0.0) 0%, rgba(255, 236, 204, 0.8) 70%);
}

.nancecomment p.who{
	color: #972525;
}

#respond
{
	background-color: #ffeccb;
	padding: 0.8em;
	
	margin-top:  0.2em;
}

#respond input[type=text] {
	display: block;
	width: 90%;
}
#respond textarea {
	display: block;
	margin: 0;
	width: 90%;
}
#respond .form-allowed-tags {
	clear: both;
	width: 80%;
}
#respond .form-allowed-tags code {
	display: block;
}

#respond p
{
	margin-top:  0px;
	margin-bottom:  0;
}


#respond p.labeled
{
	margin-top:  0;
	margin-bottom:  1em;
}

#respond p a
{
	color: #7789ae;
}



.memoriadate
{
	font-family: 'Special Elite', sans-serif;
	border-top: 1px solid #9097a8;
	width: 97%;
}

.memoriadate a 
{
	color: #40425d;
	font-weight: 200 !important;
}

.memoriaentry
{

	padding:  10px;
	background-color: #e3e9f3;
	width: 97%;
	min-width: 150px;
}
	
#memoria
{
	width: 90%;
	max-width: 80vw;
}

.posttitle200
{
	font-family: 'Special Elite', sans-serif;
	font-size: 1.1em;
	padding-right: 1em;
}

.posts200 li
{
	padding-top: 0.2em;
	border-bottom: 1px solid #ccd5e9;
}

/* Text meant only for screen readers */
.screen-reader-text,
.section-heading {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}




@media only screen 
and (max-width: 850px) {

#branding.inside {
	width: 72.15%;
}
#sidebar { width: 23%; }
#content { width: 75%; }
nav
{
	letter-spacing: 0;
}
}


@media only screen 
and (max-width: 710px) {
#sidebar { display: none; }
#primary {float: none; margin:0; width:100%; }
#content {margin: 0; width: 100%; min-width: 100px;}
#branding.inside
{
	width: 97%;
}	
#branding
{
	font-size: 2.5vw;
}

	
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
#page { margin: 0.4em; }
#sidebar { display: none; }
.article {padding: 0.8em 0.6em 0px 0.6em;}
#primary {float: none; margin:0; width:100%; }
#content {margin: 0; width: 100%; min-width: 100px;}
.entry-header h1{ padding: 0; padding-bottom: 0.15em; }
body { margin: 1em;}

nav { font-size: 2.45vw; }
.commentblock {
	width: 99%;
	padding-left: 0;
}
ol.commentlist
{
	width: 100%;
	padding-left: 0;
}
ol li.comment, ol li.nancecomment
{
	padding-left: 0;
}
.who
{
	padding-top: 0.2em;
	font-size: 0.7em;
}

blockquote { margin-left: 0.8em; margin-right: 0.8em; }

}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) {
.entry-header h1 {
	font-size: 1.5em;
	line-height: 0.90em; 
}
#branding
{
	font-size: 2.7vw;
}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
#branding.inside {
	width: 73.15%;
}

.who
{
	font-size: 1vw;
}
#sidebar { width: 23%; }
#content { width: 75%; min-width: 100px;}
}

@media screen and (min-width: 1200px) {
  .welcome h5 {
     font-size: 44px;
  }
}