/*
Theme Name: cmd_trb
Theme URI: http://www.liveinthefuture.com
Author: Chris Wiley
Author URI: http://www.commandertrombone.com
Description: The 2013 Theme for Commander Trombone
Version: 1.0
Tested up to: 5.0
License: None;
License URI: license.txt
Text Domain: cmd_trb
Tags: one-column, two-columns
*/

/* =Reset
-------------------------------------------------------------- */

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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html
{
	/*font-size: 62.5%;*/
	/* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll;
	/* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%;
	/* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%;
	/* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

body { background: #fff; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section { display: block; }
ol, ul { list-style: none; }

table
{
	/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td
{
	font-weight: normal;
	text-align: left;
}

select
{
font-size: .7em;
border: 1px solid #a7a7a7;
background-color: rgba(255,255,255, 0.35);
height: 1.8em;
padding: 2px;
}

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

option
{
line-height: 2em;
}


blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a:focus { outline: thin dotted; }

a:hover,
a:active
{
	/* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}

a img { border: 0; }

/* =Global
----------------------------------------------- */

body,
button,
input,
select,
textarea
{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.5;
}

body
{
	background-color: rgb(237,237,237);
	text-align: center;
	background-image: url('images/smooth_wall.png');
}

div#pagetop
{
position: relative;
width: 100%;
height: 245px;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffc578+0,fb9d23+100;Orange+3D+%233 */
background: rgb(255,197,120); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,197,120,1) 0%, rgba(251,157,35,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,197,120,1)), color-stop(100%,rgba(251,157,35,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,197,120,1) 0%,rgba(251,157,35,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 ); /* IE6-9 */
}


#masthead
{
	display: block;
	position: relative;
	margin: 0px auto;
	width: 980px;
	text-align: left;
}

#masthead img
{
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}


div#page
{
	position: relative;
	margin: 0px auto;
	width: 980px;
	text-align: left;
	background-color: transparent;
}

div#primary
{
	width: 640px;
	padding: 0px 20px 20px 20px;
	float: left;
	background-color: #fff;
	-webkit-border-radius: 0px 0px 7px 7px;
	-moz-border-radius: 0px 0px 7px 7px;
	border-radius: 0px 0px 7px 7px;
}

div#secondary
{
	position: relative;
	width: 280px;
	font-size: 0.975em;
	float: right;
	display: inline;
	padding: 10px 10px 5px 10px;
	background-color: rgba(235, 235, 235, .50);
	-webkit-border-radius: 0px 0px 7px 7px;
	-moz-border-radius: 0px 0px 7px 7px;
	border-radius: 0px 0px 7px 7px;
}

div#secondary h1
{
	color: #306;
	/*background-color: #283FC9;*/
	line-height: 1.2;
	padding: 5px 5px 0 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;
}


div#secondary ul { margin: 0 0 0 5px; }

div#secondary ul li
{
	list-style-position: outside;
	list-style: none;
	margin: 0;
	border-bottom: 1px solid #a7a7a7;
}

div#secondary ul
{
	border-top: 1px solid #a7a7a7;
	border-bottom: 1px solid #a7a7a7;
}

div#secondary li:first-child { /*border-top: 1px solid #a7a7a7;*/ }
div#secondary li:last-child { border-bottom: none; }
div#secondary ul li:hover { }

#colophon
{
	font-weight: bold;
	clear: both;
	display: block;
	color: #333;
	margin: 10px auto;
	text-align: left;
	font-size: .8em;
	padding: 10px;
	width: 960px;
}

#colophon a:link, #colophon a:visited { color: #333; }
#colophon a:hover { color: #fff; }

