/****************************************************************************** * Noop::Globalisering::CSS::GK * * Author: svale/andreas@noop.no * $Date: 2010-06-09 09:15:13 $ * $Revision: 1.3 $ * * ***/ /** * page layout */ body {margin:0; padding:0; color:#000; background:#fff; font: 75%/1.5em Times, "Times New Roman", serif;} .pagepart {width:80em; position:relative; margin:0em auto;} #head {position:absolute; top:0; left: 0; width: 100%; height: 14em;} #page {margin-top: 14em;} #main {width:46em; float: left; overflow:hidden; background: #fff; padding: 2em;} #mainbox {width:46em; float: left; clear: left; overflow:hidden; margin-top: 2em; padding: 2em; background: #fff;} .main-fullwidth {width:76em !important;} #right {width:28em; float:right; overflow:hidden; margin-left: 2em;} #foot {margin-top: 2em; clear: both;} /** * globals */ a {color:#0087CD; text-decoration:none; border-bottom-width: 1px; border-bottom-style: solid; line-height: 1.1;} a:visited {color:#753689; text-decoration:none; border-bottom-width: 1px; border-bottom-style: solid;} a:hover,a:focus,a:active {color:#E1003F; text-decoration:none; border-bottom-width: 1px; border-bottom-style: solid;} a img, h1 a, h2 a, h3 a, a.thumb,a.thumb:focus,a.thumb:hover, .thumb a,.thumb a:focus,.thumb a:hover, #jquery-lightbox a, #jquery-lightbox a:focus, #jquery-lightbox a:hover {border:0 !important;} h1 {font:700 4.5em/1 Helvetica, Arial, sans-serif; color:#000;letter-spacing:-0.025em;} h2 {font:700 1.33em/1.3 Times, Times New Roman, serif; color:#000;} h3 {font:700 1.33em/1.3 Helvetica, Arial, sans-serif; color:#000;letter-spacing:-0.01em; padding-bottom: 0.3em; border-bottom-style:solid; border-bottom-width: 1px; width: 100%;} /** * topnav & head */ #top {} #top ul {height: 4em; list-style-type: none; font-family: Helvetica, Arial, sans-serif;} #top ul li {float: left;} #menu {position: absolute; left: 9.4em; font-size: 1.2em; font-weight: 700;} #menu li a {display: block; padding: 0.8em 0; color: #fff; margin-right: 0.5em; border-width: 0 1em !important; border-style: solid !important;} #menu li a.active, #menu li a:focus, #menu li a:hover {padding-bottom: 1.5em; background: url(../images/white100.png) repeat-x 0 63%;} #links {position:absolute; top:1em; left:52em;} #links li {margin-right: 0.5em;} #languages {position:absolute; top:1em; right:0;} #languages li {margin-left: 0.5em;} #links a, #languages a {color: #000; border-bottom: 2px solid #a7a7a7;} #links a:active, #links a:hover, #languages a:active, #languages a:hover {color: #E1003F; border-color: #E1003F;} #top #logo {position: absolute; top: 0.7em; padding-top: 2em; border: 0;} #top #logo:hover {background: url(../images/home.png) 0% 0% no-repeat;} #simplesearch {position:absolute; top:10em; left:52em; padding-right:0em; background:#fff; white-space: nowrap} #simplesearch .txt {border:0; width:15em} #simplesearch .btn {border:0 none; padding:0} #simplesearch label {display:none; font-family: Helvetica, Arial, sans-serif;} #simplesearch label.over {position:absolute; top:0.4em; left:0.5em; color:#7f7f7f; display:inline} /****************************************************************************** * main */ /* page headings */ #main h1.news {color: #0087CD;} #main h1.calendar {color: #0087CD;} #main h1.about {color: #008C64;} #main h1.program {color: #753689;} #main h1.program+h2 {margin-top: 1em;} #main h1.signup {color: #E1003F;} #main .lead {font-style: italic;} #main > img {margin-bottom: 1em;} /* main objects */ #items {margin-top: 1em;} #items .more {font:700 1.33em Helvetica, Arial, sans-serif;} .item {margin:0 0 1.5em 0;} .item h2 {margin-top:0.5em;} .item h2 a, .item h2 a:visited {color:#000;} .item a {} .item .thumb {float: right;} .item .textwrap {float: left; margin: 0; width:24em; line-height: 1.35;} .item span {font-family: Helvetica, Arial, sans-serif;} .item p {margin-top: 0;} .item a.link {} /* .item span.meetings {font-size: 0.9em; color:#713D13} .item span.meetings a {color:#713D13} .item span.meetings a:hover {color:#E1003F} div.item-search h2 {font-size:1em;} */ .spanbar {margin:2em 0 2em; text-align:center; font-family: Helvetica, Arial, sans-serif; line-height: 3;} .spanbar h5 {display: none;} .spanbar a, .spanbar span {margin:0 0.1em; padding:0.4em 0.8em; border:1px solid #0087CD; color:#0087CD;} .spanbar a:hover {background:#0087CD; text-decoration:none; outline:1px solid #0087CD; color:#fff;} .spanbar .active {color:#fff; background:#0087CD; border:1px solid #0087CD} .spanbar span:not(.active) {color: #fff; border-color: #fff;} /* main box*/ #twitter {position: relative; float: left; width: 24em;} #twitter h3 {color:#E1003F;} #twitter .more {position: absolute; top: 0.3em; right:0; color:#E1003F; font-family: Helvetica, Arial, sans-serif;} #twitter li {list-style-type: none; margin-top: 1em; font-size: 1.33em; line-height:1.33;} #twitter li span {font: 0.75em Helvetica, Arial, sans-serif;} #newsletter {position: relative; float: left; width: 20em; margin-left: 2em;} #newsletter h3 {color:#E1003F;} #newsletter form {position: relative;} #newsletter input.txt {width: 18.8em; border: 1px solid #E1003F; margin-bottom: 2.3em;} #newsletter input.btn {float: left; clear: left; width: 5em; border: 0; color: #fff; background-color: #E1003F; font-weight: 700; font-size: 1.33em;} #newsletter label {font-family: Helvetica, Arial, sans-serif; color:#E1003F; white-space: nowrap;} #newsletter label.input {display:none;} #newsletter label.over {position:absolute; top: 0.6em; left: 0.6em; display:inline} #newsletter label.error {position:absolute; top: 2.6em; left: 0; display:block} #newsletter .radiobtns input {margin: 1em 0.2em 0 1em;} #newsletter .ui-button-set {margin-top: 0.75em;} #newsletter .ui-button {display: inline-block; position: relative; padding: 0 0 0 1.5em ; margin:0 0 0 1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible;} #newsletter .ui-button .ui-button-text {display: block; line-height: 1.4;} #newsletter .ui-state-default {background: url(../images/radiobtns.png) 0% -17px no-repeat;} #newsletter .ui-state-active {background: url(../images/radiobtns.png) 0% 0% no-repeat;} /* main search form */ form.searchfrm {margin-top: 2em;} form.searchfrm fieldset {} form.searchfrm legend {display: none;} form.searchfrm a#togglesearch {} legend.search_head {text-transform: uppercase; margin: 0 1em;} fieldset#search_query {} #search_query input.txt {width: 20em; border:1px solid #000; font-size: 1.3em;} #search_query input.btn {width: 5em; border: 0; color: #fff; background-color: #E1003F; font-weight: 700; font-size: 1.3em;} #search_scope {margin-top: 0.75em; font-family: Helvetica, Arial, sans-serif;} #search_adv {padding-left: 2em; border:0; border-top:0.2em solid #83D5CF;} #search_adv fieldset {float: left; margin: 1em 7em 0 0; padding: 0 0 1em 0; border: 0;} #search_adv fieldset legend padding: 0; border-bottom: 1px solid #83D5CF;} #search_adv label {display: block;} #search_scope label {color:#E1003F;} #search_scope .ui-button-set {margin-top: 1em;} #search_scope .ui-button {display: inline-block; position: relative; padding: 0 0 0 1.5em ; margin:0 0 0 1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible;} #search_scope .ui-button .ui-button-text {display: block; line-height: 1.4;} #search_scope .ui-state-default {background: url(../images/radiobtns.png) 0% -17px no-repeat;} #search_scope .ui-state-active {background: url(../images/radiobtns.png) 0% 0% no-repeat;} /* main search results */ div.m-search-res {margin: 1em 0 0 0;font-family: Helvetica, Arial, sans-serif;} div.m-search-res h3 {margin: 0.2em 0;} div.m-search-res p {margin: 0.2em 0;} div.m-search-res p strong {color:#E1003F;} div.m-search-res p em {color:#008C64; font-style: normal; font-weight: 700;} /* signup form */ .signup {position: relative;} .signup>fieldset {border:0; margin-bottom: 2em;} .signup legend {font:700 1.33em/1.3 Helvetica, Arial, sans-serif; color:#000;letter-spacing:-0.01em; padding:0 0 0.3em; border-bottom-style:solid; border-bottom-width: 1px; width: 100%;} .signup .fields p {margin: 0.33em 0; height: 2em;} .signup .fields label {display: block; float: left; width: 5em; margin-right: 0.75em; white-space: nowrap;} .signup .fields label.inline {display: inline; width: auto;} .signup .fields input.txt {float: left; width:13em; border: 1px solid #000; padding: 0.15em 0.33em;} .signup .fields input.age {width:1.8em; margin-right: 0.3em;} .signup fieldset fieldset {margin: 0;} .signup fieldset fieldset legend {float: left; width: 5em; margin-right: 0.75em; font: 400 1.33em Times, Times New Roman, serif; letter-spacing: inherit; padding: 0; border: 0;} .signup fieldset#TicketScopePart {border: 0; margin: 0 0 0 1.5em; padding: 0;} .signup fieldset.disabled {color:#999;} .signup textarea {/*font-size: 1em;*/ width: 90%;} .signup input.error {border:1px solid #E1003F !important;} .signup input.btn {float: left; margin-right: 1em; border: 0; color: #fff; background-color: #E1003F; font-weight: 700; font-size: 1.33em;} .signup span.radiobtns {} .signup span.radiobtns input {} .signup span.checkbtns label {display: inherit; float: inherit; width: auto; font-size: 1.33em;} .signup span.radiobtns label {display: inherit; float: inherit; width: auto; font-size: 1.33em;} .signup span.ui-button-set .ui-button {display: inline-block; position: relative; padding: 0 0 0 1.2em; margin:0 1em 0.33em 0; text-decoration: none !important; cursor: pointer; zoom: 1; overflow: visible;} .signup span.ui-button-set .ui-button .ui-button-text {display: block; line-height: 1.2; height: 17px;} .signup span.radiobtns .ui-state-default {background: url(../images/radiobtns.png) 0% -50px no-repeat;} .signup span.radiobtns .ui-state-active {background: url(../images/radiobtns.png) 0% -33px no-repeat;} .signup span.checkbtns .ui-state-default {background: url(../images/radiobtns.png) 0% -84px no-repeat;} .signup span.checkbtns .ui-state-active {background: url(../images/radiobtns.png) 0% -68px no-repeat;} .signup fieldset label.error {display: none; position: absolute; left: 20em; width:10em; margin: 0 0 0 0.25em; color: #E1003F; text-align: left;} /****************************************************************************** * right */ /* shoutbox */ .shoutbox {position: relative; background-color: #fff; margin-bottom: 2em; padding: 2em;} .shoutbox h1 {color:#E1003F; line-height: 1;} .shoutbox a {position: absolute; display: block; top: 0; left:0; width: 100%; height: 100%; border: 0;} a.shoutimg {display: block; border:0; margin-bottom: 2em;} /* right objects */ .box {position: relative; background-color: #fff; margin-bottom: 2em; padding: 2em;} .box p.txt, .box .text {overflow: hidden; margin-top: 0.5em;} .box .text ol {margin:0.3em 0em 0.3em 2.5em;} .box .text ul {margin:0.3em 0em 0.3em 2em;} .box .text img {border:0;} .box .more {position: absolute; top: 2.2em; right: 2em; font-family: Helvetica, Arial, sans-serif} /*box colors*/ .box-1, .box-1 h3, .box-1 a {color:#000000 !important;} .box-2, .box-2 h3, .box-2 a {color:#008C64 !important;} .box-3, .box-3 h3, .box-3 a {color:#0087CD !important;} .box-4, .box-4 h3, .box-4 a {color:#E1003F !important;} .box-5, .box-5 h3, .box-5 a {color:#753689 !important;} /*cal box */ .calbox {position: relative; background-color: #fff; margin-bottom: 2em; padding: 2em;} .calbox h3 {color:#0087CD} .calbox ul {list-style-type: none; padding-top: 0.5em;} .calbox li {white-space: nowrap; overflow: hidden; font-size: 1.33em; padding: 0.25em 0;} .calbox li.even {background-color:#bfe7f7} .calbox li:hover {background-color:#f7bfcf} .calbox li a {display: block; color: #000; border-width: 0;} .calbox a.more {position: absolute; top: 2.2em; right: 2em; font-family: Helvetica, Arial, sans-serif} /* right images */ #r-relimg {position: relative; background-color: #fff; margin-bottom: 2em; padding: 1em;} #r-relimg a {display: block; float: left; border:0} #r-relimg img {margin: 1em;} /** * text links */ /* .text a {color:#0087CD;} .text a:visited {color:#498C9B; border-color:#498C9B;} .text a:hover, .text a:focus, .text a:active {color:#8C4A41; text-decoration:none; border-color:#8C4A41} */ /****************************************************************************** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;} #jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;} #jquery-lightbox a img{border:none;} #lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;} #lightbox-container-image{padding:1px;} #lightbox-loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0;} #lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;} #lightbox-container-image-box > #lightbox-nav{left:0;} #lightbox-nav a{outline:none;} #lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;} #lightbox-nav-btnPrev{left:0;float:left;} #lightbox-nav-btnNext{right:0;float:right;} #lightbox-container-image-data-box{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;line-height:1.4em;overflow:auto;width:100%;margin:0 auto;padding:0 1px;} #lightbox-container-image-data{color:#666;padding:0 .2em;} #lightbox-container-image-data #lightbox-image-details{width:100%;text-align:left;} #lightbox-image-details-caption{font-weight:700;padding:0 .2em; display: block;} #lightbox-image-details-currentNumber{display:block;float:left;clear:left;padding:.75em .2em;} #lightbox-secNav-btnClose{display:block;float:right;clear:right;color:#666;padding:.75em .2em;} /*xxx*/ table.jCalendar { border: 1px solid #000; background: #fef7cb; border-collapse: separate; border-spacing: 2px; } table.jCalendar th { background: #ffba2e; color: #fff; font-weight: bold; padding: 3px 5px; } table.jCalendar td { background: #fef7cb; color: #000; padding: 3px 5px; text-align: center; } table.jCalendar td.other-month { background: #fef7cb; } table.jCalendar td.today { background: #666; color: #fff; } table.jCalendar td.selected, table.jCalendar td.selected:hover { background: #ffba2e; color: #fff; } table.jCalendar td:hover, table.jCalendar td.dp-hover { background: #fff; color: #000; } table.jCalendar td.disabled, table.jCalendar td.disabled:hover { background: #fffef5; color: #888; } div.dp-popup { position: relative; background: #fef7cb; font-size: 10px; font-family: arial, sans-serif; padding: 2px; width: 171px; line-height: 1.2em; } div#dp-popup { position: absolute; z-index: 199; } div.dp-popup h2 { font-size: 12px; text-align: center; margin: 2px 0; padding: 0; } a#dp-close { font-size: 11px; padding: 4px 0; text-align: center; display: block; } a#dp-close:hover { text-decoration: underline; } div.dp-popup a { color: #000; text-decoration: none; padding: 3px 2px 0; } div.dp-popup div.dp-nav-prev { position: absolute; top: 2px; left: 4px; width: 100px; } div.dp-popup div.dp-nav-prev a { float: left; } /* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */ div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer; } div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default; } div.dp-popup div.dp-nav-next { position: absolute; top: 2px; right: 4px; width: 100px; } div.dp-popup div.dp-nav-next a { float: right; } div.dp-popup a.disabled { cursor: default; color: #aaa; } div.dp-popup td { cursor: pointer; } div.dp-popup td.disabled { cursor: default; }