/*
Theme Name: Thomas Jeker
Theme URI: http://thomasjeker.ch
Author: Frances d'Ath
Author URI: http://thingswithbits.info
Description: Theme designed for Thomas Jeker
Version: 0.666a
*/


/* outline
---------------------------------------------------------------

reset
structure
navigation
navigation footer index link
navigation music for section
posts and pages navigation
site title
index page
news (index, archives, single)
music for index page
music for single pages
webfonts
headings
p text
general typography
links
images
video & audio
mailchimp mailing list
tables
forms
for style guide


*/


/*	reset using normalize.css v2.1.2 git.io/normalize
	+ amendments for thomasjeker
--------------------------------------------------------------- */

/*	---------	html5 display definitions */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}

/*	---------	base */


html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

.clearfix:before,
.clearfix:after {
	content: ' ';
	display: table;
}

.clearfix:after {
	clear: both;
}

/*	---------	links */

a:focus {
    outline: thin dotted;
}

a:active,
a:hover {
    outline: 0;
}

/*	---------	typography */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

abbr[title] {
    border-bottom: none;
}

b,
strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

pre {
    white-space: pre-wrap;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/*	---------	embedded content */

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

/*	---------	figures */

figure {
    margin: 0;
}

/*	---------	forms */

fieldset {
    border: none;
    margin: 0;
}

legend {
    border: 0;
    padding: 0;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

/*	---------	tables */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*	structure
--------------------------------------------------------------- */

body article {
	width: 710px;
}

.site-main {
	margin: 180px 0;
}

.site-content {
	margin-top: 36px;
	margin-left: 81px;
}


/*	navigation
-------------------------------------------------------------- */

.main-navigation {
	position: fixed;
	right: 0;
	top: 72px;
	width: 310px;
	background: #fff;
	z-index: 9;
}

.main-navigation ul,
.main-navigation li {
	margin:	0;
	padding: 0;
}

.main-navigation li {
	list-style: none;
}

.main-navigation li:hover {
	background-color: #000;
}

.main-navigation a,
.main-navigation a:link {
	text-decoration: none;
	border-bottom: none;
	color: #000;
	padding: 3px 208px 3px 72px;
	overflow: hidden;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	white-space: nowrap;
}

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

.main-navigation .current_page_item,
.main-navigation .current_page_parent,
.main-navigation .current-page-ancestor {
	background-color: #000;
}

.main-navigation .current_page_item > a,
.main-navigation .current_page_parent > a,
.main-navigation .current-page-ancestor > a {
	color: #fff;
}


/*	navigation footer index link
--------------------------------------------------------------- */

.footer-navigation {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 310px;
	z-index: 999;
}

.footer-navigation ul,
.footer-navigation li {
	margin: 0;
	padding: 0;
}

.footer-navigation li {
	list-style: none;
	background: #000;
	padding: 2px 0 2px 0;
}

.footer-navigation li a {
	text-decoration: none;
	border-bottom: none;
	color: #fff;
	padding: 5px 208px 5px 72px;
	overflow: hidden;

}


/*	navigation music for section
--------------------------------------------------------------- */

body #music-for header {
/*	padding-top: 540px;	*/
}

body #music-for,
body #music-for h2 a,
.music-navigation a,
.music-navigation a:link {
	color: #fff;
	text-decoration: none;
	border-bottom: none;
	transition: none;
}

.music-navigation {
	margin: 0;
	margin-left: 18px;
	width: 600px;
}

.music-navigation ul {
	list-style: none;
	margin: 0;
}

.music-navigation ul ul {
	margin-left: 11px;
}

/* years */

.music-navigation ul li ul li {
	margin-top: 18px;
	border-top: 1px solid #fff;
}

.music-navigation ul li ul li a {
	font-size: 27px;
	line-height: 0.75;
	cursor: default;
}


/* items */

.music-navigation ul li ul li ul {
	margin-left: 36px;
}

.music-navigation ul li ul li ul li {
	margin-top: 0;
	border-top: none;
}


.music-navigation ul li ul li ul li:first-child {
	margin-top: -21px;
}

.music-navigation ul li ul li ul li a {
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	line-height: 1.5;
}

/*	---------	counters & general layout */

.music-navigation ul {
	counter-reset: music-list;
}

.music-navigation ul li:before {
	counter-increment: music-list;
	content: counter(music-list);
	font-size: 99px;
	color: #fff;
}

.music-navigation ul li ul li:before {
	content: none;
}

/*	---------	music improv bands override */

.music-navigation .music-improv-bands .sub-menu {

}


/*	posts and pages navigation
--------------------------------------------------------------- */

.post-navigation {
	margin-top: 45px;
}

.paging-navigation {
	margin-top: -135px;
	padding-bottom: 1px;
}

.nav-previous {
	position: absolute;
	left: 9px;
}

.nav-next {
	position: absolute;
	right: 9px;
}

.nav-previous:before,
.nav-next:after,
#fancybox-close:before,
#fancybox-right:hover span:before,
#fancybox-left:hover span:before {
	font-family: 'Genericons';
	font-weight: 400;
	font-size: 1.2rem;
	top: 5px;
	position: relative;
	line-height: 0;
}

