/* Document : hardwareBar0727 Created on : Jul 28, 2011, 1:55:16 PM Author : Zac Ball Description: Hardware Bar Styles */ body{background:#0d0b09 top center no-repeat;} /* PAGE HEADER */ #pageHeader{position:relative; z-index:200;} #pageHeader h2{width:344px; height:141px; text-indent:-9999px; position:relative; left:25px; top:70px;} /*LOGO LOCATIONS*/ #pageHeader h2#Harrisburg{background:url(/images/hardwareBar/cityTitles/harrisburg.png) no-repeat;} #pageHeader h2#WestShore{background:url(/images/hardwareBar/cityTitles/westshore.png) no-repeat;} #pageHeader h2#WilkesBarre{background:url(/images/hardwareBar/cityTitles/wilkesbarre.png) no-repeat;} #pageHeader h2#Scranton{background:url(/images/hardwareBar/cityTitles/scranton.png) no-repeat;} #pageHeader h2#Bloomsburg{background:url(/images/hardwareBar/cityTitles/bloomsburg.png) no-repeat;} #pageNav{margin-right:10px;} #pageNav > ul{padding:0; list-style-type:none; list-style:none; position:relative; top:40px;} #pageNav > ul > li{list-style-type:none; list-style:none; display:inline; float:left; position:relative;} #pageNav > ul > li > a{display:block; text-indent:-9999px; background:url(/images/hardwareBar/hardwareNavSprite.png) no-repeat; width:166px; height:56px;} #pageNav > li > a#otherLocations{background-position:0 0;} #pageNav > ul > li > a#otherLocations:hover{background-position:1px -55px;} #pageNav > ul > li > a#directions{background-position:-166px 0;} #pageNav > ul > li > a#directions:hover{background-position:-166px -55px;} #pageNav > ul > li > a#contact{background-position:-332px 0;} #pageNav ul > li > a#contact:hover{background-position:-332px -55px;} /*DROP DOWN*/ #pageNav > ul > li > .hidden{width:158px; position:absolute; top:50px; left:2px; } #pageNav > ul > li > .hidden ul{background:url(/images/hardwareBar/hardwareNavSprite.png) repeat-y; background-position:-540px 0; padding-bottom:5px; padding-top:10px;} #pageNav > ul > li > .hidden ul li{padding:10px; font-family:'Yanone Kaffeesatz';} #pageNav > ul > li > .hidden ul li:hover{background:#332c5f;} #pageNav > ul > li > .hidden ul li a{color:white; text-decoration:none; font-size:20px;} .listBottom{width:158px; height:10px; background:url(/images/hardwareBar/hardwareNavSprite.png) no-repeat; background-position:-2px -140px;} /*PROJECTOR*/ #projector{height:360px; position:relative; top:0px; z-index:10;} #projectionScreen{margin:0 auto; position:relative; width:943px; height:335px;} img#screen{z-index:8; position:absolute; top:0; left:30px;} img#barberChair{position:absolute; bottom:-53px; left:-80px; z-index:300;} #projectionScreenSlides{position:relative; width:848px; height:311px; z-index:250; margin:0 auto; top:4px; left:-1px; opacity:inherit; filter:inherit;} .slide{position:absolute; width:848px; height:311px; opacity:inherit; filter:inherit;} .slide img.slideBg{position:absolute; top:0; left:2px; width:847px; height:311px;} .textBlock{position:relative; top:20px; left:50px; font-family:'Yanone Kaffeesatz'; width:250px;} .slide h3.slideDate{font-size:45px; } /* .slide p.slideText{margin-top:20px; padding:0 3px 0 3px;}*/ /* .slide p.slideText span{background:black; color:white; font-size:22px; line-height:130%; }*/ .linewrap {border-left:20px solid #000; line-height:25px; margin-top:20px;} .linewrap span{background:#000; color:#fff; position:relative; font-size:22px;} .linewrap span span{left:-10px;} #navLinks{margin:0 auto;} ul#projectorNav{padding:0; list-style-type:none; list-style:none; position:relative; float:right; margin-right:60px;} ul#projectorNav li{list-style-type:none; list-style:none; display:inline; float:left; width:35px; height:31px; background:white; margin-right:3px; padding-top:4px; font-family:Arial Black; font-size:24px; text-align:center;} ul#projectorNav li:hover, ul#projectorNav li.currentPosition{cursor:pointer; color:white; background:black;} ul#projectorNav li#previousLink{background:url(/images/hardwareBar/projector/nav/leftArrow.jpg) no-repeat; width:35px; height:35px;} ul#projectorNav li#nextLink{background:url(/images/hardwareBar/projector/nav/rightArrow.jpg) no-repeat; width:35px; height:35px;} a.buyTickets{width:142px; height:37px; background:url(http://www.downtownafterdark.com/images/sitewide/buyTickets.png) no-repeat; text-indent:-9999px; display:block; margin:10px 0 0 0px;} a.buyTickets:hover{background-position:0 -37px;} a#fb{display:block; text-indent:-9999px; width:60px; height:62px; background:url(/images/hardwareBar/faceBookLogo.png) no-repeat; position:absolute; right:5px; top:80px; z-index:5;} a#fb:hover{right:-5px;} /* VID BLOCK */ #vid_block{width:100%; height:371px; background:url(../images/hardwareBar/video_div_bg.jpg) repeat-x;} #vid_container{background:url(../images/hardwareBar/video_container_bg.jpg) no-repeat; height:371px; position:relative; top:1px;} #vid{position:absolute; top:30px; left:215px; padding:5px; background:white; border:1px solid black;} /*EVERY WEEKEND*/ #everyWeekend{margin:50px auto;} #everyWeekendInside{width:940px; height:200px; margin:0 auto; position:relative;} #everyWeekendInside .everyWeekendBlock{float:left; position:relative; height:200px; width:451px;} #everyWeekendInside .everyWeekendBlock img.bg{position:absolute;} #everyWeekendInside .everyWeekendBlock .info{position:absolute; top:40px; left:20px;} #everyWeekendInside .everyWeekendBlock .info h3{font-family:'Yanone Kaffeesatz'; font-weight:bold; font-size:30px; color:white;} #everyWeekendInside .everyWeekendBlock .info h3 span{font-weight:200;} #everyWeekendInside .everyWeekendBlock .info p{color:white; font-size:13px; margin-top:5px; font-family:Arial; width:250px; line-height:120%;} #everyWeekendInside .everyWeekendBlock .info p.bigger{font-size:15px; margin-top:5px;} /*BOTTOM*/ #bottom{width:940px; height:310px; position:relative; margin:40px auto;} .bottomMeta{width:300px; height:300px; float:left; border-right: 1px solid #383937;} .secondBlock{margin-left:25px;} p.metaHeader{font-family:Times New Roman, Trebuchet MS, Arial; font-size:22px; border-bottom:2px solid white; color:white; font-style:italic; width:250px; margin-bottom:10px;} .indSpecial{margin:5px 0 20px 0;} .indSpecial p{color:white; line-height:120%;} p.specialTitle{font-size:14px; color:#cfc29d; text-decoration:underline; margin-bottom:3px;} .bottomMeta a{color:#49acff; font-size:14px;} .bottomMeta a:hover{text-decoration:none;} #textSpecials{overflow-y:scroll; padding-right:10px;} /* DTAD STUFF */ #dtadStuff{background:#d0d0d0; width:100%; padding:20px 0 10px 0;} /* RECENT PICS */ #recent_pics{width:940px; height:79px; position:relative; padding-bottom:5px; margin:0 auto; z-index:250; border-bottom:1px solid black; margin-bottom:10px;} #recent_pics h3{text-indent:-9999px; position:absolute; right:0px; top:0px; width:125px; height:75px; background:url(../images/sawyers_1122/latest_photos.png) no-repeat; border:none;} img.recent_pic{float:left; width:108px; height:72px; margin:2px 5px 0 0; border:1px solid black;} img.recent_pic:hover{border-color:white;} /* OTHER EVENTS */ #other_events{margin-bottom:20px;} #other_events h3{width:381px; height:52px; background:url(../images/mulligans/other_events.png) no-repeat; border:none; text-indent:-9999px;} #other_events h3#scranton_other_events{width:351px; height:52px; background:url(../images/sitewide/other_scranton_events_transparent.png) no-repeat; border:none; text-indent:-9999px;} #other_events h3#hbg_other_events{width:357px; height:60px; background:url(../images/sawyers_1006/other_events.png) no-repeat; border:none; text-indent:-9999px;} a#all_events{position:absolute; right:10px; top:35px; font-family:Arial; color:black; font-size:12px; background:yellow; padding:5px;} a#all_events:hover{text-decoration:none;} .other_events_ind{float:left; width:301px; margin:10px 5px 0 5px; position:relative;} img.other_events_logo{} p.event_date{margin-top:10px;} p.event_date span{padding:3px;font-family:Arial; font-size:12px; color:white; background:#214313;} p.event_description{padding:3px;font-family:Arial; font-size:12px; overflow:hidden; color:black; width:180px; margin-top:10px; line-height:120%; margin-bottom:10px;} a.event_details{font-family:Arial; text-decoration:none; background:#0cff00; padding:3px; font-size:12px; color:black; margin-top:10px;} a.event_details:hover{background:blue; color:white;} /*DIRECTIONS*/ #directionsTop{width:1000px; height:352px; position:relative; background:url(http://www.downtownafterdark.com/images/sitewide/mapBg.png) no-repeat white;} #mapContainer{position:relative; width:862px; height:303px; padding:3px; background:white; top:7px; left:43px;} h2#directionsTitle{font-family:'Yanone Kaffeesatz'; font-size:36px; position:absolute; top:-50px; left:40px;} /* FOOTER */ #footer{width:100%; padding:10px 0 10px 0; background:black; font-family:Arial; color:#b6b6b6; font-size:12px; margin-top:0px;} #footer p{margin:0 auto; position:relative; width:230px;}