/* Theme Name: HTV de IJsberg Version: 2.0 Author: Annemieke van der Hoek Tags: HTV de IJsberg */ /*---:[ algemeen ]:---*/ body { background:#fff; color: #000000; font-family: Arial, Helvetica, sans-serif; } * { padding: 0; margin: 0; } /*---:[ global elements ]:---*/ .gallery img {border:0px solid #CFCFCF !important;} .gallery-item {text-align:left !important;} .stamp {float:right;height:125px;} .upp {text-transform:uppercase;} .cred {text-decoration:underline;display:block;min-width:110px;float:left;} .performance {} .cap {font-size:73px;float:left;margin:-13px 5px -20px 0px;} .hid {visibility:hidden;} .leftovers {margin-top:10px;} .leftovers img {margin:5px 5px 0 0 !important;float:left;} table {margin-top: 15px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif;} td {text-transform:uppercase; font-weight:normal; } a { color: #000; text-decoration: underline; } /*0060ff*/ .credit a { color: #000 !important; text-decoration: underline !important; } .credit a:hover { color: #ffffff /*white htv #82 */ !important; text-decoration: underline !important; } a:visited { color: black; text-decoration: underline; } a:hover { color: #ffffff /*white htv #82 */; background:#000000; text-decoration: none; } .allecovers a:hover {background: none !important;} hr {width:500px; color:#000000;} a img { border: none; } blockquote { font-style: italic; font-family: Arial, Helvetica, sans-serif; color: #555; padding: 0 0 0 10px; border-left: 1px solid #aaa; } abbr, acronym { border-bottom: 1px dotted #aaa; text-transform: uppercase; cursor: help; } code { color: #090; font-family: Courier, monospace; } pre { overflow: auto; clear: both; } p {margin: 0;} p.center { text-align: center !important; } p.bottom { margin: 0 !important; } p.unstyled { } .flickr_blue { color: #007ae4; text-transform: lowercase; } .flickr_pink { color: #ff2a96; text-transform: lowercase; } .white { color: #fff; } .green { color: #090; } .red { color: #f00; } .orange { color: #f40; } .purple { color: #909; } .redactioneel {font-family:"Times New Roman", Times, serif;margin:0 0 10px 0;font-weight:normal;font-style:italic;} h2.archived .web {text-decoration:underline;} h2.archived a:hover .web, h2.archived a:hover {color:#ffffff /*white htv #82 */ !important;padding:0;border:0px solid #ffffff /*white htv #82 */;text-decoration:underline;} .web {background:#ffffff /*white htv #82 */;color:black;} a:hover .web {background:black !important;color:#ffffff /*white htv #82 */ !important;padding:1px 0 3px;border:1px solid #ffffff /*white htv #82 */;} h1.title {font-family: "Arial Narrow", Arial, Helvetica, Sans-serif;text-transform:uppercase;font-size:28pt;line-height:28pt;margin-bottom:2px;} h2.author {font-family: "Arial Narrow", Arial, Helvetica, Sans-serif;text-decoration:underline;text-transform:uppercase;font-weight:normal !important;margin:0px 0 15px;} h2.ondertitel {font-family: "Arial Narrow", Arial, Helvetica, Sans-serif;text-decoration:none;text-transform:uppercase;font-weight:normal !important;margin:0px 0 15px;} h2.tussenkop {font-family: "Arial Narrow", Arial, Helvetica, Sans-serif;text-decoration:none;text-transform:uppercase;font-weight:normal !important;margin:15px 0 -15px;} h4.author {font-family: "Arial Narrow", Arial, Helvetica, Sans-serif;text-decoration:underline;text-transform:uppercase;font-weight:normal !important;margin:20px 0 0px;font-size:14pt;} p.bio {font-family: "Arial Narrow", Arial, Helvetica, Sans-serif;font-size:10pt !important;margin-top:0px !important;} p.info, .entry p.endnotes {font-family: "Arial Narrow", Arial, Helvetica, Sans-serif;font-weight:bold;font-size:10pt !important;margin-top:15px !important;} .found {background:black;color:#ffffff /*white htv #82 */;} .high {background:black;color:#ffffff /*white htv #82 */;} .intro {font-weight:bold;} .about {font-family: "Arial Narrow", Arial, Helvetica, Sans-serif;text-transform:uppercase;font-size:10pt !important;margin:30px 0 !important;} .year {font-family: "Arial Narrow", Arial, Helvetica, Sans-serif;text-transform:uppercase;font-weight:bold;} h4.credit{ margin-top:25px;font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size:9pt !important; color:#000000; font-style:uppercase;font-weight:normal;} h4.videocredit{ margin-top:-10px;font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size:9pt !important; color:#000000; font-style:uppercase;font-weight:normal;} .pdf {background: url('images/pdf.gif');width:25px;height:26px;float:left;margin-right:5px;} .downloadpdf {background: url('images/pdf.gif') no-repeat; padding-left:20px;font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size:9pt !important;} .downloadpdf:hover{background: url('images/pdf.gif') no-repeat !important;color:black;} .embed {background: url('images/sound.png') no-repeat left bottom;text-transform:uppercase;padding-left:65px;padding-top:12px;font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size:10pt !important;} .embed embed {margin:2px 0;height:16px;} /*---:[ core layout elements ]:---*/ #container { position:relative; width: 970px; margin: 0px auto 0 auto;} #masthead { position:fixed;margin-left:-15px; width:600px; bottom:10px; z-index: 10; border:0px solid black;} .logovast {float:left;width:681px;position:fixed;} .nummer {height:109px;float:right;border:1px solid black;} #masthead img {width:100%;} #masthead h1 { font-size: 60pt; text-align: center; clear: both; } #masthead h1:a, a:visited {display:block; color: black;} #masthead img a:hover, #masthead a:hover, #cover a:hover {color:none !important;text-decoration:none !important; background:none !important;border:none !important; } /* #masthead a { display: block; width: 970px; height: 100px; } */ /* uncomment this line if you use a graphic in the header - make sure the height of your header graphic is equal to the height declared in this line of code! */ #sticker {background:url('images/sticker.png');width:150px;height:150px;position:fixed;top:0px;right:0px;z-index:15;} #content_box { position:absolute;z-index:0;background: none; width: 970px; text-align: left;} #content, #infoblok2, #infoblok1, #zoek { border: 1px solid #000000;} #content a:hover {background: #000000;} #content { border:0;background: /*url('images/82.png') 0 100% repeat*/; position: absolute; width: 600px; top:220px; left: 0px; padding: 35px 10px 300px 50px; z-index:4; /*border-right: 1px solid black; border-left: 1px solid black;border-bottom:1px solid black;*/} h1.vastonderdeel { font-size:24pt; font-weight:normal; font-style:italic; text-transform:uppercase;} h1.soortartikel { font-size:24pt; font-weight:bold; } h1.artikeltitel { font-family: "Arial Narrow", Arial, Helvetica, sans-serif;font-size:24pt; line-height:32pt;font-weight:bold; text-transform:uppercase;margin-bottom:5px;} h1.author79 { font-size:21pt; font-family: "Arial Narrow", Arial, Helvetica, sans-serif;font-weight:bold; text-transform:uppercase;margin-bottom:25px;line-height:30pt;} h1.kleinereartikeltitel { line-height:28pt; font-family: "Arial Narrow", Arial, Helvetica, sans-serif;font-size:21pt; font-weight:bold; text-transform:uppercase;margin-bottom:6px;} h1.kleinsteartikeltitel { font-family: "Arial Narrow", Arial, Helvetica, sans-serif;font-size:16pt; font-weight:bold; text-transform:uppercase;margin-bottom:6px;} h1.covers { font-family: "Arial Narrow", Arial, Helvetica, sans-serif;font-size:16pt; font-weight:bold; text-transform:uppercase;} h3.author { font-family: "Arial Narrow", Arial, Helvetica, sans-serif;font-size:14pt; font-weight:bold; text-transform:uppercase;line-height:18pt;margin-bottom:15px;} h4.bijschrift { font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size:9pt; color:#000000; font-style:normal; width:500px;} a.downloadarticle {font-weight:bold; text-decoration: none; font-family: "Arial Narrow", Arial, helvetica, sans-serif;font-size:10pt;} h2 a {padding: 0px 0 10px 0;} h2.agenda { margin-top:0px !important; text-transform:uppercase; font-weight:bold;} a.search {color:#000; text-decoration:underline !important;font-family: "Arial Narrow", Arial, Helvetica, Sans-serif;font-weight:bold;font-size:10pt !important;margin-top:15px !important;} a.search:hover {text-decoration:none !important;color:#ffffff /*white htv #82 */} p.archiefhtv { font-weight: normal; text-transform:uppercase; margin-top: 15px !important; font-family: "Arial Narrow", Arial, Helvetica, sans-serif;} p.vastecontent { font-weight: normal; text-transform:uppercase;font-family: "Arial Narrow", Arial, Helvetica, sans-serif;} .ca-cities { font-weight: normal; text-transform:uppercase;font-family: "Arial Narrow", Arial, Helvetica, sans-serif;margin:15px 0;} .ca-cities p, .city div p {font-size:10pt;margin:10px 0 5px 0;text-transform:none;} .ca-cities ul {width:600px;height:240px;} .ca-cities a, .vastecontent a {text-decoration:none;font-weight:normal;} .ca-cities a:hover {text-decoration:none !important;color: #ffffff /*white htv #82 */;} .ca-cities li {float:left;width:300px;font-size:14pt;} .city {margin:20px 0; width:560px;background:none;float:left;clear:both;font-family: "Arial Narrow", Arial, Helvetica, sans-serif;} .city p {} .city h5 { padding-top:5px;font-weight: normal; text-transform:uppercase; font-size:12pt;width:560px;height:20px; border-top:1px solid black;margin-top:250px;} .city h5 a {float:left;text-decoration:none;float:right;} .city h5 a:hover {text-decoration:none;} .city h6 { font-weight: bold; text-transform:normal; font-size:12pt; border-bottom:0px solid;margin: 0 -5px;padding:0 5px 5px;} .city p.exh_date {font-size:36px;font-weight:bold;text-transform:uppercase;padding: 5px 5px 0; margin: 0 -5px;border-top:1px solid;} .city p.exhibit {background:/*#ffffff /*white htv #82 */*/#000;border-bottom:0px solid;border-top:0px solid;color:#ffffff /*white htv #82 */;font-weight:bold;padding: 5px 5px 15px; margin: 0 -5px; font-size:16px;} .city div {width:166px;float:left;margin:15px 10px 0 0;height:500px;background:black;color: #ffffff;padding:5px;font-size:11pt;} .city div.citytop {width:550px;background:none;height:10px;float:none;margin:0;} .citytop a {text-decoration:none;} h2.agenda a:hover, .citytop a:hover {text-decoration:none !important;background:none !important;color:black !important;} .city div p {font-size:10pt;margin:10px 0 5px 0;} .city div a {color: #ffffff /*white htv #82 */;font-weight:bold;} .city div a:hover {background: #ffffff /*white htv #82 */ !important;color:black !important;font-weight:bold;} .city .city-extra {background:none;color:black;} .plaats {float:left;clear:both;margin:15px 0;width:560px;} .plaats h3 {width:560px;border-bottom:0px solid black;font-family: "Arial Narrow", Arial, Helvetica, sans-serif;font-size:12pt;font-weight:normal;text-transform:uppercase;margin:250px 0 0;} .cityleft {} /* is float left in IE7 */ .plaats h3 a{float:right;text-decoration:none;clear:none;} .plaats h3 a:hover{text-decoration:none;} .plaats ul {margin:0;} .plaats li {padding:5px;line-height:12pt;float:left;font-family: "Arial Narrow", Arial, Helvetica, sans-serif;font-size:12pt;font-weight:normal;text-transform:uppercase;width:165px;background:black;color: #ffffff /*white htv #82 */;margin:10px 10px 0 0;} .d-cities { font-weight: normal; text-transform:uppercase;font-family: "Arial Narrow", Arial, Helvetica, sans-serif;margin:15px 0;} .d-cities p, .city div p {border-top:1px solid;font-size:10pt;margin:0px -5px 5px;text-transform:none;padding:15px 5px 5px;} .d-cities ul {width:560px;} .d-cities a, .vastecontent a {text-decoration:none;font-weight:normal;} .d-cities a:hover {text-decoration:none !important;color: #ffffff /*white htv #82 */;} .d-cities li {float:left;margin-right:5px;font-size:12pt;} #thema82_1 {position:fixed;bottom:10px;z-index:10000;margin-left:-12px;height:325px;} #thema82_2 {position:fixed;bottom:90px;z-index:10000;margin-left:45px;height:130px;} #thema82_3 {position:fixed;bottom:10px;z-index:10000;margin-left:45px;height:75px;} #polemiek_logo {position:fixed;margin-left:-15px; width:1000px; top:10px; z-index: 10000; border:0px solid black;} #polemiek_logo img {float:left;} #pm_logo1 {position:fixed;margin-left:-15px;width:824px;z-index: 10000;top:25px;} #pm_logo2 {position:fixed;margin-left:809px;width:161px;z-index: 10000;top:25px;} #polemiek {position:absolute;border:0px solid black;width:870px;top:225px;left:10px;} #polemiek_bottom{width:870px;height:200px;background:white;float:left;} .polemiekposter {width:200px;margin:4px;border:3px solid black;float:left;opacity:0.4;filter:alpha(opacity=40);} .polemiekposter:hover {opacity:1;filter:alpha(opacity=100);} .polemiekposter img {width:100%;} .legeposter {border:0;height:300px;} #infoblok2sub { background: url('images/inhoud.png') 0 100% repeat; position:absolute; width: 300px; top: 170px; margin-left: 50px; padding: 0px 0px 10px 0px; z-index:9;} #infoblok2sub a {color:green;} #infoblok2sub a:hover {color:#000000; background:#ffffff /*white htv #82 */;padding:2px 0 4px 0;} #infoblok2 { background: none; position:fixed; top:0px; margin-left: 0px; padding: 0px 0px; z-index:3;border:0;z-index:0; } #infoblok2 ul {line-height:auto;} #infoblok2 li li{float:left !important;font-size:13px; margin-right:10px;padding:0px 0px;} #infoblok2 a, #infoblok2 a:visited{color:#000000 !important;padding:0px 0px !important;text-decoration:none;margin:0 !important;} #infoblok2 select{width:100px;display:inline;} #infoblok2 a:hover {color:#ffffff !important;background:#000000;padding:2px 0px !important;} #infoblok1 { background: none; position:fixed; top:0px; margin-left:390px; padding: 0px 0px; z-index:3;text-align:right;border:0;} #infoblok1 ul {line-height:auto;} #infoblok1 li li{float:left !important;font-size:13px;margin-right:10px; padding:0px 0px;} #infoblok1 a, #infoblok1 a:visited {color:#000000 !important;padding:0px 0px !important;text-decoration:none;margin:0 !important;} #infoblok1 a:hover {color:#ffffff !important;background:#000000;padding:2px 0px !important;} #zoek { text-transform: uppercase; background: url('images/inhoud.png') 0 100% repeat; position:fixed; width: 285px; top:45px; margin-left: 607px; padding: 5px; z-index:1;} #slideshowdiv { background: #fff; position: absolute; width:836px; top:115px; left: 67px; padding: 0 0 0 0px; z-index:0; border: 0px solid grey;} #footer { background:yellow; position:absolute; z-index:0; width: 970px; border-top: 2px solid #ccc; float: left; clear: both; } /*---:[ headlines ]:---*/ h1, h2, h3 { font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #000000; } h1 { font-weight:bold; } h1 a, h1 a:visited, h1 { color: #000000; text-decoration: none; } h1 a:hover { color: #ffffff /*white htv #82 */; text-decoration: underline; } h2 {font-weight:bold; text-transform:uppercase; font-family: "Arial Narrow", Arial, Helvetica, sans-serif;} h2 a { color: #000000; text-decoration: none; } h2 a:visited { color: #000000; text-decoration: none; } h2 a:hover { color: #fff; text-decoration: none; } #content h2.archived { color:black; font-weight:normal !important; margin-top:15px;text-decoration:underline;} .posts h2 { color:none !important; font-weight:bold; } .pages h2, h2.page_header { font-weight:bold; } #text-211238491 h2, #text-208958351 h2, #text-209002391 h2, #text-213925441 h2, #text-340138961 h2 { text-transform:uppercase; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 24pt; line-height:28pt;margin:10px 0;font-weight:bold; color:#ffffff /*white htv #82 */; } #categories-213927301 h2.widgettitle, #categories-340149661 h2.widgettitle {text-transform:uppercase; font-size: 0pt !important; margin:-2pt 0 0 0; padding:0;font-weight:bold; color:#554968 !important; visibility:hidden; display:none;} #text-214030921, #text-340138962 {font-style:normal; font-weight:normal; font-size: 10pt;margin:15px 10px;line-height:12pt;font-family:"Times New Roman", Times, Georgia, Serif} h2.endnotetitle { text-decoration:underline; font-weight: bold; text-transform: uppercase; letter-spacing: normal; padding: 0px 5px 0px 15px; border-top: 0px solid #000; background: /*url('images/hr_dot_black.gif') 0 100% repeat-x*/none;} /*---:[ sidebar categories + archive heading ]:---*/ #zoek li.zoekwidget h2 { color:#ffffff /*white htv #82 */;font-family: "Arial Narrow", Arial, Helvetica, sans-serif;font-weight: bold; font-size: 16pt; text-transform: uppercase; letter-spacing: normal; padding: 0px 0px 0px 15px; border-top: 0px solid #000; background:none; } li.widget h2, li.linkcat h2 { font-weight: bold; font-weight:bold; text-transform: uppercase; letter-spacing: normal; padding: 0px 5px 0px 0px; border-top: 0px solid #000; background: /*url('images/hr_dot_black.gif') 0 100% repeat-x*/none; } h2.archive_head { font-weight: bold !important; text-transform: uppercase !important; letter-spacing: normal !important; border-top: 0px solid #000 !important; background: /*url('images/hr_dot_black.gif') 0 100% repeat-x !important*/none; } h3 { text-transform: uppercase; } #masthead h3 { font-weight: normal; font-style: italic; text-transform: none; color: #000; text-align: center; } .entry h3 { } .entry h3.top { } h3.comments_headers { } h4 {} h4 a, h4 a:visited { color: #888; text-decoration: none; } h4 a:hover { color: #fff; text-decoration: underline; } .posts h4 {} /*---:[ sidebar styles ]:---*/ ul { list-style: none; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; text-transform: uppercase;font-size: 16pt; font-weight:bold; line-height:20pt; } li.widget li {} ul.sidebar_list li.widget {margin:0 10px;line-height:0pt;} /*---:[ vertical spaces between li's ]:---*/ li.widget li a, li.widget li a:visited, li.linkcat li a, li.linkcat li a:visited { text-decoration: none; } li.widget li a:hover, li.linkcat li a:hover { color:#fff; text-decoration: none; } /*---:[ alle a li's ]:---*/ li a {font-weight:bold; color:#000; } li a:hover {color:#fff; text-decoration:none} /*---:[ infoblok2sub ]:---*/ #infoblok2sub li, #infoblok2sub a { color:#ffffff /*white htv #82 */;} a.htvcurrent {font-weight:bold; color:#fff;} /*---:[ dropdownmenu ]:---*/ #categories-213927301, #categories-182820071, #categories-180316181, #categories-340149661 {margin: 0 0px 0 -5px;} #categories-213927301 h2, #categories-182820071 h2, #categories-180316181 h2 { display:hidden; font-weight:bold; text-transform: normal; margin: 0px 0px 0px -9px;} select { width: 400px; margin-left:5px; margin-top:4px; } /*---:[ niet gebruikt in de sidebar ]:---*/ /*li.widget p { padding: 0 10px; } li.widget ol, li.linkcat ol { } li.widget li .recent_date { padding: 0 0 0 8px; font-weight: normal; font-style: italic; font-size: 95%; color: #888; } li.widget ul.flickr_stream { list-style: none; margin: 0; padding: 0 10px; } li.widget ul.flickr_stream li { margin: 0; padding: 0 5px 5px 0; display: inline; } li.widget ul.flickr_stream li a img { padding: 3px; } li.widget ul.flickr_stream li a:hover img { background: #ff2a96; } */ /*---:[ content styles ]:---*/ a.anchor { font-size:8.5pt; text-decoration:underline;} .grootbeeld {width: 112.5%; margin-top:-70px; margin-left:-6%; padding:0px !important; position:relative;} #grootbeeld p {} .entry { font-size: 11pt; font-family:"Times New Roman", Times, Georgia, Serif;margin: 0 30px 30px 0;padding:0 0 10px 0;} .entry blockquote { } .entry blockquote.right { width: 200px; font-style: normal !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: right; } .entry blockquote.left { width: 200px; font-style: normal !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: left; } .entry blockquote.right p, .entry blockquote.left p { margin: 0 !important; } .entry a { } .entry a:hover { text-decoration:underline; } /*[-------------------------the entry-----------------------]*/ .entry p { font-size:12pt;margin:15px 0 15px;} .entry p.endnotes { } .entry p.endnotes a { font-size: 100%; } .endnotes a { text-decoration:underline !important; } .entry img { margin: 0px 0px -15px 0px;} .entry img.alignleft {float:left; margin:0 8px 5px 0;} .entry img.alignright {float:right; margin:0 0 5px 8px;} .entry img.left { padding: 3px; border: 3px double #bbb; float: left; clear: none; } .entry img.right { padding: 3px; border: 3px double #bbb; float: right; clear: right; } .entry img.center { display: block; padding: 3px; border: 3px double #bbb; float: none; clear: both; } .entry img.off { padding: 0 !important; border: none !important; } .entry img.stack { clear: none !important; } .tagged { background: none; color: /*#888*/#000000; clear: both; font-family: "Arial Narrow", Arial, Helvetica, sans-serif;font-size:9pt !important;} .tagged a, .tagged a:visited { padding: 1px 0 2px 0; color: #000; text-decoration: underline; } .tagged a:hover { color: #ffffff /*white htv #82 */; background: #000000; text-decoration: underline; } .add_comment { display: block; padding: 0 0 0 20px; font-weight: bold; float: right; } .navigation { width: 500px; float: left; } .previous { padding: 0 20px 0 0; float: left; } .next { float: right; } .clear { height: 20px; } .break { height: 0px; } .rule { background: url('images/hr_tag_sep.gif') no-repeat; } .flat { } .whitespace { } /*---:[ search form styles ]:---*/ #search_form { } #search_form .search_input { width: 142px; padding: 2px; color: #000; font: normal arial, "lucida console", sans-serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #f5f5f5; margin-left:10px; margin-bottom:5px; border-bottom: 1px solid #f5f5f5; } #search_form .search_input:focus { border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } ul.sidebar_list li.zoekwidget { text-transform: uppercase; float: right; } /*---< ************************************************************************************************************************************************ >---*/ /*---:[ header styles ]:---*/ #menu { background-color: #fff; position: absolute; height: 30px; top: 51px; padding-top: 1px; z-index: 19; } /* filter: alpha(opacity=90); -moz-opacity: 0.5; opacity: 0.5; */ #header_img img { display: block; } /* this is really just an IE 6 and 7 hack in disguise */ /*---< FlickrRSS styles for the widget only >---*/ li.widget_flickrrss { } li.widget_flickrrss a img { margin: 0 5px 5px 0; padding: 3px; } li.widget_flickrrss a:hover img { background: #ff2a96; } /*---< Calendar widget styles >---*/ #calendar_wrap { } /*---:[ footer styles ]:---*/ #footer p { color: #888; text-align: right; } #footer a, #footer a:visited { color: #888; text-decoration: none; } #footer a:hover { color: #888; text-decoration: underline; }