/*
Theme Name: Twenty Eleven Tedohara.net
Theme URI: http://tedohara.net
Description: Child theme for the Twenty Eleven theme
Author: Ted O'Hara
Author URI: http://tedohara.net
Template: twentyeleven
Version: 1.0
*/

@import url("../twentyeleven/style.css");


/* Christmas Styles 
============================================================ */
 @import url("christmas_styles.css?y=2024"); 

/* = Page Background;  basic fonts
----------------------------------------------- */

@view-transition {
  navigation: auto;
}

html {
	background: #316799 linear-gradient(#315499 0, #557bb5 200px, #6694bd 40%, #6694bd, #557bb5 60%,  #3560a1 80%);	
	min-height:100%;
}
body {
	padding:.5em 0; 
	background: none;
	min-height:1000px;
	margin:0;
	font-family: museo-sans, 'Helvetica Neue', Helvetica, sans-serif;
}

h1 { 
	font-family: museo-slab, Helvetica, sans-serif;
}

h4 {
	font-family: museo-slab, 'Helvetica Neue', Helvetica, sans-serif;
	font-weight:bold;
}

#content aside { 
  display: block;
  margin: 1em auto;
  border-left: 2px solid #1982d1;
  padding-left: 1em;
}

#page {
	width:1000px;
	max-width: calc(100% - 1em); 
	background:#fff; 
	color:#000; 
	position:relative; 
	margin: 0 auto; 
	min-height:1000px; 
	border:2px solid #f0f0f0; 
	padding:0;
	border-radius:15px;
	box-shadow:0 0 7px 7px rgba(0,0,0,.3);
}	
	

/* =Branding
----------------------------------------------- */
#branding {
	border-top: 0 none;
}

#branding hgroup { 
	color:#FFF; 
	border-bottom:2px double #fff;
	display:block; 
	margin:0 0 ;	
	background: #777 linear-gradient(#BBB, #777);
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
	
}	/* gray area as a whole */

#branding img {
	padding: 0;
	max-width: 100%;
	border: 0;
	width: 100%;
}


#site-title {
	font-family: museo-slab, Helvetica, sans-serif; 
	line-height:.8; 
	font-weight: 900;
	font-size:4em; 
	margin-left:.35em; 
	padding: 0 0 0 0; 
	height:auto; 
	text-shadow:rgba(255, 255, 255, 0.3) 0px 1px 0, rgba(0, 0, 0, 0.3) 0 -1px 0; /* emboss effect*/
}	

#ie7 #site-title {
	padding-top:.25em
} /* Old IE needs more height*/

#branding h1 a {
	transition: color 1s, background 1s;}

#branding h1 a:link, 
#branding h1 a:visited {
	color:#222;
	text-decoration:none
}

#branding h1 a:active, 
#branding h1 a:hover {
	color:#f0f0f0; 
	text-decoration:none
}

/* Tag line*/
#branding h2 {
	font-family: museo-slab, Georgia, serif; 
	font-size:1em; 
	margin:0; 
	padding: 0 0 .5em 1.6em; 
	color:#222;
	text-shadow:rgba(255, 255, 255, 0.2) 0px 1px 0, rgba(0, 0, 0, 0.2) 0 -1px 0;
}	

#branding #searchform {
	top: 1.8em;
}

@media screen and (max-width: 480px) {	
	#branding #searchform {
		top: 1.0em !important;	
	}
	
	#branding #s {
		width: 10px;
	}
	
	#branding #s:focus {
		width: calc(100vw - 110px);
	}
}

@media screen and (max-width: 320px) {	
	
	
	#branding #s:focus {
		width: calc(100vw - 105px);
	}
}

input#s::-webkit-input-placeholder,
input#s::-moz-input-placeholder{
	font-family: museo-sans, 'Helvetica Neue', Helvetica, sans-serif;
	color: #666
}
#branding #s:focus {background-color:#c0c0c0}



/* =Bottom of page link to WordPress
----------------------------------------------- */
#site-generator {
	padding: 1em .05em;
	border-bottom-left-radius: 13px;
	border-bottom-right-radius: 13px;	
}

/* =Main Nav Bar
----------------------------------------------- */