@font-face {
    font-family: 'fonts/BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#fonts/BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'museo_slab500';
    src: url('Museo_Slab_500_2-webfont.eot');
    src: url('fonts/Museo_Slab_500_2-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Museo_Slab_500_2-webfont.woff') format('woff'),
         url('fonts/Museo_Slab_500_2-webfont.ttf') format('truetype'),
         url('fonts/Museo_Slab_500_2-webfont.svg#HamburgerHeavenRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@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;
	font-family: ChunkFiveRegular;
	font-weight: normal;
	color: #333;
	text-shadow: 2px 2px 0px #bdbdbd;
}

h1
{
	font-size: 2.1em;
	line-height: 1.3;
}

h2 { font-size: 1.9em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1em; }
h5 { font-size: 0.875em; }
h6 { font-size: 0.75em; }

h1#cmd
{
    font-size: 4.3em;
    line-height: 1;
	position: absolute;
	top: 80px;
	left: 20px;
}

h1#cmd a
{
	color: rgba(255,255, 255, 0.55);
	font-weight: normal;
	text-decoration: none;
	text-shadow: none;
	transition: all 0.4s ease-out;
}

h1#cmd a:hover { color: #0B87C3; }

h1.entry-title, h1.page-title
{
	margin: 0.7em 0 0 0;
	padding: 0;
	text-shadow: 2px 2px 0px #CCC;
}

h1.archive { font-size: 1.3em; }

h2.site-description
{
	display: none;
}

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

h2 a
{
font-weight: normal;
}


h3 { margin-bottom: .5em; }

h3.post-h1
{
	line-height: 1;
	margin: 0;
	padding: 0;
}

#primary h1 a:link, #primary h1 a:visited
{
	color: #383838;
	font-weight: normal;
}

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

hr
{
	background-color: #e6e6e6;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* Text elements */

p { margin: 0 0 1em 0; }

.entry-content ul, .entry-content ol { 
margin: 1em 0 .9em 1.7em; 
}

ul {list-style: square outside;}

ol li, ul ol li { 
list-style: decimal;
}

ul li, ol li
{
padding: 4px 0 4px 0;
}

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

dt { font-weight: bold; }
dd { margin: 0.5em 0 0.5em 0; }
b, strong { font-weight: bold; }
dfn, cite, em, i { font-style: italic; }

blockquote
{
	font-family: georgia;
	font-size: 1.1em;
	color: #777;
	font-style: italic;
	padding-left: .8em;
	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: #000;
	text-shadow: 2px 2px 0px #ccc;
}

address { margin: 0 0 1.5em; }

pre
{
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
}

code, kbd, tt, var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

abbr, acronym
{
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins
{
	background: #fff9c0;
	text-decoration: none;
}

sup,
sub
{
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup { bottom: 1ex; }
sub { top: .5ex; }
small { font-size: 75%; }
big { font-size: 125%; }
figure { margin: 0; }

table
{
	margin: 0 0 1.5em;
	width: 100%;
}

th { font-weight: bold; }

button,
input,
select,
textarea
{
	font-size: 100%;
	/* Corrects font size not being inherited in all browsers */
	margin: 0;
	/* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline;
	/* Improves appearance and consistency in all browsers */
	*vertical-align: middle;
	/* Improves appearance and consistency in all browsers */
}

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"]
{
	background-color: #eee;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,bbbbbb+100 */
background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYmJiYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(187,187,187,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(187,187,187,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(187,187,187,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(187,187,187,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(187,187,187,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(187,187,187,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-8 */

	font-weight: bold;
	font-size: .9em;
	line-height: 1;
	padding: 5px 8px;
	text-shadow: 0 1px 1px rgba(255,255, 255, 0.85);
	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="submit"]:hover, input[type="submit"]:focus
{
-webkit-animation: pulse 1.5s infinite ease-in-out;	
}

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

form input[type="text"], form input[type="email"]
{
padding: 6px;
}


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



input[type="checkbox"],
input[type="radio"]
{
	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"]
{
	-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],
textarea
{
	color: #666;
	border: 1px solid rgb(221,221,221);
	border-radius: 3px;
}

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

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%;
}

/* Links */
a
{
	transition: all 0.3s ease-out;
	text-decoration: none;
	
}

a:link
{
	color: rgb(1,0,160);
	font-weight: bold;
}

a:visited { color: rgb(1,0,160); }
a:hover,
a:active, a:focus { color: #F90; }

/* Current Popular Post */

.wpp-post-title
{
font-weight: bold;
color: #F90;
}


figure {
	margin: 0;
	padding:0;
}


figure p
{
margin: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
{
	width: 25%;
	font-size: .8em;
	padding: 10px;
	float: right;
	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
{
	width: 35%;
	font-size: .8em;
	padding: 10px;
	float: right;
	background-color: #eee;
	margin: .6em 0 1.5em 1em;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #ddd;
}


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

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

.access_aid
{
display: none;
}




.left p, .image1 p, .right p, .image p
{
	font: bold .775em/1em "lucida grande", helvetica, arial;
	margin: 0;
	padding: 0;
}

/* self-clear floats */

.group:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* IE floats *//* IE6 */

* html .group
{
	height: 1%;
}

/* IE7 */
*:first-child+html .group
{
 min-height: 1px;
}


/* =Menu
----------------------------------------------- */

.main-navigation
{
	clear: both;
	display: block;
	width: 100%;
	position: absolute;
	top: 205px;
	left: 0px;
	padding: 0 0 2px 0;
	background-color: #000;
	background: rgba(000, 000, 000, .50);
}

.main-navigation ul
{
	margin: 0 0 0 10px;
	padding-left: 2px;
}

.main-navigation li
{
	list-style: none;
	float: left;
	padding: 7px 6px 5px 6px;
	position: relative;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.main-navigation li a
{
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	padding: 5px;
	line-height: 1;
	vertical-align: baseline;
	*vertical-align: middle;
    font-weight: bold;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    color: #ccc;
	color: rgba(255,255,255,.8);
	transition: all 0.3s ease-out;
}

.main-navigation li a:hover, .main-navigation li a:focus, .main-navigation li a.current-menu-item
{
	color: #fff;
	background: rgba(255,255,255,.20);
}

}
.main-navigation li.active a { color: #fff; }

.main-navigation ul li ul
{
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	background-color: #3737a7;
	background: rgba(55,55,167, .90);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	display: none;
	position: absolute;
	top: 32px;
	left: 0;
	z-index: 99999;
}

.main-navigation ul ul ul
{
	left: 100%;
	top: 0;
}

.main-navigation ul ul li
{
	border: 0;
	margin-right: 0;
	background-image: none;
}

.main-navigation ul ul a
{
	width: 200px;
	margin-right: 0px;
	border: 0;
}

.main-navigation ul ul li { }
.main-navigation li:hover > a { }
.main-navigation ul ul :hover > a { }
.main-navigation ul ul a:hover { }
.main-navigation ul li:hover > ul { display: block; }
.main-navigation ul li:hover > ul.nodisplay { display: none; }

/* For nav.js */
.main-navigation li.current_page_item > a, .page-template-capsule-php li.tc > a,
.main-navigation li.current-menu-item > a
{
	color: #fff;
	border: 1px solid #fff;
	margin-top: -1px;
	margin-bottom: -1px;
	background: rgba(255,255,255,.20);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* Small menu */


/* =Content
----------------------------------------------- */

#nav-above { display: none; }
#nav-below { padding:10px;}

/*.sticky { }*/
.hentry { margin: 0 0 1.5em; }

.entry-meta
{
	font-family: georgia;
	clear: both;
	font-weight: bold;
	font-size: .8em;
	margin: 1.2em 0 1.2em -4px;
	padding: 4px;
	color: #000;
	}
	

.post-foot
{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;	
}


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

.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; }

.page-links
{
	clear: both;
	margin: 0 0 1.5em;
}

.post-date
{
	clear: both;
	display: block;
}

/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title { display: none; }

/* =Media
----------------------------------------------- */

/* Fluid images for posts, comments, and widgets */


img#banimg
{
float: none;
max-width: 100%;
height: auto;
margin: 0;
padding: 0;
}

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


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

.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*/


/* 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;
}

.wp-caption, p.wp-caption
{
	margin-bottom: 1.2em;
	max-width: 100%;
	color: #000;
	font-size: 0.9em;
	line-height: 1.2;
}

.pcredit
{
	font-weight: normal;
	font-size: .9em;
	padding: .2em;
	background-color: #eee;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.wp-caption img[class*="wp-image-"]
{
	display: block;
	margin: 0 auto 0;
	max-width: 98%;
}

.wp-caption-text, .entry-caption
{
	text-align: left;
	font-weight: bold;
	font-size: 0.875em;
}

.wp-caption .wp-caption-text {font-size: 1em; margin: 4px 0 0 5px; }
.site-content .gallery { margin-bottom: 1.5em; }
.gallery-caption { display: none; }

.site-content .gallery a img
{
	border: none;
	height: auto;
	max-width: 90%;
}

.site-content .gallery dl dt { margin-left: 0; }
.site-content .gallery dd { margin: 0; }
.site-content .gallery-columns-4 .gallery-item { }
.site-content .gallery-columns-4 .gallery-item img { }

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object
{
	max-width: 100%;
	margin: 0;
	padding: 0;
}


.video {
    position: relative;
    padding-bottom: 56.55%;
    margin-top: 10px; 
    height: 0; overflow: hidden;
}
 
.video iframe,
.video object,
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


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


.ct-mejs.mejs-container
{
margin-bottom: 1em;
}

.mejs-offscreen
{
display: none;
}


/* =Navigation
----------------------------------------------- */

.site-content .site-navigation
{
	margin: 0;
	overflow: hidden;
}


.site-content .nav-previous
{
	float: left;
	margin-top: 8px;
	width: 45%;
}

.site-content .nav-next
{
	float: right;
	margin-top: 8px;
	text-align: right;
	width: 45%;
}

/* =Comments 
----------------------------------------------- */

ol.commentlist { margin: 0; }
ol.commentlist li { list-style: none; }
.bypostauthor { }

/* =Widgets
----------------------------------------------- */

.widget { margin: 0 0 1.5em; }

/* Make sure select elements fit in widgets */
.widget select { max-width: 100%; }


/* ---- For News Page Link Listing ---- */
ul.news
{
	margin: 5px 0 5px 0;
	padding: 0;
}

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

ul.news li a
{
	background-color: #f4f4f4;
	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: .875em;
	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 */



/*----*/
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; 
}


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);
}

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: 12px;
	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: 879px)
{


div#page
{
	width: 100%;
	overflow: hidden;
}

div#pagetop
{
	background-image: url('images/smooth_wall.png');
	width: 100%;
	padding: 0;
	height: auto;
}

#masthead, #colophon { width: 100%; }

.main-navigation
{
	position: static;
	margin: 0;
	height:auto;
}

	
.main-navigation ul { margin: 0; }
.main-navigation ul ul { font-size: 0.75em; }
.main-navigation ul ul a { display: inline; }
h1.entry-title, h1.page-title { margin: 0; }
h1#cmd, h2.site-description, .menu-toggle { position: static; }

h1#cmd
{
	font-size: 3em;
	padding: 8px 0 0 5px;
}

h1#cmd a
{
	color: #333;
	text-shadow: 2px 2px 0px #CCC;
}



div#primary
{
	float: none;
	position: relative;
	margin: 0px auto;
	padding: 10px;
	width: 97%;
	-moz-box-shadow: 4px 4px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
	box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
}

div#secondary
{
	float: none;
	display: block;
	margin: 0px auto;
	border: 0;
	padding: 10px;
	width: 95%;
	-webkit-border-radius: 0px 0px 7px 7px;
	-moz-border-radius: 0px 0px 7px 7px;
	border-radius: 0px 0px 7px 7px;
}

}


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

div#primary {
padding: 0 .5em 0 .5em;
}

ul {
  list-style-position: inside;
}

.alignleft, .left, .image1, .alignright, .right
{
float: none;
display: block;
margin: 0px auto;
}

h1
{
	font-size: 1.7em;
	line-height: 1.267em;
	margin: 0 0 0 10px;
	padding: 0;
}


h1#cmd
{
	font-size: 2.5em;
	padding: 5px 0 0 0;
}

div#primary { width: 95%; }
.gallery img { margin: 0px auto; }
ul, ol { margin-left: 0px; }

.itunesf
{
	float: none;
	margin: 0px auto;
}

#main_nav
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}

#main_nav:target 
{
    display: block;
}

.main-navigation
{
-webkit-border-radius: 0 0 7px 7px;
-moz-border-radius: 0 0 7px 7px;
border-radius: 0 0 7px 7px;
}

.main-navigation li
{
float: none;
}

.main-navigation li a
{
width: 50%;
}

.main-navigation li a:hover
{
width: 50%;
}


.main-navigation ul li ul
{
	position: absolute;
	top: 32px;
	left: 100px;
}


div#feed
{
width: 95%;
margin: 0;
padding: 0;
}


.access_aid {
    background: #fff 10px 10px / 20px 20px no-repeat;
    display: block;
    position: absolute;
    top: 1px;
    right: 0;
    width: 40px;
    height: 0;
    padding-top: 40px;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    overflow: hidden;
    border: 1px solid #ccc;
}


#access_top {
    background-image: linear-gradient(45deg, transparent 13px, #ccc 13px, #ccc 15px, transparent 0), linear-gradient(-45deg, white 13px, #ccc 13px, #ccc 15px, white 0);
}



#access_nav {
    background-image: -webkit-repeating-linear-gradient(#ccc, #ccc 2px, #fff 2px, #fff 4px);
    background-image: repeating-linear-gradient(#ccc, #ccc 2px, #fff 2px, #fff 4px);
}




 }