/* WWW.MADRUGADA.INFO Created: 2006-01-09 Edited: 2009-05-18 Author: Steve Adams T: +44 (0)7981 152858 E: desk@threestreams.co.uk COPYRIGHT 2001-2009 THREESTREAMS.CO.UK */ 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,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-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{outline:0;}body{line-height:1;color:#000;background:#FFF;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}a{text-decoration:none;} html { height:auto; } body { min-width: 620px; height:100%; text-align: left; font: 62.5%/1.5 "Lucida Sans Unicode", "Lucida Grande", Calibri, Helvetica, Arial, sans-serif; color: #C0B99A; background: #000 url(../i/g/bg-tl05.jpg) repeat-x fixed top left; } body#home { height: 870px; background: #000 url(../i/prod/pstr-mr_sole_abode.jpg) no-repeat 254px bottom; } body#home #header, body#home .event, body#home #intro, body#home h2 { background: transparent; } #contents { position: fixed; left: 0; top: 0; display: block; width: 310px; height: 100%; } #page { position: relative; display: block; height: 100%; margin-left: 310px; } #footer { position: relative; clear: left; display: block; height: 280px; } #copyright { position: absolute; bottom: 12px; right: 12px; text-align: right; font-family: Calibri, Helvetica, Verdana, "Nimbus Sans L", sans-serif; } .clearfix:after { clear: both; display: block; content: " "; height: 0; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } li.clearfix { display: list-item; } #header { margin: 10px 0 12px 10px; height: 158px; padding: 15px; background: #000; } #intro { margin-left: 10px; height: 300px; overflow: hidden; } h1, h1 a { display: block; width: 270px; height: 39px; overflow: hidden; text-indent: -5000em; background: url(../i/g/sprite-madrugada01.png) no-repeat; } img.logo-print { display: none; } #nav { text-align: center; width: 270px; height: 118px; background: url(../i/g/sprite-madrugada01.png) 0 -39px no-repeat; margin: 0; padding: 0; } #nav li { display:inline; } #nav li a, #nav li#tel { float: left; height: 24px; outline:none; text-indent: -9999px; } #nav li#navhome a { width: 63px; } #nav li#navabout a { width: 76px; } #nav li#navprod a, #nav li#navperform a, #nav li#navasset a { width: 131px; } #nav li#navcollab a, #nav li#navbiog a { width: 139px; } #nav li#email a, #nav li#tel a { width: 270px; height: 23px; } #nav li a { background: url(../i/g/sprite-madrugada01.png) no-repeat; } #nav li#navhome a { background-position: 0 -39px; } #nav li#navabout a { background-position: -63px -39px; } #nav li#navprod a { background-position: -139px -39px; } #nav li#navcollab a { background-position: 0 -63px; } #nav li#navperform a { background-position: -139px -63px; } #nav li#navbiog a { background-position: 0 -87px; } #nav li#navasset a { background-position: -139px -87px; } #nav li#email a { background-position: 0 -111px; } #nav li#tel a { background-position: 0 -133px; } #nav li#navhome a:hover { background-position: 0 -157px; } #nav li#navabout a:hover { background-position: -63px -157px; } #nav li#navprod a:hover { background-position: -139px -157px; } #nav li#navcollab a:hover { background-position: 0 -181px; } #nav li#navperform a:hover { background-position: -139px -181px; } #nav li#navbiog a:hover { background-position: 0 -205px; } #nav li#navasset a:hover { background-position: -139px -205px; } #nav li#email a:hover { background-position: 0 -229px; } #nav li#tel a:hover { background-position: 0 -251px; } #nav li#navhome a:active { background-position: 0 -275px; } #nav li#navabout a:active { background-position: -63px -275px; } #nav li#navprod a:active { background-position: -139px -275px; } #nav li#navcollab a:active { background-position: 0 -299px; } #nav li#navperform a:active { background-position: -139px -299px; } #nav li#navbiog a:active { background-position: 0 -323px; } #nav li#navasset a:active { background-position: -139px -323px; } #nav li#email a:active { background-position: 0 -347px; } body#home #nav li#navhome a { background-position: 0 -393px; } body#about #nav li#navabout a { background-position: -63px -393px; } body#prod #nav li#navprod a { background-position: -139px -393px; } body#prod-msa #nav li#navprod a { background-position: -139px -393px; } body#collab #nav li#navcollab a { background-position: 0 -417px; } body#perform #nav li#navperform a { background-position: -139px -417px; } body#biog #nav li#navbiog a { background-position: 0 -441px; } body#asset #nav li#navasset a { background-position: -139px -441px; } #content { width: 612px; margin: 10px 0 12px 12px; padding-bottom: 40px; } #content, .event, .exerpt, #sidebar { float: left; display: inline; } .event, #sidebar { width: 300px; height: 500px; margin: 10px 0 2px 12px; } .exerpt { min-height: 200px; height: auto !important; height: 200px; width: 300px; margin: 10px 0 2px 12px; } #sidebar { height: auto; margin-right: 0; } #header, #intro, #content { border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; background: #000; } /* .event, */ #sidebar .copy, .exerpt { border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-radius-bottomleft: 5px; border-bottom-right-radius:5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-radius-bottomright: 5px; background: #000; } #intro .desc { min-height: 172px; height: auto !important; height: 172px; } .event dl, #content dl, .copy-content, #intro .copy, #sidebar .copy, .exerpt .copy { overflow: hidden; padding-top: 12px; padding-bottom: 24px; border-bottom: 0; } #asset .exerpt .copy, #biog .exerpt .copy { min-height: 40px; height: auto !important; height: 40px; overflow: hidden; padding-top: 0; padding-bottom: 0; border-bottom: 0; } #content dl, .copy-content { padding-bottom: 0; border-bottom: 0; } .event dl, #intro .copy, #sidebar .copy, .exerpt .copy { padding-left: 20px; padding-right: 20px; } #content dl, .copy-content { clear: both; padding-left: 30px; padding-right: 30px; } .event dd { min-height: 110px; height: auto !important; height: 110px; } .event dd.credits { min-height: 0; height: auto; } #biog #content dl div { border-bottom: 1px dashed #141411; margin-bottom: 12px; padding-bottom: 12px; } #biog #content dl div.foot { border-bottom: 0; } dl#credits { padding: 0 30px; } dl#credits div { display: inline; float: left; width: 32%; margin: 0 7px 7px 0; } #sub-content { padding: 0 30px; } #col-l { float: left; } #col-r { float: right; } .copy-col { width: 50%; } img { display: block; } .event img, .exerpt img { width: 300px; height: 200px; } #biog .exerpt img { height: 480px; } img#placeholder { display: block; margin-top: 18px; } h2,h3,h4,dt,blockquote { font-family: Didot, "Didot MT", Palatino, "Palatino Linotype", "Book Antiqua", "Century Schoolbook L", "Times New Roman", Times, serif; font-weight: lighter; } h2, h3, #sidebar h4 { font-size: 1.7em; background: #141411; } h2, h3#production, #sidebar h4 { padding: 7px 20px; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -khtml-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -khtml-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; } h3, h3#production { line-height: 23px; padding: 7px 30px; } h3 em { font-size: .8em; } h4, #sidebar h4 { font-size: 1.5em; color: #807650; } #sidebar h4 { color: #C0B99A; } dt { margin-bottom: 5px; font-size: 1.6em; line-height: 1.1em; } dt span { font-size: .85em; color: #807650; } dd { font-size: 1.2em; margin-bottom: 5px; } dd.credits { font-size: 1.1em; color: #807650; margin-bottom: 0; } dl#credits dt { color: #807650; font-size: 1.2em; font-style: italic; line-height: 1.6em; margin: 0; } dl#credits dd { display: block; font-size: 1.1em; margin: 0; } p { clear: left; margin-bottom: 1em; font-size: 1.2em; } #biog .copy-content p { margin-bottom: 0; } p#desc, .caption { text-align: right; font-size: 1em; margin: 0; color: #8C8C8C; } ul { margin: .5em 0; } ul.vid, ul.dates, ul.credits { font-size: 1.1em; } ul.prod { font-size: 1.2em; } ul.vid li, ul.dates li, ul.credits li, ul.prod li, ul#pagenav li { display: block; padding: 3px 0; } ul#pagenav { text-align: right; font-family: "Andale Mono","Lucida Sans Typewriter", "Courier New"; font-size: 1em; text-transform: uppercase; } blockquote { margin: 12px 30px; } blockquote p { margin: 0; } cite { display: block; color: #8C8C8C; } em { font-style: italic; } a:link, a:visited { color: #9D8851; text-decoration: underline; } ul.vid a:link, ul.vid a:visited { color: #4782BF; text-decoration: underline; } a:hover, ul.vid a:hover { color: #CD853F; text-decoration: underline; } a:active, ul#vid a:active, a:focus, ul#vid a:focus { color: #8C938C; text-decoration: underline; } ul.thumbs { margin-top: 1em; float: left; } ul.thumbs li { float: left; margin: 0 .8em .8em 0; border: 0; } ul.thumbs a img { display: block; text-decoration: none; } ul.thumbs a:link img, ul.thumbs a:visited img { border: 1px solid #9D8851; text-decoration: none; } ul.thumbs a:hover img { border: 1px solid #CD853F; text-decoration: none; } ul.thumbs a:active img, ul.thumbs a:focus img { border: 1px solid #8C938C; text-decoration: none; } #copyright p { margin: 0; font-size: 1em; color: #292929; } #copyright a { color: #555; } abbr { text-decoration: none; border-bottom: 1px dotted #555; cursor: help; } body#prod #footer { background: transparent url(../i/g/bg-sit.gif) no-repeat 10em bottom; } body#prod-msa #content { min-height: 1550px; height: auto !important; height: 1550px; background: #000 url(../i/g/bg-msa.jpg) no-repeat bottom center; } body#perform #footer { background: transparent url(../i/g/bg-double.gif) no-repeat bottom center; } body#biog #footer { background: transparent url(../i/g/bg-scream.gif) no-repeat 10em bottom; } body#collab #footer { background: transparent url(../i/g/bg-chat.gif) no-repeat left bottom; }