.nav-previous:before {
	content: '\f430';
}

.nav-next:after {
	content: '\f429';
}


/*	site title
--------------------------------------------------------------- */

h1#site-title {
	font-size: 36px;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	background-color: #000;
	padding: 0 18px 9px 18px;
	position: fixed;
	top: 45%;
	right: -74px;
	float: right;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	z-index: 9999;
	margin: 0;
}

h1#site-title a {
	text-decoration: none;
	border-bottom: none;
	color: #fff;
}

@-moz-document url-prefix() {

	h1#site-title {
		right: -83px
	}

}


/*	index page
--------------------------------------------------------------- */


.home .site-main {
	margin: 0;
}

/* hide the index & news titles */
.home .post-41:first-child,
.home #news h2.section-title {
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
}

/* biography also set with js */
.home #biography {
	margin-top: 100%;
	padding-top: 63px;
}

.home #news {
	margin-top: 387px;
	padding-top: 135px;
}

.home #news article.post-one {
	margin-bottom: 180px;
}

body #music-for:before {
	background: url('images/music-for-hintergrund.png') no-repeat top left;
	position: absolute;
	z-index: -1;
	margin-left: -81px;
	margin-top: -540px;
	width: 100%;
	height: 3355px;
}

@-moz-document url-prefix() {

	body #music-for:before {
		content: url('images/music-for-hintergrund.png');
	}

}

body #music-for {
	margin-top: 1170px;
	padding-top: 63px;
	margin-bottom: 1458px;
}

.home #contact {
	margin-bottom: 414px;
}


/*	news (index, archives, single)
--------------------------------------------------------------- */

#blog .post {
	margin-bottom: 180px;
}

body.archive h4.archive-title {
	margin-bottom: 45px;
}

.entry-header .time {
	height: 180px;
}

.entry-header .time-date {
	font-size: 14px;
	float: left;
}

.entry-header .time-year {
	font-size: 27px;
	color: #fff;
	background: #000;
	width: 54px;
	height: 270px;
	float: right;
	text-align: center;
}

.entry-header {
	line-height: 0.75;
}

 /* index news excerpts – the mullet loop on index page */

.excerpt .entry-header .time {
	height: 9px;
}

.excerpt .entry-header .time-year {
	height: 87px;
}

footer.entry-meta {
	margin-top: 36px;
}


/*	music for index page
--------------------------------------------------------------- */

body#music-for,
body.page-id-63 #music-for {
	margin-top: 0;
}

body.page-id-63 .site-main,
body.page-id-63 .site-content {
	margin-top: 0;
}

body.page-id-63 #masthead {
	padding-top: 0;
}
body.page-id-63 #music-for header {
	padding-top: 90px;
}

body.page-id-63 #music-for:before {
	margin-top: -450px;
}


/*	music for single pages
--------------------------------------------------------------- */

body#music-for.page-child article {
	width: 3000px;
}

#music-for.page-child .site-main {
	margin-top: 117px;
	margin-bottom: 90px;
}

#music-for.page-child h1 {
	margin: 0;
	clear: none;
}

#music-for.page-child h4 {
	max-width: 990px;
}

/* upper room: images */

#music-for #upper-room {
	margin-bottom: 36px;
}

/* images */

#music-for #images,
#music-for #images .images-item {
	display: inline-block;
	margin-left: -4px;
	vertical-align: top;
}

#images .images-item img {
	border: none;
}

.images-item img.alignnone {
	width: auto;
}

#images #credits {
	float: right;
	font-size: 16px;
}

#images #credits p {
	min-width: 710px;
	border-bottom: 1px solid #000;
	text-align: right;
	padding-bottom: 5px;
}

#music-for #upper-room #cast {
	margin-left: 90px;
	width: auto;
	border-right: 9px solid #000;
}

