/*
 * http://www.cochranaudio.com
 * CSS by George Fox @burblebeep
 * 5/9/2012
 * props to normalize
 * 
 */
 
 /* @group normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
 
 /* =============================================================================
    HTML5 display definitions
    ========================================================================== */
 
 /*
  * Corrects block display not defined in IE6/7/8/9 & FF3
  */
 
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 nav,
 section,
 summary {
     display: block;
 }
 
 /*
  * Corrects inline-block display not defined in IE6/7/8/9 & FF3
  */
 
 
 canvas,
 video {
     display: inline-block;
     *display: inline;
     *zoom: 1;
 }
 
 /*
  * Prevents modern browsers from displaying 'audio' without controls
  * Remove excess height in iOS5 devices
  */
 
 audio:not([controls]) {
     display: none;
     height: 0;
 }
 
 /*
  * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
  * Known issue: no IE6 support
  */
 
 [hidden] {
     display: none;
 }
 
 
 /* =============================================================================
    Base
    ========================================================================== */
 
 /*
  * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
  *    http://clagnut.com/blog/348/#c790
  * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
  *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
  */
 
 html {
     font-size: 100%; /* 1 */
     -webkit-text-size-adjust: 100%; /* 2 */
     -ms-text-size-adjust: 100%; /* 2 */
 }
 
 /*
  * Addresses font-family inconsistency between 'textarea' and other form elements.
  */
 
 html,
 button,
 input,
 select,
 textarea {
     font-family: sans-serif;
 }
 
 /*
  * Addresses margins handled incorrectly in IE6/7
  */
 
 body {
     margin: 0;
 }
 
 
 /* =============================================================================
    Links
    ========================================================================== */
 
 /*
  * Addresses outline displayed oddly in Chrome
  */
  
 /* get rid of those system borders being generated for A tags */
 
 a:active {
 	outline:none;
 }
 
 :focus {
 	-moz-outline-style:none;
 	outline: none;
 	margin: 0;
 	padding: 0;
 }
  
 /*
  * Improves readability when focused and also mouse hovered in all browsers
  * people.opera.com/patrickl/experiments/keyboard/test
  */
 
 a:hover,
 a:active {
     outline: 0;
 }
 
 
 /* =============================================================================
    Typography
    ========================================================================== */
 
 /*
  * Addresses font sizes and margins set differently in IE6/7
  * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
  */
 
 h1 {
     font-size: 2em;
     margin: 0.67em 0;
 }
 
 h2 {
     font-size: 1.5em;
     margin: 0.83em 0;
 }
 
 h3 {
     font-size: 1.17em;
     margin: 1em 0;
 }
 
 h4 {
     font-size: 1em;
     margin: 1.33em 0;
 }
 
 h5 {
     font-size: 0.83em;
     margin: 1.67em 0;
 }
 
 h6 {
     font-size: 0.75em;
     margin: 2.33em 0;
 }
 
 /*
  * Addresses styling not present in IE7/8/9, S5, Chrome
  */
 
 abbr[title] {
     border-bottom: 1px dotted;
 }
 
 /*
  * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
 */
 
 b,
 strong {
     font-weight: bold;
 }
 
 blockquote {
     margin: 1em 40px;
 }
 
 /*
  * Addresses styling not present in S5, Chrome
  */
 
 dfn {
     font-style: italic;
 }
 
 /*
  * Addresses styling not present in IE6/7/8/9
  */
 
 mark {
     background: #ff0;
     color: #000;
 }
 
 /*
  * Addresses margins set differently in IE6/7
  */
 
 p,
 pre {
     margin: 1em 0;
 }
 
 /*
  * Corrects font family set oddly in IE6, S4/5, Chrome
  * en.wikipedia.org/wiki/User:Davidgothberg/Test59
  */
 
 pre,
 code,
 kbd,
 samp {
     font-family: monospace, serif;
     _font-family: 'courier new', monospace;
     font-size: 1em;
 }
 
 /*
  * Improves readability of pre-formatted text in all browsers
  */
 
 pre {
     white-space: pre;
     white-space: pre-wrap;
     word-wrap: break-word;
 }
 
 /*
  * 1. Addresses CSS quotes not supported in IE6/7
  * 2. Addresses quote property not supported in S4
  */
 
 /* 1 */
 
 q {
     quotes: none;
 }
 
 /* 2 */
 
 q:before,
 q:after {
     content: '';
     content: none;
 }
 
 small {
     font-size: 75%;
 }
 
 /*
  * Prevents sub and sup affecting line-height in all browsers
  * gist.github.com/413930
  */
 
 sub,
 sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
 }
 
 sup {
     top: -0.5em;
 }
 
 sub {
     bottom: -0.25em;
 }
 
 
 /* =============================================================================
    Lists
    ========================================================================== */
 
 /*
  * Addresses margins set differently in IE6/7
  */
 
 dl,
 menu,
 ol,
 ul {
     margin: 1em 0;
 }
 
 dd {
     margin: 0 0 0 40px;
 }
 
 /*
  * Addresses paddings set differently in IE6/7
  */
 
 menu,
 ol,
 ul {
     padding: 0 0 0 40px;
 }
 
 /*
  * Corrects list images handled incorrectly in IE7
  */
 
 nav ul,
 nav ol {
     list-style: none;
     list-style-image: none;
 }
 
 
 /* =============================================================================
    Embedded content
    ========================================================================== */
 
 /*
  * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
  * 2. Improves image quality when scaled in IE7
  *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
  */
 
 img {
     border: 0; /* 1 */
     -ms-interpolation-mode: bicubic; /* 2 */
 }
 
 /*
  * Corrects overflow displayed oddly in IE9
  */
 
 svg:not(:root) {
     overflow: hidden;
 }
 
 
 /* =============================================================================
    Figures
    ========================================================================== */
 
 /*
  * Addresses margin not present in IE6/7/8/9, S5, O11
  */
 
 figure {
     margin: 0;
 }
 
 
 /* =============================================================================
    Forms
    ========================================================================== */
 
 /*
  * Corrects margin displayed oddly in IE6/7
  */
 
 form {
     margin: 0;
 }
 
 /*
  * Define consistent border, margin, and padding
  */
 
 fieldset {
     border: 1px solid #c0c0c0;
     margin: 0 2px;
     padding: 0.35em 0.625em 0.75em;
 }
 
 /*
  * 1. Corrects color not being inherited in IE6/7/8/9
  * 2. Corrects text not wrapping in FF3
  * 3. Corrects alignment displayed oddly in IE6/7
  */
 
 legend {
     border: 0; /* 1 */
     padding: 0;
     white-space: normal; /* 2 */
     *margin-left: -7px; /* 3 */
 }
 
 /*
  * 1. Corrects font size not being inherited in all browsers
  * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
  * 3. Improves appearance and consistency in all browsers
  */
 
 button,
 input,
 select,
 textarea {
     font-size: 100%; /* 1 */
     margin: 0; /* 2 */
     vertical-align: baseline; /* 3 */
     *vertical-align: middle; /* 3 */
 }
 
 /*
  * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
  */
 
 button,
 input {
     line-height: normal; /* 1 */
 }
 
 /*
  * 1. Improves usability and consistency of cursor style between image-type 'input' and others
  * 2. Corrects inability to style clickable 'input' types in iOS
  * 3. Removes inner spacing in IE7 without affecting normal text inputs
  *    Known issue: inner spacing remains in IE6
  */
 
 button,
 input[type="button"],
 input[type="reset"],
 input[type="submit"] {
     cursor: pointer; /* 1 */
     -webkit-appearance: button; /* 2 */
     *overflow: visible;  /* 3 */
 }
 
 /*
  * Re-set default cursor for disabled elements
  */
 
 button[disabled],
 input[disabled] {
     cursor: default;
 }
 
 /*
  * 1. Addresses box sizing set to content-box in IE8/9
  * 2. Removes excess padding in IE8/9
  * 3. Removes excess padding in IE7
       Known issue: excess padding remains in IE6
  */
 
 input[type="checkbox"],
 input[type="radio"] {
     box-sizing: border-box; /* 1 */
     padding: 0; /* 2 */
     *height: 13px; /* 3 */
     *width: 13px; /* 3 */
 }
 
 /*
  * 1. Addresses appearance set to searchfield in S5, Chrome
  * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
  */
 
 input[type="search"] {
     -webkit-appearance: textfield; /* 1 */
     -moz-box-sizing: content-box;
     -webkit-box-sizing: content-box; /* 2 */
     box-sizing: content-box;
 }
 
 /*
  * Removes inner padding and search cancel button in S5, Chrome on OS X
  */
 
 input[type="search"]::-webkit-search-decoration,
 input[type="search"]::-webkit-search-cancel-button {
     -webkit-appearance: none;
 }
 
 /*
  * Removes inner padding and border in FF3+
  * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
  */
 
 button::-moz-focus-inner,
 input::-moz-focus-inner {
     border: 0;
     padding: 0;
 }
 
 /*
  * 1. Removes default vertical scrollbar in IE6/7/8/9
  * 2. Improves readability and alignment in all browsers
  */
 
 textarea {
     overflow: auto; /* 1 */
     vertical-align: top; /* 2 */
 }
 
 
 /* =============================================================================
    Tables
    ========================================================================== */
 
 /*
  * Remove most spacing between table cells
  */
 
 table {
     border-collapse: collapse;
     border-spacing: 0;
 }
 
 /* @end */
 
  /* SITE-SPECIFIC STYLES */
 
 body {
	color: #F7F7C1;
	font: .9em "Times New Roman", Times, serif;
	background: url(../images/subpage_bkgnd2.jpg) no-repeat center 80px black;
}

