/*
Theme Name: yes_and
Theme URI: https://www.commandertrombone.com
Author: Christopher Wiley
Author URI: https://www.commandertrombone.com
Description: The 2026 Theme for Commander Trombone
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: none
License URI: none
Text Domain: yes_and
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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: 0;
	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;
}

/*--end reset--*/


*, *:before, *:after { box-sizing: border-box; }
	
body
{
	font: 1em/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: rgba(223,223,223, .4) url('images/smooth_wall.png');
	margin: 0;
}

@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('fonts/Chunkfive-webfont.eot');
	src: local('☺'), url('fonts/Chunkfive-webfont.woff') format('woff'), url('fonts/Chunkfive-webfont.ttf') format('truetype'), url('fonts/Chunkfive-webfont.svg#webfontb5K2fJwj') format('svg');
	font-weight: normal;
	font-style: normal;
}


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

h1,h2,h3,h4,h5,h6 
{
	clear: both;
	color: #383838;
	font-family: ChunkFiveRegular;
	font-weight: normal;
	text-shadow: 2px 2px 0px #bdbdbd;
	line-height: 1.2;
}

h1 {font-size: 1.8em; margin: 15px 0 15px 0;}
h2 { font-size: 1.7em; margin: 10px 0 10px 0;}
h3 { font-size: 1em; margin: 5px 0 5px 0;}
h4 { font-size: .9em; margin: 0; }
h5 { font-size: 0.875em;}
h6 { font-size: 0.75em;}

/*---Text Elements--- */

p, ol, ul, dl {font-size: 18px;}

p {margin: 15px 10px 10px 0px;}

ol, ul
{
margin: 15px 10px 10px 25px;
}

ol li, ul li
{
margin-left: 1em;
}

ol li {list-style: decimal;}

ul li {list-style: square;}

h3.comment-reply-title
{
font-size: .935em;
letter-spacing: 7px;
text-transform: uppercase;
}