#music-for #upper-room #cast dl {
	width: 450px;
	margin-right: 90px;
}

/* lower room: everything else */

#music-for #content-text,
#music-for #quote,
#music-for #cast,
#music-for #audio,
#music-for #video {
	display: inline-block;
	vertical-align: top;
}

#music-for #content-text,
#music-for #quote,
#music-for #cast {
	width: 310px;
	margin-right: 54px;
}

#music-for #content-text p:first-child {
	margin-top: -4px;
}

#music-for #quote {
	margin-right: 135px;
	margin-top: 36px;
}

#music-for #quote cite {
	margin-left: 0;
}

#music-for #cast,
#music-for #audio {
	border-left: 9px solid #000;
	min-height: 360px;
	margin-right: 153px;
}

#music-for #audio {
	margin-right: 190px;
}

#music-for blockquote {
	border-left: none;
	padding: 0;
	margin: 0;
}

#music-for #quote figcaption {
	margin: 27px 0;
}

#music-for #quote:after {
	border-left: 9px solid #000;
	height: 180px;
	width: 9px;
	content: "";
	display: block;
	margin-top: 72px;
	margin-left: -9px;
}

#music-for #cast h5,
#music-for #cast dl {
	margin-left: 36px;
}

#music-for #cast dl dd {
	margin-bottom: 9px;
	margin-top: -3px;
}

#music-for #audio h5,
#music-for #audio p,
#music-for #audio .audio-file {
	margin-left: 36px;
}

#music-for #audio .audio-file {
	margin-bottom: 18px;
}

#music-for #video h5,
#music-for #video p {
	width: 710px;
}

/* footer */

#music-for footer.entry-footer {
	margin-left: 400px;
}

#music-for footer.entry-footer .entry-title {
	color: #eee;
}


/*	webfonts
--------------------------------------------------------------- */

/*	---------	webfonts */

body {
	font-family: 'Delicious';
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	line-height: 1.5;
}

strong,
b,
thead,
th {
	font-family: 'Delicious';
	font-weight: 700;
	font-style: normal;
}

em,
i,
blockquote,
blockquote p,
.wp-caption-text {
    font-family: 'Delicious';
    font-weight: 400;
    font-style: italic;
}

b em,
em b,
strong em,
em strong,
b i,
i b,
strong i,
i strong {
	font-family: 'Delicious';
	font-weight: 700;
	font-style: italic;
}

/*	small caps for titles */

h1,
h2,
h3,
h4,
h5,
h6,
dt,
#credits,
caption,
cite,
legend,
fieldset label,
fieldset.options legend,
#music-for #content-text p:nth-child(1):first-line,
#music-for #content-text p:nth-child(1):first-letter/*,
.entry-content not:(blockquote) p:nth-child(1):first-line,
.entry-content not:(blockquote) p:nth-child(1):first-letter */{
	font-family: 'Delicious';
	font-weight: 200;
	font-variant: small-caps;
	text-transform: lowercase;
	font-style: normal;
}

/*	occasional monospace */

pre,
samp,
code,
kbd,
tt,
var,
#navigation-music ul li:before,
.entry-header .time-date .entry-date,
/*.entry-content .mejs-container,
.entry-content .mejs-container .mejs-controls div,*/
.mailing-list #mc_message,
.mailing-list #mc_message strong.mc_success_msg {
	font-family: 'M1m';
	font-weight: 400;
	font-style: normal;
}


/*	headings
--------------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both; /* needed to compensate for header floating right */
	margin: 0;
	float: none;
}

h1 {
	font-size: 180px;
	letter-spacing: 1px;
	line-height: 0.75;
	margin: 81px 0;
}

h2 {
	font-size: 99px;
	letter-spacing: 1px;
	line-height: 0.75;
	margin: 45px 0;
}

h3 {
	font-size: 63px;
	letter-spacing: 1px;
	line-height: 0.75;
	margin: 27px 0;
}

h4 {
	font-size: 45px;
	line-height: 1;
	margin: 18px 0;
}

h5 {
	font-size: 27px;
	line-height: 1;
}

h6 {
	font-size: 18px;
	line-height: 1.25;
}


/*	p text
--------------------------------------------------------------- */

p {
	margin: 9px 0;
}

/*	drop caps and fist line small caps – only in certain instances:
	first line on news post – #index, .single, archive
	first line of p text on index page sections
	first line after size-large image
*/

