/* ------------------------------------------------------------- project Theater Osnabrıck author: hüben und drüben // heimat für kulturgestaltung last updated: 16.07.2009 ---------------------------------------------------------- */ /* ---------- Float Clearing Wrappers - multiple assets across site. Easier to maintain. ---------- */ .clearfix:after, #top-nav:after, #features ul li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* ---------- Global site assets ---------- */ body { font-family:Arial,sans-serif; background-color:#fff; color:#333; text-decoration:none; word-spacing:normal; text-align:left; letter-spacing:0; line-height:1.4em; font-size:62.5%; } a { color:#333; text-decoration:none; } a.blackLink:hover, a:hover { text-decoration:none; color:#D90A00; } a.blackLink { color:#333; } a.redLink { color:#D90A00; } h3 a:hover, h4 a:hover { text-decoration:none; } strong { font-weight:700; } input, select { font-family:Arial,sans-serif;} /* Reset elements only in areas that needs reset */ body, img, #header *, #footer * { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; } /* Don't reset header sizes */ h1, h2, h3, h4, h5, h6 { margin:0; padding: 0; } b, strong { font-weight:bold !important; } .clear { position:relative; clear:both; width:auto; height:0; overflow:hidden; } .hide, legend, body.has_js .js_hide { display:block; text-indent:-9999px; display:none; width:0; height:0; line-height:0; overflow:hidden; } /* ---------- Page Wrapper ----------*/ #page { font-size: 1.2em; line-height:1.4em; position:relative; z-index:1; } p { line-height:1.4em; } /* ---------- Site wrapper ----------*/ #wrapper { position:relative; width:960px; text-align:left; margin:0 auto; padding:0px; z-index:0; } /* ---------- Header ---------- */ #header { font-size: 1.2em; height:128px; width:100%; position:relative; background:url(head_shadow.png) bottom repeat-x; z-index:5; } #logo { position:absolute; width:250px; height:111px; } #colorline { bottom:8px; height:9px; width:960px; background:url(red-line.gif); position:absolute; } #header ul, #footer ul { list-style:none; } /* ---------- Global search box ---------- */ #searchBox { float:right; color:#ccc; } #search-form { float:right; display:inline; width:185px; background:url(bg-suchfeld_.gif) no-repeat; height:70px; } #search-input { font-size:0.9em; width:130px; margin-top:39px; margin-left:10px; height:14px; padding:2px; float:left; display:inline; border:1px solid #c3c3c3; border-top-color:#7c7c7c; border-bottom-color:#ddd; } #search-submit { margin:39px 0 0 10px; display:inline; float:left; } /* ---------- Top nav ---------- */ #top-nav { position:absolute; float:right; padding:0px; bottom:14px; right:0px; z-index:100; } #top-nav ul li { float:left; height:25px; text-transform:uppercase; color:#ccc; padding:0 5px 0px 0px; position:relative; } #top-nav li.first { padding-left:0; } #top-nav li.nav_last { padding-right:0; } #top-nav a { font-size:1em; line-height:100%; height:19px; position:relative; display:block; float:left; display:inline; font-weight:500; padding:6px 5px 0px 5px; margin:-3px 0; } #top-nav a:hover, #top-nav a.current, #top-nav a#active { color:#ffffff; background:#d90a00; text-decoration:none; } #top-nav li:hover a { color:#ffffff; background:#d90a00; height:19px;} #top-nav a.current:hover { text-decoration:none; } #top-nav li.last a { padding-right:0; } /* 2nd Menu */ #top-nav ul li > ul.nav2nd, #top-nav ul li a ul.nav2nd, #top-nav ul li a:visited ul.nav2nd, #top-nav ul li a:link ul.nav2nd { display:none; position:absolute; } #top-nav ul li:hover ul { display:block; position:absolute; top:0px; left:0px; z-index:-1; } #top-nav ul li ul li { padding:0; margin:0; position:relative; top:31px; left:0px; vertical-align:middle; border-top:1px solid #e4544d; text-transform:none; } #top-nav ul li.nav_last ul li { left:-84px; } #top-nav ul li.nav_2ndLast ul li { left:-4px; } #top-nav ul li ul li.nav_last { border-bottom:1px solid #e4544d; } #top-nav ul li ul li a, #top-nav ul li:hover ul li a { height:19px; width:150px; color:#ffffff; background:url(navArr.png) no-repeat top left #d90a00; font-weight:500; padding:6px 5px 0px 18px; margin:0; } #top-nav ul li ul li.navDoubleHeight { height:37px; } #top-nav ul li:hover ul li.navDoubleHeight a { height:37px; } #top-nav ul li ul li.navSpace { height:25px; background:#d90a00; border-bottom:4px solid #e4544d; width:173px; margin-top:-1px; } /* 2nd Menu Hover Persistence */ #top-nav ul li ul li:hover { height:25px; } #top-nav ul li ul li.navDoubleHeight:hover { height:37px; } #top-nav ul li ul li a:hover, #top-nav ul li ul li a.current { color:#ffffff; background:url(navArr.png) no-repeat top left #e4544d; } /* Ende Navi ////////////////////////////////*/ /* ---------- Footer ---------- */ #footer { font-size:1.1em; background:url(img/f-bg.gif) repeat-x; margin-top:50px; padding-top:15px; margin-bottom:15px; color:#000; } #footer #partners { float:right; } /* ---------- Bottom links ---------- */ #bottom-nav, #bottom-nav1{ float:left; padding:10px 0; color:#434343; width:522px; } #bottom-nav1.first { width:170px; } #bottom-nav li, #bottom-nav1 li{ float:left; margin-top:5px; padding-right:5px; padding-left:5px; border-right:1px solid #434343;} #bottom-nav a, #bottom-nav1 a { margin-right:0px; border:0px; background:none; } #bottom-nav1 .bold {font-weight:bold; margin-right:10px; } #bottom-nav li.last, #bottom-nav1 li.last {border:0px;} /* ---------- Partner logos ---------- */ #partners li { float:left; display:inline; margin:10px 0 0 10px; height:18px; } #partners li a { display:block; height:21px; background-image:url(img/partner-logos.gif); text-indent:-9999px; } #partners .druck { width:20px; background-position:-208px -22px; } #partners .druck:hover { background-position:-208px -43px; } #partners .empfehlen { width:18px; background-position:-239px -22px; } #partners .empfehlen:hover { background-position:-239px -43px; } #partners .twitter { width:68px; background-position:-130px -22px; } #partners .twitter:hover { background-position:-130px -43px; } #partners .flickr { width:49px; background-position:-71px -22px; } #partners .flickr:hover { background-position:-71px -43px; } #partners .vimeo { width:61px; background-position:0px -22px; } #partners .vimeo:hover { background-position:0 -43px; } /*---------- Global jCarousel components ---------- */ .jcarousel-container { position:relative; background-color:#fff; } .jcarousel-clip { z-index:2; padding:0; margin:0; overflow:hidden; position:relative; background-color:#fff;} .jcarousel-list { z-index:1; overflow:hidden; position:relative; top:0px; left:0; margin:0; padding:0; } .jcarousel-list li,.jcarousel-item { float:left; list-style:none; } .jcarousel-next, .jcarousel-prev{ z-index:3; display:none; } /* ---------- Carousel ---------- */ .jcarousel-container { margin-left:-290px; } .jcarousel-item { width:480px; height:280px; margin:0 0 0 20px; padding:0px; } .jcarousel-next, .jcarousel-prev{ width:52px; height:52px; position:absolute; top:121px; } .jcarousel-next { background:url(img/carousel-next.png); left:933px; } .jcarousel-prev { background:url(img/carousel-prev.png); left:-25px; } .jcarousel-next:hover, .jcarousel-prev:hover { background-position:-53px 0; } #carousel-wrap { position:relative; overflow:hidden; width:960px; margin-bottom:10px; margin-top:-8px; z-index:1; } #carousel { overflow:hidden; width:960px; height:280px; padding:0px 0 9px; background:url(img/cf-bg.gif) repeat-x 0 100%; background-color:#fff; } #carousel .item { position:relative; width:480px; height:113px; padding-top:167px; margin-left:10px; background-color:#fff; } #carousel .desc-wrap { position:relative; padding: 8px 10px 5px 10px; width:440px; height:88px; margin-left:10px; background:url(img/bg-caro-desc.png); } #carousel .desc { position:relative; height:85px; padding:0px; } #carousel .item a, #carousel .item p { color:#ffffff; margin:0; padding:0;} #carousel .item p.h2 { position:relative; font-weight:700; font-size:16px; letter-spacing:-1px; line-height:1.1em; margin-top:20px; margin-bottom:3px; text-transform:uppercase; } #carousel .item p.h3 { position:relative; font-weight:bold; font-size:14px; line-height:14px; } #carousel .item p.h2 a { position:relative; z-index:80; } #carousel .item a:hover { position:relative; color:#D90A00; text-decoration:none; } /* #carousel .item a:hover { color:#D90A00; } #carousel .item span { font-size:1.1em; font-weight:bold; letter-spacing:1px;} #carousel .item .desc div.cHeadWrap { height:65px; border:1px solid red; position:absolute; bottom:0; margin:0; padding:0; vertical-align:middle; } #carousel .item .desc div.cHeadWrap h2 { margin:0; font-weight:bold; font-size:16px; letter-spacing:-1px; text-transform:uppercase; visibility:visible !important;} #carousel .item .desc div.cHeadWrap h3 { position:absolute; margin:0; font-weight:bold; font-size:14px; line-height:12px; bottom:0px; visibility:visible !important; } */ /* ---------- Calendar ---------- */ #calendar-wrap { position:relative; overflow:hidden; width:960px; margin-bottom:15px; margin-top:-8px; z-index:1; } #calendar { overflow:hidden; width:960px; height:259px; padding:0; background:url(img/cf-bg.gif) repeat-x 0 100%; } #calendar #ical { position:absolute; float:left; width:194px; height:229px; background:url(img/dot-line-vert.gif) right repeat-y; margin-top:10px; padding:1px 18px 0px 13px;} #calendar #ical #calHead { position:absolute; width:194px; height: 45px; overflow:visible; padding:0; margin:0; text-align:center; background:url(bg-days.gif) bottom repeat-x; } #calendar #ical #calHead #mon-prev { width:20px; height:18px; display:block; background:url(mon-prev.gif) no-repeat; background-position:0; } #calendar #ical #calHead #mon-prev:hover { background-position:-21px 0; } #calendar #ical #calHead #mon-next { width:20px; height:18px; display:block; background:url(mon-next.gif) no-repeat; background-position:0; } #calendar #ical #calHead #mon-next:hover { background-position:-21px 0; } #calendar #ical #calPrevMon { float:left; } #calendar #ical #calNextMon { float:right; } #calendar #ical span#calHeadMon { float:left; width:154px; font-weight:bold; font-size:1.2em; padding-top:2px;} #calendar #ical .calendar { width:194px; padding:0; margin:20px 0; position:absolute; background:transparent; } #calendar #ical .calendar tr { width:194px; height:25px; } #calendar #ical tr.tableDays { background:transparent; } #calendar #ical .calendar th { text-align:center; } #calendar #ical .calendar td { font-size:0.9em; width:21px; height:21px; background-color:#DFDFDF; border:2px solid #DFDFDF; text-align:center; } #calendar #ical .calendar td.linked-day { border-bottom:2px solid #D90A00; } #calendar #ical .calendar td.linked-day a { display:block; color:#333; } #calendar #ical .calendar td.linked-day:hover{ border:2px solid #D90A00; background-color:#D90A00; color:white; } #calendar #ical .calendar td.linked-day:hover a, #calendar #ical .calendar td.linked-day a:hover { color:white; } #calendar #ical .calendar td.dayEmpty { height:25px; border:0px; background:url(bg-emptyday.gif) repeat-x; } /* ---------- Spielplan Sortieren ---------- */ #calendar #icalSort { position:absolute; float:left; margin-left:227px; width:224px; height:229px; margin-top:10px; padding:1px 18px 0px 13px;} #calendar #icalSort #calSHead { position:absolute; width:224px; overflow:visible; padding:0; margin:0; } #calendar #icalSort span#calSortHead { float:left; font-weight:bold; font-size:1.2em; padding-top:4px;} #calendar #icalSort form { position:absolute; top:25px; margin-bottom:6px; } #calendar #icalSort select.text { margin-bottom:9px; font-size:1em; padding:3px 4px 0 5px; border:0px; width:217px; height:23px; background:url(bg-sort.gif) no-repeat; } *:first-child+html #calendar #icalSort select.text { padding:0 4px 0 5px; } #calendar #icalSort a { display:block; margin:5px 0; padding:0; } #calSortTextLink { position:absolute; top:115px; } /* ---------- Spielplan Teaser ---------- */ #calendar #icalTeaser { position:absolute; float:left; margin-left:480px; width:480px; height:229px; margin-top:0; padding:0;} #calendar #icalTeaser .icalTeaserImg { position:absolute; top:0px; z-index:1; } #calendar #icalTeaser .teaser-button { position:absolute; z-index:2; } #calendar #icalTeaser h2 { font-size:1.3em; text-transform:uppercase; top:9px; position:relative; } #calendar #icalTeaser h3 { font-size:1.6em; text-transform:uppercase; letter-spacing:-1px; position:relative; top:7px; } #calendar #icalTeaser h2, #calendar #icalTeaser h3 { z-index:10; position:relative; left:38px;} /* ---------- Features panel ---------- */ #features { position:relative; background:url(teaser-start-bg.gif) no-repeat; min-height:261px; } #features img { position:absolute; top:0; left:20px; } #features .unit {width:210px; overflow:hidden; float:left; margin:10px 0; padding:0px; position:relative;} #features .first { margin-left:15px; } #features .first #sign_newsletter { margin-top:30px; } .formgen input.text, #features .newsletter input.text, #kontaktForm input.text { font-size:1em; padding:4px 8px 0 5px; border:0px; width:201px; height:24px; background:url(news-input-bg.gif) no-repeat; } .formgen textarea, #kontaktForm textarea { font-size:12px; font-family:Arial,sans-serif; padding:4px 0 4px 5px; border:0px; width:389px; height:166px; background:url(kontakt_text_bg.gif) no-repeat; } #features h2 { font-size:1.3em; text-transform:uppercase; } #features h3 { font-size:1.6em; text-transform:uppercase; letter-spacing:-1px; } #features .newsletter input.submit { width:103px; height:26px; } #features .middle { width:450px; margin-left:30px; } #features .unit.middle.twitter { overflow:visible; } #features .twitter #bird { width:117px; height:106px; position:absolute; right:-16px; top:-10px; background:url(twitter_bird.png ) no-repeat; z-index:10; } #features .twitter #twitter_div { margin-top:8px; float:left; position:relative; z-index:1; } #features .twitter #twitter_div .feed_wraper {overflow:hidden; height:155px; width:450px; margin-bottom:10px;} #features .twitter ul#twitter_update_list { width:450px; list-style:none; margin:0px; padding:20px 0; margin-left:0px;} #features .twitter ul#twitter_update_list li { line-height:1.1em; width:450px; background:url(img/dot-line-horiz.gif) repeat-x 0 100%; margin-bottom:8px; } #features .twitter ul#twitter_update_list li span { display:block; padding-left:0px; padding-right:20px; overflow:visible; } #features .twitter ul#twitter_update_list li a { line-height:1em; height:16px; background:url(twitter_logox.jpg) no-repeat top left; font-size:12px; font-weight:bold; display:block; margin-bottom:10px; /*padding-left:24px;*/ margin-top:3px; padding-top:3px; } #features .twitter a { font-size:0.9em; } #features .twitter ul#twitter_update_list li span a { margin:0; padding:0; } #features .twitter #twitter_bottom { background:url(bg-twitter-bottomx.gif) no-repeat bottom left; position:relative; width:480px; height:27px; margin-left:-15px; padding-left:15px; padding-top:4px; } #features .twitter #twitter_div a#twitter-link { line-height:1em; height:19px; padding:4px 0 0 24px; position:relative; float:left; font-size:.9em; font-weight:bold; display:block;} #features .twitter #twitter_div a#twitter-link img { padding:0; margin-left:-20px; } #features .twitter div.feeds_btn {position:relative; margin-left:363px;} #features .last { width: 190px; overflow:visible; position:relative; margin:0; margin-left:15px; padding-left:32px; padding-top:10px; } #features h2.last, #features h3.last{ z-index:10; position:relative; margin-left:0px; padding:0; } #features .issue p { z-index:1; position:relative; } #features .last a { text-decoration:underline; } /*#features .last.start { background:url(../files/100jahretheater_.jpg) no-repeat top left; z-index:99; position:relative; }*/ #features .big_img, #features .big_img_only { position:absolute; left:0; top:-5px; z-index:5; } #features .big_img_.hover { display:none; } #features .red-teaser-arr { position:absolute; display:inline; margin-left:-19px; padding:10px 0 ; z-index:100; } /* #features .rollover_show_ { display:none; } #features .rollover_show_:hover { display:inline; } */ #features .issue.hover img.big_img { display:none; } /* ---------- Spielplan panel ---------- */ #spielplan { position:relative; width:960px; overflow:visible; } #spielplanWrap { position:relative; width:730px; background:url(img/dot-line-vert.gif) right repeat-y; float:left; } #spielplanWrap div.unit { position:relative; height:143px; margin:0 15px 15px 0; padding:0 0 15px 10px; background:url(img/dot-line-horiz.gif) bottom repeat-x; } #spielplanWrap div.unit div.unitDate { position:absolute; margin-right:17px; float:left; font-weight:bold; background:url(img/cf-bg.gif) top repeat-x; width:50px; text-align:center; } #spielplanWrap div.unit div.unitDate .unitDateMon { font-size:1.2em; margin-top:16px; text-transform:uppercase;} #spielplanWrap div.unit div.unitDate .unitDateNo { font-size:1.8em; } #spielplanWrap div.unit div.unitDate .unitDateYear { font-size:1em; } #spielplanWrap div.unit div.unitImg { position:absolute; left:77px; width:135px; height:135px; padding:3px; border:1px solid #b6b6b6;} #spielplanWrap div.unit div.unitImg.noDate { left:10px; } #spielplanWrap div.unit div.unitDesc { position:absolute; left:236px; width:480px; } #spielplanWrap div.unit div.unitDesc.noDate { left:169px; } #spielplanWrap div.unit div.unitDesc.noDate.noImg { left:10px; } #spielplanWrap div.unit div.unitDesc.noImg { left:77px; } #spielplanWrap div.unit div.unitDesc a { text-decoration:underline; color:#333; } #spielplanWrap div.unit div.unitDesc a:hover { color:#D90A00; } #spielplanWrap div.unit div.unitDesc p { margin:10px 0 10px; } #spielplanWrap div.unit div.unitDesc p.h2 { position:relative; font-weight:700; font-size:1.4em; letter-spacing:0px; line-height:1.1em; margin-bottom:0px; margin-top:5px; text-transform:uppercase; } #spielplanWrap div.unit div.unitDesc p.h3 { position:relative; margin:0; font-weight:bold; font-size:1.2em; } #spielplanWrap div.unit div.unitDesc .booking { background:url(trolley.gif) left top no-repeat; height:17px; padding:2px 24px 0; } #spielplanWrap div.unit div.unitDesc .booking:hover { background:url(trolley_red.gif) left top no-repeat; } /* ---------- Spielplandetail panel ---------- */ .detailImgHeadWrap { position:relative; width:730px; height:273px; background:url(img/cf-bg.gif) repeat-x bottom; margin-bottom:14px; } .detailImgHead { width:729px; height:280px; position:absolute; top:-16px; overflow:hidden; } .detailImgHead .lupe { background:url(lupe.png) bottom right no-repeat; width:26px; height:26px; position:absolute; top:254px; left:704px; } #vieleTermine { position:relative; min-height:50px; margin:20px 0; } .vieleTermine { position:relative; width:220px; float:left; padding:0; margin:0; } .vieleTermine.no1 { left:0px; } .vieleTermine.no2 { left:10px; } .vieleTermine.no3 { left:10px; } .vieleTermine span.vtDay { font-weight:bold; width:19px; display:block; position:absolute; left:24px; } a.pBooking { display:block; position:relative; background:url(trolley.gif) left top no-repeat; height:19px; min-height:11px !important; padding:2px 24px 0; margin:20px 0 -8px 0; } a.pBooking:hover { background:url(trolley_red.gif) left top no-repeat; } .vieleTermine a.booking { display:block; position:relative; background:url(trolley.gif) left top no-repeat; height:19px; min-height:11px !important; padding:2px 43px 0; margin:-4px 0; } .vieleTermine a.booking:hover { background:url(trolley_red.gif) left top no-repeat; } .myDownLoads { background-color:#fff; color:#000; padding:5px; height:100%; } .myDownLoads h1 { text-transform:uppercase; font-size:16px; line-height:18px; } .myDownLoads h2 { font-size:14px; line-height:16px; visibility:visible !important; } .myDownLoads table { font-size:12px; margin-top:10px; width:100%; } .foerderer { border:0px !important; } /* ---------- Spielplan detailIcons ---------- */ .detailIcons { position:relative; top:0px; left:-15px; width:150px; height:49px; } #detailIcons li { float:left; display:inline; height:49px; } #detailIcons li a { background-image:url(detailIcons.gif); text-indent:-9999px; } #detailIcons li a.dontshow{ display:none; background-image:none;} #detailIcons .detailDownload { display:block; overflow:hidden; width:30px; height:49px; background-position:0px 0px; margin-left:-4px; } #detailIcons .detailFlickr { display:block; overflow:hidden; width:35px; height:49px; background-position:-35px 0px; margin-left:-4px; } #detailIcons .detailVimeo { display:block; overflow:hidden; width:35px; height:49px; background-position:-74px 0px; margin-left:-4px; } #detailIcons .detailShop { display:block; overflow:hidden; width:35px; height:49px; background-position:-113px 0px; margin-left:-4px; } #detailIcons .detailDownload:hover { background-position:0px -51px; } #detailIcons .detailFlickr:hover { background-position:-35px -51px; } #detailIcons .detailVimeo:hover { background-position:-74px -51px; } #detailIcons .detailShop:hover { background-position:-113px -51px; } #detailIcons .detailAudio { display:block; overflow:hidden; width:35px; height:49px; background-position:-153px 0px; margin-left:-4px; } #detailIcons .detailAudio:hover { background-position:-153px -51px; } /* ---------- Spielplan / Standard Teaser ---------- */ #spielplanTeaser, #standardTeaser { position:relative; left:-1px; width:230px; background:url(img/dot-line-vert.gif) left repeat-y; float:right; } #empfehlungen { background:url(bg-empfehlung.gif) top right no-repeat; width:220px; position:relative; left:10px; } #empfehlungen h2, #flickrTeaser h2, #vimeoTeaser h2, #twitterTeaser h2, .standardTeaser h2, #features h2, #spielplanWrap h1.allePremieren { font-size:1.4em; text-transform:uppercase; position:relative; } #spielplanWrap h2.allePremieren { font-size:1.2em; position:relative; } #empfehlungen h3, #flickrTeaser h3, #vimeoTeaser h3, #twitterTeaser h3, .standardTeaser h3, #features h3 { font-size:1.6em; text-transform:uppercase; letter-spacing:-1px; position:relative; top:-4px; } #empfehlungen #empfehlungenWrap { margin-top:-14px; position:relative; } #empfehlungen #empfehlungenWrap .item { position:relative; width:210px; background:url(img/dot-line-horiz.gif) bottom repeat-x; padding:8px 0 1px 0; } #empfehlungen #empfehlungenWrap .item p { position:relative; text-transform:uppercase; font-weight:bold; font-size:1em; margin:0 0 6px 0;} .hinweise { width:210px; position:relative; left:10px; top:13px; } .hinweise img { width:202px; padding:3px; margin:3px 0 10px; border:1px solid #b6b6b6; } .hinweise a:hover img { width:202px; padding:0px; margin:3px 0 10px; border:4px solid #D90A00; } #flickrTeaser, #vimeoTeaser, #twitterTeaser, .standardTeaser { width:220px; position:relative; left:10px; background:url(img/dot-line-horiz.gif) bottom repeat-x; padding:10px 0 6px 0; } #flickrTeaser .flickr { height:21px; width:49px; background-image:url(img/partner-logos.gif); background-position:-71px -43px; display:block; } #vimeoTeaser .vimeo { height:21px; width:61px; background-image:url(img/partner-logos.gif); background-position:0 -43px; display:block; } #twitterTeaser .twitterT { height:21px; width:68px; background-image:url(img/partner-logos.gif); background-position:-130px -43px; display:block; } #twitterTeaser ul, #twitterTeaser li { margin:0; padding:0; } #twitterTeaser #twitter_update_list li { list-style:none; } #twitterTeaser .feed_wraper { width:200px; margin:5px 0 5px 0; } #twitterTeaser ul#twitter_update_list li a { height:16px; background:url(twitter_logox.jpg) no-repeat top left; font-size:1em; font-weight:bold; display:block; margin-bottom:10px; /*padding-left:24px;*/ margin-top:3px; padding-top:3px; } #login { background:url(bg-download.gif) no-repeat top right; position:relative; width:220px; margin-top:-10px; } #login p { margin:5px 0; } #login input.text { font-size:1em; padding:4px 0 0 5px; border:0px; width:209px; height:23px; background:url(bg-login.gif) no-repeat; } #login input#loginUserSubmit, #login input#loginUserSubmit2, .standardTeaser a.logout, a.presseApply { font-family:Arial,sans-serif; font-size:12px; padding:0 0 0 13px; letter-spacing:0px; background:url(arr-rightLong.gif) no-repeat left bottom; height:16px; display:block; border:0px; text-align:left; } .standardTeaser a.logout, a.presseApply { font-size:12px; padding:0 0 0 13px; letter-spacing:0; } a.presseApply {position:absolute; bottom:0px; left:88px;} /* ---------- Standard panel ---------- */ #standard { position:relative; width:960px; overflow:visible; margin-top:8px; } #standardWrap { position:relative; width:730px; background:url(img/dot-line-vert.gif) right repeat-y; float:left; } #standardWrap div.unitStandard { position:relative; margin:0 15px 15px 0; padding:0 0 15px 10px; background:url(img/dot-line-horiz.gif) bottom repeat-x; } #standardWrap div.unitStandard img.imgBorder, #standardWrap div.unitStandard img { padding:3px; border:1px solid #b6b6b6; margin-right:15px; z-index:1; } /* float:left; */ #standardWrap div.unitStandard img.imgBorder.smallImg { width:135px; height:135px; float:left; } .imgNoBorder { padding:0px; border:0px; clear:both; position:static; margin-right:15px; z-index:1; } #standardWrap div.unitStandard a.vimeoIcon { background:url(vimeoicon.png) no-repeat top left; z-index:10; } #standardWrap div.unitStandard span.vimeoIcon_ { position:absolute; left:10px; width:63px; height:63px; background:url(vimeoicon.png) no-repeat top left; } #standardWrap ul, #standardWrap li { margin-left:10px; padding:0;} #standardWrap li { list-style:url(li.gif) outside; margin-bottom:3px; } #standardWrap table { margin:10px 0; padding:0; border-collapse:collapse; border:1px dotted black; background:white; } #standardWrap table td, #standardWrap table th{ border:1px dotted black; padding:7px 10px 7px 10px; font-size:1em;} #standardWrap table .tr0, #standardWrap table .thead, #standardWrap table .tdFirst { background:#F1F1F1; } #standardWrap table .tdFirst, #standardWrap table td { border:0px; border-right:1px dotted black; } #standardWrap img { border:0px; } #standardWrap a { color:#333; text-decoration:underline; } #standardWrap a:hover { color:#D90A00; } #iFrameWrap, #iFrameWrap .formgen { width:440px; overflow:hidden; } #iFrameWrap .formgen label { width:100px; display:block; float:left; } #recaptcha_widget_div { margin:0; padding:0; margin-top:-10px; margin-left:-2px; } object, embed { margin:0; padding:0; } /* VIMEO Styles ***************************************************************************/ .vimeoBadge { margin:10px 0 10px 0; padding:0; } .vimeoBadge img { border:0; } .vimeoBadge #vimeo_badge_logo { margin-top:0px; width:0px; height:0px; display:none;} .vimeoBadge .clip { z-index:5; background-color:white; position:relative; padding:3px; border:1px solid #b6b6b6; float:left; margin:0 3px 0; width:160px; height:120px; line-height:0; overflow:visible; } .vimeoBadge .clip:hover { padding:0px; border:4px solid #D90A00; } .vimeoBadge .clip a { position:absolute; width:160px; overflow:hidden; z-index:10; background-color:white; } .vimeoBadge .clip a img { position:relative; left:0px; z-index:1;} .vimeoBadge .clear { display: block; clear: both; visibility: hidden; } /* FLICKR Styles ****************************************************************************/ #flickr_badge_wrapper { margin:10px 0 10px 0; padding:0; height:68px; width:213px; } #flickr_badge_wrapper a { height:66px; width:66px; border:1px solid #b6b6b6; overflow:hidden; display:block; float:left; margin-right:3px; } #flickr_badge_wrapper img { border:0px solid black !important; width:60px; height:60px; padding:3px;} #flickr_badge_wrapper a:hover { border: 1px solid #D90A00; background-color:#D90A00; } /* These are standard sIFR styles... do not modify ****************************************************************************/ .sIFR-flash { visibility:visible !important; margin:0; } .sIFR-replaced { visibility:visible !important; } span.sIFR-alternate { position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display:none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ div.sifrWrap { height:38px; } .sIFR-hasFlash h1 { visibility:hidden; line-height:1.4em; } .sIFR-active #standardTeaser h2 { visibility:hidden; letter-spacing:-9px; font-size:1.3em; line-height:1em; } .sIFR-active #standardTeaser h3 { visibility:hidden; letter-spacing:-6px; font-size:1.7em; height:33px; } .sIFR-hasFlash h4 { visibility: hidden; letter-spacing:-5px; font-size: 21px; line-height:1.4em; } .sIFR-hasFlash h5#pullquote { letter-spacing:-4px; visibility:hidden; font-size:24px; line-height:1.4em; } /***************************************************************************** scalable Inman Flash Replacement (sIFR) version 3. Copyright 2006 ? 2008 Mark Wubben, Older versions: * IFR by Shaun Inman * sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin * sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben See also and . This software is licensed and provided under the CC-GNU LGPL. See ***************************************************************************** */ @media screen { .sIFR-flash { visibility:visible !important; margin:0; padding:0; } .sIFR-replaced, .sIFR-ignore { visibility:visible !important; } .sIFR-alternate { position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden; } .sIFR-replaced div.sIFR-fixfocus { margin:0pt; padding:0pt; overflow:auto; letter-spacing:0px; float:none; } } @media print { .sIFR-flash { display:none !important; height:0; width:0; position:absolute; overflow:hidden; } .sIFR-alternate { visibility:visible !important; display:block !important; position:static !important; left:auto !important; top:auto !important; width:auto !important; height:auto !important; } } /* Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active so they only apply if sIFR is active. Make sure to limit the CSS to the screen media type, in order not to have the printed text come out weird. */ @media screen { /* Example: .sIFR-active h1 { font-family: Verdana; visibility: hidden; } */ } /***************************************************************************** These styles should be at the bottom of `sifr.css`. Make sure that they're only applied for the screen media type! *****************************************************************************/ /* .sIFR-active h1, */ .sIFR-active h2, .sIFR-active h3, .sIFR-active h4, .sIFR-active h5#pullquote { visibility: hidden; font-family: Arial; } .sIFR-active #standardWrap h1, .sIFR-hasFlash #standardWrap h1 { visibility:visible; font-weight:700; font-size:1.4em; letter-spacing:0px; text-transform:uppercase; line-height:1.4em; } .sIFR-active #standardWrap h2, .sIFR-hasFlash #standardWrap h2 { visibility:visible; letter-spacing:0px; margin:0; font-weight:bold; font-size:1.2em; line-height:1.2em; } .sIFR-active #standardWrap h3, .sIFR-hasFlash #standardWrap h3 { visibility:visible; letter-spacing:0px; margin:0; font-weight:bold; font-size:1.2em; line-height:1.2em;} .sIFR-active #standardWrap h4, .sIFR-hasFlash #standardWrap h4 { visibility: visible; letter-spacing:0px; font-size:1.1em; } .sIFR-active #standardWrap h5, .sIFR-hasFlash #standardWrap h5#pullquote { letter-spacing:0px; visibility:visible; font-size:1em; }