/* CSS Document - Blizzard Entertainment 2008 */ * {margin:0; padding:0;} html { background: url(../_images/layout/page-bg.jpg) center 330px no-repeat #0d0f0d; } body { background-color: transparent; color: #573325; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } /* General */ a {color: #a24c1e;} a:hover {color: #c55920;} a img { border:0; } a:active, a:focus { -moz-outline:none } /* more */ q {display:block;} q:before, q:after {content:"";} .clear {clear:both;} .relative {position:relative;} a { outline: none; } object { outline:none; } h2 {font:24px Georgia, "Times New Roman", Times, serif; color:#A17315; letter-spacing:.01em; text-align:center;} .intro {padding:20px;} p {font:14px/24px Arial, Helvetica, sans-serif; margin:1.8em 0;} p.lead {position:relative; z-index:2; font:18px/24px Georgia;} p.lead:first-line, p.sub { font:normal 18px Georgia; } .hr {height:1px; padding:0; font-size:1px; line-height:1px; background-color:#cab26e; width:452px; margin:0 auto;} .hr hr {display:none;} /* Layout */ .header-top {width: 100%; height: 330px; background: url(../_images/layout/header-top.jpg) no-repeat top center; clear: both;} .header-top .main {width: 980px; height: 330px; margin: 0 auto;} .header-top .main a.logolink {width: 750px; height: 240px; display: block; margin: 0 auto;} .header-top .main .headertitle {width: 460px; height: 90px; display: block; margin: 0 auto;} .content-outer {width: 940px; background: url(../_images/layout/parchment-middle.jpg) repeat-y top left; margin: 0 auto; clear: both;} .content-outer .content-inner {width: 940px; background: url(../_images/layout/parchment-top.jpg) no-repeat top left;} .content-outer .content-inner .content {padding: 30px 55px 30px 55px; background: url(../_images/layout/parchment-bottom.gif) no-repeat bottom center;} .plate-frontpage {width: 940px; height: 330px; background: url(../_images/layout/plate-frontpage.jpg) no-repeat top left; margin: 0 auto;} .plate-frontpage .boxes { padding: 40px 0 0 40px;} .plate-frontpage .boxes a { text-decoration:none;} .plate-frontpage .boxes .thumb { width: 170px; height: 105px; display: block; margin: 15px 0 15px 15px; clear: both;} .plate-frontpage .boxes .thumb-video { background-image: url(../_images/frontpage/thumb-forum.jpg);} .plate-frontpage .boxes .thumb-interviews { background-image: url(../_images/frontpage/thumb-interviews.jpg);} .plate-frontpage .boxes .thumb-battlecry { background-image: url(../_images/frontpage/thumb-wft.jpg);} .plate-frontpage .boxes .thumb-blizzcast { background-image: url(../_images/frontpage/thumb-comingsoon.jpg);} .plate-frontpage .boxes .title { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; color: #FFF; text-transform:uppercase; letter-spacing: -1px; padding: 0px 15px 0 15px; display:block; clear: both;} .plate-frontpage .boxes .desc { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999; display: block; clear: both; padding: 10px 15px 0 15px;} .plate-frontpage .boxes .update { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #f79226; display: block; clear: both; padding: 10px 15px 0 15px;} .plate-frontpage .boxes .comingsoon { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #00adef; display: block; clear: both; padding: 10px 15px 0 15px;} .plate-frontpage .boxes a.box {width: 200px; height: 260px; display: block; background-color: #23262a; margin-right: 18px; float: left; border: 1px #2c2e2b solid;} .plate-frontpage .boxes a.box:hover {background-color: #2f3338; border: 1px #3c3f40 solid;} .plate-frontpage .boxes a.box:hover .desc { color: #DDD;} .plate-frontpage .boxes .boxinactive {width: 200px; height: 260px; display: block; background-color: #222; margin-right: 18px; float: left; border: 1px #171916 solid; background-color: #0d0f0c;} .plate-frontpage .boxes .boxinactive .title { color: #777;} .plate-frontpage .boxes .boxinactive .desc { color: #555;} .plate-subpage {width: 940px; height: 80px; background-position: top left; background-repeat: no-repeat; margin: 0 auto;} .plate-subpage a.returnlink {display: block; float: right; margin: 34px 34px 0 0; padding-left: 34px; text-decoration: none; height: 29px; line-height: 24px; background: url(../_images/layout/backarrow.gif); background-repeat: no-repeat; background position: top left; } .plate-subpage a.returnlink:hover {background-position: bottom left; } .page-footer {width: 940px; height: 425px; background: url(../_images/layout/page-footer.jpg) no-repeat top left; margin: 0 auto;} .page-footer .gobackarea { width: 940px; height: 255px; } .page-footer .gobackarea .holder { padding: 100px 0 0 0;} .page-footer .gobackarea .holder a.button-returntowow { width: 355px; height: 42px; background-position: top left; background-repeat: no-repeat; margin: 0 auto; display: block;} .page-footer .gobackarea .holder a.button-returntowow:hover { background-position: bottom left;} .page-footer .gobackarea .holder a.button-returntohomepage { width: 355px; height: 42px; background-position: top left; background-repeat: no-repeat; margin: 0 auto; display: block;} .page-footer .gobackarea .holder a.button-returntohomepage:hover { background-position: bottom left;} .page-footer .footerarea { width: 940px; height: 100px; text-align: center; font-size: 11px; } .page-footer .footerarea a { text-decoration: none;} .page-footer .footerarea .disclaimer {width: 450px; display: block; margin: 0 auto; color: #555; } .page-footer .footerarea .legal-links {width: 600px; display: block; margin: 0 auto; padding: 15px 0 10px 0;} a.logo-blizzard {width: 158px; height: 91px; background: url(../_images/layout/logo-blizzard.gif) no-repeat top left; display: block; float: left;} a.logo-blizzard:hover {background-position: bottom left; } a.logo-rating {width: 140px; height: 94px; background: url(../_images/layout/logo-rating-esrb.gif) no-repeat top left; display: block; float: right; display: none;} .welcome {padding: 25px; line-height: 24px; } .welcome .title {font-size: 24px; font-weight: bold; letter-spacing: -1px; color: #93390d; text-transform: uppercase; display: block; padding: 10px 0 25px 0; } .welcome .introduction { display: block; padding: 0 0 7px 0;} .welcome p {font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; line-height: 32px; margin:0 0 1.8em;} .welcome .subtitle {font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 20px; letter-spacing: -1px; color: #93390d; padding: 10px 0 10px 0; display: block;} .welcome .soon {color: #1769af; font-weight: bold; font-style: italic;} /* Video Page */ .video_holder { background:url(../_images/layout/movie-frame.gif) 50%; width:830px; height: 475px; margin:0 auto; text-align:center; } .video_holder .video_position {padding: 40px 0 0 55px!important; text-align: left;} #videoContainer { width: 720px; height: 396px; display: block; margin: 0 0 0 0!important;} .video_info { padding:0 50px; } .trans_holder { float:right; } #transcript { padding:10px 20px; } .speaker h3 { font:bold 28px Cambria, Georgia, Times; color:#573325; margin:10px 20px 10px -20px; } h3 span { font-size:20px; margin:0 20px; } h3 span a { text-decoration:none; } .speaker .block { font-size:13px; line-height:20px; text-align:center; display:block; color:#815b11 } .speaker h3, .speaker .block, .speaker .block span, .transtoggle span, h3 span {display:none } .showall .block, .showall .speaker .block.selected, .showall h3 span {display:inline;} .showall h3, .transtoggle.selected span, .transtoggle span.expand {display:block;} .speaker .block.selected {color:#573325;} .showall .speaker .block.selected {border-bottom:1px dashed #AF723C;} .transtoggle.selected span.expand { display:none } /* again For IE :( */ /* .speaker .block.selected, .active h3 { display:block } */ #video_subtitle { background:#8A5413; border:1px solid #AB8645; margin:0 50px 10px; padding:10px; display:none; color:white; text-align:center; opacity:0.8} #video_subtitle span { display:none; } #h2type span { display:none; } .fullvideo { padding:0 50px; } .speakerlist { padding:20px 50px; overflow:hidden; } .speakerlist .spkr { float:left; width:48%; padding:12px 0; font:13px Calibri, Arial;} .speakerlist .spkr_desc { display:block; font-weight:bold; font-size:15px; padding: 0 0} .speakerlist .spkr_title { color:#773a19; font-size:13px; font-weight:normal; padding: 0 0; } /* Language Dropdown */ .language-filter {font:8px Arial, Helvetica, sans-serif; color: #D6D6D6; position:relative; top:8px; left:868px; width:75px; margin:0; padding:0; z-index:1000000; text-align:left;} .language-filter strong {position:relative; top:4px; left:3px;} .dropdown {position:relative; z-index:905; top:4px;} .dropdown-bg {position:absolute; background: url(../_images/tooltip/backplate.png) no-repeat; width:97px; height:28px;} .dropdown a {position:absolute; font:9px bold Arial, Helvetica, sans-serif; text-transform:uppercase; display:block; text-decoration:none; color:#D3FFFD; font-weight: bold; width:97px; height:28px; padding: 7px 0 0 10px;} .dropdown a:hover {color:#fff;} .langarrow {width:9px; height:7px; position:absolute; right:9px; top:2px;} .drop-lang {position:absolute; top:28px; left: -1px; z-index:99999; font-family: Arial, Helvetica, sans-serif; line-height:4px; } .drop-lang ul {list-style:none; position:relative; z-index:999999; padding:0; } .drop-lang li, .drop-link li {width:100%; position:relative; z-index:99999999;} .drop-lang a, .drop-lang a:visited, .drop-lang a:active, .drop-link a, .drop-link a:visited, .drop-link a:active { font-size: 10px; font-family: Arial, Helvetica, sans-serif; background-image:none; display:block; color:#ff9c00; width: 76px; display: block; text-decoration:none; z-index:9999999999999; padding: 2px 5px 2px 5px; letter-spacing: 0px;} .drop-lang a:hover, .drop-link a:hover {color:white; background:#0B538B;} .light-tip {position: relative; z-index:99999999999; white-space:nowrap; width:100px; font:8px Arial, Helvetica, sans-serif;} .light-tip table {width:100%;} .light-tip td.tl, .light-tip td.t, .light-tip td.tr { height:6px !important } .light-tip td.bl, .light-tip td.b, .light-tip td.br { height:10px !important } .light-tip td.tl, .light-tip td.l, .light-tip td.bl, .light-tip td.l q, .light-tip td.tl q { width:6px !important } .light-tip td.tr, .light-tip td.r, .light-tip td.br, .light-tip td.r q, .light-tip td.tr q { width:9px !important } .light-tip td.tl, .light-tip td.t, .light-tip td.tr { padding:0 !important; margin:0 !important; } .light-tip td.l q, .light-tip td.r q, .light-tip td.tr q, .light-tip td.tl q, .light-tip td.t q {display: block; height: 1px; visibility:hidden } .light-tip td.tl { background: url(../_images/tooltip/lp-tl.png) no-repeat; } .light-tip td.tr { background: url(../_images/tooltip/lp-tr.png) no-repeat;} .light-tip td.t { width:auto; background: url(../_images/tooltip/lp-t.png) repeat-x; } .light-tip td.l { background: url(../_images/tooltip/lp-l.png) repeat-y; } .light-tip td.r { background: url(../_images/tooltip/lp-r.png) repeat-y; } .light-tip td.bg { background: url(../_images/tooltip/lp-bg.png) repeat; } .light-tip td.bl { background: url(../_images/tooltip/lp-bl.png) no-repeat; } .light-tip td.br { background: url(../_images/tooltip/lp-br.png) no-repeat; } .light-tip td.b { width: auto; background: url(../_images/tooltip/lp-b.png) repeat-x; } /* Battlecry */ .battlecry h6 {position:absolute; z-index:1; font:143px/1.2 'Times New Roman', Georgia, 'Lucida Sans Unicode', 'Lucida Sans', Arial, Helvetica, sans-serif; display:block; width:150px; height:150px; text-align:center; color:#48472e; left:-58px; top:-55px;} .battlecry .example {width:283px; height:315px; background:url(../_images/ilovesc/example.gif) 0 0 no-repeat; float:right; margin:0 30px 20px;} .mosaic, .ilovesc-submit, .rewards, ilovesc-gallery {/*border-style:dotted; border-color:#CAA644; border-width:1px 0 0;*/ margin:0 0 30px;} .lightparch {background:url(../_images/ilovesc/text_bg.jpg) #f7eeaf 50% 50% repeat-y; color:#4F3600; border-width:0px 0px 0px 0px; border-style:solid; border-color:#003854; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -webkit-border-top-right-radius:6px; -webkit-border-top-left-radius:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px;} .lightparch .parchpadding {padding:10px 20px; overflow:hidden; margin:0;} /*** Submit ***/ .ilovesc-submit {padding:20px;} .conversionsteps {overflow:hidden;} /*.conversionsteps div {float:right; position:relative; left:-50%;} .conversionsteps div div {float:none; position:static; left:auto;}*/ .conversionsteps ol {list-style:none; overflow:hidden;} .conversionsteps ol li {border:none; padding:0; margin:40px 0; clear:both; overflow:hidden;} .conversionsteps ol li div {margin:0 0 0 30px; float:left;} .conversionsteps ol li div div {margin:0; float:none;} .conversionsteps ol li h3 {font:bold 52px/1 'Century Gothic', Calibri, Georgia, "Times New Roman", Times, serif; color:#A4854A; float:left; width:100px; text-align:center;} .conversionsteps ol li p {margin:0;} .print div ul {overflow:hidden; list-style-type:none; margin:0 0 0 24px;} .print div ul li {float:left; width:230px; display:block; margin:0; clear:none;} .print div ul li ul {margin:0;} .print div ul li ul li {margin:16px 0 0; float:none; width:auto; padding:0 0 0 20px; font:11px/1.8 Arial, Helvetica, sans-serif;} .print div ul li ul li span {font-weight:bold; display:block; line-height:16px; height:18px;} .print div ul li ul li q {float:left; width:14px; height:14px; border:1px solid #A4854A; background:#fff; margin:0 5px 0 0;} .print div ul li ul li q.blackbg {background:#000;} .print div ul li ul li a {display:block; text-transform:uppercase; font:9px/1.8 Arial, Helvetica, sans-serif; margin:0 0 0 23px;} .print div ul li ul li a.dljpg {text-transform:none; font:bold 1.5em/1.8 Tahoma, Arial, Helvetica, sans-serif;} .conversionsteps ol li div div.thumb-alliance {width:200px; height:259px; border:3px solid #A4854A; margin:20px 0 15px;} .conversionsteps ol li div div.thumb-alliance a {display:block; height:100%;} .conversionsteps ol li div div.thumb-alliance {background:url(../_images/ilovesc/thumb-alliance.gif) 0 0 no-repeat;} .conversionsteps ol li div div.thumb-horde {background:url(../_images/ilovesc/thumb-horde.gif) 0 0 no-repeat;} .submitbutton {width:151px; height:87px; background:url(../_images/ilovesc/button-submit.jpg) 0 0 no-repeat; display:block;} .submitbutton:hover {background-position:0 100%} a.downloadButtonLarge { background:url(../_images/ilovesc/download_btn_large_left.png) 0 0 no-repeat; display:block; padding-left:70px; position:relative; color:white; text-decoration:none; float:left; height:73px;} /* a.downloadButtonLarge span { background:url(../_images/ilovesc/download_btn_large_right.png) 100% 0 no-repeat; height:73px; display:block; padding:0 40px 0 10px; cursor:pointer; font:bold 20px/73px Arial, Helvetica, sans-serif; white-space:nowrap; float:left;} */ a.downloadButtonLarge .container { background:url(../_images/ilovesc/download_btn_large_right.png) 100% 0 no-repeat; height:73px; display:block; padding:0 40px 0 10px; cursor:pointer; white-space:nowrap; float:left; text-align: center; text-align: center;} a.downloadButtonLarge .submit { font-size: 20px; padding: 24px 0 0 0; line-height: 13px; font-weight: bold; color: #d3e6fa;} a.downloadButtonLarge .submitold { font-size: 20px; padding: 31px 0 0 0; line-height: 13px; font-weight: bold; color: #d3e6fa;} a.downloadButtonLarge .resolution { font-size: 11px; padding: 0 0 0 0; color:#142657; font-weight: bold; } a.downloadButtonLarge:hover {background-position:0 100%; color:white !important} a.downloadButtonLarge:hover span {background-position:100% 100%;} /*** Mosaic ***/ .mosaic, .mosaic .mosaic-inner {width:834px; height:490px;} .mosaic {background:url(../_images/ilovesc/mosaic-tiles.jpg) 0 0 no-repeat; position:relative; margin:0;} .mosaic .tiles, .mosaic .progress, .mosaic .percent {position:absolute;} .mosaic .tiles {left:20px; top:33px; width:800px; height:400px;} .mosaic .tiles .tile, .mosaic .tiles .tile a {display:block; width:159px; height:86px; line-height:100px;} .mosaic .tiles .tile {float:left; background:no-repeat;} .mosaic .tiles .tile a {position:relative;} .mosaic .tiles .tile a:hover {background:url(../_images/ilovesc/mosaic-tile-hover.png) no-repeat 0 0;} .mosaic .tiles .tile a:hover span.glow {display:block;} .mosaic .tiles .tile a:hover span.glow span {position:absolute; display:block; font-size:1px; background:url(../_images/ilovesc/mosaic-tile-hover.png) no-repeat;} .mosaic .progress, .mosaic .progress, .mosaic .progress .text, .mosaic .progress .stroke div {width:706px;} .mosaic .progress, .mosaic .progress, .mosaic .progress .text, .mosaic .progress .stroke div, .mosaic .progress .fill, .mosaic .progress .fill .shadow {height:21px; line-height:18px;} .mosaic .progress {position:relative; left:38px; top:408px;} .mosaic .progress .text {position:absolute; text-align:center; font:14px Georgia, "Times New Roman", Times, serif; color:#2a1e06; letter-spacing:-.08em; border:none;} .mosaic .progress .text {z-index:3;} .mosaic .progress .fill {position:relative; background:#5B92A9; opacity:0.4;} /*.mosaic .progress .fill .shadow {position:absolute; right:-1px; top:0; width:1px; background-color:black; opacity:0.25;}*/ .mosaic .percent {width:91px; height:39px; left:737px; top:394px; color:#5f5133; font:30px/39px Georgia, "Times New Roman", Times, serif; text-align:center; letter-spacing:-.08em;} .mosaic .percent small {font-size:20px;} /*** Unlocked Features ***/ .rewards {overflow:hidden; padding:20px;} .rewards .features-module, .rewards .features-module ul {float:left;} .rewards h3 {display:block; height:25px; float:left; width:360px; margin:10px 8px 0 7px; text-align:left; font:13px/22px Cambria, serif; text-transform:uppercase; letter-spacing:1px;} .rewards h3 span {display:block; height:100%; padding:0 0 0 15px;} .icon-alliance {background:url(../_images/ilovesc/icon-alliance.gif) 0 50% no-repeat;} .icon-horde {background:url(../_images/ilovesc/icon-horde.gif) 0 50% no-repeat;} .features-module {width:360px; margin:10px 8px 6px 7px; display:inline; float:left;} .features-module .archive {text-decoration:none; float:right; color:#FF9C00; font:bold 10px/1.6 Arial, Helvetica, sans-serif;} .features-module .archive:hover {color:#fff;} .features-module-header-unit {width:373px!important; height: 118px; float: right; display:block; cursor:pointer; margin: 10px 0px 10px 0px;} .features-module .subhead a {text-decoration:none;} .features-module .subhead h5 {font:bold 22px/1.2 'Century Gothic', Arial, Helvetica, sans-serif; color:#FF9C00; text-decoration:none; letter-spacing:-0.04em; float:right; margin:84px 10px 0px 0px; text-align:right; text-transform:lowercase;} .features-module .subhead h5 .catdate {font:bold 26px/1 Arial, 'Arial Black', Helvetica, sans-serif; color:#c1deff;text-transform:uppercase; letter-spacing:-1px; display:block;} .features-module ul {text-align:right; list-style:none; margin:0; padding:0; display:block; float:left; width:100%;} .features-module ul li {margin:0 0 10px;} .features-module ul li div { } .features-module h5 {font:10px/26px Arial, Helvetica, sans-serif; color:#333; float:left; text-transform:none;} .features-module h5 a {font:bold 12px/26px Arial, Helvetica, sans-serif; color:#8D3204; text-decoration:none; letter-spacing:0px;} .features-module h5 .soon {font:14px/26px 'Arial Black', Arial, Helvetica, sans-serif; color:#333; text-decoration:none; letter-spacing:0px;} .features-module h6 {font:10px/26px Arial, Helvetica, sans-serif; color:#333;} .unlockable { } .unlockable .link { border: 1px #c9a34c solid; background-color: #f2d98f; color: #f2d98f; width: 100%; display: block; } .unlockable .link .border { border: 2px #faebc0 solid; padding: 7px 7px 7px 10px; display: block; } .unlockable .link .border .title { color: #a24c1e; display: block; float: left; font-weight: bold; } .unlockable .link .border .category { color: #14266f; float: left; font-style: italic; padding: 2px 0 4px 7px; font-size: 11px; display: block; } .unlockable .link .border .date { color: #9d2020; float: right; font-size: 11px; display: block; padding: 2px 0 0 0;} .unlockable .link .border .description {display: block; clear: both; text-align: left; border-top: 1px #faebc0 solid; padding: 6px 0 0 0; } .unlockable .link .border .description .text { color: #695d52; font-size: 11px; width: 255px; display: block; float: right;} .unlockable .link .border .clear { width: 100%; height: 1px; clear: both; display: block; } .unlockable .link:hover { background-color: #fff1c3; text-decoration: none; cursor: pointer; } .unlockable .link .border .description blockquote {width:70px; height:50px; float:left; margin:2px 8px 0 0;} .unlockable .link .border .description .thumb-unlockable1 { background: url('../../../us.media.blizzard.com/wow/anniversary/_images/ilovesc/unlockables/01-orc_darkportal-thumb.jpg') 0 0 no-repeat;} .unlockable .link .border .description .thumb-unlockable2 { background: url('../../../us.media.blizzard.com/wow/anniversary/_images/ilovesc/unlockables/02-tauren_hunter-thumb.jpg') 0 0 no-repeat;} .unlockable .link .border .description .thumb-unlockable3 { background: url('../../../us.media.blizzard.com/wow/anniversary/_images/ilovesc/unlockables/03-dalaran-thumb.jpg') 0 0 no-repeat;} .unlockable .link .border .description .thumb-unlockable4 { background: url('../../../us.media.blizzard.com/wow/anniversary/_images/ilovesc/unlockables/04-ironforge-thumb.jpg') 0 0 no-repeat;} .unlockable .link .border .description .thumb-unlockable5 { background: url('../../../us.media.blizzard.com/wow/anniversary/_images/ilovesc/unlockables/05-tribes-thumb.jpg') 0 0 no-repeat;} .unlockable .link .border .description .thumb-unlockable6 { background: url('../../../us.media.blizzard.com/wow/anniversary/_images/ilovesc/unlockables/06-doc-thumb.jpg') 0 0 no-repeat;} .unlockable .link .border .description .thumb-unlockable7 { background: url('../../../us.media.blizzard.com/wow/anniversary/_images/ilovesc/unlockables/07-mulgore-thumb.jpg') 0 0 no-repeat;} .unlockable .link .border .description .thumb-unlockable8 { background: url('../../../us.media.blizzard.com/wow/anniversary/_images/ilovesc/unlockables/08-e3alliance-thumb.jpg') 0 0 no-repeat;} /*** Gallery ***/ .ilovesc-gallery {padding:20px;} .ilovesc-gallery .search {float:right; background:url(../_images/ilovesc/button-search.gif) 100% 0 no-repeat; margin:20px 15px 10px 0;} .ilovesc-gallery .search div div {padding:0 33px 0 0; position:relative;} .ilovesc-gallery .search input {display:block; border:0; padding:4px 4px 3px; width:191px; color:#FF9C00; background-color:#fff; border:3px solid #5D0601; width:180px; font:bold 15px/16px Arial, Helvetica, sans-serif; color:#000;} .ilovesc-gallery .search a {display:block; width:31px; height:31px; visibility:hidden; background-color:#1c1701; position:absolute; top:0; right:0; background:url(../_images/ilovesc/gallery-search-x.gif) 0 0 no-repeat; cursor:pointer;} .ilovesc-gallery .search a:hover {background-position:0 100%;} .ilovesc-gallery .search div.activated a {visibility:visible;} .ilovesc-gallery .search div.activated input {font-weight:bold;} .ilovesc-gallery .message .error {margin-top:40px;} .ilovesc-gallery .message .error big {display:block; color:white; margin-top:15px; margin-bottom:10px; font-size:15px;} .ilovesc-gallery .pictures {clear:both; width:100%; margin:0 auto; padding:25px 0 10px; overflow:hidden;} .ilovesc-gallery .pictures .picture {float:left; width:187px; margin:0 0 25px 0; text-align:center;} .ilovesc-gallery .pictures .picture a {width:160px; height:100px; margin:0 auto; display:block; background:url(../_images/ilovesc/loading.gif) #000 50% 50% no-repeat; border: 3px solid #a4854a;} .ilovesc-gallery .pictures .picture a span {background-position:50% 50%; display:block; height:100%;} .ilovesc-gallery .pictures .picture span.name {display:block; text-align:center; color:#000; white-space:nowrap; overflow:hidden; margin:6px 0 0; font:12px Calibri, Arial, Helvetica, sans-serif; width: 180px;} .ilovesc-gallery .tip {display:block; float:left; white-space:nowrap; font-size:12px; line-height:24px; height:24px; margin: 0 0 0 10px;} .ilovesc-gallery .pages {overflow:hidden; margin: 0 10px 0 0;} .ilovesc-gallery .pages, .ilovesc-gallery .pages .numbers, .ilovesc-gallery .pages a.goto {float:right;} .ilovesc-gallery .pages .numbers span, .ilovesc-gallery .pages .numbers a, .ilovesc-gallery .pages .numbers div {float:left; display:block;} .ilovesc-gallery .pages .numbers span {padding:1px 0; margin:0 5px;} .ilovesc-gallery .pages .numbers #prevpg {background:url(../_images/ilovesc/arrow-left.gif) 0 0 no-repeat; width:32px; height:24px; padding:0;} .ilovesc-gallery .pages .numbers #nextpg {background:url(../_images/ilovesc/arrow-right.gif) 0 0 no-repeat; width:32px; height:24px; padding:0;} .ilovesc-gallery .pages .numbers #prevpg:hover, .ilovesc-gallery .pages .numbers #nextpg:hover {background-position:0 100%;} .ilovesc-gallery .pages .numbers a.disabled:hover {background-position:0 0 !important; cursor:default;} .ilovesc-gallery .pages .numbers div a {background:url(../_images/ilovesc/paging-bg.gif) 0 0 no-repeat; font-size:10px; font-weight:bold; color:#8D3204; width:32px; height:19px; line-height:normal; letter-spacing:-.08em; margin:0 -1px; padding:5px 0 0; text-align:center; text-decoration:none;} .ilovesc-gallery .pages .numbers div a:hover {background-position:0 100%;} .ilovesc-gallery .pages .numbers div a.selected, .ilovesc-gallery .pages .numbers a.selected:hover {background:url(../_images/ilovesc/paging-bg-select.gif) 0 0 no-repeat;} .ilovesc-gallery .pages .numbers a.disabled, .ilovesc-gallery .pages .numbers a.disabled:hover {} .ilovesc-gallery .pages a.goto {display:block; padding:0; margin-right:8px;} .ilovesc-gallery .pages a.goto span {display:block; cursor:pointer; width:24px; height:28px; background:url(../_images/ilovesc/icon-search.gif) 0 0 no-repeat;} /*** Viewer ***/ #ilovesc-viewer-overlay {position:absolute; z-index:9150; display:none; left:0; top:0; width:100%; background-color:#000000; opacity:0.7; } #ilovesc-viewer {display:none;} #ilovesc-viewer-outer {position:absolute; z-index:9151; width:1px; height:1px; left:50%;} #ilovesc-viewer-container {position:absolute; top:0; background-color:white;} #ilovesc-viewer-x {position:absolute; width:36px; height:36px; right:0; top:0; background:white url(../_images/ilovesc/lightbox-x.gif) center center no-repeat; z-index:9159; cursor:pointer;} #ilovesc-viewer-drag, #ilovesc-viewer-map {position:absolute; left:10px; top:10px;} #ilovesc-viewer-drag {z-index:9155; cursor:url(../_images/ilovesc/cursor-hand-open.cur), default;} #ilovesc-viewer-drag.dragged {cursor:url(../_images/ilovesc/cursor-hand-closed.cur), default;} #ilovesc-viewer-map {z-index:9152; background:url(../_images/ilovesc/viewer-background.jpg); overflow:hidden;} #ilovesc-viewer-tiles {position:absolute; left:0; top:0;} #ilovesc-viewer-map img {display:block; position:absolute; background-color:black;} #ilovesc-viewer-minimap {position:absolute; z-index:9158; left:10px; bottom:10px; background:red; border-right:5px solid white; border-top:5px solid white; overflow:hidden; background:black url(../_images/ilovesc/viewer-background-darker.jpg); cursor:url(../_images/ilovesc/cursor-hand-closed.cur), default; /* PRELOAD */} #ilovesc-viewer-location {position:absolute; left:10px; top:10px; font-size:1px; background:lightblue; border:2px solid blue; opacity:0.666; z-index:9168; cursor:move;} #ilovesc-viewer-minitarget {position:absolute; z-index:9165; cursor:pointer;} #ilovesc-viewer-minitiles {position:absolute; left:0; top:0; z-index:9163;} #ilovesc-viewer-minitiles img {display:block; position:absolute;} /*** Interviews ***/ .interviews {margin:25px auto 0; background:url(../_images/interview/bg-index.jpg) 0 0 no-repeat; width: 830px; height:797px; } .interviews .boxes {padding:0 0 0 20px; } .interviews .boxes .topclear {width: 100%; height: 29px; clear: both;} .interviews .boxes .midclear {width: 100%; height: 20px; clear: both;} .interviews .boxes .box {width:385px; height:200px; display:block; float: left; margin: 0 20px 0 0; position: relative; text-decoration: none;} .interviews .boxes .box .details { padding:0 15px 0 135px; display:block; height: 200px;} .interviews .boxes .box .details .name {font-weight:bold; font-size:18px; color:#254767; text-transform:uppercase; letter-spacing: -1px; padding:15px 0 0 0; display: block; } .interviews .boxes .box .details .title {padding:10px 0 0; color:#32190c; display: block; font-size: 11px;} .interviews .boxes .box .details .desc {padding:10px 0 0; color:#32190c; display: block; font-size: 11px; line-height: 16px;} .interviews .boxes .inactive blockquote {width:385px; height:200px; position:absolute; top:0; left:0; text-align:center; font:bold italic 16px/200px Arial, Helvetica, sans-serif; color: #1769af; text-transform:uppercase;} .interviews .boxes .inactive .details {opacity: 0.2;} .interviews .boxes a.shanedabiri:hover {background:url(../_images/interview/bg-shanedabiri.jpg) 0 0 no-repeat;} .interviews .boxes a:hover .details .name {color:#2f577c;} /* .interviews {margin:25px auto 0; background:url(../_images/interview/bg-index.jpg) 0 0 no-repeat; height:797px;} .interviews .boxes {padding:29px 0 20px 20px; overflow:hidden; } .interviews .boxes span {font:11px/1.5 Arial, Helvetica, sans-serif; color:#999; display:block;} .interviews .boxes a {text-decoration:none;} .interviews .boxes a.box, .interviews .boxes .boxinactive {width:385px; height:200px; display:block; margin:0 20px 0 0; float:left; position:relative;} .interviews .boxes a.shanedabiri:hover {background:url(../_images/interview/bg-shanedabiri.jpg) 0 0 no-repeat;} .interviews .boxes a.jallenbrack:hover {background:url(../_images/interview/bg-jallenbrack.jpg) 0 0 no-repeat;} .interviews .boxes .boxinactive q {opacity:0.2;} .interviews .boxes .boxinactive blockquote {width:385px; height:200px; position:absolute; top:0; left:0; text-align:center; font:bold italic 16px/200px Arial, Helvetica, sans-serif; color: #1769af; text-transform:uppercase;} .interviews .boxes .thumb {width:105px; height:168px; display:block; margin:15px; float:left;} .interviews .boxes q {margin:15px 15px 15px 0; display:block;} .interviews .boxes .name {font-weight:bold; font-size:18px; color:#254767; text-transform:uppercase; letter-spacing: -1px; padding:0;} .interviews .boxes a:hover .name {color:#2f577c;} .interviews .boxes .title {color:#32190c;} .interviews .boxes .desc {padding:10px 0 0; color:#32190c;} .interviews .boxes .update {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #f79226; display: block; clear: both; padding: 10px 15px 0 15px;} .interviews .boxes .comingsoon {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #00adef; display: block; clear: both; padding: 10px 15px 0 15px;} */ .interview {padding:0 25px;} .interview dl {padding:0 25px 40px;} .interview dl dt {font:17px/24px Georgia, "Times New Roman", Times, serif; color:#32190c; margin:40px 0 0;} .interview dl dd {margin:0 0 40px;} .interview blockquote {background:none; float:right; width:300px; font:30px/1.4 Arial, Helvetica, sans-serif; letter-spacing:-1px; padding:0; margin:0 0 15px 40px; color:#93390D; position:relative;} .interview blockquote q {background-position:100% 70%; background-repeat:no-repeat; display:inline; padding:0 15px 0 0;} .interview blockquote cite {font-size:40%; line-height:30px; display:block; letter-spacing:0px;} .interview .related {padding:20px 20px;} .interview ul li {margin:1em 0 1em 2em; list-style-type:circle;} .interview cite {display:block; text-align:center; font:italic 11px/24px Georgia, "Times New Roman", Times, serif; letter-spacing:2px; margin:10px 0 0;} .interview .thumb {border:3px solid #A4854A;} .thumb-shane1 {width:636px; height:396px; background:url(../_images/interview/thumb-shane1.jpg) 0 0 no-repeat; margin:0 auto;} .thumb-shane2 {width:640px; height:480px; background:url(../_images/interview/thumb-shane2.jpg) 0 0 no-repeat; margin:0 auto;} .thumb-shane3 {width:640px; height:480px; background:url(../_images/interview/thumb-shane6.jpg) 0 0 no-repeat; margin:0 auto;} .thumb-shane4 {width:640px; height:465px; background:url(../_images/interview/thumb-shane4.jpg) 0 0 no-repeat; margin:0 auto;} .thumb-shane5 {width:640px; height:480px; background:url(../_images/interview/thumb-shane5.jpg) 0 0 no-repeat; margin:0 auto;} .thumb-shane6 {width:640px; height:474px; background:url(../_images/interview/thumb-shane3.jpg) 0 0 no-repeat; margin:0 auto;} .thumb-jallen1 {width:473px; height:600px; background:url(../_images/interview/thumb-jallen1.jpg) 0 0 no-repeat; margin:0 auto;} .thumb-jallen2 {width:640px; height:400px; background:url(../_images/interview/thumb-jallen2.jpg) 0 0 no-repeat; margin:0 auto;} .thumb-jallen3 {width:640px; height:480px; background:url(../_images/interview/thumb-jallen3.jpg) 0 0 no-repeat; margin:0 auto;} .thumb-jallen4 {width:640px; height:273px; background:url(../_images/interview/thumb-jallen4.jpg) 0 0 no-repeat; margin:0 auto;} .thumb-jallen5 {width:640px; height:472px; background:url(../_images/interview/thumb-jallen5.jpg) 0 0 no-repeat; margin:0 auto;} .thumb-jallen6 {width:640px; height:451px; background:url(../_images/interview/thumb-jallen6.jpg) 0 0 no-repeat; margin:0 auto;} .thumb-jallen7 {width:640px; height:480px; background:url(../_images/interview/thumb-jallen7.jpg) 0 0 no-repeat; margin:0 auto;} .subnav {overflow:hidden; border-top:1px dotted #CCCCCC; border-bottom:1px dotted #CCCCCC; height:24px;} .subnav li {float:left; width:25%; list-style-type:none; text-align:center; text-transform:uppercase; font:12px/2 Arial, Helvetica, sans-serif;} /* Fiatlux styles */ #blackDrop {position:absolute; z-index:9150; display:none; top:0; width:100%; left:0; background-color:#000000; opacity:0.7; } #lightBoxRoot {visibility:hidden; position:absolute; z-index:9151; top:50px; left:100px;} #cornerFour {padding:10px;} #lightBoxHolder {background:transparent; padding:0; cursor:pointer; position: relative} /*#lightBoxX { position: absolute; display: block; width: 36px; height: 36px; right: -10px; top: -10px; background: white url(/images/layout/lightbox-x.gif) center center no-repeat }*/