.entry-content not:(blockquote):not(.wp-caption) p:nth-child(1):first-line,
.entry-content not:(blockquote):not(.wp-caption) p:nth-child(1):first-letter {
	font-family: 'Delicious';
	font-weight: 200;
	font-variant: small-caps;
	text-transform: lowercase;
	font-style: normal;
}

.entry-content not:(blockquote):not(.wp-caption) p:nth-child(1):first-line,
.entry-content not:(blockquote):not(.wp-caption) .wp-caption.size-710 + p:first-line {
	font-size: 16px;
}

.entry-content not:(blockquote):not(.wp-caption) p:nth-child(1):first-letter {
	font-size: 117px;
	float: left;
	line-height: 0.25;
	padding: 0px 9px 18px 0;
}


#music-for #content-text p:nth-child(1):first-line {
	font-size: 16px;
}

#music-for #content-text p:nth-child(1):first-letter {
	font-size: 117px;
	float: left;
	line-height: 0.25;
	padding: 0px 9px 18px 0;
}



/*	general typography
--------------------------------------------------------------- */


/*	---------	blockquotes */

blockquote {
	margin: 18px 0 18px 0;
	padding: 0 36px;
	border-left: 9px solid #000;
}

cite {
	font-size: 16px;
	margin-left: 27px;
}

cite:before {
	content: '—';
	margin-right: 9px;
}

/*	---------	lists */

ul {
	list-style: square;
}

#biography ul {
	list-style: none;
}

#biography ul:last-child,
#biography ul ul {
	list-style: square;
}

dl {

}

dt {
	font-size: 18px;
	font-weight: 700;
}

dd {
	margin-left: 0;
}

/*	---------	misc */

hr {
	margin: 36px;
	border: 0;
	border-bottom: 1px solid #111;
}

pre,
samp,
code,
kbd,
tt,
var {
	font-size: 13px;
}

code,
kbd {
	color: #800000;
}


/*	links
--------------------------------------------------------------- */

a,
a:link {
	color: #000;
	border-bottom: 1px solid #000;
	outline: none;
	text-decoration: none;
	-webkit-transition: border-color 0.5s ease-in, color 0.5s ease-in;
	-moz-transition: border-color 0.5s ease-in, color 0.5s ease-in;
	-o-transition: border-color 0.5s ease-in, color 0.5s ease-in;
	transition: border-color 0.5s ease-in, color 0.5s ease-in;
}

a:hover,
a:focus	{
	border-bottom: 1px solid #004080;
	color: #004080;
}

a:active {
	top: 1px;
	position: relative;
	color: #800000;
	border-bottom: 1px solid #800000;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}


/*	---------	links for different content types */

a:after {
	font-family: 'Genericons';
	font-weight: 400;
	font-size: 1.2rem;
	top: 5px;
	position: relative;
	line-height: 0;
}

a[href^='http:']:after {
	content: '\f442';
}

a[href*='thomasjeker']:after {
	content: '';
}

a[href='http://thomasjeker.ch']:after {
	content: '\f409';
}

a[href^='mailto:']:after {
	content: '\f410';
}

a[href$='.pdf']:after {
	content: '\f443';
}

/*	---------	derail all that for images */

a[href$='.jpg'],
a[href$='.jpeg'],
a[href$='.png'],
a[href$='.tif'] {
	border-bottom: none;
}

a[href$='.jpg']:after,
a[href$='.jpeg']:after,
a[href$='.png']:after,
a[href$='.tif']:after {
	content: '';
}

a[href$='.jpg']:active,
a[href$='.jpeg']:active,
a[href$='.png']:active,
a[href$='.tif']:active {
	top: 0;
	position: inherit;
}

/*	---------	.entry-content heading links */

.entry-title a:link,
.entry-title a:hover,
.entry-title a:active {
	color: #000;
	border-bottom: none;
	top: 0;
	transition: none;
}


/*	images
--------------------------------------------------------------- */

.entry-content img {
	background: #000;
	border: 3px solid #000;
	margin-top: 27px;
	margin-bottom: 27px;
}

#images img {
	margin: 0;
}

/* greyscale */

img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray; /* IE 6-9 */
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-o-transition: all .6s ease;
	-ms-transition: all .6s ease;
	transition: all .6s ease;
}

img:hover,
.entry-content .mejs-layers:hover .mejs-poster img {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	filter: none;
}

img:hover {
	z-index: 9999;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 18px;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 18px;
}

.wp-caption img {
	border: none;
	margin-top: 0;
	margin-bottom: 0;
}

