/* +++++++++++++++++++++++++++ RESET +++++++++++++++++++++++++++ */ 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;} body{line-height:1} ol,ul{list-style:none} blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; } mark, rp, rt, ruby, summary, time { display: inline } /* +++++++++++++++++++++++++++ TYPE +++++++++++++++++++++++++++ */ body { font-family: 'Lato', sans-serif; } a { color:#666; text-decoration:none; -webkit-transition: color .4s ease-out; } a:hover{ color:#666; text-decoration:underline; } strong {font-weight:bold;} em {font-style:italic;} .plainText {font-size: 0.7em; font-weight:normal;} .underlined {border-bottom: solid 1px #666; width: auto;} .clear {clear:both;} .clearl {clear:left;} .clearr {clear:right;} .imgFloatRight {float: right; margin: 0px 0px 15px 15px;} .alignLeft {text-align: left;} .alignCenter {text-align: center;} .alignRight {text-align: right;} /* +++++++++++++++++++++++++++ LAYOUT +++++++++++++++++++++++++++ */ html, body {background:#000; height: 100%; color: #FFF;} input,textarea{border:1px solid #DDD;padding:5px;} #pagecontainer {width:100%; min-height:100%; height: auto !important; height: 100%; margin:0px auto -40px auto; border: solid 0px #fff;} #wrap {overflow: auto; padding-bottom: 40px; position: relative;} #headerWrap{width:100%; height:auto; margin: 0 auto 15px; padding-top: 5px; padding-bottom: 5px;} #nav_barWrap { display: block; height: auto; text-align: center; margin: 0 auto; } #lang_sel { display: none; } /* +++++++++++++++++++++++++++ LOGO +++++++++++++++++++++++++++ */ #logoWrap{ display: block; margin: 0 auto; text-align: center; height: auto; padding-top: 10px;} #logo {width:80px; margin: 0 auto;} #logo img {width: 80px;} #logoText {width:120px; margin: 0 auto;} #logoText img {width: 120px;} /* +++++++++++++++++++++++++++ HEADER LOGIN AND SOCIAL INFO +++++++++++++++++++++++++++ */ #headerInfo {width:100%; height: 65px; text-align:center; border: solid 0px #FFF; font-size: 0.8em;} #loginStatus {color:#808080; width:100%; height: auto; margin:10px auto; line-height: 1; display: inline-block;} .loginText a {color: #FFF; text-decoration: underline;} #socialNetworks {width:100%;height:auto; margin:5px auto; display: inline-block;} #socialNetworks img {display:inline;} #liveChatTop { display: none;} #socialIconsLabel {display: none;} /* +++++++++++++++++++++++++++ SEARCH BAR +++++++++++++++++++++++++++ */ #searchSection {width: 100%; height: auto; margin: 0px auto; display: block; background:url(../images/search-bar-bg.png) top; background-repeat: repeat-x; overflow: auto;} #searchWrap {width:100%; height: auto; margin: 0px auto; padding: 0;} #searchFormDiv {width: 100%; height: 45px; margin: 0px;} #searchContents {width: 240px; margin: 15px auto 0;} /* Browse Libraries Button */ #btnBrowse {width: 100px; height: 15px; margin:0px; text-align: center; font-size:0.8em; color: #4d4d4d; display: none;} a.btnRollover {display: block; height: 30px; background: url(../images/btn-browse-libraries-hover.png) top center;} /* Search Bar */ #searchWrap #s {width: 200px; font-size: 0.8em; color: #000; font-family: 'Lato', sans-serif; font-weight: 400; line-height: 100%; height: 30px; padding-left: 15px; background: url(../images/search-form-bg.png) top center repeat-x; border: 0px; border-radius: 15px 0 0 15px; box-sizing: border-box;} /* Search Button */ #searchsubmit {width: 40px; height: 30px; background: url(../images/search-glass-icon.png) top left no-repeat; border: 0px; cursor: pointer; display: inline-table; border-radius: 0 15px 15px 0; float: right;} /* Hide Search Text from Search Form */ .assistive-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important;} /* News Headers */ #newreleasesHeader, #latestHeader, #featuredPlaylistHeader { display: block; text-align: center; height: 40px; line-height: 40px; } /* New Releases Box */ #newreleasesBox {width: 100%; height: 400px; float: left; text-align: center; margin-bottom: 10px;} #newreleasesHeader {width: 85%; margin: 0 auto;} #newReleasesWrap {width: 320px; height: 345; margin: 0px auto;} /* Ric's New Releases Code */ #newreleasesBox .newReleasesNav{ margin: 8px auto 0px auto;} #newreleasesBox #thumbs {} #newreleasesBox UL.thumbs { margin:0; padding:0; list-style: none; background: #aeaeae; clear: both; } #newreleasesBox UL.thumbs LI { FLOAT: left; margin:8px; padding:0; list-style: none; } #newreleasesBox A.thumb:focus { OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium } #newreleasesBox UL.thumbs IMG { BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; DISPLAY: block; BORDER-TOP: medium none; BORDER-RIGHT: medium none } #newreleasesBox DIV.wlpagination A { width: 10px; height: 10px; line-height: 10px; } #newreleasesBox DIV.wlpagination div.page{ margin-left: 8px; width: 10px; height: 10px; background: #E15F2E; float: left; line-height: 10px; } #newreleasesBox DIV.wlpagination div.current{ background: #E1CC08; } #newreleasesBox #wlGallery li{ height:140px; width: 140px; } /* Homepage News Feed */ #newsContainer {width: 100%; height: auto; min-height:250px; float:left; margin-bottom: 10px; padding-bottom: 15px;} .newsWrapper {width: 85%; height: auto; margin: 0 auto 15px; text-align: center;} .homeDate {font-size: 0.9em; font-weight:300; margin:2px 0 0; color: #808080; text-transform: uppercase;} #homepageNews H2 {margin: 2px auto 0; } .homepageNews a {color:#FFF; text-decoration: none; font-size: 1em; line-height: 100%; font-weight: 300;} .homepageNews a:hover {color:#F0602B;} .homeNewsHR {width: 85%; min-width: 280px; background-color:#808080; height: 1px; border-width: 0px; margin: 12px auto 12px auto;} #moreNews {float:right; margin: 15px 0; } #moreNews a {color: #808080; text-decoration: underline;} #moreNews a:hover {color: #F0602B; text-decoration: none;} /* Featured Playlists */ #homepagePlaylists {width: 100%; height: auto; min-height:250px; float:left; } #homepagePlaylists p {font-size: 1em; line-height:100%; font-weight: 300;} #homepagePlaylists a {color: #808080; text-decoration: underline;} #homepagePlaylists a:hover {color: #F0602B; text-decoration: none;} .featuredAlbums {width: 80%; height: auto; min-height: 250px; margin: 0 auto 10px; padding: 0 3px; text-align: center; overflow: visible;} .featuredAlbums p {line-height: 100%; margin: 10px auto; width: 70%; padding-left: 6px; padding-right: 6px;} .homeFeaturedPlaylistThumbnail {width: 80%; margin: 0 auto;} .homepagePlaylistsHR {width: 85%; min-width: 310px; background-color:#808080; height: 1px; border-width: 0px; margin: 2px auto 0px auto; } /* What We Do - Mission Statement */ #whatwedoHeader {width: 100%; height:40px; float:left; margin-top: 25px; text-align: center;} #whatwedo {width:100%; height: auto; min-height:60px; text-align: center;} #whatwedo H1 {margin: 8px auto; font-size: 1em; font-weight: 300; line-height: 100%; } /* +++++++++++++++++++++++++++ FOOTER +++++++++++++++++++++++++++ */ #footerWrap {width: 100%; background-color: #222; color: #fff; height:auto; text-align: center; margin-top: 15px; padding: 10px 0 25px;} #footerWrap H3 {font-size: 0.9em; line-height: 20px;} #footerWrap p { padding: 10px 0; font-size: .8em; line-height: 100%;} .footerLinks {width: 100%; margin: 0px auto;} .footerGplus {width: 80%; height: 20px; padding: 0px; margin:10px auto; text-align:center; display: block; } /* +++++++++++++++++++++++++++ OUR LIBRARIES, NEWS MUSIC, CUSTOM MUSIC, TRAILERS, FEATURED PLAYLISTS +++++++++++++++++++++++++++ */ #contentContainer {width: 100%; margin: 0px auto; height: auto; overflow: auto; background: #0b0806; /* Old browsers */ background: -moz-linear-gradient(top, #0b0806 0%, #24201e 50%, #000000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b0806), color-stop(50%,#24201e), color-stop(100%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0b0806 0%,#24201e 50%,#000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0b0806 0%,#24201e 50%,#000000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0b0806 0%,#24201e 50%,#000000 100%); /* IE10+ */ background: linear-gradient(to bottom, #0b0806 0%,#24201e 50%,#000000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b0806', endColorstr='#000000',GradientType=0 ); /* IE6-9 */} /* Full Width Pages */ #contentWalls {background: #000; width: 80%; height: auto; overflow: auto; margin: 15px auto 15px auto; border-radius: 7px;} #contentInner {width:auto; margin: 15px;} .halfpageLeft {float: left; width: 33%; overflow: auto;text-align: left; margin: 0px 15px 0px 0px;} .halfpageRight {float: right; width: 33%; overflow: auto; text-align: left;} /* +++++++++++++++++++++++++++ VARIOUS PAGE TEMPLATES +++++++++++++++++++++++++++ */ .contentMain h1 {font-size: 1.5em; font-weight: 400; line-height: 100%; margin: 0px 0px 15px 0px;} .contentMain h2 {font-size: 1.3em; font-weight: 400; line-height: 100%; margin: 0px 0px 15px 0px;} .contentMain h3 {font-size: 1.1em; font-weight: 400; line-height: 100%; margin: 0px 0px 15px 0px;} .contentMain h4 {font-size: 1em; font-weight: 400; line-height: 100%; margin: 0px 0px 15px 0px;} .contentMain p {width: auto; font-size: 0.9em; font-weight: 300; line-height: 100%; margin: 0px 0px 15px 0px;} .contentMain a {color: #F0602B;} .contentMain a { -webkit-transition: color .4s ease-out; } .contentMain a:hover{color: #FFF;} /* DON'T ASSIGN UL LI CSS TO contentMain */ .contentAlt h1 {font-size: 1.5em; font-weight: 400; line-height: 100%; margin: 0px 0px 15px 0px;} .contentAlt h2 {font-size: 1.3em; font-weight: 400; line-height: 100%; margin: 0px 0px 15px 0px;} .contentAlt h3 {font-size: 1.1em; font-weight: 400; line-height: 100%; margin: 0px 0px 15px 0px;} .contentAlt p {width: auto; font-size: 0.9em; font-weight: 300; line-height: 100%; margin: 0px 0px 15px 0px;} .contentAlt a {color: #F0602B;} .contentAlt a { -webkit-transition: color .4s ease-out; } .contentAlt a:hover{color: #FFF;} .contentAlt ul {list-style-type: none; padding: 0px 0px 0px 15px; margin: 10px 0px 10px 0px; font-weight: 300; font-size: 0.9em;} .contentAlt ul li {margin: 0px 0px 3px 3px; padding: 0px 0px 0px 0px; display: list-item; list-style-type: disc; } .contentAlt ul li ul {list-style-type: none; list-style: none; padding: 0px 0px 0px 15px; margin: 10px 0px 25px 15px; font-weight: 300; font-size: 0.9em;} .contentAlt ul li ul li {margin: 0px 0px 3px 3px; padding: 0px 0px 0px 0px; display: list-item; list-style-type: disc;} .contentAlt ol {list-style-type: none; padding: 0px 0px 0px 15px; margin: 10px 0px 10px 0px; font-weight: 300; font-size: 0.9em;} .contentAlt ol li {margin: 0px 0px 3px 3px; padding: 0px 0px 0px 0px; display: list-item; list-style-type: decimal; } .contentAlt ol li ol {list-style-type: none; list-style: none; padding: 0px 0px 0px 15px; margin: 10px 0px 25px 15px; font-weight: 300; font-size: 0.9em;} .contentAlt ol li ol li {margin: 0px 0px 3px 3px; padding: 0px 0px 0px 0px; display: list-item; list-style-type: disc;} .trailersTopBanner { border: 0px; width: 100%; text-align: center; height: 120px; overflow: auto; margin: 0px auto 0px; } .trailersTopBanner img { width: 260px; } .trailersTopBanner H1 {position: relative; top: 110px;} .videoCentered { width: 100%; margin: 10px auto 20px; text-align: center; } .industrySports { background: url(../images/industries-sports-header.jpg) top center no-repeat; border: 0px; width: 100%; text-align: center; height: 120px; overflow: auto; margin: 0px auto 0px; } .industrySports H1 {position: relative; top: 110px;} .industryCommercialAdvertising { background: url(../images/industries-commercials-header.jpg) top center no-repeat; border: 0px; width: 100%; text-align: center; height: 120px; overflow: auto; margin: 0px auto 0px; } /* +++++++++++++++++++++++++++ VARIOUS GRID STYLES +++++++++++++++++++++++++++ */ /* Image Grid Wrap for NEWS MUSIC, CUSTOM MUSIC, TRAILERS */ #imageGridContainer {border: solid 0px #FFF; width: 100%; height: auto; margin: 0px auto; overflow: auto; } .imageGridContainer H2 {font-size: 0.8em; padding: 6px 0px 6px 0px; width: 180px; margin: 0px auto;} .imageGridContainer img {width: 180px; height: 120px;} .imageGridContainer img:hover, .imageGridContainer a img:hover {width: 180px; height: 120px; opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */ } /* Image Grid Wrap for OUR LIBRARIES */ #imageGridContainerNoH2 {border: solid 0px #FFF; width: 100%; height: auto; margin: 0px auto; overflow: auto; } .imageGridContainerNoH2 H2 {display: none;} .imageGridContainerNoH2 img {width: 120px; height: auto;} .imageGridContainerNoH2 img:hover {width: 120px; height: auto; opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */ } /* Image Grid Handler */ .og-grid { list-style: none; padding: 20px 0; margin: 0 auto; text-align: center; width: 100%; } .og-grid li {display: inline-block; margin: 10px 5px 0 5px; vertical-align: top; height: auto; } .og-grid li > a { border: 0px; outline: none; display: block; position: relative; margin: 0px auto; } .og-grid li > a img { border: solid 1px #333; outline: none; display: block; position: relative; margin: 0px auto; background-color: #FFF;} /* Branding Guide Additions */ .unorderedListDual, .unorderedListTriple, .unorderedListQuad {list-style: none; text-align: center; width: 100%; min-width: 960px; margin: 0px auto 30px;} .unorderedListDual li, .unorderedListDual li a {display: inline-block; vertical-align: top; height: auto; width: 49.5%;} .unorderedListDual li img {margin-bottom: 10px; } .unorderedListDual li > ul {width: 100%; margin: 0px;} .unorderedListDual li > ul > li {display: list-item; width:auto; } .unorderedListTriple li, .unorderedListTriple li a {display: inline-block; vertical-align: top; height: auto; width: 28%;} .unorderedListTriple li img {margin-bottom: 10px; } .unorderedListTriple li > ul {width: 100%; margin: 0px;} .unorderedListTriple li > ul > li {display: list-item; width:auto; } .unorderedListQuad li, .unorderedListQuad li a {display: inline-block; vertical-align: top; height: auto; width: 22%;} .unorderedListQuad li > ul > li {display: list-item; width:auto; margin: 0px;padding: 0px; } .unorderedListQuad li > ul > li > a {width:100%; margin: 0px;padding: 0px; } .swatchColor {width:190px; height: 80px;} .swatchInfo {background: #333; color: #808080; width:180px; height: auto; overflow: auto; padding: 5px; } .solidOrange {background-color:#F0602B;} .gradientOrange { background: rgba(244,175,27,1); background: -moz-linear-gradient(top, rgba(244,175,27,1) 0%, rgba(239,95,43,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,175,27,1)), color-stop(100%, rgba(239,95,43,1))); background: -webkit-linear-gradient(top, rgba(244,175,27,1) 0%, rgba(239,95,43,1) 100%); background: -o-linear-gradient(top, rgba(244,175,27,1) 0%, rgba(239,95,43,1) 100%); background: -ms-linear-gradient(top, rgba(244,175,27,1) 0%, rgba(239,95,43,1) 100%); background: linear-gradient(to bottom, rgba(244,175,27,1) 0%, rgba(239,95,43,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4af1b', endColorstr='#ef5f2b', GradientType=0 ); } .gradientGray { background: rgba(214,224,217,1); background: -moz-linear-gradient(top, rgba(214,224,217,1) 0%, rgba(150,150,150,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(214,224,217,1)), color-stop(100%, rgba(150,150,150,1))); background: -webkit-linear-gradient(top, rgba(214,224,217,1) 0%, rgba(150,150,150,1) 100%); background: -o-linear-gradient(top, rgba(214,224,217,1) 0%, rgba(150,150,150,1) 100%); background: -ms-linear-gradient(top, rgba(214,224,217,1) 0%, rgba(150,150,150,1) 100%); background: linear-gradient(to bottom, rgba(214,224,217,1) 0%, rgba(150,150,150,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e0d9', endColorstr='#969696', GradientType=0 ); } .gradientGray:hover { background: rgba(150,150,150,1); background: -moz-linear-gradient(top, rgba(150,150,150,1) 0%, rgba(214,224,217,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(150,150,150,1)), color-stop(100%, rgba(214,224,217,1))); background: -webkit-linear-gradient(top, rgba(150,150,150,1) 0%, rgba(214,224,217,1) 100%); background: -o-linear-gradient(top, rgba(150,150,150,1) 0%, rgba(214,224,217,1) 100%); background: -ms-linear-gradient(top, rgba(150,150,150,1) 0%, rgba(214,224,217,1) 100%); background: linear-gradient(to bottom, rgba(150,150,150,1) 0%, rgba(214,224,217,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969696', endColorstr='#d6e0d9', GradientType=0 ); } .gradientBlack { background: rgba(72,72,74,1); background: -moz-linear-gradient(top, rgba(72,72,74,1) 0%, rgba(35,31,32,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(72,72,74,1)), color-stop(100%, rgba(35,31,32,1))); background: -webkit-linear-gradient(top, rgba(72,72,74,1) 0%, rgba(35,31,32,1) 100%); background: -o-linear-gradient(top, rgba(72,72,74,1) 0%, rgba(35,31,32,1) 100%); background: -ms-linear-gradient(top, rgba(72,72,74,1) 0%, rgba(35,31,32,1) 100%); background: linear-gradient(to bottom, rgba(72,72,74,1) 0%, rgba(35,31,32,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48484a', endColorstr='#231f20', GradientType=0 ); } /* +++++++++++++++++++++++++++ DROPDOWN SELECT +++++++++++++++++++++++++++ */ .dds { display: block; height: 45px; width: 150px; float: left; border: solid 0px #9FF; margin: 0px 0px 25px 0px;} .dds ul { list-style: none; padding: 0px; margin: 0px; position: relative; display: inline-table; float: left; border: solid 0px #888; } .dds ul:after { content: ""; clear: both; display: block; } .dds ul li {position: relative; display: inline; border: solid 0px #F9F; height: 45px; width: 150px; } .dds ul li p {padding: 15px 10px 15px 10px; font-size: 1.1em; font-weight: 700; line-height: 100%; margin: 0px; color: #666;} /* Hide Submenu Elements */ .dds ul ul { display: none; } /* Brings back submenu tabs on hover */ .dds ul li:hover > ul { display: block; } .dds ul li { float: left; height: auto;} /* Tab Styling */ .dds ul li a { height: auto; display: block; text-decoration: none; color: #FFF; font-size: 0.75em; line-height: 100%; padding: 11px 8px 0px 8px; } /* Adds thin right border to menu tabs */ .dds a:active, .dds a:hover {text-decoration: underline; color: #FF892C;} .dds ul li:hover { } .dds ul li:hover a { } /* Styles Dropdown Background */ .dds ul ul { background: #000; border: solid 1px #A4A4A4; position: absolute; top: 100%; width: 755px; padding-bottom: 5px;} .dds ul ul li { background: #333; float: left; position: relative; width: 180px; height: auto; overflow: visible; border: solid 1px #A4A4A4; margin: 5px 0px 0px 5px;} /* Styles Dropdown Elements */ .dds ul ul li a {color: #FFF; border: 0px; padding: 5px;} .dds ul ul li a:hover { color: #000; background:#d6e0d9; text-decoration: none; padding: 5px;} .arrow-down { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #666; position: relative; float: right; top: 5px; } /* +++++++++++++++++++++++++++ NEWS MUSIC, SINGLE-10 +++++++++++++++++++++++++++ */ .newsPageContact {float:right; width: 50%; text-align:left; margin: 0px 0px 25px 15px; overflow: auto; padding-bottom: 10px; background: rgba(34,34,34,1); background: -moz-linear-gradient(top, rgba(34,34,34,1) 0%, rgba(11,8,6,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(34,34,34,1)), color-stop(100%, rgba(11,8,6,1))); background: -webkit-linear-gradient(top, rgba(34,34,34,1) 0%, rgba(11,8,6,1) 100%); background: -o-linear-gradient(top, rgba(34,34,34,1) 0%, rgba(11,8,6,1) 100%); background: -ms-linear-gradient(top, rgba(34,34,34,1) 0%, rgba(11,8,6,1) 100%); background: linear-gradient(to bottom, rgba(34,34,34,1) 0%, rgba(11,8,6,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#0b0806', GradientType=0 ); } .newsPageContact p {margin: 10px; color: #808080;} .newsPageContact img {float: right; margin: 0px 0px 0px 15px;} .group:before, .group:after { content:""; display:table; } .group:after { clear:both; } .group { zoom:1; /* For IE 6/7 (trigger hasLayout) */ } .col { display: block; float:left; margin: 1% 0 1% 1.6%; overflow: hidden;} .col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */ @media only screen and (max-width: 480px) { .col { margin: 1% 0 1% 0%; } } .span_2_of_2 { width: 100%;} .span_1_of_2 { width: 49.2%; } /* GO FULL WIDTH AT LESS THAN 480 PIXELS */ @media only screen and (max-width: 480px) { .span_2_of_2 { width: 100%; } .span_1_of_2 { width: 100%; } } .montageWrap {width: 450px; float: left;} .group H4 {margin: 0px 0px 5px 0px;} .description {width: 100%; font-size: 0.9em; line-height: 100%; color: #808080; margin-bottom: 5px; } .wp-audio-shortcode {margin: 5px 0px 5px 0px;} .mejs-mediaelement { } .mejs-container{margin: 0px 0px 15px 0px;} .mejs-container, .mejs-embed, .mejs-embed body { background: #231F20; } .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #111; } .mejs-controls .mejs-time-rail .mejs-time-current { background: #F0602B; } .me-cannotplay { width: auto !important; } /* +++++++++++++++++++++++++++ WHAT'S NEW, BLOG POSTS, SINGLE PAGES WITH SIDE BAR +++++++++++++++++++++++++++ */ /* Pages With Side bar */ #contentWallsTransparent {background: none; width: 80%; min-width: 960px; height: auto; overflow: auto; margin: 15px auto 15px auto; border: solid 0px #666; border-radius: 7px;} #contentLeft {background: #000; width: 70%; height: auto; overflow: auto; margin: 0px; border: solid 0px #666; border-radius: 7px; float: left;} .postArea {margin: 15px; width: auto; height: auto; overflow: auto;} .postAreaThumbnail {margin: 0px 15px; width: 180px; height: auto; float: left;} .postAreaThumbnail:hover {margin: 0px 15px; width: 180px; height: auto; float: left; opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */ } .postArea ul {list-style-type: disc; padding: 0px 0px 0px 15px; margin: 0px 0px 25px 0px; font-size: 0.9em;} .postArea ul li {margin: 0px 0px 3px 3px; padding: 0px 0px 0px 0px; display: list-item; list-style-type: disc; } .postExcerpt {float: left; margin: 15px 0px 15px 0px; width: 100%;} .postExcerpt h2 {margin: 0px 15px 0px 15px;} .postExcerpt p {font-size: 0.9em; margin: 0px 15px 0px 15px;} .meta {font-size: 0.75em; color: #808080; line-height: 100%; width: auto; height: auto; margin: 3px 0px 10px 15px;} .meta a {color: #FFF;} .blogOdd {border: solid 0px #333; background: #333; border-radius: 7px; margin: 15px auto 15px; overflow: auto; padding: 4px; } .blogEven {border: solid 0px #333; background: #111; border-radius: 7px; margin: 0px auto 0px; overflow: auto; padding: 4px; } .metaWrap {width: 100%; border-top: solid 1px #333; margin: 35px 0px 15px 0px; color: #808080; line-height: 100%; font-size: 0.9em; padding-top: 15px;} /* +++++++++++++++++++++++++++ ABOUT US +++++++++++++++++++++++++++ */ .staffPicWrap {width: 275px; height: 300px; border: solid 0px #000; float: left; margin: 15px 0px 5px 0px; padding: 3px; text-align: center; } .staffPicWrap img {margin: 0px;} .staffName {font-size: 0.9em;} .staffTitle {font-size: 0.7em;} .staffPhone {font-size: 0.7em;} .staffEmail {font-size: 0.7em;} /* +++++++++++++++++++++++++++ FEATURED PLAYLISTS +++++++++++++++++++++++++++ */ .featuredPlaylistsContainer { width: 920px; height: auto; overflow: auto; margin: 0px auto 15px; border: solid 0px #FFF;} .subPlaylistHeader {padding: 7px 0px 0px 0px; height: 25px; margin: 10px 0px 5px 0px; width: 100%; } .subPlaylistHeader {color: #FFF; font-size: 1.2em; line-height: 100%;} /* +++++++++++++++++++++++++++ FILTER BAR +++++++++++++++++++++++++++ */ #filterBarWrap {width: auto; height: 25px; border: solid 0px #fff; background: #333; margin: 0px auto 25px; } #filterBarWrap ul {position: relative; top: 3px;} #filterBarWrap ul li {display: inline; } #filterBarWrap ul li:hover {display: inline;} #filterBarWrap ul li a {text-transform: uppercase; padding: 0px 15px 3px 15px; font-size: 0.9em; line-height: normal; color: #fff; border-right: solid 1px #000;} #filterBarWrap ul li a:hover {text-decoration: underline;color: #FF892C; } .filterBarContainer {width: 100%; height: 25px; margin: 0px 0px 5px 0px; padding: 0px; border: solid 0px #808080; text-align: left;} /*#filterBarWrap {position: relative; float: right; width: 50%; height: 25px; margin: 0px; padding: 0px; border: solid 1px #FFF;}*/ #filterBarForm #searchBox {float:right; width: 30%; height: 25px; color: #808080; font-size: 1em; padding: 0px 0px 0px 10px; margin: 0px; font-family: 'Lato', sans-serif; font-weight: 400; border: 0px; background: #333; } #newssearchsubmit { color: #FFF; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 0.9em; line-height: 100%; float: right; width: 50px; height: 25px; border: 0px; padding: 0px; background: rgba(245,184,0,1); background: -moz-linear-gradient(top, rgba(245,184,0,1) 0%, rgba(244,99,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,184,0,1)), color-stop(100%, rgba(244,99,0,1))); background: -webkit-linear-gradient(top, rgba(245,184,0,1) 0%, rgba(244,99,0,1) 100%); background: -o-linear-gradient(top, rgba(245,184,0,1) 0%, rgba(244,99,0,1) 100%); background: -ms-linear-gradient(top, rgba(245,184,0,1) 0%, rgba(244,99,0,1) 100%); background: linear-gradient(to bottom, rgba(245,184,0,1) 0%, rgba(244,99,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5b800', endColorstr='#f46300', GradientType=0 ); cursor: pointer; display: inline-table;} #newssearchsubmit:hover { background: rgba(244,99,0,1); background: -moz-linear-gradient(top, rgba(244,99,0,1) 0%, rgba(245,184,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,99,0,1)), color-stop(100%, rgba(245,184,0,1))); background: -webkit-linear-gradient(top, rgba(244,99,0,1) 0%, rgba(245,184,0,1) 100%); background: -o-linear-gradient(top, rgba(244,99,0,1) 0%, rgba(245,184,0,1) 100%); background: -ms-linear-gradient(top, rgba(244,99,0,1) 0%, rgba(245,184,0,1) 100%); background: linear-gradient(to bottom, rgba(244,99,0,1) 0%, rgba(245,184,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f46300', endColorstr='#f5b800', GradientType=0 ); } .pagination {width: 60%; height: 25px; font-size: 0.9em; line-height: 100%; margin: 5px 0px; padding: 0px; float: left;} .pagination .page-numbers { padding: 1px 4px 1px 4px; margin: 2px 3px 0px 0px; border: solid 1px #666; } .pagination .page-numbers:hover { border: solid 1px #FFF; } .pagination .current { color: #FFF; border: solid 1px #FFF; } .pagination .prev, .pagination .next { border: none; } .pagination .prev:hover, .pagination .next:hover { border: none; } .breadcrumbs {font-size: 0.7em; font-weight: 400; color: #808080; text-transform: uppercase; line-height: 100%; width:auto; margin: 0px auto 15px; padding-bottom: 7px; border-bottom: solid 1px #333;} .breadcrumbs a:hover {text-decoration: none;} /* +++++++++++++++++++++++++++ CONTACT PAGE +++++++++++++++++++++++++++ */ .locationWrapFull {width: 100%; min-width: 960px; margin: 0px 15px 25px 0px; overflow:visible; border: solid 0px #FFF;} .locationTitleFull {float: left; margin: 0px; padding: 0px; width: 100%; color: #fff; border-bottom: solid 1px #666;} .locationDetailsFull {float: left; width: 100%; margin: 10px 15px 15px 15px; } .locationWrap {width: 100%; margin: 0px 0px 25px 0px; overflow:auto;} .locationInfo {width: 55%; float: left; } .locationInfo H2 {color: #FFFFFF; font-size: 1.1em; line-height:100%;} .locationTitle {float: left; padding: 0px; height: 30px; width: 100%; border-bottom: solid 1px #666; } .locationDetails {color: #808080; float: left; width:100%; padding: 10px 0px 15px 15px; } .mapWrap {float: right; color: #fff; padding: 6px; width: 400px;} .mapWrap a {color: #666; font-size: .8em;} .easy-tooltip {} .classic {background: #000;} .collapseomatic {color:#F28D22;} .collapseomatic_content {color:#FFF; } .collapseomatic_content p {color:#FFF;} .mapOverlay {background: #111; width: 300px; height: auto; float: right; position: relative; top:-250px; right: 10px; padding: 6px; border-radius: 7px;opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */ -webkit-box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.75); -moz-box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.75); box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.75); } .mapOverlay p {opacity:1.0; filter:alpha(opacity=100); } .mapOverlay a {opacity:1.0; filter:alpha(opacity=100); } .contactAddressLeft {float: left; width: 33%; text-align: left;} .contactAddressMiddle {float: left; width: 30%; text-align: left;} .contactAddressRight {float: right; width: 33%; text-align: right;} /* +++++++++++++++++++++++++++ SIDEBAR OGM +++++++++++++++++++++++++++ */ #sidebarWrap {background: #000; width: 28%; height: auto; overflow: auto; margin: 0px auto 25px; border: 0px; border-radius: 7px; float: right;} #sidebar {margin: 15px; width: auto; height: auto; overflow: auto;} #sidebar h3 {margin: 0px 0px 5px 0px; border-bottom: solid 1px #333;} #sidebar ul {list-style-type: none; padding: 0px; margin: 0px 0px 25px 0px; font-size: 0.9em;} #sidebar ul li {display: block; margin: 0px 0px 3px 0px; padding: 0px 0px 0px 0px;} .sidebarImage {width: auto; height: auto; margin: 0px 0px 15px 10px; float: right; border: solid 0px #FFF; text-align: center; } .sidebarImage > img {margin: 0px auto; background: #fff;} .sidebarContent {font-size:0.9em; margin: 0px 0px 25px 0px; color: #808080; font-weight: 300; line-height: 100%; } .sidebarCDTitle {margin: 5px auto 25px auto; text-align: center;} #filterbarthin {list-style: none; padding: 0; margin: 15px 0px 20px 0px; background: #2e2e2e url(../images/nav_bar_thin.png) repeat-x; overflow: hidden; height:27px; width: 920px;} #filterbarthin li {display: inline; font-family: 'Coustard', serif; font-weight: 400; font-size: 0.85em; color: #fff; padding: 0px; margin: 0px; height: 27px; } #filterbarthin li p {display: block; float: left; padding: 10px 10px; color: white; text-decoration: none; line-height: 15px; } #filterbarthin li a { display: block; float: left; padding: 10px 10px; color: white; text-decoration: none; line-height: 15px; border-right: solid 1px #939393;} #filterbarthin li a:hover { background: #1b1b1b url(../images/nav_bar_thin_down.png) repeat-x; } #filterbarthin li a.selected { background: #1b1b1b url(../images/nav_bar_thin_down.png) repeat-x; } /* Musical Styles */ #musicalStyles {margin: 0px auto 35px auto; width: auto;overflow: auto; } #musicalStyles a {font-size: .85em;} #musicalStyles ul li {list-style-type: none; margin: 0px 10px 0px 0px; padding: 4px 0px 4px 10px; display: block; float: left; width: 210px; line-height: 24px; border-bottom: solid 1px #CCC; } #musicalStyles ul li a {width: 100px;} #musicalStyles li a {} #musicalStyles li {list-style-type: none; list-style: none; border: solid 0px #888;} /* News Music Page */ #contentLeftNewsMusic {width: 70%; height: auto; overflow: hidden; margin:30px 0px 0px 0px; float: left; border: solid 0px #FFF;} .news-music-logo-buttons { width: 100%; overflow: auto; } .news-music-logo-buttons ul li { display: inline-block; width: 200px; padding: 2px 5px; } /* News Music - Microsites Basic */ #newscontentContainer {width: 100%; margin: 0px auto; height: auto; overflow: auto; } #contentNewsMusicWrap {background: #000; width: 80%; min-width: 960px; height: auto; overflow: auto; margin: 0px auto 0px auto; border: solid 0px #666;} #contentNewsMusic {border: solid 0px #fff; margin: 15px; width: auto; height: auto; overflow: hidden; box-sizing: border-box;} .newscontactMark {clear: both; margin: 75px auto 30px auto; font-weight: 300; font-size: 0.8em; } .poweredbyWCPM {margin: 100px auto 30px auto; } .newsmontageversion {font-size: 2.7em; width: 70px; height:45px; margin: 0px 5px 5px 0px; overflow: visible;float: left;} .newsmontagedescription {float: left; font-size: 0.75em; margin: 0px 0px 5px 0px; overflow:visible; border: solid 0px #FFF; width: 375px; color: #FFF; text-transform: uppercase; line-height: 100%; padding: 4px 0px 0px 0px; } .newsmontageaudio {width:auto; height: 35px; border: solid 0px #FFF; clear: left; margin: 0px 0px 35px 0px;} .tintedbackground {background-color:rgba(0,0,0,0.7); filter: alpha(opacity=70); padding: 3px; width: 368px;} .tintedbackgroundfree {background-color:rgba(0,0,0,0.7); filter: alpha(opacity=70); padding: 6px; overflow: visible;} .newsVideocentered {clear:both; width: 100%; margin: 10px auto 0px;} /* News Music - Microsites Specific */ /* Impact */ .newsbgImpact {background: url(http://www.warnerchappellpm.com/images/news-music-microsite/background-starfield.jpg) repeat; } #contentNewsMusicWrapImpact {background: url(http://www.warnerchappellpm.com/images/news-music-microsite/impact-main-image.jpg) no-repeat center top; width: auto; min-width: 960px; height: 100%; min-height: 1000px; overflow: auto; margin: 0px auto 0px auto; padding: 0px 10px 0px 10px; text-align: center; border: solid 0px #FFF; } #contentNewsMusicMicrositeImpact {border: solid 0px #fff; margin: 15px; width: auto; max-width: 960px; height: auto; overflow: auto; margin: 0px auto 0px; padding: 15px;} #newsHeaderImpact {border: solid 0px #fff; margin: 0px auto 0px; height: 500px; width: auto;} .contentNewsPackageDescriptionImpact {background-color:rgba(0,0,0,0.7); filter: alpha(opacity=70); width: auto; height: auto; margin: 0px auto 25px; padding: 10px; } .contentNewsPackageDescriptionImpact p {} .newsLogoImpact {position: relative; left: -220px; top: 320px;} .news615LogoImpact {position: relative; right: -750px; top: 175px; width: 200px; text-align: right;} /* Tower */ .newsbgTower {background: url(http://www.warnerchappellpm.com/images/news-music-microsite/background-tower.jpg) repeat; } #contentNewsMusicWrapTower {background: url(http://www.warnerchappellpm.com/images/news-music-microsite/tower-main-image.jpg) no-repeat center top; width: auto; min-width: 960px; height: 100%; min-height: 1000px; overflow: auto; margin: 0px auto 0px auto; padding: 0px 10px 0px 10px; text-align: center; border: solid 0px #FFF; } #contentNewsMusicMicrositeTower {border: solid 0px #fff; margin: 15px; width: auto; max-width: 960px; height: auto; overflow: auto; margin: 0px auto 0px; padding: 15px;} #newsHeaderTower {border: solid 0px #fff; margin: 0px auto 0px; height: 500px; width: auto;} .contentNewsPackageDescriptionTower {background-color:rgba(0,0,0,0.7); filter: alpha(opacity=70); width: auto; height: auto; margin: 0px auto 25px; padding: 10px; } .contentNewsPackageDescriptionTower p {} .news615LogoTower {position: relative; top: 230px; width: auto; text-align: right; } .contentNewsPackageTowerLogoBG {background-color:rgba(0,0,0,0.7); filter: alpha(opacity=70); width: 100%; height: auto; position: relative; top:245px;} .newsLogoTower {margin:auto 0px auto;} /* Icon */ .newsbgIcon {background: url(http://www.warnerchappellpm.com/images/news-music-microsite/background-icon.jpg) repeat; } #contentNewsMusicWrapIcon {background: url(http://www.warnerchappellpm.com/images/news-music-microsite/icon-news-music-package-main-image.jpg) no-repeat center top; width: auto; min-width: 960px; height: 100%; min-height: 1000px; overflow: auto; margin: 0px auto 0px auto; padding: 0px 10px 0px 10px; text-align: center; border: solid 0px #FFF; } #contentNewsMusicMicrositeIcon {border: solid 0px #fff; margin: 15px; width: auto; max-width: 960px; height: auto; overflow: auto; margin: 0px auto 0px; padding: 15px;} #newsHeaderIcon {border: solid 0px #fff; margin: 0px auto 0px; height: 415px; width: auto;} .contentNewsPackageDescriptionIcon {background-color:rgba(0,0,0,0.7); filter: alpha(opacity=70); width: auto; height: auto; margin: 0px auto 25px; padding: 10px; } .contentNewsPackageDescriptionIcon p {} .news615LogoIcon {position: relative; top: 130px; width: auto; text-align: right;} .contentNewsPackageIconLogoBG {width: 100%; height: auto; position: relative; top:145px;} .newsLogoIcon {margin:auto 0px auto;} /* Propulsion */ .newsbgPropulsion {background: url(http://www.warnerchappellpm.com/images/news-music-microsite/background-starfield.jpg) repeat; } #contentNewsMusicWrapPropulsion {background: url(http://www.warnerchappellpm.com/images/news-music-microsite/propulsion-news-music-package-main-image.jpg) no-repeat center top; width: auto; min-width: 960px; height: 100%; min-height: 1000px; overflow: auto; margin: 0px auto 0px auto; padding: 0px 10px 0px 10px; text-align: center; border: solid 0px #FFF; } #contentNewsMusicMicrositePropulsion {border: solid 0px #fff; margin: 15px; width: auto; max-width: 960px; height: auto; overflow: auto; margin: 0px auto 0px; padding: 15px;} #newsHeaderPropulsion {border: solid 0px #fff; margin: 0px auto 0px; height: 415px; width: auto;} .contentNewsPackageDescriptionPropulsion {background-color:rgba(0,0,0,0.7); filter: alpha(opacity=70); width: auto; height: auto; margin: 0px auto 25px; padding: 10px; } .contentNewsPackageDescriptionPropulsion p {} .news615LogoPropulsion {position: relative; top: 160px; width: auto; text-align: right;} .contentNewsPackagePropulsionLogoBG {background-color:rgba(0,0,0,0.7); filter: alpha(opacity=70); width: 100%; height: auto; position: relative; top:145px;} .newsLogoPropulsion {margin:auto 0px auto;} /* In-Sink */ .newsbgInSink {background: url(http://www.warnerchappellpm.com/images/news-music-microsite/background-in-sink.jpg) repeat; } #contentNewsMusicWrapInSink {background: url(http://www.warnerchappellpm.com/images/news-music-microsite/in-sink-news-music-package-main-image.jpg) no-repeat center top; width: auto; min-width: 960px; height: 100%; min-height: 1000px; overflow: auto; margin: 0px auto 0px auto; padding: 0px 10px 0px 10px; text-align: center; border: solid 0px #FFF; } #contentNewsMusicMicrositeInSink {border: solid 0px #fff; margin: 15px; width: auto; max-width: 960px; height: auto; overflow: auto; margin: 0px auto 0px; padding: 15px;} #newsHeaderInSink {border: solid 0px #fff; margin: 0px auto 0px; height: 400px; width: auto;} .contentNewsPackageDescriptionInSink {background-color:rgba(0,0,0,0.7); filter: alpha(opacity=70); width: auto; height: auto; margin: 0px auto 25px; padding: 10px; } .contentNewsPackageDescriptionInSink p {} .news615LogoInSink {position: relative; right: -755px; top: 145px; width: 200px; text-align: right;} .contentNewsPackageInSinkLogoBG {background-color:rgba(0,0,0,0.7); filter: alpha(opacity=70); width: 100%; height: auto; position: relative; top:145px;} .newsLogoInSink {position: relative; left: -290px; top: 260px;} /* Battery */ .newsbgBattery {background: url(http://www.warnerchappellpm.com/images/news-music-microsite/background-battery.jpg) repeat; } #contentNewsMusicWrapBattery {background: url(http://www.warnerchappellpm.com/images/news-music-microsite/battery-news-music-package-main-image.jpg) no-repeat center top; width: auto; min-width: 960px; height: 100%; min-height: 1000px; overflow: auto; margin: 0px auto 0px auto; padding: 0px 10px 0px 10px; text-align: center; border: solid 0px #FFF; } #contentNewsMusicMicrositeBattery {border: solid 0px #fff; margin: 15px; width: auto; max-width: 960px; height: auto; overflow: auto; margin: 0px auto 0px; padding: 15px;} #newsHeaderBattery {border: solid 0px #fff; margin: 0px auto 0px; height: 415px; width: auto;} .contentNewsPackageDescriptionBattery {background-color:rgba(0,0,0,0.7); filter: alpha(opacity=70); width: auto; height: auto; margin: 0px auto 25px; padding: 10px; } .contentNewsPackageDescriptionBattery p {} .news615LogoBattery {position: relative; top: 130px; width: auto; text-align: right;} .contentNewsPackageBatteryLogoBG {width: 100%; height: auto; position: relative; top:145px;} .newsLogoBattery {margin:auto 0px auto;} /* Coverage */ .newsbgCoverage {background: url(http://www.warnerchappellpm.com/images/news-music-microsite/background-coverage.jpg) repeat; } #contentNewsMusicWrapCoverage {background: url(http://www.warnerchappellpm.com/images/news-music-microsite/coverage-news-music-package-main-image.jpg) no-repeat center top; width: auto; min-width: 960px; height: 100%; min-height: 1000px; overflow: auto; margin: 0px auto 0px auto; padding: 0px 10px 0px 10px; text-align: center; border: solid 0px #FFF; } #contentNewsMusicMicrositeCoverage {border: solid 0px #fff; margin: 15px; width: auto; max-width: 960px; height: auto; overflow: auto; margin: 0px auto 0px; padding: 15px;} #newsHeaderCoverage {border: solid 0px #fff; margin: 0px auto 0px; height: 300px; width: auto;} .contentNewsPackageDescriptionCoverage {width: 700px; height: auto; margin: 0px auto 40px; padding: 10px; color: #5b5347; border-top: solid 1px #5b5347; border-bottom: solid 1px #5b5347; } .contentNewsPackageDescriptionCoverage p {font-weight: 400; margin: 0px;} .news615LogoCoverage {position: relative; right: -730px; top: 230px; width: 200px; text-align: center;} .contentNewsPackageCoverageLogoBG {width: 100%; height: auto; position: relative; top:100px;} .newsLogoCoverage {margin:auto 0px auto;} /* Generic */ .newsbgGeneric {} #contentNewsMusicWrapGeneric {width: auto; min-width: 960px; height: 100%; min-height: 1000px; overflow: auto; margin: 0px auto 0px auto; padding: 0px 10px 0px 10px; text-align: center; border: solid 0px #FFF; } #contentNewsMusicMicrositeGeneric {border: solid 0px #fff; margin: 15px; width: auto; max-width: 960px; height: auto; overflow: auto; margin: 0px auto 0px; padding: 15px;} #newsHeaderGeneric {border: solid 0px #fff; margin: 0px auto 0px; height: 335px; width: auto;} .contentNewsPackageDescriptionGeneric {background-color:rgba(0,0,0,0.7); filter: alpha(opacity=70); width: auto; height: auto; margin: 0px auto 25px; padding: 10px; } .contentNewsPackageDescriptionGeneric p {} .news615LogoGeneric {position: relative; top: 150px; width: 100%; text-align: right; } .contentNewsPackageGenericLogoBG {background-color:rgba(0,0,0,0.7); filter: alpha(opacity=70); width: auto; height: auto; position: relative; top:125px; padding: 10px 0px 5px 0px;} .newsLogoGeneric {margin: 0px auto 0px;} .newsLogoGeneric h1 {font-size: 3em; line-height: 100%;} .newsmontagedescriptionGeneric {float: left; font-size: 0.9em; margin: 0px 0px 5px 0px; overflow:visible; border: solid 0px #FFF; width: 100%; color: #FFF; text-transform: uppercase; line-height: 100%; padding: 4px 0px 0px 0px; } .tintedbackgroundGeneric {background-color:rgba(0,0,0,0.7); filter: alpha(opacity=70); padding: 6px; width: 438px;} /* Themed */ .newsbgThemed {} #contentNewsMusicWrapThemed {width: auto; min-width: 960px; height: 100%; min-height: 1000px; overflow: auto; margin: 0px auto 0px auto; padding: 0px 10px 0px 10px; text-align: center; border: solid 0px #FFF; } #contentNewsMusicMicrositeThemed {border: solid 0px #fff; margin: 15px; width: auto; max-width: 960px; height: auto; overflow: auto; margin: 0px auto 0px; padding: 15px;} #newsHeaderThemed {border: solid 0px #fff; margin: 0px auto 0px; height: 400px; width: auto;} .contentNewsPackageDescriptionThemed {background-color:rgba(0,0,0,0.7); filter: alpha(opacity=70); width: auto; height: auto; margin: 0px auto 25px; padding: 10px; } .contentNewsPackageDescriptionThemed p {} .news615LogoThemed {position: relative; top: 250px; width: 100%; text-align: right; } .contentNewsPackageThemedLogoBG {background-color:rgba(0,0,0,0.7); filter: alpha(opacity=70); width: auto; height: auto; position: relative; top:125px; padding: 10px 0px 5px 0px;} .newsLogoThemed {margin: 0px auto 0px;} .newsLogoThemed h1 {font-size: 3em; line-height: 100%;} .newsmontagedescriptionThemed {float: left; font-size: 0.9em; margin: 0px 0px 5px 0px; overflow:visible; border: solid 0px #FFF; width: 100%; color: #FFF; text-transform: uppercase; line-height: 100%; padding: 4px 0px 0px 0px; } .tintedbackgroundThemed {background-color:rgba(0,0,0,0.7); filter: alpha(opacity=70); padding: 6px; width: 438px;} /* Gari */ .newsbgGari {background: url(http://www.warnerchappellpm.com/images/news-music-microsite/gari-news-music-package-background-2.jpg) repeat; } #contentNewsMusicWrapGari {background: url(http://www.warnerchappellpm.com/images/news-music-microsite/gari-news-music-package-main-image.jpg) repeat; width: 960px; height: 100%; min-height: 1000px; overflow: auto; margin: 0px auto 0px auto; padding: 0px 10px 0px 10px; text-align: center; border: solid 0px #FFF; } #contentNewsMusicMicrositeGari {border: solid 0px #fff; margin: 15px; width: auto; max-width: 960px; height: auto; overflow: auto; margin: 0px auto 0px; padding: 15px;} #newsHeaderGari {border: solid 0px #fff; margin: 0px auto 0px; height: 170px; width: auto;} .contentNewsPackageDescriptionGari {background-color:rgba(0,0,0,0.7); filter: alpha(opacity=70); width: auto; height: auto; margin: 0px auto 25px; padding: 10px; } .contentNewsPackageDescriptionGari p {} .newsLogoGari { width: 100%; margin: 20px auto; } .contentNewsPackageGariLogoBG {width: auto; height: auto; margin: 80px 0px 5px 0px;} .newsLogoGari {margin: 0px auto 0px;} .newsLogoGari h1 {font-size: 3em; line-height: 100%; color: #4C4C4C;} .newsmontagedescriptionGari {float: left; font-size: 0.9em; margin: 0px 0px 5px 0px; overflow:visible; border: solid 0px #FFF; width: 100%; color: #FFF; text-transform: uppercase; line-height: 100%; padding: 4px 0px 0px 0px; } .tintedbackgroundGari {background-color:rgba(0,0,0,0.7); filter: alpha(opacity=70); padding: 6px; } /* A New Wish */ .newsbgNewWish {background: url(http://www.warnerchappellpm.com/images/news-music-microsite/background-starfield.jpg) repeat; } #contentNewsMusicWrapNewWish {background: url(http://www.warnerchappellpm.com/images/news-music-microsite/new-wish-news-music-package-main-image.jpg) no-repeat center top; width: auto; min-width: 960px; height: 100%; min-height: 1000px; overflow: auto; margin: 0px auto 0px auto; padding: 0px 10px 0px 10px; text-align: center; border: solid 0px #FFF; } #contentNewsMusicMicrositeNewWish {border: solid 0px #fff; margin: 15px; width: auto; max-width: 960px; height: auto; overflow: auto; margin: 0px auto 0px; padding: 15px;} #newsHeaderNewWish {border: solid 0px #fff; margin: 0px auto 0px; height: 435px; width: auto;} .contentNewsPackageDescriptionNewWish {background-color:rgba(0,0,0,0.7); filter: alpha(opacity=70); width: auto; height: auto; margin: 0px auto 25px; padding: 10px; } .contentNewsPackageDescriptionNewWish p {} .news615LogoNewWish {position: relative; top: 135px; width: auto; text-align: right;} .contentNewsPackageNewWishLogoBG {width: 100%; height: auto; position: relative; top:145px;} .newsLogoNewWish {margin:auto 0px auto;} /* High Velocity */ .newsbgHighVelocity {background: url(http://www.warnerchappellpm.com/images/news-music-microsite/background-high-velocity.jpg) repeat; } #contentNewsMusicWrapHighVelocity {background: url(http://www.warnerchappellpm.com/images/news-music-microsite/high-velocity-news-music-package-main-image.jpg) no-repeat center top; width: auto; min-width: 960px; height: 100%; min-height: 1000px; overflow: auto; margin: 0px auto 0px auto; padding: 0px 10px 0px 10px; text-align: center; border: solid 0px #FFF; } #contentNewsMusicMicrositeHighVelocity {border: solid 0px #fff; margin: 15px; width: auto; max-width: 960px; height: auto; overflow: auto; margin: 0px auto 0px; padding: 15px;} #newsHeaderHighVelocity {border: solid 0px #fff; margin: 0px auto 0px; height: 500px; width: auto;} .contentNewsPackageDescriptionHighVelocity {background-color:rgba(0,0,0,0.7); filter: alpha(opacity=70); width: auto; height: auto; margin: 0px auto 25px; padding: 10px; } .contentNewsPackageDescriptionHighVelocity p {} .news615LogoHighVelocity {position: relative; top: 120px; width: auto; text-align: right;} .contentNewsPackageHighVelocityLogoBG {width: 100%; height: auto; position: relative; right:200px; top:145px;} .newsLogoHighVelocity {margin:auto 0px auto;} /* Newswire */ .newsbgNewswire {background: url(http://www.warnerchappellpm.com/images/news-music-microsite/background-newswire.jpg) repeat; } #contentNewsMusicWrapNewswire {background: url(http://www.warnerchappellpm.com/images/news-music-microsite/newswire-news-music-package-main-image.jpg) no-repeat center top; width: auto; min-width: 960px; height: 100%; min-height: 1000px; overflow: auto; margin: 0px auto 0px auto; padding: 0px 10px 0px 10px; text-align: center; border: solid 0px #FFF; } #contentNewsMusicMicrositeNewswire {border: solid 0px #fff; margin: 15px; width: auto; max-width: 960px; height: auto; overflow: auto; margin: 0px auto 0px; padding: 15px;} #newsHeaderNewswire {border: solid 0px #fff; margin: 0px auto 0px; height: 440px; width: auto;} .contentNewsPackageDescriptionNewswire {background-color:rgba(0,0,0,0.8); filter: alpha(opacity=80); width: auto; height: auto; margin: 0px auto 25px; padding: 10px; } .contentNewsPackageDescriptionNewswire p {} .news615LogoNewswire {position: relative; top: 140px; width: auto; text-align: right;} .contentNewsPackageNewswireLogoBG {background-color:rgba(0,0,0,0.8); filter: alpha(opacity=80); width: 100%; height: auto; position: relative; top:120px;} .newsLogoNewswire {margin:auto 0px auto;} /* The Unexpected */ .newsbgUnexpected {background: url(http://www.warnerchappellpm.com/images/news-music-microsite/background-the-unexpected.jpg) repeat; } #contentNewsMusicWrapUnexpected {background: url(http://www.warnerchappellpm.com/images/news-music-microsite/the-unexpected-news-music-package-main-image.jpg) no-repeat center top; width: auto; min-width: 960px; height: 100%; min-height: 1000px; overflow: auto; margin: 0px auto 0px auto; padding: 0px 10px 0px 10px; text-align: center; border: solid 0px #FFF; } #contentNewsMusicMicrositeUnexpected {border: solid 0px #fff; margin: 15px; width: auto; max-width: 960px; height: auto; overflow: auto; margin: 0px auto 0px; padding: 15px;} #newsHeaderUnexpected {border: solid 0px #fff; margin: 0px auto 0px; height: 490px; width: auto;} .contentNewsPackageDescriptionUnexpected {background-color:rgba(0,0,0,0.9); filter: alpha(opacity=90); width: auto; height: auto; margin: 0px auto 75px; padding: 10px; } .contentNewsPackageDescriptionUnexpected p {} .news615LogoUnexpected {position: relative; top: 205px; width: auto; text-align: right;} .contentNewsPackageUnexpectedLogoBG {width: 100%; height: auto; position: relative; top:200px;} .newsLogoUnexpected {margin:auto 0px auto;} /* Sizzle Reel */ .newsbgSizzleReel {background: url(http://www.warnerchappellpm.com/images/news-music-microsite/background-starfield.jpg) repeat; } #contentNewsMusicWrapSizzleReel {background: url(http://www.warnerchappellpm.com/images/news-music-microsite/news-music-sizzle-reel-main-image.jpg) no-repeat center top; width: auto; min-width: 960px; height: 100%; min-height: 1000px; overflow: auto; margin: 0px auto 0px auto; padding: 0px 10px 0px 10px; text-align: center; border: solid 0px #FFF; } #contentNewsMusicMicrositeSizzleReel {border: solid 0px #fff; margin: 15px; width: auto; max-width: 960px; height: auto; overflow: auto; margin: 0px auto 0px; padding: 15px;} #newsHeaderSizzleReel {border: solid 0px #fff; margin: 0px auto 0px; height: 350px; width: auto;} .contentNewsPackageDescriptionSizzleReel {background-color:rgba(0,0,0,0.7); filter: alpha(opacity=70); width: auto; height: auto; margin: 15px auto 25px; padding: 10px; } .contentNewsPackageDescriptionSizzleReel p {} .contentNewsPackageDescriptionSizzleReel ul {list-style-type: none; padding: 0px; margin: 15px 0px 0px 0px; font-size: 0.9em;} .contentNewsPackageDescriptionSizzleReel ul li {display: block; margin: 0px 0px 3px 0px; padding: 0px 0px 0px 0px; list-style: circle;} .news615LogoSizzleReel {position: relative; top: 130px; width: auto; text-align: right;} .contentNewsPackageSizzleReelLogoBG {width: 100%; height: auto; position: relative; top:145px;} .newsLogoSizzleReel {margin:auto 0px auto;} /* Shelly Palmer */ #contentNewsMusicWrapShellyPalmer {background: url(http://www.warnerchappellpm.com/images/news-music-microsite/shelly-palmer-main-image.jpg) no-repeat center top; width: auto; min-width: 960px; height: 100%; min-height: 1000px; overflow: auto; margin: 0px auto 0px auto; padding: 0px 10px 0px 10px; text-align: center; border: solid 0px #FFF; } #newsHeaderShellyPalmer {border: solid 0px #fff; margin: 0px auto 0px; height: 80px; width: auto;} .contentNewsPackageDescriptionShellyPalmer {background-color:rgba(0,0,0,0.7); filter: alpha(opacity=70); width: auto; height: auto; margin: 0px auto 25px; padding: 10px; } .contentNewsPackageDescriptionShellyPalmer p {} /* This Is Home */ /* Page Background */ .newsbgTIH {background: #182635;} /* Themed Content Background */ #contentNewsMusicWrapTIH {background: url(http://www.warnerchappellpm.com/images/news-music-microsite/This-Is-Home-News-Music-Package-Background.jpg) no-repeat center top; width: auto; min-width: 960px; height: 100%; min-height: 1000px; overflow: auto; margin: 0px auto 0px auto; padding: 0px 10px 0px 10px; text-align: center; border: solid 0px #FFF; } #contentNewsMusicMicrositeTIH {border: solid 0px #fff; margin: 15px; width: auto; max-width: 960px; height: auto; overflow: auto; margin: 0px auto 0px; padding: 15px;} /* Header Contents */ #newsHeaderTIH {margin: 0px auto 0px; height: 290px; width: auto;} .contentNewsPackageDescriptionTIH {background-color:rgba(0,0,0,0.7); filter: alpha(opacity=70); width: auto; height: auto; margin: 0px auto 25px; padding: 10px; } .contentNewsPackageDescriptionTIH p {} .contentNewsPackageTIHLogoBG {background-color:rgba(0,0,0,0.7); filter: alpha(opacity=70); width: 100%; height: auto; position: relative; top:15px;} .newsLogoTIH {margin:auto 0px auto;} /* TIH Package Track Listing */ .TIHli, .TIHliV2 { background: #151515; } #TIHList {float: left; width: 25%; text-align: center; padding: 0 3px 0 3px;} #TIHList li a { display: list-item; height: 30px; padding-top: 10px; border-bottom: solid 1px #3c3c3c; color: #fff; } #TIHList li p { background: #151515; display: list-item; height: auto; padding-top: 10px; border-bottom: solid 1px #3c3c3c; color: #fff; } #TIHList li a:hover { text-decoration: none; background-color: #333; color: #F0602B; border-left: solid 1px #F0602B; border-right: solid 1px #F0602B; cursor: pointer;} #TIHListV2 {float: left; width: 25%; text-align: center; padding: 0 3px 0 3px;} #TIHListV2 li a { display: list-item; height: 30px; padding-top: 10px; text-transform: uppercase; color: #fff; border-bottom: solid 1px #3c3c3c; } #TIHListV2 li p { background: #050505; display: list-item; height: auto; padding: 10px 5px 10px 5px; color: #BBB; border-bottom: solid 1px #3c3c3c; } #TIHListV2 li a:hover { text-decoration: none; background-color: #333; color: #F0602B; border-left: solid 1px #F0602B; border-right: solid 1px #F0602B; cursor: pointer;} #TIHDetails { float: right; width: 73%; margin: 0 auto; padding: 0px; } .TIHDetails { background: #151515; border: solid 1px #3c3c3c; border-radius: 3px; } .TIHselectedItem { border-left: solid 1px #F0602B; border-right: solid 1px #F0602B; background-color:#333;} /* Image Grid Wrap for NEWS MUSIC */ #imageGridContainerNewsMusic {max-width: 650px; float: left; border: solid 0px #FFF; margin: 0px 0px 15px 0px;} .imageGridContainerNoH2NewsMusic H2 {display: none;} .imageGridContainerNoH2NewsMusic img {width: 150px; height: 150px; margin: 0px 4px 4px 0px;} .imageGridContainerNoH2NewsMusic img:hover {width: 150px; height: 150px; opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */ } #imageGridContainerNewsMusicScrolling {width: 99%; height: 165px; margin: 0px 0px 75px 0px; padding:0px 10px 0px 0px; overflow: visible scroll; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; } #imageGridContainerNewsMusicCategories {width: 99%; height: 90px; margin: 0px 0px 75px 0px; padding:0px 10px 0px 0px;} .newsPopularScrolling {display: inline-block; margin: 0px; padding: 0px;} .newsPopularScrolling img {width: 150px; height: 150px; margin: 0px 5px 0px 0px; } .newsPopularScrolling a img {width: 150px; height: 150px; margin: 0px 5px 0px 0px; } .newsPopularScrolling h2 {display: none;} .newsCategories {display: inline-block; margin: 0px; padding: 0px;} .newsCategories img {height: 30px; margin: 0px 5px 0px 0px; } .newsCategories a img {height: 30px; margin: 0px 5px 0px 0px; } .newsCategories h2 {display: none;} #btnNewsCategories {float: left; width: 130px; height: 40px; margin:0px 5px 5px 0px; text-align: center; font-size: .8em; font-weight: 400; line-height: 40px; color: #4d4d4d; } a.btnNewsCategoriesRollover {display: block; height: 40px; background: rgba(72,72,74,1); background: -moz-linear-gradient(top, rgba(72,72,74,1) 0%, rgba(35,31,32,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(72,72,74,1)), color-stop(100%, rgba(35,31,32,1))); background: -webkit-linear-gradient(top, rgba(72,72,74,1) 0%, rgba(35,31,32,1) 100%); background: -o-linear-gradient(top, rgba(72,72,74,1) 0%, rgba(35,31,32,1) 100%); background: -ms-linear-gradient(top, rgba(72,72,74,1) 0%, rgba(35,31,32,1) 100%); background: linear-gradient(to bottom, rgba(72,72,74,1) 0%, rgba(35,31,32,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48484a', endColorstr='#231f20', GradientType=0 ); } a.btnNewsCategoriesRollover:hover { text-decoration: none; background: rgba(35,31,32,1); background: -moz-linear-gradient(top, rgba(35,31,32,1) 0%, rgba(72,72,74,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(35,31,32,1)), color-stop(100%, rgba(72,72,74,1))); background: -webkit-linear-gradient(top, rgba(35,31,32,1) 0%, rgba(72,72,74,1) 100%); background: -o-linear-gradient(top, rgba(35,31,32,1) 0%, rgba(72,72,74,1) 100%); background: -ms-linear-gradient(top, rgba(35,31,32,1) 0%, rgba(72,72,74,1) 100%); background: linear-gradient(to bottom, rgba(35,31,32,1) 0%, rgba(72,72,74,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#231f20', endColorstr='#48484a', GradientType=0 ); } a.btnNewsCategoriesRollover img {height: 36px; margin: 1px 5px 0px 0px; } #imageGridContainerNewsMusicScrolling::-webkit-scrollbar { -webkit-appearance: none; width: 5px; height: 8px; } #imageGridContainerNewsMusicScrolling::-webkit-scrollbar-track-piece { border-radius: 4px; background-color: rgba(51,51,51,1); width: 5px; height: 8px; } #imageGridContainerNewsMusicScrolling::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(136,136,136,1); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); } /* Image Grid Wrap for ALL NEWS MUSIC */ #imageGridContainerNewsAll {border: solid 0px #FFF; width: 100%; height: auto; margin: 0px auto; overflow: auto; } #imageGridContainerNewsScrolling {border: solid 0px #FFF; width: 100%; height: 550px; margin: 0px auto; overflow-y: auto scroll; overflow-x: auto; } .imageGridContainerNewsAll H2 {font-size: 0.8em; padding: 6px 0px 6px 0px; width: 150px; margin: 0px auto;} .imageGridContainerNewsAll img {width: 150px; height: 150px;} .imageGridContainerNewsAll img:hover, .imageGridContainerNewsAll a img:hover {width: 150px; height: 150px; opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */ } /* News Music Page Sidebar */ #sidebarNewsMusicWrap {width: 25%; min-width: 250px; height: auto; overflow:auto; margin: 10px auto 30px; border: solid 0px #fff; float: right; } #sidebarNewsMusic {margin: 0px 0px 25px 0px; width: auto; height: auto; overflow:hidden; text-align: right; padding: 10px; background-color:rgba(0,0,0,0.7); } #sidebarNewsMusic h3 {margin: 0px 0px 5px 0px; border-bottom: solid 0px #333;} #sidebarNewsMusic ul {list-style-type: none; padding: 0px; margin: 0px 0px 0px 0px; font-size: 0.9em;} #sidebarNewsMusic ul li {display: block; margin: 0px 0px 3px 0px; padding: 0px 0px 0px 0px;} .sidebarNewsMusicImage {width: auto; height: auto; margin: 0px 0px 15px 10px; float: right; border: solid 0px #FFF; text-align: center; } .sidebarNewsMusicImage > img {margin: 0px auto; background: #fff;} .sidebarNewsMusicContent {font-size:0.9em; margin: 0px 0px 25px 0px; color: #808080; font-weight: 300; line-height: 100%; } /* News Music Page Sidebar - Coverage */ #sidebarNewsMusicWrapCoverage {width: 25%; min-width: 250px; height: auto; overflow: visible; margin: 10px auto 30px; border: solid 0px #fff; float: right; } #sidebarNewsMusicCoverage {margin: 0px 0px 25px 0px; width: auto; height: auto; overflow: auto; text-align: right; padding: 10px; color: #5b5347; border-top: solid 1px #5b5347; border-bottom: solid 1px #5b5347; } #sidebarNewsMusicCoverage h3 {margin: 0px 0px 5px 0px; border-bottom: solid 0px #333;} #sidebarNewsMusicCoverage ul {list-style-type: none; padding: 0px; margin: 0px 0px 0px 0px; font-size: 0.9em;} #sidebarNewsMusicCoverage ul li {display: block; margin: 0px 0px 3px 0px; padding: 0px 0px 0px 0px;} #sidebarNewsMusicCoverage ul li a {color: #fff; text-decoration: underline;} #sidebarNewsMusicCoverage ul li a:hover {color: #5b5347; text-decoration:none;} .sidebarNewsMusicImageCoverage {width: auto; height: auto; margin: 0px 0px 15px 10px; float: right; border: solid 0px #FFF; text-align: center; } .sidebarNewsMusicImageCoverage > img {margin: 0px auto; background: #fff;} .sidebarNewsMusicContentCoverage {font-size:0.9em; margin: 0px 0px 25px 0px; color: #808080; font-weight: 300; line-height: 100%; } .filterBarNewsMusicContainer {width: auto; height: 25px; margin: 0px 0px 5px 0px; padding: 0px; border: solid 0px #808080; text-align: left; clear: left;} /*********************************************/ /***** News Music - November 2015 Update *****/ /*********************************************/ .contentNewsMain { text-align: center; padding: 8px; } .contentNewsStandout { background: #151515; border: solid 1px #3c3c3c; border-radius: 10px; } #filteredNewsPackages { width: 100%; margin: 0 auto; padding: 0px; } .news-music-sizzle-reel-thumbnail { width: 100%; margin: 25px auto 25px; text-align: center; } #sidebarNewsFilter ul { margin: 0 0 15px; font-size: 0.8em; display: inline-block; } #sidebarNewsFilter ul li { padding: 6px 8px; } #sidebarNewsFilter ul li:hover { text-decoration: underline; cursor: pointer; color: #fff; background: #f0602b; transition: background 1s; } .selectedNews { color: #fff; border-radius: 3px; background: #f0602b; } .unselectedNews { color: #fff; border-radius: 3px; background: #333; } .btn-orange-gradient { background: rgba(244,174,27,1); background: -moz-linear-gradient(top, rgba(244,174,27,1) 0%, rgba(239,96,43,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,174,27,1)), color-stop(100%, rgba(239,96,43,1))); background: -webkit-linear-gradient(top, rgba(244,174,27,1) 0%, rgba(239,96,43,1) 100%); background: -o-linear-gradient(top, rgba(244,174,27,1) 0%, rgba(239,96,43,1) 100%); background: -ms-linear-gradient(top, rgba(244,174,27,1) 0%, rgba(239,96,43,1) 100%); background: linear-gradient(to bottom, rgba(244,174,27,1) 0%, rgba(239,96,43,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ae1b', endColorstr='#ef602b', GradientType=0 ); } .btn-orange-gradient:hover { background: rgba(239,96,43,1); background: -moz-linear-gradient(top, rgba(239,96,43,1) 0%, rgba(244,174,27,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(239,96,43,1)), color-stop(100%, rgba(244,174,27,1))); background: -webkit-linear-gradient(top, rgba(239,96,43,1) 0%, rgba(244,174,27,1) 100%); background: -o-linear-gradient(top, rgba(239,96,43,1) 0%, rgba(244,174,27,1) 100%); background: -ms-linear-gradient(top, rgba(239,96,43,1) 0%, rgba(244,174,27,1) 100%); background: linear-gradient(to bottom, rgba(239,96,43,1) 0%, rgba(244,174,27,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef602b', endColorstr='#f4ae1b', GradientType=0 ); } .btn-gray-gradient { background: rgba(214,224,217,1); background: -moz-linear-gradient(top, rgba(214,224,217,1) 0%, rgba(150,150,150,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(214,224,217,1)), color-stop(100%, rgba(150,150,150,1))); background: -webkit-linear-gradient(top, rgba(214,224,217,1) 0%, rgba(150,150,150,1) 100%); background: -o-linear-gradient(top, rgba(214,224,217,1) 0%, rgba(150,150,150,1) 100%); background: -ms-linear-gradient(top, rgba(214,224,217,1) 0%, rgba(150,150,150,1) 100%); background: linear-gradient(to bottom, rgba(214,224,217,1) 0%, rgba(150,150,150,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e0d9', endColorstr='#969696', GradientType=0 ); } .btn-gray-gradient:hover { background: rgba(150,150,150,1); background: -moz-linear-gradient(top, rgba(150,150,150,1) 0%, rgba(214,224,217,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(150,150,150,1)), color-stop(100%, rgba(214,224,217,1))); background: -webkit-linear-gradient(top, rgba(150,150,150,1) 0%, rgba(214,224,217,1) 100%); background: -o-linear-gradient(top, rgba(150,150,150,1) 0%, rgba(214,224,217,1) 100%); background: -ms-linear-gradient(top, rgba(150,150,150,1) 0%, rgba(214,224,217,1) 100%); background: linear-gradient(to bottom, rgba(150,150,150,1) 0%, rgba(214,224,217,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969696', endColorstr='#d6e0d9', GradientType=0 ); } /* +++++++++++++++++++++++++++ FOOTER +++++++++++++++++++++++++++ */ #footerWrapNews { border: solid 0px #FFF; width: 100%; background-color: #666; background:url(http://www.warnerchappellpm.com/images/news-music-microsite/footer-news-bg.png); background-position: top center; background-repeat:repeat-x; color: #fff; height:80px;} #footerWrapNews H3 {float: left; font-size: 12px; line-height: 20px; margin-right: 30px;} #footerWrapNews p { padding: 10px 0px 0px 0px; font-size: .8em; line-height: 20px;} #footerWrapNews ul { list-style-type:none; margin: 0px 0px 0px px; padding: 0px 0px 5px 0px; } #footerWrapNews ul li { list-style-type:none; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; } footerNews {position:relative; width: 80%; min-width: 960px; margin:-40px auto 0px auto; height:70px; clear: both; overflow: visible;} .footerNewsCenter {width: auto; text-align: center;margin: 0px auto 0px;} .footerLinksNews {clear: both; width: 940px; margin: 0px auto 0px auto; padding: 20px 0px 0px 20px; border: solid 0px #fff; } .footerLinksNews ul {margin: 0px auto 0px;} .footerLinksNews ul li a, .footerLinks ul li a:link {color: #808080; text-decoration: none; font-size: 12px; line-height: 20px; margin-right: 30px; text-transform: uppercase;} .footerLinksNews a:hover, #footerWrap ul li a:hover {color: #fff; text-decoration: underline;} #footerRegionLinks {float: left; padding: 0px; margin: 0px 10px 0px 0px; height: 20px; } #footerRegionLinks li {display: inline; } #footerRegionLinks li a {display: inline; height: 20px; line-height: 20px; } /* .footerRegions {width: 100%; height: 20px; margin: 8px auto 0px; border: solid 1px #FFF; }*/ .footerGplus {float: right; width: 26px; height: 20px; padding: 0px; margin:0px; text-align: right;} #contentWallsInverse {background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(204,204,204,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc', GradientType=0 ); width: 80%; min-width: 960px; height: auto; overflow: auto; margin: 15px auto 15px auto; border-radius: 7px;} .contentMainInverse h1 {font-size: 1.5em; font-weight: 400; line-height: 100%; margin: 0px 0px 15px 0px; color: #000;} .contentMainInverse h2 {font-weight: 400; line-height: 100%; margin: 0px 0px 15px 0px; color: #000;} .contentMainInverse h3 {font-size: 1.1em; font-weight: 400; line-height: 100%; margin: 0px 0px 15px 0px; color: #000;} .contentMainInverse h4 {font-size: 1em; font-weight: 400; line-height: 100%; margin: 0px 0px 15px 0px; color: #000;} .contentMainInverse p {width: auto; font-size: 0.9em; font-weight: 400; line-height: 100%; margin: 0px 0px 15px 0px; color: #000;} .contentMainInverse a {color: #F0602B;} .contentMainInverse a { -webkit-transition: color .4s ease-out; } .contentMainInverse a:hover{color: #666;} .contentAltInverse h1 {font-size: 1.5em; font-weight: 400; line-height: 100%; margin: 0px 0px 15px 0px; color: #000;} .contentAltInverse h2 {font-size: 1.3em; font-weight: 400; line-height: 100%; margin: 0px 0px 15px 0px; color: #000;} .contentAltInverse h3 {font-size: 1.1em; font-weight: 400; line-height: 100%; margin: 0px 0px 15px 0px; color: #000;} .contentAltInverse { color: #000; font-weight: 400;} .contentAltInverse p {width: auto; font-size: 0.9em; font-weight: 400; line-height: 100%; margin: 0px 0px 15px 0px; color: #000;} .contentAltInverse a {color: #F0602B;} .contentAltInverse a { -webkit-transition: color .4s ease-out; } .contentAltInverse a:hover{color: #666;} .contentAltInverse ul {list-style-type: none; padding: 0px 0px 0px 15px; margin: 10px 0px 10px 0px; font-weight: 400; font-size: 0.9em; color: #000;} .contentAltInverse ul li {margin: 0px 0px 3px 3px; padding: 0px 0px 0px 0px; display: list-item; list-style-type: disc; } .contentAltInverse ul li ul {list-style-type: none; list-style: none; padding: 0px 0px 0px 15px; margin: 10px 0px 25px 15px; font-weight: 400; font-size: 0.9em; color: #000;} .contentAltInverse ul li ul li {margin: 0px 0px 3px 3px; padding: 0px 0px 0px 0px; display: list-item; list-style-type: disc;} .contentAltInverse ol {list-style-type: none; padding: 0px 0px 0px 15px; margin: 10px 0px 10px 0px; font-weight: 400; font-size: 0.9em; color: #000;} .contentAltInverse ol li {margin: 0px 0px 3px 3px; padding: 0px 0px 0px 0px; display: list-item; list-style-type: decimal; } .contentAltInverse ol li ol {list-style-type: none; list-style: none; padding: 0px 0px 0px 15px; margin: 10px 0px 25px 15px; font-weight: 400; font-size: 0.9em; color: #000;} .contentAltInverse ol li ol li {margin: 0px 0px 3px 3px; padding: 0px 0px 0px 0px; display: list-item; list-style-type: disc;} #contentLeftInverse {background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(204,204,204,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc', GradientType=0 ); width: 70%; height: auto; overflow: auto; margin: 0px; border: solid 0px #666; border-radius: 7px; float: left;} .postAreaInverse {margin: 15px; width: auto; height: auto; overflow: auto;} .postAreaInverse ul {list-style-type: disc; padding: 0px 0px 0px 15px; margin: 0px 0px 25px 0px; font-size: 0.9em; font-weight: 400; color: #000;} .postAreaInverse ul li {margin: 0px 0px 3px 3px; padding: 0px 0px 0px 0px; display: list-item; list-style-type: disc; } .paginationInverse {width: 60%; height: 25px; font-size: 0.9em; line-height: 100%; margin: 5px 0px; padding: 0px; float: left;} .paginationInverse .page-numbers { padding: 1px 4px 1px 4px; margin: 2px 3px 0px 0px; border: solid 1px #666; } .paginationInverse .page-numbers:hover { border: solid 1px #000; } .paginationInverse .current { color: #666; border: solid 1px #666; } .paginationInverse .prev, .paginationInverse .next { border: none; } .paginationInverse .prev:hover, .paginationInverse .next:hover { border: none; } #sidebarWrapInverse {background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(204,204,204,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc', GradientType=0 ); width: 28%; height: auto; overflow: auto; margin: 0px auto 25px; border: 0px; border-radius: 7px; float: right;} #sidebarWrapInverse h3 {margin: 0px 0px 5px 0px; border-bottom: solid 1px #333; color: #000;} .contentMainLegendary{background:url(../images/be-legendary-background.jpg); background-repeat: no-repeat; background-position: center 60px; overflow: auto; } .contentMainLegendary h1 {font-size: 1.5em; font-weight: 400; line-height: 100%; margin: 0px 0px 15px 0px; color: #000;} .contentMainLegendary h2 {font-weight: 400; line-height: 100%; margin: 0px 0px 15px 0px; color: #000;} .contentMainLegendary h3 {font-size: 1.1em; font-weight: 400; line-height: 100%; margin: 0px 0px 15px 0px; color: #000;} .contentMainLegendary h4 {font-size: 1em; font-weight: 400; line-height: 100%; margin: 0px 0px 15px 0px; color: #000;} .contentMainLegendary p {width: auto; font-size: 1.0em; font-weight: 400; line-height: 110%; margin: 0px 0px 18px 0px; color: #000;} .contentMainLegendary a {color: #F0602B;} .contentMainLegendary a { -webkit-transition: color .4s ease-out; } .contentMainLegendary a:hover{color: #666;} .contentMainLegendary ul {list-style-type: none; padding: 0px 0px 0px 15px; margin: 10px 0px 10px 0px; font-weight: 400; font-size: 1.1em; color: #F0602B;} .contentMainLegendary ul li {margin: 0px 0px 3px 3px; padding: 0px 0px 0px 0px; display: list-item; list-style-type: disc; } .contentMainLegendary ul li ul {list-style-type: none; list-style: none; padding: 0px 0px 0px 15px; margin: 10px 0px 25px 15px; font-weight: 400; font-size: 0.9em; color: #000;} .contentMainLegendary ul li ul li {margin: 0px 0px 3px 3px; padding: 0px 0px 0px 0px; display: list-item; list-style-type: disc;} .contentMainLegendary ol {list-style-type: none; padding: 0px 0px 0px 15px; margin: 10px 0px 10px 0px; font-weight: 400; font-size: 0.9em; color: #000;} .contentMainLegendary ol li {margin: 0px 0px 3px 3px; padding: 0px 0px 0px 0px; display: list-item; list-style-type: decimal; } .contentMainLegendary ol li ol {list-style-type: none; list-style: none; padding: 0px 0px 0px 15px; margin: 10px 0px 25px 15px; font-weight: 400; font-size: 0.9em; color: #000;} .contentMainLegendary ol li ol li {margin: 0px 0px 3px 3px; padding: 0px 0px 0px 0px; display: list-item; list-style-type: disc;} .contentFRProdMusic1 {width:45%; padding:10px; margin: 15px 0px 20px 10px; float: left; overflow:auto; background-color:#fff; color:#000;border-radius: 7px; } .contentFRProdMusic2 {width:45%; padding:10px; margin: 15px 10px 20px 0px; float: right; overflow:auto; background-color:#fff; color:#000;border-radius: 7px; } .contentFRProdMusic3 {width:45%; min-width: 400px; height: 375px; padding:10px; margin: 15px 0px 20px 10px; float: left; overflow:visible; background-color:#fff; color:#000;border-radius: 7px; text-align:center; } .contentFRProdMusic4 {width:500px; padding:10px; margin: 0px auto 50px auto; overflow:auto; background-color:#fff; color:#000;border-radius: 7px; } .staffPicWrapLegendary {width: 235px; height:auto; border: solid 0px #000; float: left; margin: 15px 0px 5px 0px; padding: 3px; text-align: center; overflow: auto; } .Left {float: left;} .Right {float: right;} .staffPicWrapLegendary img {margin: 0px;} .staffNameLegendary {font-size: 1.1em;} .staffTitleLegendary {font-size: 0.9em;} .staffPhoneLegendary {font-size: 0.9em;} .staffEmailLegendary {font-size: 0.7em;} .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="select"], .wpcf7 textarea { background-color: #fecb98; color: #000; } .wpcf7-submit {background: rgba(244,174,27,1); background: -moz-linear-gradient(top, rgba(244,174,27,1) 0%, rgba(239,96,43,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,174,27,1)), color-stop(100%, rgba(239,96,43,1))); background: -webkit-linear-gradient(top, rgba(244,174,27,1) 0%, rgba(239,96,43,1) 100%); background: -o-linear-gradient(top, rgba(244,174,27,1) 0%, rgba(239,96,43,1) 100%); background: -ms-linear-gradient(top, rgba(244,174,27,1) 0%, rgba(239,96,43,1) 100%); background: linear-gradient(to bottom, rgba(244,174,27,1) 0%, rgba(239,96,43,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ae1b', endColorstr='#ef602b', GradientType=0 ); color: #fff; text-transform:uppercase; font-size: 1.3em; padding: 10px;} .wpcf7-submit:hover {background: rgba(239,96,43,1); background: -moz-linear-gradient(top, rgba(239,96,43,1) 0%, rgba(244,174,27,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(239,96,43,1)), color-stop(100%, rgba(244,174,27,1))); background: -webkit-linear-gradient(top, rgba(239,96,43,1) 0%, rgba(244,174,27,1) 100%); background: -o-linear-gradient(top, rgba(239,96,43,1) 0%, rgba(244,174,27,1) 100%); background: -ms-linear-gradient(top, rgba(239,96,43,1) 0%, rgba(244,174,27,1) 100%); background: linear-gradient(to bottom, rgba(239,96,43,1) 0%, rgba(244,174,27,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef602b', endColorstr='#f4ae1b', GradientType=0 ); color:#FFF; text-transform:uppercase; font-size: 1.3em;} /* Media Queries ================================ */ @media (max-width: 850px) { .main-menu ul { display:none; } .footerLinks H3 { display: none; } #footerRegionLinks { display: none; } #newreleasesBox, #newsContainer, #homepagePlaylists { display: block; } /* News Headers */ #newreleasesHeader, #latestHeader, #featuredPlaylistHeader { background:url(../images/latest-news-wrap-bg.png) top; background-repeat: repeat-x; } } @media (min-width: 850px){ .main-menu select { display:none; } .selectRegion, .selectHeader { display:none; } #headerWrap{height:137px; margin: 0 auto; padding-top: 0; padding-bottom: 0;} /* +++++++++++++++++++++++++++ NAVBAR +++++++++++++++++++++++++++ */ #nav_barWrap {width: 90%; min-width: 960px; position: relative; top: 0px; margin: 0px auto 0px; z-index:3; display: block; float: none;} #nav_bar {height: 35px; margin: 0px auto 0px auto; text-align: left;} /* Initializing Navigation. Horizontal, no bullets */ nav { display: block; height: 33px; width: 100%; min-width: 960px; float: right; } nav ul { list-style: none; padding: 0px; margin: 0px; position: relative; display: inline-table; float: right; } nav ul:after { content: ""; clear: both; display: block; } nav li, li {position: relative; display: inline;} /* Hide Submenu Elements */ nav ul ul { display: none; } /* Brings back submenu tabs on hover */ nav ul li:hover > ul { display: block; } /* nav ul li { float: left; height: 33px; background: url(../images/nav-bg.png); background-repeat: repeat-x; background-position: center bottom; } */ nav ul li { float: left; height: 33px;} /* Tab Styling */ nav ul li a { height: 22px; display: block; text-decoration: none; color: #FFF; text-transform: uppercase; font-size: 0.8em; line-height: 100%; border-right: solid 1px #7A7878; border-bottom: solid 1px #7A7878; margin: 0px auto 0px auto; padding: 11px 8px 0px 8px; } .current-menu-item {text-decoration: underline; color: #FFF;} .current-menu-item a {text-decoration: underline; color: #FFF;} .current-menu-item a:hover {text-decoration: underline; color: #FF892C;} /* Adds thin right border to menu tabs */ .first-menu-item a { } .last-menu-item a { } nav a:active, nav a:hover {text-decoration: underline; color: #FF892C;} nav ul li:hover { } nav ul li:hover a { } /* Styles Dropdown Background */ nav ul ul { background: rgba(214,224,217,1); background: -moz-linear-gradient(top, rgba(214,224,217,1) 0%, rgba(150,150,150,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(214,224,217,1)), color-stop(100%, rgba(150,150,150,1))); background: -webkit-linear-gradient(top, rgba(214,224,217,1) 0%, rgba(150,150,150,1) 100%); background: -o-linear-gradient(top, rgba(214,224,217,1) 0%, rgba(150,150,150,1) 100%); background: -ms-linear-gradient(top, rgba(214,224,217,1) 0%, rgba(150,150,150,1) 100%); background: linear-gradient(to bottom, rgba(214,224,217,1) 0%, rgba(150,150,150,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e0d9', endColorstr='#969696', GradientType=0 ); border: solid 1px #969696; padding: 0px; position: absolute; top: 100%; width: 190px; font-size: 0.9em; } nav ul ul li { float: none; position: relative; } /* Styles Dropdown Elements */ nav ul ul li a {color: #000; border: 0px; } nav ul ul li a:hover { color: #FF892C;background:#d6e0d9; text-decoration: none; } /* Country Selector */ #lang_sel {height: 33px; float: right; margin: 0px; padding: 0px; position: relative; border-bottom: solid 1px #7A7878; display: initial;} #lang_sel a { border: 0px; padding-right: 0px;} #lang_sel ul {} /* +++++++++++++++++++++++++++ LOGO +++++++++++++++++++++++++++ */ #logoWrap {width:80%; min-width: 960px; margin: 0px auto 0px; overflow: visible; position: relative; top: 0px; z-index: 2; display: block; height: auto; background: #000; order: initial; float: none;} #logo {width:130px;height:138px;float:left;position:absolute;top:0px;left:0px; } #logo img {width: 120px; height: 127px;} #logoText {width:170px;height:37px;float:left;position:absolute;top:48px;left:140px;z-index:1;} #logoText img {width: 170px; height: 37px;} /* +++++++++++++++++++++++++++ HEADER LOGIN AND SOCIAL INFO +++++++++++++++++++++++++++ */ #headerInfo {width:40%; min-width: 400px; height: 65px; float:right; position:relative; top:23px; right: 0px; text-align:right; border: solid 0px #FFF; font-size: 0.8em;} #loginStatus {color:#808080;float:right;width:100%; height: 33px;margin:0px; line-height: 12px;display: inline-block;} .loginText {} .loginText a {color: #FFF; text-decoration: underline;} .loginText a:hover {text-decoration: none; color: #F0602B;} #socialNetworks {color:#777979;float:right; width:100%;height:31px;margin: 0px;display: inline-block;} #socialNetworks p {margin-top:8px;} #socialNetworks img {display:inline;float:right;} #liveChatTop {float:right;text-align:left;width:auto;height:23px; border: solid 0px #fff;white-space: nowrap; display: initial;} #liveChatTop p {float: left;} #liveChat404 {float:left;text-align:left;width:910px;height:33px; border: solid 0px #000; margin: 0px 0px 15px 0px;} #liveChat404 p {float: left;} #socialIconsLabel {float: right; width: auto; height: 25px; margin-left: 10px; border: solid 0px #000; display: initial;} #socialIconsTop {float:right;text-align:left;width:140px;height:25px;border: solid 0px #000;} #socialIconsTop img {padding:2px 0px 0px 5px; width: 21px; height: 21px;} #btnSupport {width:65px; height:28px; float:left; margin: 0px 0px 0px 7px;} /* +++++++++++++++++++++++++++ SEARCH BAR +++++++++++++++++++++++++++ */ #searchSection {width: 100%; height: 70px; margin: 0px auto; background:url(../images/search-bar-bg.png) top; background-repeat: repeat-x; display: block; overflow: visible;} /* #searchWrap {width: 60%; min-width: 775px; height: 47px; margin: 0px auto 0px auto; padding: 12px 0px 0px 0px; border: solid 1px #ff9;} */ #searchWrap {width:80%; min-width: 962px; height: 47px; margin: 0px auto 0px auto; padding: 12px 0px 0px 0px; position: relative; z-index: 1; border: solid 0px #FFF;} #searchFormDiv {width: 100%; float: left; height: 45px; margin: 0px;} #searchContents {width: initial; margin: initial;} #btnBrowse {float: left; width: 20%; height: 45px; margin:0px 0px 0px 180px; text-align: center; font-size: 1.0em; font-weight: 700; line-height: 45px; color: #4d4d4d; display: inline-block;} a.btnRollover {display: block; height: 45px; background: url(../images/btn-browse-libraries-hover.png) top center;} a.btnRollover:hover {background: url(../images/btn-browse-libraries-hover.png) bottom center; text-decoration: none; } #searchWrap #s {width: 44%; font-size: 1.875em; color: #4d4d4d; font-family: 'Lato', sans-serif; font-weight: 100; line-height: 100%; float: right; height: 45px; padding: 0px 0px 0px 5px; background: url(../images/search-form-bg.png) top center repeat-x; border: 0px; border-radius: 0; margin: initial; } #searchsubmit {float: right; width: 145px; height: 45px; background: url(../images/btn-search-hover.png) top left no-repeat;border: 0px; cursor: pointer; display: inline-table; border-radius: 0;} #searchsubmit:hover {background: url(../images/btn-search-hover.png) bottom left no-repeat;border: 0px;} /* Hide Search Text from Search Form */ .assistive-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important;} /* +++++++++++++++++++++++++++ HOMEPAGE +++++++++++++++++++++++++++ */ #contentWrapHome {width:100%; height: 100%; min-height: 300px; margin:0px auto 0px auto; padding:0px; overflow:hidden; border: 0px; } /* Slider */ #sliderContainer {position:relative; z-index: 2; overflow: visible; height:auto; width:80%; max-width: 1600px; min-width: 960px; margin: 0px auto 0px auto; border: solid 0px #FFF;display: block;} #slider {position:relative; overflow: hidden; width:100%; height:300px; border: solid 0px #6FF; margin: 0px auto;} #slider ul {position:absolute; list-style:none; top:0; left:0; margin: 0px auto;} #slider li {float: left; width: 1250px; height:300px; margin: 0px auto; border: solid 0px #F6F;} #slider ul li a img {vertical-align: middle; text-align: center; background-position: center center;} .sliderbutton {visibility: hidden; } #slideleft {} #slideleft:hover {} #slideright {} #slideright:hover {} /* News Headers */ #newreleasesHeader, #latestHeader, #newsHeader {color:#fff; width: 100%; height:40px; text-align: center; } #latestHeader, #newsHeader { margin-bottom: 10px;} /* News Content Area */ #homepageNewsWrap {width: 100%; height: 100%; overflow: visible; margin: 0px auto; background: #0b0806; /* Old browsers */ background: -moz-linear-gradient(top, #0b0806 0%, #24201e 50%, #000000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b0806), color-stop(50%,#24201e), color-stop(100%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0b0806 0%,#24201e 50%,#000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0b0806 0%,#24201e 50%,#000000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0b0806 0%,#24201e 50%,#000000 100%); /* IE10+ */ background: linear-gradient(to bottom, #0b0806 0%,#24201e 50%,#000000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b0806', endColorstr='#000000',GradientType=0 ); /* IE6-9 */} #homepageNews {width: 80%; min-width:960px; margin:0px auto; overflow:hidden; background:url(../images/latest-news-wrap-bg.png) top; background-repeat: repeat-x; } /* New Releases Box */ #newreleasesBox {width: 30%; height: 385px; float: left; text-align: center;} /* Homepage News Feed */ #newsContainer {width: 38%; } .newsWrapper {min-width: 280px; margin: 0 auto; text-align: left;} .homeDate {font-size: 0.8em; font-weight:300; margin:2px 0px 0px 15px; color: #808080; text-transform: uppercase;} #homepageNews H2 {margin: 2px 15px 0px 15px; } .homepageNews a {color:#FFF; text-decoration: none; font-size: 0.9em; line-height: 18px; font-weight: 300;} .homeNewsHR { margin: 8px auto 8px auto;} #moreNews {margin: 5px 30px 0px 0px;} /* Featured Playlists */ #homepagePlaylists {width: 32%; height:250px; float:right; overflow:visible;} #homepagePlaylists p {font-size: 0.9em; line-height: 18px; font-weight: 300;} .homeFeaturedPlaylistThumbnail {width: 100%; max-width: 360px; margin: 0;} .featuredAlbums {width: 100%; height: auto; min-height: 250px; margin: 0 auto 10px; padding: 0 3px; text-align: center; overflow: visible;} /* What We Do - Mission Statement */ #whatwedoHeader {width: 67%; height:40px;float:right;background:url(../images/latest-news-wrap-bg.png) top; background-repeat: repeat-x; margin-top: 25px; text-align: left;} #whatwedoHeader H2 { padding-top: 8px; line-height: 21px; } #whatwedo {width:67%; min-height:60px; height: auto; float:right; overflow: visible; text-align: left;} #whatwedo H1 {margin: 8px 5px 0px 15px; font-size: 0.9em; font-weight: 300; line-height: 100%; } /* +++++++++++++++++++++++++++ OUR LIBRARIES, NEWS MUSIC, CUSTOM MUSIC, TRAILERS, FEATURED PLAYLISTS +++++++++++++++++++++++++++ */ #contentContainer {width: 100%; margin: 0px auto; height: auto; overflow: auto; background: #0b0806; /* Old browsers */ background: -moz-linear-gradient(top, #0b0806 0%, #24201e 50%, #000000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b0806), color-stop(50%,#24201e), color-stop(100%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0b0806 0%,#24201e 50%,#000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0b0806 0%,#24201e 50%,#000000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0b0806 0%,#24201e 50%,#000000 100%); /* IE10+ */ background: linear-gradient(to bottom, #0b0806 0%,#24201e 50%,#000000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b0806', endColorstr='#000000',GradientType=0 ); /* IE6-9 */} #contentContainer p {} /* Full Width Pages */ #contentWalls {background: #000; width: 80%; min-width: 960px; height: auto; overflow: auto; margin: 15px auto 15px auto; border: solid 0px #666; border-radius: 7px;} #contentInner {width:auto; margin: 15px;} .halfpageLeft {float: left; width: 33%; min-width: 440px; overflow: auto; border: solid 0px #FFF; text-align: left; margin: 0px 15px 0px 0px;} .halfpageRight {float: right; width: 480px; overflow: auto; border: solid 0px #FFF;text-align: left;} /* +++++++++++++++++++++++++++ FOOTER +++++++++++++++++++++++++++ */ #footerWrap {width: 100%; background-color: #666; background:url(../images/footer.png); background-position: top center; background-repeat:repeat-x; color: #fff; height:80px; text-align: left; margin-top: initial; padding: initial;} #footerWrap H3 {float: left; font-size: 12px; line-height: 20px; margin-right: 30px;} #footerWrap p { padding: 10px 0px 0px 0px; font-size: .8em; line-height: 20px;} #footerWrap ul { list-style-type:none; margin: 0px 0px 0px px; padding: 0px 0px 5px 0px; } #footerWrap ul li { list-style-type:none; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; } footer, .push {position:relative; width: 80%; min-width: 960px; margin:-40px auto 0px auto; height:70px; clear: both; overflow: visible;} .footerLeft {float: left; width: 300px; text-align: left; } .footerRight {float: right; width: 300px; text-align: right;} .footerRight img {border: 0px; margin: -5px 0px -5px 0px; vertical-align: top;} .footerRight a, .footerRight a:link {color: #fff; text-decoration: none; line-height: 20px;} .footerRight a:hover {color: #fff ; text-decoration: underline;} .footerMid {float: left; width: 300px; margin: 0px 0px 0px 0px; vertical-align:top; height: 40px; text-align: center;} .footerMid a img {border: 0px; margin: -5px 0px 0px 0px; vertical-align: top;} .footerLinks {clear: both; width: 100%; min-width: 960px; margin: 0px auto 0px auto; padding: 20px 0px 0px 0px; } .footerLinks ul li a, .footerLinks ul li a:link {color: #808080; text-decoration: none; font-size: 12px; line-height: 20px; margin-right: 30px; text-transform: uppercase;} .footerLinks a:hover, #footerWrap ul li a:hover {color: #fff; text-decoration: underline;} #footerRegionLinks {float: left; padding: 0px; margin: 0px 10px 0px 0px; height: 20px; } #footerRegionLinks li {display: inline; } #footerRegionLinks li a {display: inline; height: 20px; line-height: 20px; } /* .footerRegions {width: 100%; height: 20px; margin: 8px auto 0px; border: solid 1px #FFF; }*/ .footerGplus {float: right; width: 26px; height: 20px; padding: 0px; margin:0px; text-align: right;} .regionList { display:none; width:216px; margin: 0px; padding: 0px; position: relative; top: -2px; } .regionList li { background-color: #f1f1f1; padding:4px 0px 4px 0px; margin: 0px; border-bottom: solid 1px #ccc; text-transform: uppercase; z-index: 1000; position: relative; top: 0px;left: 0px;} .regionList li a {display:block;} .regionList li a:hover {color: #F00880;} /* Clearfix ================================ */ .grid-container:after, .group:after { content: " "; display: table; clear: both; } }