/* @override http://newyorkmvp.com/css/nymvp.css */
/* add clearer on video pages */
/* emphasize words */
/* replace awards image */
/* add quicktime links */
/* change links to new header image*/
/* change player p to h2 */

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, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

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


/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */


/* typography */
body { font:100%/1.125em Helvetica, Arial, sans-serif normal; color:#000; }
p { font-size: 13px; margin: 10px 0; color: #444; max-width: 555px; }
h2 { background: #fff; font:20px/24px Georgia, serif bold; margin:0 0 8px 0; color:#444; border-bottom: 1px solid #e8e9e4; }
em { background: #f4fafd; }
h3 { font:15px/20px Helvetica, Arial, sans-serif normal; margin:5px 0 10px 0; color:#444; }
img.floatleft { float: left; }
a { color: #3d6b89; text-decoration: underline; }
a:hover { text-decoration: none; }

ul#menu a { color:#fff; }
div#footerWide { font: 12px Helvetica, Arial, sans-serif normal; color: #fff; }
div#footerWide a { font: inherit; color: #eef; }
div#footerWide a:hover { text-decoration: none; }

/* layout */
body { background: #fff; }
div.container { width:880px; margin: 0 auto; }
div#headingWide { height: 79px; width: 100%; }
div.awards { float: right; }
div#menuWide, div#footerWide { height: 37px; width: 100%; background: url(../imgs/menubgbg.jpg) top left repeat-x; }
div#footerWide { clear: both; margin: 0 0 0 0; }
div#contentWide { width:100%; background: url(../imgs/bodywrap.jpg) top left repeat-x; margin:0; padding:1px 0 32px 0;  }
div#contentWide div.container { width: 848px; background: url(../imgs/contentbg.jpg) #fff top left no-repeat; padding: 25px 16px 0 16px;  }

div#thumbs { width: 417px; height: 460px; float: left; }
div.player { background: #ebf4f2; border: 1px solid #8ac3e0; width: 412px; padding: 8px; height: 384px; margin: 0 0 0 417px; }
div.player h2 { font-size: .9em; margin: 10px 0 15px 0; border: 0; }
div.player p a { background: #fff; text-decoration: underline; }
div.player p a:hover { text-decoration: none; }
div.thumb { width: 127px; height:144px; margin: 0 10px 10px 0; float:left; }
a div.thumb p { text-decoration: none; }
div.thumb img { border: 2px solid #e8e9e4; }
a div.thumb img:hover { border: 2px solid #8ac3e0; }
div.thumb p { margin: 2px 0; font: normal 11px Helvetica, Arial, sans-serif; }
a div.thumb p { color: #775; }
div.clear { clear: both; }
img.quicktime { margin: 0 4px 0 0; }

a.logolink { display: block; width: 248px; height: 79px; float: left; }
div.copyright { height: 23px; padding: 10px 0 0 0; width: 440px; float: left; }
div.contactinfo { height: 23px; padding: 10px 0 0 0; text-align: right; width: 440px; float: right; }


/* menu */
ul#menu { background: url(../imgs/menubg2.jpg) top left repeat-x; height: 37px; width: 876px; position: relative; border-left: 2px solid #fff; border-right: 2px solid #fff; }
ul#menu a { height: 37px; position:absolute; display: block; float: left; overflow: hidden; }
ul#menu a:hover { color: #dde; background-position: center left; }
ul#menu a.current { color:#dde; background-position: bottom left; }
a.home { left: 8px; width: 62px; background: url(../imgs/home.gif) top center; }
a.about { left: 78px; width: 88px; background: url(../imgs/about.gif) top center; }
a.videos { left: 174px; width: 115px; background: url(../imgs/morevideos.gif) top center; }
a.awards { left: 297px; width: 74px; background: url(../imgs/awards.gif) top center; }
a.bios { left: 379px; width: 49px; background: url(../imgs/bios.gif) top center; }
a.voice { left: 436px; width: 58px; background: url(../imgs/voice.gif) top center; }
a.musicproduction { left: 502px; width: 150px; background: url(../imgs/musicproduction.gif) top center; }
a.contact { left: 660px; width: 76px; background: url(../imgs/contact.gif) top center; }

/* other pages */
div.col1 { float: left; width: 424px; }
div.col2 { float: right; width: 424px;  }
div.col { display: -moz-inline-stack; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; padding: 15px; }
div.col1 p, div.col2 p { max-width: 400px; }
div.bioentry { clear: both; padding: 0 8px; }
div.bioentry img { float: left; }
div.bioentry h3 { margin-left: 141px; font: 16px Georgia, serif normal; }
div.bioentry p { margin-left: 141px; }
div.awardstext p { margin-left: 200px; padding:8px 0; font: 15px Georgia, serif normal; }
div.awardstext img { border: 2px solid #e8e9e4; }
div.awardstext a img:hover { border: 2px solid #8ac3e0; }
ul.awards li { margin: 3px 0 8px 22px; padding: 0 0 0 4px; font-size:13px; color: #444; list-style: disc url(../imgs/star.jpg) outside; }