.aligncenter,
.alignnone,
.wp-caption[style='width: 480px'] {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption[style='width: 480px'] {
	width: 470px;
}

.wp-caption[style='width: 480px'] {
	width: 470px !important;
}

.wp-caption[style='width: 240px'],
.wp-caption[style='width: 480px'] {
	border-left: 9px solid #000;
	padding: 36px 0;
}

.wp-caption .wp-caption-text {
	padding-left: 27px;
	font-size: 13px;
}
/*
.wp-caption .wp-caption-text:first-line,
.wp-caption .wp-caption-text:first-letter {
	font-style: italic !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
}
*/
.wp-caption[style='width: 480px'] .wp-caption-text {
	padding-left: 27px;
}

.wp-caption[style='width: 720px'] .wp-caption-text {
	width: 710px;
	padding: 0;
	border-bottom: 1px solid #000;
}

.wp-caption[style='width: 720px'] {
	margin: 18px 0;
}

/*	---------	for caption shortcode rewrite */


.wp-caption[style='width: 240px'] .wp-caption-text,
.wp-caption[style='width: 480px'] .wp-caption-text,
.wp-caption[style='width: 240px'] .wp-caption-img,
.wp-caption[style='width: 480px'] .wp-caption-img {
	float: left;
}

.wp-caption[style='width: 240px'] {
	width: 490px !important;
}

.wp-caption[style='width: 240px'] .wp-caption-text {
	float: left;
	width: 230px;
}


.wp-caption.size-470 .wp-caption-img {
	margin-left: 20px;
}

/*	---------	 image overlay */

#fancybox-overlay {
	opacity: 0.7;
}

.fancybox-bg {
	display: none;
}

#fancybox-wrap,
#fancybox-outer,
#fancybox-content,
img#fancybox-img {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

#fancybox-close:before {
	content: '\f405';
	color: #111;
	font-size: 36px;
	line-height: 0.5;
	margin-left: 9px;
}

#fancybox-close,
#fancybox-left-ico,
#fancybox-right-ico {
	background: transparent !important;
	border-bottom: none;
}

#fancybox-left:hover span:before,
#fancybox-right:hover span:before {
	font-size: 36px;
	line-height: 0.5;
	color: #111;
	-webkit-text-fill-color: #111;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #fff;
}

#fancybox-left:hover span:before {
	content: '\f503';
	margin-left: -18px;
}

#fancybox-right:hover span:before {
	content: '\f501';
	margin-left: 9px;
}

@-moz-document url-prefix() {
	#fancybox-left:hover span:before,
	#fancybox-right:hover span:before {
		text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
	}
}


/*	video & audio
--------------------------------------------------------------- */

.video {
	background: #000;
	width: 710px;
	height: 399px;
	margin-bottom: 18px;
}

#blog .audio-file {
	margin: 18px 0 18px 120px;
}

#blog .video-file {
	margin-bottom: 18px;
}

/*	---------	mediaelementjs player */

.entry-content .mejs-container,
.entry-content .mejs-controls div {
	font-size: 12px;
	color: #000;
	background: transparent;
	border: 1px solid #000;
}

.entry-content .mejs-container .mejs-controls {
	background: #fff;
	z-index: 998;
}

.entry-content .mejs-controls .mejs-time-rail .mejs-time-float {
	background: #fff;
}

.entry-content .mejs-controls .mejs-time-rail .mejs-time-float-current {
	font-size: 11px;
	padding: 1px 0 0 1px;
}

.entry-content .mejs-container .mejs-controls .mejs-time span {
	color: #000;
}

.entry-content .mejs-controls .mejs-time-rail .mejs-time-total {
	background: #000;
}

.entry-content .mejs-controls .mejs-time-rail .mejs-time-total {
	margin: 5px 3px;
}

.entry-content .mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: #111;
}

.entry-content .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #fff;
	height: 8px;
	border: 1px solid #000;
}

.entry-content .mejs-controls .mejs-time-rail .mejs-time-float-corner {
	border-color: #000 transparent transparent transparent;
	top: 17px;
}

