@charset "utf-8";
/* CSS Document */

html, body { width: 100%; height: 100%; }

html, body, div, span, 
table, td, tr, p, br, 
ul, li, ol, a, img
{ padding: 0; margin: 0; outline: none; border: none; vertical-align: baseline; z-index: 0; }

body { background: url(http://www.katemcqueen.com/lib/images/bground.jpg) center 40px no-repeat #fff; }

.clearit { clear: both; width: 1px; }

#container { width: 100%; height: 100%; margin: 0 auto 0 auto;  }

#content-block-wrap { background: #fff; height: 540px; width: 100%; }
#content-block { background: #fff; height: 540px; width: 92%; margin: 0 auto 0 auto; overflow: auto; border: 1px solid #f9f9f9; overflow: auto; white-space: nowrap; }

#content { font-family: "Lucida Console", Monaco, monospace; color: #6c7070; }
#content a:link { text-decoration: none; color: #aad4cf; }
#content a:hover { text-decoration: none; color: #6c7070; }
#content a:visited { text-decoration: none; color: #aad4cf; }
#content a:visited:hover { text-decoration: none; color: #6c7070; }

#content-title { font-size: 18px; font-family: "Myriad Pro", "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform: lowercase; margin: 30px 0 0 0; }

.content-text { margin: 30px 60px 0 60px; font-size: 12px; }
.content-text-title { font-size: 14px; }

.contact { line-height: 24px; }

.photo { height: 400px; display: inline-block; display:table-cell; vertical-align: top; padding: 30px 40px 0 40px; }
.photo-caption { height: 400px; display: inline-block; display:table-cell; vertical-align: middle; padding: 30px 60px 0 60px; font-size: 14px; font-weight: strong; color: #6c7070; text-transform: uppercase; }

.home-video { width: 676px; margin: 60px auto 0 auto; }
.home-video embed { border: 1px solid #e3e3e3; }

.video-row { display: table-row; }
.video { width: 550px; display: inline-block; display:table-cell; vertical-align: top; padding: 30px 60px 0 60px; }
.video embed { border: 1px solid #e3e3e3; }
.caption { width: 100%; padding-top: 6px;  font-size: 11px; font-weight: strong; color: #6c7070; }
.caption-title { font-size: 14px; }
.credit-title { color: #c2c2c2; text-transform: uppercase; font-size: 10px; }
.song-title { color: #c2c2c2; }

#title { width: 178px; height: 34px; padding-top: 80px; margin: 0 auto 0 auto; background: url(http://www.katemcqueen.com/lib/images/title-kate-mcqueen.png) no-repeat bottom left; }

#splash-spacer { height: 552px; width: 1px; }

/*--------------------- MENU -------------------*/

#menu { display: block; width: 424px; height: 16px; margin: 7px auto 7px auto; }

.menu-button { height: 16px; display: inline-block; float: left; }
.menu-bullet { height: 16px; width: 21px; display: inline-block; float: left; background: url(http://www.katemcqueen.com/lib/images/menu-bullet.png) no-repeat; }

div.menu-home { width: 41px; height: 16px; background: url(http://www.katemcqueen.com/lib/images/menu-home.jpg) top left no-repeat; }
div.menu-film { width: 87px; height: 16px; background: url(http://www.katemcqueen.com/lib/images/menu-film.jpg) top left no-repeat; }
div.menu-photos { width: 103px; height: 16px; background: url(http://www.katemcqueen.com/lib/images/menu-photos.jpg) top left no-repeat; }
div.menu-news { width: 43px; height: 16px; background: url(http://www.katemcqueen.com/lib/images/menu-news.jpg) top left no-repeat; }
div.menu-contact { width: 66px; height: 16px; background: url(http://www.katemcqueen.com/lib/images/menu-contact.jpg) top left no-repeat; }

div.menu-home a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url(http://www.katemcqueen.com/lib/images/menu-home.jpg) 0 -16px no-repeat; }
div.menu-film a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url(http://www.katemcqueen.com/lib/images/menu-film.jpg) 0 -16px no-repeat; }
div.menu-photos a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url(http://www.katemcqueen.com/lib/images/menu-photos.jpg) 0 -16px no-repeat; }
div.menu-news a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url(http://www.katemcqueen.com/lib/images/menu-news.jpg) 0 -16px no-repeat; }
div.menu-contact a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background: url(http://www.katemcqueen.com/lib/images/menu-contact.jpg) 0 -16px no-repeat; }

div.menu-home a:hover, div.menu-film a:hover, div.menu-photos a:hover, div.menu-news a:hover, div.menu-contact a:hover {
	background-image: none; }
	
/*-------------------- FOOTER ------------------*/

#footer { }
#footer-content { width: 284px; font-family: "Lucida Console", Monaco, monospace; font-size: 10px; background: #fff; color: #6f6f6f; margin: 24px auto 0 auto; }