/****************************************************************************** * Noop::Globalisering::CSS::NSF * * Author: svale/andreas@noop.no * $Date: 2010-06-09 09:15:13 $ * $Revision: 1.4 $ * * ***/ /** * page layout */ body {margin:0; padding:0; color:#000; background:url(../images/nsf_bf.png); font: 75%/1.5em Helvetica, Arial, sans-serif;} .pagepart {width:80em; position:relative; margin:0em auto;} #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: 0 0 0 2em;} #foot {clear: both; padding-top: 2em;} /** globals */ a {color:#FF7800; 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:#FF7800; 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 {border:0 !important;} h1 {font:400 4.5em/1 Andale Mono, Consolas, Lucida Console, Lucida Sans Typewriter, Courier New, monospace; color:#000;letter-spacing:-0.025em;} /* h2 {font:400 1.33em/1.3 Andale Mono, Consolas, Lucida Console, Lucida Sans Typewriter, Courier New, monospace; color:#000;} h3 {font:400 1.33em/1.3 Andale Mono, Consolas, Lucida Console, Lucida Sans Typewriter, Courier New, monospace; color:#000;letter-spacing:-0.01em; padding-bottom: 0.3em; border-bottom-style:solid; border-bottom-width: 1px; width: 100%;} */ h2 {font:700 1.33em/1.3 Helvetica, Arial, sans-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 */ #head .left {float:left; width:46em; margin-bottom: 2px; padding: 1em 2em 0; background-color: #fff;} #head ul {height: 2.5em; list-style-type: none; font-family: Helvetica, Arial, sans-serif;} #head ul li {float: left;} #name {font:3em/1.2 Andale Mono, Consolas, Lucida Console, Lucida Sans Typewriter, Courier New, monospace;} #name a {color: #606060;} #name a span {color: #000000;} #menu {margin-top: 1em;} #menu li a {display: block; padding: 0.1em 0.2em; color: #000; margin-right: 1em; border: 0; font:1.2em/1.2 Andale Mono, Consolas, Lucida Console, Lucida Sans Typewriter, Courier New, monospace;} #menu li a.active, #menu li a:focus, #menu li a:hover {color:#fff; background-color: #000;} #links {position:absolute; top:0.75em; left:52em;} #links li {margin-right: 0.5em;} #languages {position:absolute; top:0.75em; 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: #FF7800; border-color: #FF7800;} #simplesearch {position:absolute; top:7em; 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 {color: #6b6b6b; font: 400 3em/1 Andale Mono, Consolas, Lucida Console, Lucida Sans Typewriter, Courier New, monospace; margin-bottom: 0.2em;} #main .lead {font-style: italic;} /* main objects */ #items {margin: 1em 0 0 0.1em;} #items .more {font:700 1.33em Andale Mono, Consolas, Lucida Console, Lucida Sans Typewriter, Courier New, monospace;} .item {margin:0 0 1.5em 0;} .item h2 {margin-top:0.25em;} .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:1.2em Andale Mono, Consolas, Lucida Console, Lucida Sans Typewriter, Courier New, monospace;} .item p {margin-top: 0;} .item a.link {} .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 #FF7800; color:#FF7800;} .spanbar a:hover {background:#FF7800; text-decoration:none; outline:1px solid #FF7800; color:#fff;} .spanbar .active {color:#fff; background:#FF7800; border:1px solid #FF7800} .spanbar span:not(.active) {color: #fff; border-color: #fff;} /* main box*/ #twitter {position: relative; float: left; width: 24em;} #twitter h3 {} #twitter .more {position: absolute; top: 0.3em; right:0; color:#000; font-family: Andale Mono, Consolas, Lucida Console, Lucida Sans Typewriter, Courier New, monospace;} #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 {} #newsletter form {position: relative;} #newsletter input.txt {width: 18.8em; border: 1px solid #FF7800; margin-bottom: 2.3em;} #newsletter input.btn {float: left; clear: left; width: 5em; border: 0; color: #fff; background-color: #FF7800; font-weight: 700; font-size: 1.33em;} #newsletter label {font-family: Helvetica, Arial, sans-serif; color:#FF7800; 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% -120px no-repeat;} #newsletter .ui-state-active {background: url(../images/radiobtns.png) 0% -103px no-repeat;} /* main members */ .members {margin-top:1em;} .members .col-2-1 {width:20em; float:left; overflow:hidden; clear:left;} .members .col-2-2 {width:20em; float:left; overflow:hidden; clear:right;} .member {margin: 1em 2em 2.5em 0; text-align: center;} .member img {margin:1em 0;} .member .img {border: 0;} .member h2 {font-size:1.4em;color:#000;} .member h2 a {color:#FF7800;} .member h2 a:hover {border-bottom:1px solid #FF7800 !important;} .member p {margin: 0.2em 0;} /* 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: #FF7800; 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:#FF7800;} #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:#FF7800;} div.m-search-res p em {color:#008C64; font-style: normal; font-weight: 700;} /****************************************************************************** * right */ /* shoutbox */ .shoutbox {position: relative; background-color: #fff; margin-bottom: 2em; padding: 2em; border-top: 2px solid #E1003F;} .shoutbox h1 {color:#E1003F; line-height: 1; font-weight: 700;} .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; border-top: 2px solid #000;} .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; border-color: #000000 !important;} .box-2, .box-2 h3, .box-2 a {color:#008C64 !important; border-color: #008C64 !important;} .box-3, .box-3 h3, .box-3 a {color:#0087CD !important; border-color: #0087CD !important;} .box-4, .box-4 h3, .box-4 a {color:#E1003F !important; border-color: #E1003F !important;} .box-5, .box-5 h3, .box-5 a {color:#753689 !important; border-color: #753689 !important;} /*cal box */ .calbox {position: relative; background-color: #fff; margin-bottom: 2em; padding: 2em;} .calbox h3 {} .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:#FFDDBF} .calbox li:hover {background-color:#ff7800} .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 */ div#r-relimg img {border:1px solid #ACBAB0; vertical-align: middle; margin-bottom: 1em;}