.entry-content .mejs-controls .mejs-time-rail span {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.entry-content .mejs-controls .mejs-button button {
	background:transparent url('images/controls.png') no-repeat;
}

.entry-content .mejs-controls .mejs-fullscreen-button button {
	background-position: -32px 0;
}

.entry-content .mejs-controls .mejs-pause button {
	background-position: 0 -16px;
}

.entry-content .mejs-controls .mejs-unfullscreen button {
	background-position: -32px -16px;
}

.entry-content .mejs-poster img {
	margin: 0;
	border: none;
}

/* 'play' overlay */

.entry-content .mejs-overlay-button {
	position: absolute;
	top: 50%;
	left: 30%;
	width: 400px;
	height: 150px;
	margin: -50px 0 0 -50px;
	background: url('images/bigplay.png') no-repeat;
	z-index: 999;
}

.entry-content .mejs-overlay:hover .mejs-overlay-button {
	background-position: 0 -146px;
}

/* loading spinner */

.entry-content .video-file .mejs-overlay-loading {
	background: transparent;
}

.entry-content .mejs-overlay-loading span {
	margin: -25px 0 0 -25px;
	width: 100px;
	height: 100px;
	-webkit-mask-image: url('images/spinner.png');
	background-color: #fff;
	-webkit-animation-name: spinnerRotate;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	background: transparent;
}

@-webkit-keyframes spinnerRotate {
	from {
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-o-transform:rotate(360deg);
		-ms-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	to {
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}


/*	contact page mailchimp mailing list
--------------------------------------------------------------- */

::-webkit-input-placeholder,
-moz-input-placeholder {
	color: #000;
}

.mailing-list label.mc_var_label {
	display: none;
}

.mailing-list input[type="text"] {
	border: 1px solid #000;
	width: 350px;
	margin-right: 36px;
}

.mailing-list input[type="submit"] {
	border: 1px solid #000;
	width: 110px;
	top: 0;
	padding: 6px;
	margin-bottom: 9px;
}

/*
.mailing-list input[type="text"],
.mailing-list input[type="submit"] {
	line-height: 1.5;
}*/

#mc_message {
	clear: both;
}

.mailing-list #mc_message .mc_error_msg,
.mailing-list #mc_message .mc_success_msg {
	font-size: 13px;
	color: #000;
}


/*	tables
--------------------------------------------------------------- */

table {
	border-top: solid 7px black;
	border-bottom: solid 7px black;
	margin: 18px 0;
	width: 100%;
}

caption,
thead th {
	text-align: left;
}

caption {
	font-size: 27px;
}

th,
td {
	border-top: solid 1px #000;
	padding: 7px 9px 7px 0;
}


/*	forms
--------------------------------------------------------------- */

legend {
	font-size: 63px;
	line-height: 1;
}

fieldset ul,
fieldset li {
	margin: 0;
	list-style: none;
}

fieldset em {
	color: #aaa;
}

fieldset abbr[title="Required"] {
	color: #800000;
}

fieldset label,
fieldset.options legend {
	font-size: 27px;
	float: left;
	width: 25%;
}

fieldset.options legend {
	margin-left: 27px;
}

fieldset.options,
fieldset label[for="select"],
fieldset label[for="select"] p {
	clear: left;
}

fieldset label[for="select"] {
	margin-top:	18px;
}

fieldset label[for="select"] ~ select {
	margin-top: 27px;
	margin-right: 18px;
}

fieldset label.check,
fieldset.options li label {
	font-size: 18px;
}

fieldset label.check {
	padding-top: 10px;
}

fieldset li em,
fieldset li.submit,
fieldset.options li {
	margin-left: 25%;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="button"],
input[type="submit"],
select,
textarea,
button {
	line-height: 1.5;
	border: 1px solid #000;
	padding: 6px;
	width: 70%;
	float: left;
	margin: 6px 0 9px 0;
	font-size: 14px;
}

textarea {
	clear: none;
	max-width: 70%;
}

select {
	width: 18%;
}

input[type="submit"],
fieldset li.submit input[type="button"],
fieldset li.submit a#cancel {
	background: none;
	width: 18%;
	margin-right: 18px;
	border: 1px solid #000;
}

fieldset li.submit a#cancel {
	display: inline-block;
	padding-top: 6px;
	text-align: center;
	margin-top: 6px;
}


/*	for style guide
--------------------------------------------------------------- */

.example,
.important {
	outline: 1px solid #EEE;
	margin: 2em 0 2em 0;
	padding: 0.5em 1em;
}

h2#textlevel {
	width: 790px;
}

#style-guide .example.first-line p:first-line,
#style-guide .example.first-line p:first-child:first-letter {
	font-family: 'Delicious';
	font-weight: 200;
	font-variant: small-caps;
	text-transform: lowercase;
	font-style: normal;
	font-size: 16px;
}

#style-guide .example.first-line p:first-child:first-letter {
	font-size: 117px;
	float: left;
	line-height: 0.25;
	padding: 0px 9px 18px 0;
}