/* Eric Meyer Reset */ .body, .news { font: 12px/1.5 georgia, "Times New Roman", serif; color: #58534c; } ol, ul { list-style: none; } blockquote, q { quotes: none; } a:link, a:hover, a:active{ color: #615a52; } a:link, a:visited{ text-decoration: none; } a:hover, a:active{ text-decoration: underline; } a:visited{ color: #977a5b; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } .red{ color: #bb2f2d !important; } address{ display: inline; font-style: normal; } /* Content */ #content-wrapper{ min-height: 471px; } #content-wrapper.calendar{ padding-right: 0px; padding-left: 0px; } #content-wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #center-column{ padding: 0em; position: relative; } #center-column h1, #center-column h2{ color: #bb2f2d; font-size: 18px; margin-bottom: 1em; font-family: helvetica, arial, verdana, sans-serif; } #center-column h1{ margin-top: 10px; padding: 0; color: #c32b24; font: normal 18px/20px Georgia; } #center-column h2, #center-column h2 a{ margin: 0; font-size: 12px; color: #826e59; } #center-column p{ margin-bottom: 1.5em; } #center-column ul, #center-column ol{ margin: 0 0 1em 1.5em; } #center-column ul{ list-style-type: disc; } #center-column ol{ list-style-type: decimal; } /* MAIN BODY LINK STYLES */ #center-column a:link { color: #c32b24; text-decoration: none;} #center-column a:hover { color: #c32b24; text-decoration: underline; } #center-column a:visited { color: #826e59; text-decoration: none; } #center-column a:active { color: #c32b24; text-decoration: none; } /* Listing Pages */ #center-column #pageList, #pageList li { list-style: none; margin: 0; padding: 0; } #center-column #pageList li { margin: 0px 0; } #center-column #pageList li span.date { font-size: 10px; font-family: helvetica, arial, verdana, sans-serif; } #center-column #pageList li h2.listtitle, #center-column #pageList li h2.listtitle a { font-size: 13px; } #center-column #paginationLinks { list-style: none; margin: 0; padding: 0; } #center-column #paginationLinks li { display: inline; padding: 3px 5px; } #center-column #paginationLinks li a { text-decoration: underline; } #center-column #paginationLinks li a.current { color: #826e59; text-decoration: none; } /* Left Sidebar */ #left-column h1{ height: 23px; line-height: 23px; margin: 0 0 4px 0; text-indent: -9999px; } #left-column ul{ margin: 8px 10px 0 12px; } #left-column ul li{ position: relative; margin-bottom: 1.5em; padding-left: 34px; } #left-column ul li h2, #left-column ul li h2 a, #left-column ul li p, #left-column ul li a{ font-family: arial; font-size: 11px; color: #983c8c; } #left-column ul li a.calendar-icon{ position: absolute; display: block; top: 0; left: 0; padding:0px; width: 35px; height: 35px; line-height: 1; background: transparent url(background-sidebar-date.png) top left no-repeat; text-align: center; color: #FFF; } #left-column ul li a.blue { background-image: url(background-sidebar-blue.png); } #left-column ul li a.orange { background-image: url(background-sidebar-orange.png); } #left-column ul li a.calendar-icon .calendar-icon-month{ display: block; font-size: 9px; text-transform: uppercase; font-weight: bold; } #left-column ul li a.calendar-icon .calendar-icon-day{ font-size: 12px; font-weight: bold; } #left-column-calendar{ width: 100%; height: 253px; margin-top: 6px; font-family: helvetica, arial, verdana, sans-serif; } #left-column-calendar h1{ position: relative; height: 85px; text-indent: 0; overflow: visible; } #left-column-calendar .calendar-day-number{ display: block; position: absolute; top: 0px; right: 10px; font-size: 90px; letter-spacing: -5px; color: #c5004b; } #left-column-calendar .calendar-day-name{ display: block; position: absolute; top: 49px; left: 10px; color: #c5004b; font-size: 18px; font-family: georgia, "Times New Roman", serif; font-weight: normal; } #left-column-calendar .calendar-month-and-year{ display: block; position: absolute; top: 70px; left: 10px; color: #614c38; font-size: 14px; font-style: italic; font-family: georgia, "Times New Roman", serif; font-weight: normal; } #left-column-calendar table{ margin: 0 0px; width: 200px; } #left-column-calendar table td, #left-column-calendar table th{ text-align: center; color: #816d58; } #left-column-calendar table th{ font-weight: bold; } #left-column-calendar table td{ font-size: 0.917em; line-height: 1.636em; } #left-column-calendar table td a{ display: block; background: transparent url(background-calendar-day.png) top center no-repeat; text-align: center; text-indent: -8px; color: #FFF; line-height: 1.636em; text-decoration: none; } #left-column-calendar ul{ margin: 7px 0 0 2px; padding: 7px 10px 0 18px; border-top: 1px dashed #a69677; } #left-column-calendar ul li{ width: 100%; height: 18px; margin: 0; padding: 0 0 0 15px; text-indent: 0; float: left; font-size: 0.917em; cursor: pointer; cursor: hand;} #left-column-calendar ul li#all-events{ background: transparent url(swatch-red.png) top left no-repeat; } #left-column-calendar ul li#church-events{ background: transparent url(swatch-blue.png) top left no-repeat; } #left-column-calendar ul li#recreatie{ background: transparent url(swatch-orange.png) top left no-repeat; } #left-column-calendar ul li#horeca{ background: transparent url(swatch-purple.png) top left no-repeat; } /* Calendar */ #content-wrapper.calendar #center-column h1{ position: relative; height: 29px; text-indent: 0; overflow: visible; } #content-wrapper.calendar #center-column p{ margin-left: 0px; } #content-wrapper.calendar #center-column #full-calendar-navigation{ position: absolute; } #content-wrapper.calendar #center-column #full-calendar-navigation li{ display: inline; } #content-wrapper.calendar #center-column .calendar-month-and-year{ display: block; position: absolute; top: 8px; left: 0px; color: #6f5943; font-weight: bold; font-size: 18px; font-style: italic; font-family: georgia, "Times New Roman", serif; font-weight: normal; } #content-wrapper.calendar #center-column .calendar-full-date{ display: block; position: absolute; top: 0x; left: 0px; font-size: 12px; color: #c5004b; } #content-wrapper.calendar #center-column #full-calendar-legend{ position: absolute; top: 0px; right: 0px; } #content-wrapper.calendar #center-column #full-calendar-legend li{ padding-left: 18px; margin-left: 15px; cursor:pointer; cursor: hand; } #content-wrapper.calendar #center-column #full-calendar-legend li#all-events{ background: transparent url(swatch-red.png) 0 4px no-repeat; } #content-wrapper.calendar #center-column #full-calendar-legend li#church-events{ background: transparent url(swatch-blue.png) 0 4px no-repeat; } #content-wrapper.calendar #center-column #full-calendar-legend li#recreatie{ background: transparent url(swatch-orange.png) 0 4px no-repeat; } #content-wrapper.calendar #center-column #full-calendar-legend li#horeca{ background: transparent url(swatch-purple.png) 0 4px no-repeat; } #calendar{ width: 500px; font-family: helvetica, arial, verdana, sans-serif; font-size: 0.917em; } #calendar thead tr.calendar-heading-navigation th{ font-weight: bold; font-size: 1.5em; padding: 0 0 0.5em 0; } #calendar thead tr.calendar-heading-days th{ text-align: center; font-weight: normal; } #calendar tbody tr td{ width:70px;height: 70px; border-top: 1px solid #b8b096; border-right: 1px solid #b8b096; } #calendar tbody tr td.last{ border-right: none; } #calendar tbody tr td.today{ background: #b8b096; } #calendar tbody tr td ul{ margin-left: 25; width:40px; } #center-column #calendar tbody tr td a{ color: #fff; text-decoration: none; font-size: 10px; color: white; line-height: 11px; display: block; width: 100%; margin: 2px 0; padding: 1px 2px; } #calendar tbody tr td a.calendar-event-blue{ colorr: blue; background: blue; } #calendar tbody tr td a.calendar-event-red{ colorr: red; background: #842c92; width:70px; } #calendar tbody tr td a.calendar-event-orange{ colorr: #d53b27; background: #FF6600; } #calendar tbody tr td span.calendar-cell-date{ padding:0; margin:0; } #calendar ul{ list-style: none; margin: 0; padding: 0; width:100% } /* Thickbox */ body.event{ background: transparent url(background-calendar-popup.png) top left no-repeat; font: 12px/1.5 helvetica, arial, verdana, sans-serif; } body.event h1{ height: 28px; line-height: 28px; margin: 30px 0 30px 30px; padding: 0; text-transform: uppercase; font-size: 12px; color: #6f5943; } body.event a#close{ position: absolute; top: 38px; right: 41px; } body.event .left-column{ width: 280px; height: 347px; padding-left: 0px; float: left; display: inline; overflow: auto; } body.event .right-column{ width: 136px; height: 347px; padding: 0 43px 0 13px; float: right; display: inline; font-size: 0.917em; line-height: 1.636em; } body.event .right-column p{ margin-bottom: 0.75em; } body.event .footer{ clear: both; font-size: 10px; padding: 5px 30px 0 0; text-align: center; } /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus{color: #666666;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack{background: url(/~sarmy/js/thickbox/macFFBgHack.png) repeat; } .TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: transparent; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; border: none; width: 490px !important; height: 489px !important; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; } #TB_title{ background-color:#e8e8e8; height:27px; } #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{ padding:15px; padding: 0; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; } label.error{ display: block; font-size: 10px; color: #FF0000; }