body.home  {
	background: url(../images/homepage_bkgnd2.png) no-repeat center 80px black;
	/* padding-bottom: 200px; 8?
	/* height: 360px; */
}

h1 {
	font-size: 1.4em;
}

.container {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

nav {
	border-bottom: 2px solid #953b23;
	height: 54px;
	overflow: hidden;
	font-weight: bold;
	font-size: 22px;
	font-variant: small-caps;
}

nav ul,
.subnav ul {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	display: table;   /* Allow the centering to work */

}

nav ul {
	margin-top: 18px;
}


nav ul li,
.subnav ul li {
	display: inline-block;
	list-style-type: none;
	margin-right: 1.3em;
	
}

.subnav {
	text-align: center;
	padding-top: .5em;
}

.subnav li {
	display: inline-block;
	list-style-type: none;
	margin-right: 1em;
}


nav a,
footer a {
	text-decoration: none;
	color: #a7a170;
}


a img {
	border-style: none;
}

ul.grid {
	margin: 0;
	padding: 0;
	overflow: auto;
}

ul.grid li {
	display: inline-block;
	list-style-type: none;
	margin-bottom: 1em;
	margin-right: 1em;
	margin-top: 0;
	padding: .5em;
	width: 160px;
	float: left;
	text-align: center;
}

ul.grid li img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 80%;
	height: auto;
	margin-bottom: .5em;
}

