/*==== BODY ===========================*/ * { margin: 0; padding: 0; } html { height: 100%; background: #1f262d url('images/pagebottombg.gif') top left repeat-x; } body { background: #4d7280 url('images/pagetopbg.jpg') top left repeat-x; } a:focus { outline: none; } /*==== HEADINGS & TEXT ===========================*/ body, p, ul, dl, dt, dd, li, h1, h2, h3, h4, h5, h6, div, span { margin: 0; padding: 0; border: 0; } .blue_text { font: 12px Arial, Helvetica, sans-serif; color: #aad9ec; } .white_text { font: 12px Arial, Helvetica, sans-serif; color: #ffffff; } .hiddenPic { display: none; } .center { text-align: center; } .clear { clear: both; } img { margin: 0; padding: 0; border: 0; } hr { margin: 25px 0 0 0; padding: 0; width: 100%; height: 1px; border-top: dashed 1px #CCCCCC; border-right: none; border-left: none; border-bottom: none; } a:link, a:visited { text-decoration: none; } a:hover, a:active { text-decoration: none; } /*==== STRUCTURAL ===========================*/ #container { margin: 0 auto; padding: 0; width: 936px; height: auto; } #content_index { width: 936px; height: 683px; background: url('images/content_indexBG.jpg') top center no-repeat; } #content_news { position: relative; margin: 0; padding: 0 0 25px 0; width: 934px; height: auto; background: #0c0c09 url('images/content_newsBG.jpg') top center no-repeat; border-left: 1px solid #3e4b5c; border-right: 1px solid #3e4b5c; } #content_about { position: relative; margin: 0; padding: 0 0 25px 0; width: 934px; height: auto; background: #0c0c09 url('images/content_aboutBG.jpg') top center no-repeat; border-left: 1px solid #3e4b5c; border-right: 1px solid #3e4b5c; z-index: 0; } #content_media { position: relative; margin: 0; padding: 0 0 25px 0; width: 934px; height: auto; background: #0c0c09 url('images/content_mediaBG.jpg') top center no-repeat; border-left: 1px solid #3e4b5c; border-right: 1px solid #3e4b5c; } #content_communicate { position: relative; margin: 0; padding: 0 0 25px 0; width: 934px; height: auto; background: #0c0c09 url('images/content_communicateBG.jpg') top center no-repeat; border-left: 1px solid #3e4b5c; border-right: 1px solid #3e4b5c; } #content_store { position: relative; margin: 0; padding: 0 0 25px 0; width: 934px; height: auto; background: #0c0c09 url('images/content_storeBG.jpg') top center no-repeat; border-left: 1px solid #3e4b5c; border-right: 1px solid #3e4b5c; } /*==== HEADER ===========================*/ #header { position: relative; width: 936px; height: 112px; background: url('images/headerBG.jpg') top left no-repeat; z-index: 5; } #header .logo { position: absolute; margin: 17px 0 0 19px; width: 452px; height: 45px; } #header .player { position: absolute; margin: 0 0 0 593px; width: 343px; height: 76px; font: 11px Arial, Helvetica, sans-serif; color: #CCCCCC; } #header .player_callout { position: absolute; margin: 16px 0 0 713px; width: 204px; height: 43px; font: 11px Arial, Helvetica, sans-serif; color: #CCCCCC; } #header .nav_wrapper { position: absolute; margin: 77px 0 0 0; width: 936px; height: 35px; } /* Basic code - don't modify */ #global_nav { display: block; margin: 0; padding: 0; position: relative; z-index: 15; } #global_nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; } #global_nav a { display: block; } #global_nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; } * html #global_nav ul { line-height: 0; } /* IE6 "fix" */ #global_nav ul a { zoom: 1; } /*IE6/7 fix */ #global_nav ul li { float: none; } #global_nav ul ul { top: 0; } /* Essentials - configure this */ #global_nav ul { width: 150px; } #global_nav ul ul { left: 131px; } /* Everything else is theming */ #global_nav { height: 35px; } #global_nav *:hover { background-color: none; } #global_nav a { font: 12px Arial, Helvetica, sans-serif; padding: 0; line-height: 1; } #global_nav ul { top: 35px; } #global_nav ul a { margin: 0; padding: 0; } #global_nav ul li a { margin: 0; padding: 5px 0 4px 15px; background: #a1bac3 url('images/dropdown.gif') 0 0 no-repeat; color: #29394f; border-bottom: 1px solid #42636d; border-left: 1px solid #293852; border-right: 1px solid #293852; } #global_nav ul li.hover a { background: #d6eaf1 url('images/dropdownOver.gif') 0 0 no-repeat; color: #041123; text-decoration: none; } #global_nav ul li.hover > a { background: #d6eaf1 url('images/dropdownOver.gif') 0 0 no-repeat; color: #041123; text-decoration: none; } /*==== FOOTER ===========================*/ #footer { position: relative; width: 100%; height: auto; background: #1f262d url('images/pagebottombg.jpg') 0 0 repeat-x; text-align: center; } #footer .content { position: relative; margin: 0 auto; width: 934px; height: 305px; background: #1f262d url('images/footerBG.jpg') top center no-repeat; border-left: 1px solid #4c5157; border-right: 1px solid #4c5157; text-align: center; } #footer .content .nav { padding: 14px 0 0 0; font: 10px Arial, Helvetica, sans-serif; color: #a6a8b2; font-weight: bold; text-transform: uppercase; } #footer .content .nav a { color: #a6a8b2; text-decoration: none; } #footer .content .nav a:hover { color: #fff; text-decoration: underline; } #footer .content .aardvark { padding: 50px 0 0 0; font: 10px Arial, Helvetica, sans-serif; color: #67717f; } /*==== SIDE BARS ===========================*/ #sidebar { position: absolute; margin: 114px 0 0 713px; padding: 0; width: 203px; height: 622px; z-index: 5; } #sidebar h2 a:link, #sidebar h2 a:visited { font: 11px Arial, Helvetica, sans-serif; color: #fafcfc; font-weight: bold; text-transform: uppercase; text-decoration: none; } #sidebar h2 a:hover, #sidebar h2 a:active { font: 11px Arial, Helvetica, sans-serif; color: #fafcfc; font-weight: bold; text-transform: uppercase; text-decoration: underline; } #sidebar p { font: 11px Arial, Helvetica, sans-serif; color: #999999; line-height: 16px; } #sidebar p a:link, #sidebar p a:visited { font: 11px Arial, Helvetica, sans-serif; color: #fafcfc; text-decoration: underline; line-height: 16px; } #sidebar p a:hover, #sidebar p a:active { font: 11px Arial, Helvetica, sans-serif; color: #fafcfc; text-decoration: none; line-height: 16px; } #sidebar .side_news { position: relative; width: 203px; height: 622px; background: url('images/sidebar_newsBG.jpg') 0 0 no-repeat; } #sidebar .side_about { position: relative; width: 203px; height: 622px; background: url('images/sidebar_newsBG.jpg') 0 0 no-repeat; } #sidebar .side_media { position: relative; width: 203px; height: 622px; background: url('images/sidebar_mediaBG.jpg') 0 0 no-repeat; } #sidebar .side_communicate { position: relative; width: 203px; height: 622px; background: url('images/sidebar_communicateBG.jpg') 0 0 no-repeat; } #sidebar .side_store { position: relative; width: 203px; height: 622px; background: url('images/sidebar_storeBG.jpg') 0 0 no-repeat; } #sidebar .one { position: absolute; margin: 149px 0 0 27px; width: 155px; height: auto; } #sidebar .two { position: absolute; margin: 450px 0 0 27px; width: 155px; height: auto; } /*==== SUB NAVS ===========================*/ #sub_nav { position: absolute; margin: 202px 0 0 25px; padding: 0; width: auto; height: 23px; z-index: 10; } #sub_nav ul { margin: 0; padding: 0; list-style: none; } #sub_nav ul li { float: left; display: inline; margin: 0; padding: 0 40px 0 0; } #sub_nav ul li.btn { float: left; display: inline; margin: 10px 0 0 0; } /*==== INDEX PAGE ===========================*/ #updates { position: absolute; margin: 34px 0 0 32px; padding: 0; width: 288px; height: 389px; } #updates h3 { width: 277px; height: 58px; background: url('images/updatesBG.gif') 0 0 no-repeat; text-indent: -2000em; } #updates .scroll_pane { margin: 0; height: 330px; overflow: auto; } #update_win { width: 288px!important; } #updates .jScrollPaneTrack { background: url('images/updates_track.jpg') 0 0 no-repeat; } #updates .jScrollPaneDrag { background: url('images/updates_drag.gif') 50% 50% no-repeat; } #updates .entry { position: relative; float: left; margin: 0 0 20px 0; padding: 0; width: 250px; height: auto; font: 11px Arial, Helvetica, sans-serif; border-bottom: 1px dashed #999ca1; } #updates .entry h2 { margin: 0 0 6px 0; font-size: 12px; color: #aad9ec; line-height: 16px; font-weight: normal; text-transform: uppercase; } #updates .entry p { margin: 0 0 12px 0; color: #cccccc; line-height: 18px; } #updates .entry p a { color: #b7841e; font-weight: bold; text-decoration: underline; } #updates .entry p a:hover { color: #b7841e; font-weight: bold; text-decoration: none; } #updates .entry p img { float: left; margin: 0 0 12px 0; border: 1px solid #a88d68; } #updates .entry .date { margin: 0 0 8px 0!important; font-size: 10px; color: #999999; } #updates .entry .readmore { margin: 5px 0 20px 0; padding: 0; } #newalbum_callout { position: absolute; margin: 34px 0 0 407px; padding: 0; width: 174px; height: 279px; background: url('images/newAlbum_callout.jpg') 0 0 no-repeat; font-size: 8px; } #newalbum_callout a.preview { position: absolute; display: block; margin: 210px 0 0 2px; width: 170px; height: 12px; overflow: hidden; text-indent: -2000em; } #newalbum_callout a:hover.preview { background: url('images/newAlbum_rollovers.jpg') 0 0 no-repeat; } #newalbum_callout .itunes { position: absolute; display: block; margin: 252px 0 0 13px; width: 53px; height: 15px; overflow: hidden; text-indent: -2000em; } #newalbum_callout a.itunes { position: absolute; display: block; margin: 252px 0 0 13px; width: 53px; height: 15px; overflow: hidden; text-indent: -2000em; } #newalbum_callout a:hover.itunes { background: url('images/newAlbum_rollovers.jpg') 0 -12px no-repeat; } #newalbum_callout a.amazon { position: absolute; display: block; margin: 255px 0 0 94px; width: 64px; height: 14px; overflow: hidden; text-indent: -2000em; } #newalbum_callout a:hover.amazon { background: url('images/newAlbum_rollovers.jpg') 0 -27px no-repeat; } #newnownext { position: absolute; margin: 25px 0 0 383px; padding: 0; } #newnownext span { text-align: center; margin: .5em 0; text-transform: uppercase; display: block; color: white; font: 12px Arial; } #barkers { position: absolute; margin: 468px 0 0 32px; } #barkers .box_one { float: left; display: inline; width: 324px; } #barkers .box_one .cover { float: left; display: inline; } #barkers .box_one div { margin: 0 0 0 124px; } #barkers .box_one .preview-songs { display: block; background: url(/images/preview-songs.gif) top left no-repeat; height: 23px; width: 174px; text-decoration: none; text-indent: -9999px; } #barkers .box_one .preview-songs:hover { background-position: 0 -23px; } #barkers .box_one a.itunes { display: block; width: 79px; height: 17px; overflow: hidden; text-indent: -2000em; float: left; background: url(/images/itunes-cta.gif) top left no-repeat; } #barkers .box_one a:hover.itunes { background-position: 0 -17px; } #barkers .box_one a.amazon { display: block; width: 79px; height: 17px; margin: 2px 0 0 0; overflow: hidden; text-indent: -2000em; float: left; background: url(/images/amazon-cta.gif) top left no-repeat; } #barkers .box_one a:hover.amazon { background-position: 0 -17px; } #barkers .box_two { float: left; display: inline; margin-left: 32px; width: 160px; background: url('images/30rock_logo.gif') 0 30px no-repeat; } #barkers .box_two p { margin-top: 9px; font: 12px Arial, Helvetica, sans-serif; color: #ff9515; font-weight: bold; line-height: 12px; text-align: center; } #barkers .box_two p.blue { margin-top: 42px; color: #96afba!important; } #barkers .box_three { float: left; background: url(/images/box-three-bg.gif) top left no-repeat; margin:0 0 0 27px; padding:13px 0 22px 52px; } #bottom_links { position: absolute; margin: 620px 0 0 37px; width: 862px; height: 23px; background: url('images/bottom_links.gif') 0 -23px no-repeat; } #bottom_links a.videos { position: absolute; display: block; margin: 0; width: 109px; height: 23px; text-indent: -2000em; } #bottom_links a:hover.videos { background: url('images/bottom_links.gif') 0 0 no-repeat; } #bottom_links a.photos { position: absolute; display: block; margin: 0 0 0 206px; width: 121px; height: 23px; text-indent: -2000em; } #bottom_links a:hover.photos { background: url('images/bottom_links.gif') -206px 0 no-repeat; } #bottom_links a.blog { position: absolute; display: block; margin: 0 0 0 424px; width: 81px; height: 23px; text-indent: -2000em; } #bottom_links a:hover.blog { background: url('images/bottom_links.gif') -424px 0 no-repeat; } #bottom_links a.board { position: absolute; display: block; margin: 0 0 0 603px; width: 259px; height: 23px; text-indent: -2000em; } #bottom_links a:hover.board { background: url('images/bottom_links.gif') -603px 0 no-repeat; } /*==== NEWS PAGE ===========================*/ #news_wrapper { position: relative; padding: 240px 0 0 22px; width: 660px; height: auto; } #news_wrapper .entry { position: relative; margin: 0; padding: 25px 0 0 0; height: auto; } #news_wrapper .entry p { padding: 0 0 8px 0; font: 11px Arial, Helvetica, sans-serif; color: #999999; line-height: 14px; } #news_wrapper .entry p a { color: #c38d20; text-decoration: underline; } #news_wrapper .entry p a:hover { color: #c38d20; text-decoration: none; } #news_wrapper .entry p img { float: left; margin: 15px 15px 15px 0; border: 1px solid #a88d68; } #news_wrapper .entry h2 { padding: 0 0 10px 0; font: 11px Arial, Helvetica, sans-serif; color: #69a1b8; text-transform: uppercase; } #news_wrapper .entry .date { padding: 0 0 6px 0; font: 11px Arial, Helvetica, sans-serif; color: #a28b77; font-weight: bold; } /*==== ABOUT PAGE ===========================*/ #about_wrapper { position: relative; padding: 270px 0 0 22px; width: 675px; height: 700px; } #about_wrapper p { padding: 0 0 8px 0; width: 660px; font: 12px Arial, Helvetica, sans-serif; color: #cccccc; line-height: 18px; } #about_wrapper h2 { padding: 25px 0 0 0; font: 12px Arial, Helvetica, sans-serif; color: #c38d20; } #about_wrapper .bottom_barkers { position: relative; margin: 0; padding: 25px 0 0 0; width: 100%; height: auto; } #about_wrapper .bottom_barkers .barker { float: left; display: inline; margin: 0 3px 4px 0; width: 221px; height: 74px; } /*==== BIO PAGE ===========================*/ #bio_wrapper { position: relative; padding: 270px 0 40px 22px; width: 660px; height: auto; } #bio_wrapper h2 { font: 13px Arial, Helvetica, sans-serif; color: #c38d20; font-weight: bold; } #bio_wrapper img.left { float: left; margin: 15px 15px 15px 0; border: 1px solid #a88d68; } #bio_wrapper img.right { float: right; margin: 15px 0 15px 15px; border: 1px solid #a88d68; } #bio_wrapper p { padding: 25px 0 0 0; font: 11px Arial, Helvetica, sans-serif; color: #999999; line-height: 16px; } #bio_wrapper p a { color: #c38d20; text-decoration: underline; } #bio_wrapper p a:hover { color: #c38d20; text-decoration: none; } /*==== PROJECTS PAGE ===========================*/ #projects_wrapper { position: relative; padding: 270px 0 0 22px; width: 660px; height: auto; } #projects_wrapper .section { margin: 5px 0 50px 0; width: 660px; font: 12px Arial, Helvetica, sans-serif; color: #FFFFFF; } #projects_wrapper .section a:link, #projects_wrapper .section a:visited { font: 12px Arial, Helvetica, sans-serif; color: #c38d20; text-decoration: underline; } #projects_wrapper .section a:hover, #projects_wrapper .section a:active { font: 12px Arial, Helvetica, sans-serif; color: #c38d20; text-decoration: none; } #projects_wrapper .section h2 { padding: 0 0 20px 0; font: 12px Arial, Helvetica, sans-serif; color: #aad9ec; } #projects_wrapper .section .title_row { margin: 0; width: 660px; height: 25px; font: 12px Arial, Helvetica, sans-serif; color: #999999; border-bottom: dashed 1px #CCCCCC; } #projects_wrapper .section .title_row .col4 { float: left; display: inline; margin: 0; padding: 5px 0 5px 0; width: 165px; } #projects_wrapper .section .title_row .col3 { float: left; display: inline; margin: 0; padding: 5px 0 5px 0; width: 220px; } #projects_wrapper .section .row { width: 660px; font: 12px Arial, Helvetica, sans-serif; color: #ffffff; } #projects_wrapper .section .row .col4 { float: left; display: inline; margin: 0; padding: 10px 0 0 0; width: 165px; } #projects_wrapper .section .row .col3 { float: left; display: inline; margin: 0; padding: 10px 0 0 0; width: 220px; } /*==== PRESS PAGE ===========================*/ #press_wrapper { position: relative; padding: 270px 0 0 22px; width: 660px; height: 700px; } #press_wrapper p { padding: 0 0 8px 0; font: 11px Arial, Helvetica, sans-serif; color: #cccccc; line-height: 14px; } /*==== MEDIA PAGE ===========================*/ #media_wrapper { position: relative; padding: 270px 0 0 22px; width: 675px; height: 700px; } #media_wrapper p { padding: 0 0 8px 0; width: 660px; font: 12px Arial, Helvetica, sans-serif; color: #cccccc; line-height: 18px; } #media_wrapper .bottom_barkers { position: relative; margin: 0; padding: 25px 0 0 0; width: 100%; height: auto; } #media_wrapper .bottom_barkers .barker { float: left; display: inline; margin: 0 3px 4px 0; width: 221px; height: 74px; } /*==== PHOTO PAGE ===========================*/ #photo_wrapper { position: relative; padding: 270px 0 40px 22px; width: 660px; min-height: 700px; height: auto; } #photo_wrapper .gallery { width: 660px; } #photo_wrapper .gallery div { background-color: #1f262c; } #photo_wrapper .gallery a { display: block; width: 645px; padding: 5px 0 5px 15px; margin: 0; cursor: pointer; font: 12px Arial, Helvetica, sans-serif; color: #aad9ec; text-decoration: none; background: #222e3c url('images/photo_titleBG.gif') 0 0 no-repeat; border-bottom: 2px solid #0c0c09; } #photo_wrapper .gallery a:hover { font: 12px Arial, Helvetica, sans-serif; color: #ffffff; background: #405464 url('images/photo_titleOverBG.gif') 0 0 no-repeat; border-bottom: 2px solid #0c0c09; } #photo_wrapper .gallery a.selected { font: 12px Arial, Helvetica, sans-serif; color: #ffffff; background: #405464 url('images/photo_titleOverBG.gif') 0 0 no-repeat; border-bottom: 2px solid #0c0c09; } @media print { .gallery div { display: block!important; height: auto!important } } #photo_wrapper .gallery .inner { position: relative; float: left; width: 655px; margin: 0; padding: 0 0 10px 5px; background-color: #1f262c; } #photo_wrapper .gallery .inner .thumb a { float: left; display: inline; width: 108px; height: 108px; margin: 10px 10px 0 10px; padding: 0; background-color: #1f262c; background-image: none; border: 1px solid #a88d68; } /*==== VIDEO PAGE ===========================*/ #video_wrapper { position: relative; padding: 270px 0 0 22px; width: 675px; height: auto; } #video_wrapper p { padding: 0 0 8px 0; width: 660px; font: 11px Arial, Helvetica, sans-serif; color: #cccccc; line-height: 14px; } #video_wrapper hr { margin: 10px 0 0 0; padding: 0; width: 100%; height: 1px; border-top: dashed 1px #CCCCCC; border-right: none; border-left: none; border-bottom: none; } #video_wrapper .video { position: relative; padding: 0 0 50px 0; width: 100%; height: auto; } #video_wrapper .video h2 { position: relative; padding: 0; font: 13px Arial, Helvetica, sans-serif; color: #69a1b8; text-transform: uppercase; } #video_wrapper .video .title { position: relative; padding: 20px 0 5px 0; font: 12px Arial, Helvetica, sans-serif; color: #FFFFFF; } #video_wrapper .video .clip { position: relative; padding: 0; } /*==== AUDIO PAGE ===========================*/ #audio_wrapper { position: relative; padding: 270px 0 0 22px; width: 660px; height: auto; } #audio_wrapper h2 { font: 13px Arial, Helvetica, sans-serif; color: #c38d20; } #audio_wrapper .audio_browser { position: relative; padding: 0; margin: 30px 0 0 0; width: 661px; height: 770px; font: 11px Arial, Helvetica, sans-serif; color: #cccccc; } /*==== COMMUNICATE PAGE ===========================*/ #communicate_wrapper { position: relative; padding: 270px 0 0 22px; width: 675px; height: 700px; } #communicate_wrapper p { padding: 0 0 8px 0; width: 660px; font: 12px Arial, Helvetica, sans-serif; color: #cccccc; line-height: 18px; } #communicate_wrapper .bottom_barkers { position: relative; margin: 0; padding: 25px 0 0 0; width: 100%; height: auto; } #communicate_wrapper .bottom_barkers .barker { float: left; display: inline; margin: 0 3px 4px 0; width: 221px; height: 74px; } /*==== BLOG PAGE ===========================*/ #blog_wrapper { position: relative; padding: 240px 0 0 22px; width: 660px; height: auto; } #blog_wrapper .archive_btn { position: relative; margin: 25px 0 10px 0; padding: 0; width: 150px; height: 17px; } #blog_wrapper .entry { position: relative; margin: 0; padding: 25px 0 0 0; height: auto; } #blog_wrapper .entry p { padding: 0 0 8px 0; font: 11px Arial, Helvetica, sans-serif; color: #999999; line-height: 14px; } #blog_wrapper .entry p a:link, #blog_wrapper .entry p a:visited { font: 11px Arial, Helvetica, sans-serif; color: #c38d20; text-decoration: underline; } #blog_wrapper .entry p a:hover, #blog_wrapper .entry p a:active { font: 11px Arial, Helvetica, sans-serif; color: #c38d20; text-decoration: none; } #blog_wrapper .entry p img { float: left; margin: 15px 15px 15px 0; border: 1px solid #a88d68; } #blog_wrapper .entry h2 { padding: 0 0 10px 0; font: 11px Arial, Helvetica, sans-serif; color: #69a1b8; text-transform: uppercase; } #blog_wrapper .entry .date { padding: 0 0 6px 0; font: 11px Arial, Helvetica, sans-serif; color: #a28b77; font-weight: bold; } /*==== LINKS PAGE ===========================*/ #links_wrapper { position: relative; padding: 270px 0 40px 22px; width: 660px; height: auto; } #links_wrapper .link { position: relative; padding: 25px 0 0 0; width: 100%; height: auto; } #links_wrapper .link .img { float: left; display: inline; padding: 0; border: 1px solid #a88d68; } #links_wrapper .link .text { float: left; display: inline; padding: 0 0 0 24px; width: 505px; } #links_wrapper .link .text p { padding: 0 0 8px 0; font: 11px Arial, Helvetica, sans-serif; color: #999999; line-height: 14px; } #links_wrapper .link .text p a:link, #links_wrapper .link .text p a:visited { font: 11px Arial, Helvetica, sans-serif; color: #c38d20; text-decoration: underline; } #links_wrapper .link .text p a:hover, #links_wrapper .link .text p a:active { font: 11px Arial, Helvetica, sans-serif; color: #c38d20; text-decoration: none; } /*==== CONTACT PAGE ===========================*/ #contact_wrapper { position: relative; padding: 270px 0 0 22px; width: 660px; height: 700px; } #contact_wrapper h2 { margin: 0; padding: 45px 0 0 0; width: auto; height: 12px; font: 12px Arial, Helvetica, sans-serif; color: #aad9ec; text-transform: uppercase; } #contact_wrapper .info { width: 330px; height: auto; margin: 25px 0 0 0; padding: 0; } #contact_wrapper .person { float: left; display: inline; width: 330px; height: auto; margin: 25px 0 0 0; padding: 0; } #contact_wrapper h3 { margin: 0; padding: 0 0 3px 0; font: 12px Arial, Helvetica, sans-serif; color: #ffffff; font-weight: bold; } #contact_wrapper p { margin: 0; padding: 0; font: 12px Arial, Helvetica, sans-serif; color: #999999; line-height: 16px; } #contact_wrapper p a:link, #contact_wrapper p a:visited { font: 12px Arial, Helvetica, sans-serif; color: #c38d20; text-decoration: underline; line-height: 16px; } #contact_wrapper p a:hover, #contact_wrapper p a:active { font: 12px Arial, Helvetica, sans-serif; color: #c38d20; text-decoration: none; line-height: 16px; } /*==== STORE PAGE ===========================*/ #store_wrapper { position: relative; padding: 262px 0 100px 22px; width: 660px; height: auto; } #store_wrapper h2 { margin-left: 144px; width: 348px; height: 61px; background: url('images/heading_power_of_two.gif') 0 0 no-repeat; text-indent: -2000em; } #store_wrapper .callout { margin: 31px 0 0 0; width: 662px; background: url('images/store_contentBG.jpg') 21px 32px no-repeat; border-top: 1px solid #b7841e; border-bottom: 1px solid #b7841e; } #store_wrapper .callout .reviews { margin: 32px 0 0 287px; width: 360px; } #store_wrapper .callout .reviews p { margin: 0 0 10px 0; padding: 0; font: 11px Georgia, "Times New Roman", Times, serif; color: #ffffff; line-height: 14px; } #store_wrapper .callout .reviews p i { font-style: italic; font-weight: bold; } #store_wrapper .callout .buttons { margin-top: 22px; width: 662px; height: 28px; background: #242422 url('images/poweroftwo_rollovers.gif') 0 -21px no-repeat; } #store_wrapper .callout a.preview { position: absolute; display: block; margin: 0; width: 172px; height: 21px; overflow: hidden; text-indent: -2000em; } #store_wrapper .callout a:hover.preview { background: url('images/poweroftwo_rollovers.gif') 0 0 no-repeat; } #store_wrapper .callout a.itunes { position: absolute; display: block; margin: 0 0 0 289px; width: 101px; height: 21px; overflow: hidden; text-indent: -2000em; } #store_wrapper .callout a:hover.itunes { background: url('images/poweroftwo_rollovers.gif') -289px 0 no-repeat; } #store_wrapper .callout a.amazon { position: absolute; display: block; margin: 0 0 0 392px; width: 118px; height: 21px; overflow: hidden; text-indent: -2000em; } #store_wrapper .callout a:hover.amazon { background: url('images/poweroftwo_rollovers.gif') -392px 0 no-repeat; } #store_wrapper .callout a.see_tracklist { position: absolute; display: block; margin: 0 0 0 513px; width: 149px; height: 21px; overflow: hidden; text-indent: -2000em; } #store_wrapper .callout a:hover.see_tracklist { background: url('images/poweroftwo_rollovers.gif') -513px 0 no-repeat; } #store_wrapper .callout .tracklisting { padding: 22px 0 12px 0; background-color: #242422; } #store_wrapper .tracklisting .col1 { float: left; display: inline; margin: 10px 0 0 23px; width: 265px; } #store_wrapper .tracklisting .col2 { float: left; display: inline; margin: 10px 0 0 0; width: 360px;} #store_wrapper .tracklisting .col2 .close { margin-top: 35px; text-align: right; } #store_wrapper .tracklisting h3 { margin: 0 0 0 22px; font: 13px Arial, Helvetica, sans-serif; color: #ffffff; } #store_wrapper .tracklisting h5 { margin: 32px 0 12px 2px; font: 12px Helvetica, sans-serif; color: #ffffff; } #store_wrapper .tracklisting td { font: 12px Arial, Helvetica, sans-serif; color: #b7b7b6; } #store_wrapper .tracklisting .blank { font-size: 8px; } #store_wrapper .tracklisting .num { font: 12px Helvetica, sans-serif!important; color: #fe9834!important; font-weight: normal!important; } #store_wrapper .tracklisting b { font: 13px Georgia, "Times New Roman", Times, serif; color: #ffffff; font-weight: normal!important; }