#access { 
	border-top:2px solid #fff;
	background: #900; /* Old browsers */
	background: linear-gradient(#900 0%,#300 100%);/ /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990000', endColorstr='#330000',GradientType=0 ); /* IE6-9 -- note: requires full 6 chars */	
}

#ie7 #access {
	margin-top: -7px
} /* Bring it up a bit for old IE*/

#access li {
	font-family: museo-slab, Helvetica, sans-serif; 
	line-height:.8; 
	font-weight: 500; 
	font-size:1em;
	text-shadow:rgba(255, 255, 255, 0.3) 0px 1px 0, rgba(0, 0, 0, 0.3) 0 -1px 0;
}

#access li a {
	/* border: solid #600; */
	border: solid #000; 
	border-width: 0 1px
}

@media screen and (max-width: 480px) {
	#access div {
		margin: 0 .75em
	}
	#access a {
		padding: 0 .8em;
	}
}

@media screen and (max-width: 320px) {
	#access div {
		margin: 0 .75em
	}
	#access a {
		padding: 0 .5em;
	}
}


#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	color:#600;
	background: #fcfcfc; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #939393 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#939393)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#939393 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fcfcfc 0%,#939393 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fcfcfc 0%,#939393 100%); /* IE10+ */
	background: linear-gradient(top,  #fcfcfc 0%,#939393 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#939393',GradientType=0 ); /* IE6-9 */	
}	
	
/* Fix next/ prev arrows from wrapping on single post pages in Safari*/
#nav-single {
	white-space:nowrap;
}

.wp-block-pullquote {
	font-size: 1.2em !important;
	line-height: 1.4;
}

.wp-block-pullquote p{
	font-family: Georgia, "Bitstream Charter", serif;
}


/* =Post Date Calendar
----------------------------------------------- */
.post-caldate-ted {
	float:left; 
	margin: 1.3em 1.5em 1em 0; 
	font-family: museo-slab, Helvetica, sans-serif; 
}

.post-caldate-ted .sep { /*'Posted On' text... removed in function */
	font-size:.7em
}

.post-caldate-ted a { /* Calendar itself*/
	display:block;  
	width: 6em;
	text-align:center;
	box-shadow: 3px 3px 3px rgba(0,0,0,.4);
}

.post-caldate-ted a:active, 
.post-caldate-ted a:hover, 
.post-caldate-ted a:focus {
	text-decoration:none; 
} /* remove overall link underlining from calendar*/

.post-caldate-ted .entry-month-ted {
	display:block; 
	background:#900; 
	color:#FFF; 
	padding:.125em .5em; 	
	font-size: .9em; border: 1px solid #800;
}
.post-caldate-ted .entry-day-ted {
	display:block; 
	background:#FFF; 
	color:#000; 
	padding:.35em .7em; 
	font-size: 2.5em; 
	line-height:.8; 
	border: 1px solid #b5b5b5;}
	
.post-caldate-ted a:active .entry-day-ted, 
.post-caldate-ted a:hover .entry-day-ted,
.post-caldate-ted a:focus .entry-day-ted {
	border-color:#900; 
	color:#900
}	 /* Hover state -- make date part red*/	

/* 
.singular .post-caldate-ted {
	position:absolute; 
	top: 3em
}
 */ /* Single posts, adjust position of calendar */

/* =Entry and title adjustments
----------------------------------------------- */

.entry-title {
	line-height:1; 
	text-shadow: 1px 1px 1px rgba(0,0,0,.3)
}

.entry-title a {
	transition: color .75s, text-shadow .5s;
	text-shadow: 1px 1px 1px rgba(0,0,0,.3)
}
.entry-title a:hover {text-shadow: none}
.singular .entry-title {
	line-height:1; padding-top: 0
}

#ie7 .singular .entry-title {
	padding-left: 1.70em
} /*fix issue (present in parent theme) for post titles on single entry pages.*/

.entry-content, .entry-summary {
	padding: .5em 0 0; 
}

.entry-content h4, .entry-summary h4 {
	font-size: .9em;
	margin: .75em 0 .125em;
	color:#444;
}

.singular .hentry {
	padding-top:1em
}

div[id^=attachment] {
	clear:left
} /* Make embedded images clear the calendar*/