audio {
	margin: 0;
}

ul.grid li audio {
	width: 90%;
	margin-bottom: .5em;
}

a,
footer a {
	color: #f7f7c1;
	
}

a:visited {
	color: #a7a170;
}

a:active,
a:hover {
	color: #f7f7c1;
}

/* @group Content Audit */

.page {
	border: 2px solid #953b23;
	margin-bottom: 1em;
	padding-right: 1em;
	padding-left: 1em;
}

.page>a {
	background-color: #953b23;
	clear: both;
	display: block;
	overflow: auto;
	padding: 3px 5px;
	color: #f7f7c1;
	text-decoration: none;
	position: relative;
	right: 1em;
	width: 102.6%;
}

.page>a:before {
	content: "Original page source:";
	margin-right: 0.5em;
	color: #cb9429;
}

/* @end */

.voiceover .voiceover,
.imaging .imaging,
.production .production,
.design .design,
.surprises .surprises,
.about .about {
	color: white;
}

.subnav a {
	text-decoration: none;
}

.main .main,
.aaa .aaa,
.kink .kink,
.video .video {
	color: #953b23;
	
}

hr {
	border-style: none;
	border-bottom: 2px solid #953b23;
	height: 2px;
	margin-top: 1em;
	margin-bottom: 1em;
}

hgroup {
	color: white;
	float: right;
	margin-bottom: 8em; /* 9em */

}

hgroup a {
	display: block;
	width: 400px; /* 29em */
	height: 150px;
	background: url(../images/logotype.png) no-repeat 0 0;
	
}

hgroup a:link,
hgroup a:visited {
	text-decoration: none;
	color: white;
}

hgroup h1 {

	text-indent: -99999px;
}

hgroup h2 {
	text-indent: -99999px;
}

article {
	min-height: 230px;
}

.home article {
	min-height: 280px;
}

.home article p {
	display: none;
}

footer {
	text-align: center;
	font-variant: small-caps;
	clear: both;
}


footer span {
	font-size: 1.4em;
}

footer a:hover {
	color: white;
}
	
/*	Player */

.ttw-music-player .rating,
.ttw-music-player .tracklist .rating,
.ttw-music-player .buy {
	display: none;
}


.ttw-music-player .tracklist .title {
    width: 300px;
}


.ttw-music-player .tracklist {
    background: url(none) repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 rgba(255, 255, 255, 0.04);
    color: #F7F7C1;
    font-size: .8em;
    padding: 10px 20px;
}

.ttw-music-player .description {
    clear: both;
    color: #F7F7C1;
	margin: 30px 0 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
	font: 1em Georgia, "Times New Roman", Times, serif;
}

.ttw-music-player {
	width: 400px;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.ttw-music-player .elapsed {
    background: transparent url(../images/pl/player-elapsed.png) repeat-x 0 0 scroll;
}

/* Overlay */

/* the overlayed element */
.simple_overlay {
	/* must be initially hidden */
	display:none;
	/* place overlay on top of other elements */
	z-index:10000;
	/* styling */
	background-color: #0f0f0f;
	width:600px;
	min-height:400px;
	border: 1px solid #953b23;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
	padding: 2em;
}
/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.simple_overlay video {
	float: left;
	margin-right: 1em;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}