h2.comments-title
{
font-size: .885em;
}

	
.site-header
{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffc578+0,fb9d23+100;Orange+3D+%233 */
background: linear-gradient(to bottom, #ffc578 0%,#fb9d23 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

h1.site-title
{
	font: 4.5em/1 ChunkFiveRegular;
	margin: 0;
	padding: 75px 0 75px 0;
	line-height: 1;
}

.site-title a:hover
{
	color: #0B87C3;
	background-color: transparent;
}

.site-title a, .site-title a:link, .site-title a:visited
{
	color: rgba(255,255, 255, 0.55);
	font-weight: normal;
	text-decoration: none;
	text-shadow: none;
	transition: all 0.4s ease-out;
}

.site-title a:hover { color: #0B87C3; }

.site-description
{
    color: rgba(255,255, 255, 0.55);
	font-family: ChunkFiveRegular;
	font-weight: normal;
	margin: 0;
	padding: 0 0 50px 20px;
	display: none;
}

.hedwrap
{
	position: relative;
	background-repeat: no-repeat;
}

.entry-title { color: #383838; }
.page-header { font-size: .5em; }
.posted-on { font-size: .875em; }
.tags-links, .cat-links { margin: 0 .3em 0 0; }

.edit-link
{
	margin: 0 0 0 .3em;
	padding: 2px;
}


.nav-links
{
display: block;
clear: both;
}


#primary
{
	-webkit-border-radius: 0px 0px 7px 0px;
	-moz-border-radius: 0px 0px 0px 7px;
	border-radius: 0px 0px 0px 7px;
}


#secondary
{
	font-size: 1.1em;
	background-color: rgba(235, 235, 235, .25);
	-webkit-border-radius: 0px 7px 0px 7px;
	-moz-border-radius: 0px 7px 0px 7px;
	border-radius: 0px 7px 0px 7px;
}

#secondary ul, #secondary ol
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#secondary ul li, #secondary ol li { margin: 5px 0 0 5px; list-style: none;}

#secondary h2
{
	color: #306;
	/*background-color: #283FC9;*/
	line-height: 1;
	padding: 10px 0 5px 5px;
	margin-bottom: 10px;
	text-shadow: 2px 2px 0px #ccc;
	border: 1px solid #a7a7a7;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

#colophon
{
	font-size: 14px;
	background-color: transparent;
}

.screen-reader-text { display: none; }

hr {
background-color: #ddd;
height: 2px;
width: 50%;
border: 0;
}


.site
{
	display: grid;
	max-width: 1426px;
}

blockquote
{
	font-family: georgia;
	font-size: 1.1em;
	color: #777;
	font-style: italic;
	padding-left: .3em;
	margin-left: .5em;
	border-left: 4px solid #ddd;
}

blockquote p.wp-caption { font-size: 0.8em; }

blockquote blockquote
{
	margin: .5em 0 .5em 0;
	border-left: 2px solid #ddd;
}

.wp-block-pullquote blockquote
{
	margin: 0;
	padding: .4em;
	border-color: #ddd;
	border-width: 4px 0px 4px 0px;
	font-size: .8em;
	border-style: solid;
}


/** For the Drop Cap! **/

p.has-drop-cap:not(:focus):first-letter
{
	font-family: ChunkFiveRegular;
	font-weight: bold;
	text-shadow: 2px 2px 0px #ccc;
	font-size: 4em;
	padding: .04em;
}

span.drop
{
	font-family: ChunkFiveRegular;
	display: inline;
	float: left;
	margin: 0;
	padding: .40em .08em 0 0;
	#padding: 0.40em 0.08em 0.2em 0.00em;
	/* override for Microsoft Internet Explorer browsers*/
	_padding: 0.40em 0.08em 0.4em 0.00em;
	/* override for IE browsers 6.0 and older */
	font-size: 3.5em;
	line-height: .4em;
	text-transform: capitalize;
	color: #171717;
	text-shadow: 2px 2px 0px #ccc;
}

img.avatar { box-shadow: none; }


ol.comment-list
{
margin: 0;
}



ol.comment-list li
{
	margin: 0;
	padding: 10px;
	background-color: #eee;
	list-style: none;
	border-radius: 7px;
	border: 1px dashed #ddd;
}


/*--- Links 
-----------------------------------------*/
	
	a
	{
		text-decoration: none;
		font-weight: bold;
		transition: all 0.4s ease-out;
	}
	
	a:link
	{
		color: rgb(1,0,160);
		font-weight: bold;
	}

	a:visited { color: #26399C; }
	
	a:hover
	{
		color: #65B900;
		background-color: rgba(235,235,235,0.3);
	}
	
	a:active { color: #9B1127; }
	strong { font-weight: bold; }
	
#primary h1 a:link, #primary h1 a:visited, #primary h2 a:link, #primary h2 a:visited
{
color: #383838;
font-weight: normal;
}

#primary h1 a:hover, #primary h2 a:hover  
{ 
color: rgb(7,135,195); 
background-color: transparent;
}	


/* Navigation

--------------------------------------------- */

.main-navigation {
	display: block;
	padding: 5px;
	font-size: 1.1em;
	width: 100%;
	background: rgba(000, 000, 000, .50);
}

.main-navigation ul {
	margin: 0;
	padding: 0;
	display: none;
}

.main-navigation ul li {list-style: none; margin: 0; padding: 0 0 0 5px;}

.main-navigation ul ul {
    background-color: #3737a7;
	background: rgb(55,55,167);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    display: block;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
	border-radius: 7px;
}

.main-navigation ul ul li
{
padding: 2px;

}


.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation li a {
    color: rgba(255,255,255,.7);
    text-shadow: 0 1px 1px rgba(0,0,0,.5);
    text-transform: uppercase;
	display: block;
	text-decoration: none;
	padding: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.main-navigation li a:hover
{
background-color: rgba(235,235,235,0.2);
color: #fff;
}

.main-navigation li a:focus, li.current-menu-ancestor > a, .main-navigation li.current-menu-item > a
{
	color: #fff;
	background-color: rgba(235,235,235,0.2);
}

/* Small menu. */

.menu-toggle,
.main-navigation.toggled ul {
	display: block;
	margin: 0 0 2px 0;
}

@media screen and (min-width: 37.5em) {
    
    .menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
	font-size: .8em;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}


/*---End Nav---------------------*/


/*.sticky { }*/


.hentry { margin: 0 0 1.5em; }

.entry-meta, .entry-footer
{
font-family: georgia;
font-weight: bold;
font-size: .695em;
}


.entry-footer
{
display: block;
clear: both;
margin: 1em 0 0 0;
padding-bottom: 3px;	
border-bottom: 2px dotted #ddd;
}

.byline
{
	display: none;
	color: #777;
}

.single .byline,
.group-blog .byline
{
	display: inline;
	background-color: transparent;
	text-shadow: 0 1px 1px #fff;
}

.entry-content,
.entry-summary { margin: .8em 0 0; }

.entry-date
{
	background-color: #ee3227;
	color: #fff;
	padding: 4px;
	-moz-box-shadow: 2px 2px 0px #ccc;
	-webkit-box-shadow: 2px 2px 0px #ccc;
	box-shadow: 2px 2px 0px #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.entry-date a { color: #fff; }

.site-info
{
	font-weight: bold;
	color: #444;
}


/* -- Images ------- */

.site-header img,
.entry-content img,
.comment-content img,
.widget img
{
max-width: 100%;
height: auto;
}

.entry-content img.noshad
{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

.site-header img,
.entry-content img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"]
{
	-moz-box-shadow: 2px 3px 6px rgba(0,0,0,0.4);
	-webkit-box-shadow: 2px 3px 6px rgba(0,0,0,0.4);
	box-shadow: 2px 3px 6px rgba(0,0,0,0.4);
}

/* ^Make sure images with WordPress-added height and width attributes are scaled correctly*/

div.video {
text-align: center;
}
 
.video iframe,
.video object,
.video embed {
aspect-ratio: 16 / 9;  
width: 85%;
}

p + div.video 
{
margin-bottom: 0;
}



/* Prevent stretching of full-size images with height and width attributes in IE8 */

.site-header img,
.entry-content img,
img.size-full
{
	max-width: 100%;
}

.entry-content img.wp-smiley,
.comment-content img.wp-smiley
{
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}


/* Alignment */

.alignleft, .left, .image1
{
	display: inline;
	float: left;
	margin: 0.6em 1.5em 1.5em 0;
	
}

.alignright, .right, .image
{
	display: inline;
	float: right;
	margin: 0.6em 0 1.5em 1em;
}

.aligncenter
{
	clear: both;
	display: block;
	margin: 0 auto;
}

.mini-bar
{
    float: right;
	width: 25%;
	padding: 10px;
	background-color: #eee;
	margin: .6em 0 1.5em 1em;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #ddd;
}

.clips
{
    float: right;
    width: 35%;
	padding: 10px;
	background-color: #eee;
	margin: .6em 0 1.5em 1em;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border: 1px solid #ddd;
}

.mini-bar p, .clips p
{
font-size: 14px;
margin: 0;
padding: 0;
}


.clips img, .mini-bar img
{
float: none;
margin: 10px auto 10px auto;
}


.wp-caption-text, .entry-caption
{
    color: #777;
    font-family: georgia;
    font-style: italic;
    text-align: left;
	font-size: .7em;
}


/* ---- For News Page Link Listing ---- */


ul.news
{
	margin: 5px 0 5px 0;
	padding: 0;
}

ul.news li
{
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}

ul.news li a { background-color: #f4f4f4; }

ul.news li p, ul.news li a
{
	font-size: 1em;
	line-height: .875em;
	margin: 0;
	padding: 0;
}


/*----Image Gallery----*/

.wileyg
{
	position: relative;
	margin: 0;
}

.wileyg ul
{
	list-style: none;
	margin: 5px 0 20px 0;
	padding: 5px 0 0 0;
	background-color: transparent;
}

.wileyg li
{
	background-image: none;
	display: inline;
	margin: 0;
	padding: 0;
}

.wileyg img
{
	background-image: none;
	display: inline;
	margin: 0;
	padding: 0;
}

.wileyg a
{
	font-size: 15px;
	text-decoration: none;
	color: #a7a7a7;
	padding: 4px;
	margin-right: 4px;
	border: 1px solid #ccc;
}

.wileyg a:link, .wileyg a:visited { background-color: transparent; }

.wileyg a:hover
{
	color: #2a5625;
	background-color: transparent;
	border: 1px solid #2a5625;
}

.wileyg a:active
{
	color: #0F0;
	background-color: transparent;
	border: 1px solid #f00;
}

.description, .caption
{
	font-weight: bold;
	font-size: .8em;
	margin: 0 0 10px 0;
	padding: 0;
	width: 75%;
}

.wileyg a.current
{
	color: #E6E6E6;
	background-color: #66F;
	border: 1px solid #a7a7a7;
}

.pics
{
	position: relative;
	width: 530px;
	height: 300px;
}

.pics img
{
	box-shadow: 1px 3px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 3px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 3px 4px rgba(0,0,0,0.3);
	position: absolute;
	top: 0;
	left: 0;
	width: -moz-min-content; width: -webkit-min-content; width: min-content; 
}


/*iTunes*/

.itunesf
{
float: right;
margin-left: 10px;
}


/*--Contact 7 Form--*/


div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}

div.wpcf7-mail-sent-ok {
	border: none;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

div.wpcf7-mail-sent-ng {
	border: 2px dashed #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	font-style: italic;
	border: none;
	margin: 0;
	padding: 0;
	color: #F00;
}

.wpcf7-form-control-wrap {
	position: relative;
}


span.wpcf7-not-valid-tip {
	color: #F00;
	font-size: 1em;
	display: block;
	font-style: italic;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	border: 1px dashed #ff0000;
	background: #fff;
	padding: .2em .8em;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 div.ajax-error {
	display: none;
}

div.wpcf7 .placeheld {
	color: #888;
}



/* end contact form */



/*----RSS Feed----*/


div#feed
{
	width: 100%;
	background-color: transparent;
	padding: 0;
	border: 0;
	margin: 4px 0 0 0;
}

div#feedtitle
{
	padding: 0;
	margin: 10px 0 0 0;
	border: 0;
}

div#feedtitle h1
{
	background-image: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	
}

div#feedtitle a h1, div#feedtitle h1 a
{
font-weight: normal;
color: #000;
display: none;
}


img#spinner { 
margin: 10px 0px 10px 0px; 
box-shadow: none;
}


div#rss td img
{
-moz-box-shadow: 2px 3px 6px rgba(0,0,0,0.4);
-webkit-box-shadow: 2px 3px 6px rgba(0,0,0,0.4);
box-shadow: 2px 3px 6px rgba(0,0,0,0.4);
padding: 4px;
}

div#rss img[src="https://s.mzstatic.com/images/spacer.gif"]  {
box-shadow: none;
}

div#rss p
{
	font-size: .9em;
	margin: 0 0 10px 0;
}



div#rss h3
{
	font-family: georgia, serif;
	text-shadow: none;
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: normal;
	background: transparent;
}

div#rss table { padding: 0; }

div#rss td
{
	font-size: .9em;
	padding: 0;
	border: 0;
	float: left;
}

div#rss .odd { margin-bottom: 10px; }
div#rss .even { margin-bottom: 10px; }

div#rss .date
{
	margin: 0;
	font-size: .775em;
	line-height: 1em;
	color: #333;
}

div#rss .by
{
	font-size: .775em;
	line-height: 1.2em;
	display: block;
	margin: 0;
	color: #000;
}

div#rss input[type="button"]
{
	background-color: #eee;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
	background-image: -moz-linear-gradient(top, #fff, #bbb);
	font-weight: bold;
	font-size: .8em;
	line-height: 1;
	padding: 4px 7px;
	text-shadow: 0 1px 1px rgba(255,255, 255, 0.85);
	color: #444;
	margin-top: 5px;
	border: none;
	-moz-border-radius: 23px;
	-webkit-border-radius: 23px;
	border-radius: 23px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	-webkit-appearance: button;
}

div#rss input[type="button"]:hover, div#rss input[type="button"]:focus
{
-webkit-animation: pulse 1.5s infinite ease-in-out;
}

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

.main-navigation {
   background-color: transparent;
}

 }


@media screen and (min-width: 600px){

 .hedwrap, .main-navigation
{
	max-width: 1426px;
	margin: 0px auto;
}

h1.site-title { padding-left: 10px; padding: 80px 0 55px 20px;}

/* no grid support? */
.widget-area
{
	float: right;
	width: 19.1489%;
}

.site-main
{
	float: left;
	width: 79.7872%;
}

.site
{
	grid-template-columns: 3fr 1fr;
	margin: 0 auto;
}

.site-header, .site-footer
{
	grid-column: 1 / -1;
	/* needed for the floated layout */
	clear: both;
}

}

.site > *
{
	background-color: #fff;
	padding: 20px;
	font-size: 150%;
	/* needed for the floated layout*/
	margin-bottom: 10px;
}


/* We need to set the widths used on floated items back to auto, and remove the bottom margin as when we have grid we have gaps. */

@supports (display: grid) {
	  .site > * {
	    width: auto;
	    margin: 0;
	  }
	}
	
/*---Buttons, Input---------------------*/

button,  
input
{
	line-height: normal;
	/* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
	*overflow: visible;
	/* Corrects inner spacing displayed oddly in IE6/7 */
}

@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 12px rgba(106,146,247,.2);
	}
	50% {
		-webkit-box-shadow: 0 0 12px rgba(106,146,247,.9);
	}
	100% {
		-webkit-box-shadow: 0 0 12px rgba(106,146,247,.2);
	}
}
@-webkit-keyframes pulse-error {
	0% {
		-webkit-box-shadow: 0 0 12px rgba(204,0,0,.1);
	}
	50% {
		-webkit-box-shadow: 0 0 12px rgba(204,0,0,.5);
	}
	100% {
		-webkit-box-shadow: 0 0 12px rgba(204,0,0,.1);
	}
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"]
{
	font-weight: bold;
	font-size: .9em;
	text-shadow: 0 1px 1px rgba(255,255, 255, 0.85);
	background-color: #eee;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,bbbbbb+100 */
	background: linear-gradient(to bottom, #ffffff 0%,#bbbbbb 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color: #444;
	border: none;
	-moz-border-radius: 23px;
	-webkit-border-radius: 23px;
	border-radius: 23px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	-webkit-appearance: button;
}



input[type="button"]:hover, input[type="submit"]:hover, input[type="submit"]:focus, html input[type="button"]:hover
{
-webkit-animation: pulse 1.5s infinite ease-in-out;	
}

form input[type="email"]
{
outline: 0;
}

form input[type="text"], form input[type="email"], form input[type="search"], input[type="url"]
{
padding: 6px;
border: 1px solid #ddd;
}


form input[type="search"]:focus, input[type="text"]:focus, form input[type="email"]:focus, input[type="url"]:focus, textarea:focus
{ 
    margin: 0;
	outline: 0;
	-webkit-animation: pulse 1.5s infinite ease-in-out;
}

input[type="checkbox"],
input[type="radio"]
{
width: 18px;
height: 18px;
box-sizing: border-box;
	/* Addresses box sizing set to content-box in IE8/9 */
padding: 0;
	/* Addresses excess padding in IE8/9 */
}

input[type="search"]
{
  min-width: 50px;
  max-width: 175px;
	-webkit-appearance: textfield;
	/* Addresses appearance set to searchfield in S5, Chrome */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	/* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration
{
	/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner
{
/* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}

input[type=text],
input[type=email],
input[type=url],
textarea
{
	color: #666;
	border: 1px solid rgb(221,221,221);
	border-radius: 3px;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
textarea:focus { color: #111; }
input[type=text],
input[type=email] { padding: 3px; }


select
{
font-size: .9em;
border: 1px solid #d6d6d6;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
text-shadow: 0 1px 1px rgba(255,255, 255, 0.85);
height: 1.8em;
padding: 10px;
}

select:focus
{
outline: 0;
border: 1px solid #a7a7a7;
}

option
{
line-height: 2em;
}


textarea
{
	overflow: auto;
	/* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top;
	/* Improves readability and alignment in all browsers */
	width: 98%;
}


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

   h1.site-title
	{
		font-size: 3.865em;
		margin: 0;
		padding: 30px 0 0 20px;
	}
	
	.site-description
	{
		margin: 0;
		padding: 0 0 35px 30px;
	}
	
	.main-navigation {margin-left: 0px;}
	
	.alignleft, .left, .image1, .alignright, .right
	{
		float: none;
		display: block;
		margin: 0px auto;
	}
	
	.clips, .mini-bar
	{
		float: none;
		display: block;
		margin: 0px auto 20px auto;
		width: 100%;
	}
	
	.itunesf
	{
		float: none;
		margin: 0px auto;
	}
	
	#colophon { font-size: .883em; }
}

@media screen and (max-width: 520px)
{
	h1.site-title { font-size: 50px; }
	
	.site-description { font-size: 14px; }
	
}