.entry-content h3, 
.comment-content h3{
	font-size: .9em;
	font-weight:500;
	letter-spacing: .05em;
	line-height:1.3
}

.entry-content a:link,
.entry-content a:visited{
	text-decoration:underline
	}

/* Calendar Widget */
.widget_calendar #wp-calendar caption {
	font-family: museo-slab, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 500;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th,.widget_calendar #wp-calendar tfoot td {
	font-family: museo-slab, Helvetica, sans-serif; color:#222;
	background: #CCC;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #BBB;
	text-shadow:rgba(255, 255, 255, 0.3) 0px 1px 0, rgba(0, 0, 0, 0.3) 0 -1px 0;
	font-weight: bold;
}

.widget-title {
	font-size:11px;
	}
	
h5.random-post-title{
	font-weight:bold;
	color: #666;
	}	
	
/* Category widget indenting*/
.widget ul ul {
	margin-left: .5em;
}

/* Gallery Caption*/

.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: museo-slab, Helvetica, sans-serif; font-size: .8em
}

.wp-caption .wp-caption-text { padding:.5em 0 .375em .5em}

.wp-caption .wp-caption-text:before {
	content: '';	
	margin-right: 1px;
	left: 0px;
	top: 8px;
}

/*Comments in code blocks*/
code .rem {color:#AAA}

.footnote {font-size:.8em}
a.returnlink:link, a.returnlink:visited {text-decoration:none}
a.returnlink:active, a.returnlink:hover {text-decoration:underline}

/* =Responsive Structure
----------------------------------------------- */

@media (max-width: 800px) {

	.singular .post-caldate-ted {
		position:static; margin:0 2em 2em auto;

	} /* Single posts, adjust position of calendar */


	.singular .entry-meta {float:left; }
	
	.singular h1.entry-title{
			position:relative; 
			top:-1em; 
			}
	
		
	@media screen and (min-width: 480px) {
		.singular h1.entry-title{
			left:2.5em
			}
	}	
}

.gs {font-size:.8em}

::selection{background: #396F9F; color:#FFF};
::-moz-selection {background: #396F9F; color:#FFF};


/* Side by side lists*/
.sidelist {padding:0; margin:.5em 1em 1em 1.5em; float:left; width: 42%}


.wp-block-pullquote {
	font-size: 1.2em;
	line-height: 1.4;
}

/* = Override indexed styles 9/3/2017 - images on group post pages
----------------------------------------------- */
#content .indexed.format-image img
{
	padding: 6px;
	margin: -3px -6px 0;
}
.indexed.format-image .wp-caption
{
	background: #eee;
	color:#666;
}

.indexed.format-image .wp-caption a:focus img, .wp-caption a:active img, .wp-caption a:hover img
{
	background: #fff;
	border-color: #ddd;
}

.indexed.format-image  .wp-caption .wp-caption-text
{
	background: #eee;
	color:#666;
}


#eu-cookie-law.hide-on-button {
	width: 970px;
	max-width: calc(100% - 40px);
	margin: auto;
	background-color: rgba(0,0,0,.75);
	color: #f0f0f0;
	border: 1px solid #656565;
	border-radius: 2px;
	padding: 10px 10px 10px 15px;
	box-shadow: 10px 10px 10px rgba(0,0,0,.65);
}

#eu-cookie-law.hide-on-button input{
	background-color: rgba(0,0,0,.45);
	border-radius: 5px;
	color: #EFEFEF;
	border-color: #757575;
}

#eu-cookie-law.hide-on-button input:hover,
#eu-cookie-law.hide-on-button input:active{
	background-color: rgba(0,0,0,.55);
	color: #FFF;
	border-color: #959595;
}

@media (max-width: 500px) {
    #eu-cookie-law.hide-on-button input.accept {        
        position: static;
        float: right;
        margin: 0 .5em 1em 1em;
    }
}



@media screen and (min-width: 500px) {
	body {
		background: url(img/bodybg-IIa.png) center center;		
		font-family: museo-sans, 'Helvetica Neue', Helvetica, sans-serif;		 
		padding:2em 0; 
	}
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi), 
and (min-width: 500px) { 
    body {
    	background-image: url(img/bodybg-IIa-2x.png);
    	background-size: 50%;
    	}
}