/* ====================== Utility Rules ====================== */ * { padding:0; margin:0; } html { overflow:-moz-scrollbars-vertical; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* for IE/Mac */ .hidden { display: none; } .invisible { visibility: hidden; } .blur { color: #999; } .text-right { text-align: right; } .text-center { text-align: center; } .error { background: #FBE3E4 !important; color: #8a1f11 !important; border-color: #FBC2C4 !important; } .notice { background: #FFF6BF !important; color: #514721 !important; border-color: #FFD324 !important; } .success { background: #E6EFC2 !important; color: #264409 !important; border-color: #C6D880 !important; } .error a, .error { color: #8a1f11 !important; } .notice a, .notice { color: #514721 !important; } .success a .success { color: #264409 !important; } /* ====================== General Rules ====================== */ body { behavior: url("/scripts/csshover3.htc"); } body { background:#ebefe1; margin:0; } body, input, textarea, select { color:#444; font-family:Calibri, Verdana, Arial, sans-serif; font-size:13px; line-height:1.2em; } button, .button { font-family:Georgia; font-size:14px; } a { text-decoration:none; color:#009999; outline:none; } a:active { text-decoration:underline; } a:hover { text-decoration:underline; } p { margin:0 0 15px 0; } a img { border:none; } h1, h2, h3, h4, h5, h6 { font-family:Georgia; font-weight:normal; color:#333; } h1 { font-size:34px; line-height:1; margin-bottom:0.2em; } h2 { font-size:1.70em; margin-bottom:0.75em; } h3 { font-size:1.2em; line-height:1; margin-bottom:1em; } h4 { font-size:1.2em; line-height:1.25; margin-bottom:1.25em; height:1.25em; } h5 { font-size:1em; font-weight:bold; margin-bottom:1.5em; } h6 { font-size:1em; font-weight:bold; } h1 a { text-decoration:none; } /* ====================== Container Rule/s ====================== */ .container { background:url(../img/container.png) repeat-y; margin:0 auto 40px auto; padding:0; width:990px; } /* ============================================= Header (velnet logo & logged in user status) ============================================= */ #header { background:#fff url(../img/header.png) no-repeat bottom; float:left; font-family:Georgia; height:56px; padding:2px 13px 0px 9px; width:968px; position: relative; } #header a.logout { float:left; display:block; padding-left:10px; padding-right:5px; } #logo a { display:block; height:33px; width:103px; background:transparent url(../img/logo.png); float:left; } #logo span { display:none; } #controls-info { position:absolute; right: 20px; line-height: 40px; top: 0; } #login, #site, .mysites, .myprofile { float:left; background:transparent url(../img/dot-vert-25.png) no-repeat right 8px; padding:0 10px; } #logout { display: inline-block; padding:0 0 0 10px; } .myprofile.current { padding: 0 1px 0 0; color: #fff; text-decoration: none; } .myprofile.current span { background: #8eb13f url(../img/myprofile.png) no-repeat center 40px; display: inline-block; padding: 0 9px 0 10px; height:51px; } #loginbox { display: none; background: #000; position: absolute; width: 340px; height: 280px; left: 50%; top: 50%; margin-left: -550px; margin-top: 210px; z-index:50; font-family:Calibri, Verdana, Arial, sans-serif; font-size: 14px; line-height: normal; } #loginbox .inner { position: relative; height:100%; width: 100%; background: #f3f5ec; } #loginbox .close { position: absolute; right: 8px; top: 5px; color: #333; font-size: 12px; } #loginbox .footer { position:absolute; left:0; right:0; bottom:0; padding:10px 60px; background:#eaede2 url(../img/loginseparator.png) repeat-x top; font-family: Georgia; font-size: 15px; } #loginbox .footer a { display: block; font-size: 15px; } #loginbox h1 { position: absolute; top: 30px; left: 60px; font-size: 22px; line-height: 24px; font-family: Georgia } #loginbox .credentials { position: absolute; left: 60px; right: 60px; top: 70px; background:#dfe3d6;padding: 5px; text-align: center; border: 0; } #loginbox .credentials input { padding: 3px; margin: 3px 0; border: 1px solid #7f9db9 } #loginbox .rememberme { position: absolute; left: 60px; top: 150px; color: #666; } #loginbox .rememberme input { margin-right: 3px; } #loginbox .forgotpassword { position: absolute; left: 100px; top: 185px; font-style: italic; color: #999; } #loginbox .button { position: absolute; left: 210px; top: 147px; margin: 0; } .mysites .popup { background: #f3f5ec; padding: 20px 20px 10px 20px; position: absolute; z-index: 30; line-height: normal; left:0; display:none; } .mysites .popup, .mysites .popup a { font-family:Calibri, Verdana, Arial, sans-serif; font-size: 15px; } .mysites .popup a { color: #336633; } .mysites .popup ul { list-style: none; } .mysites .popup li { padding: 4px 0; } .mysites .popup .org-role { margin: -10px -10px 5px -10px; padding: 10px; background: #d4e1d6; } .mysites .popup .org-role .role { color: #666; font-size: 13px; } .mysites .popup .org-viewer .delete { float: right; color: #999; font-size: 13px; line-height: 18px; padding-left: 10px; } .mysites .popup .org:hover { font-weight: bold; text-decoration: none; } #overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666; z-index: 1; filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3; } /* ===================================== Body (Holds the main and right col) ===================================== */ #body { float:left; padding:3px 5px 5px 5px; width:980px; } #body h1 { background:#f3f5ed url(../img/header-left.gif) no-repeat top left; border-bottom:1px solid #d9d9d9; margin:20px 10px 10px 10px; width:960px; float:left; } #body h1 span { background:#f3f5ed url(../img/header-right.gif) no-repeat top right; padding:15px 3px 10px 0; display:block; margin:0 0 0 10px; } #body h1 a { color:#333; } /* -- Vel Name -- */ #organization { margin:0; color:#555555; } #organization img { float:left; margin:0 10px 4px 10px } #organization #name { float:left; padding-top:20px; display:block; line-height:normal; } /* -- Register -- */ .register { float:right; height: 21px; padding: 3px 10px 0 10px; margin: 20px 10px 0 0; background: transparent url(../img/dot-vert.png) repeat-y right; } .register a { background: transparent url(../img/plus.png) no-repeat left; padding-left: 20px; display: inline-block; color: #555; } /* -- Search -- */ #search { float: right; } #search input { background:url(../img/search.png) no-repeat; border: 0; height: 19px; width: 140px; padding: 5px 30px 0 10px; margin: 20px 10px 0 0; } /* -- Menu -- */ #menu { float:left; list-style-type:none; height:36px; width:980px; background:#385d61 url(../img/menu.png) repeat-x center; font-family:Georgia; } #menu li { float:left; } #menu li a { display:block; line-height:36px; color:#fff; padding:0 20px 0 10px; font-size:16px; } #menu li a.selected { margin:3px 0 0 0; background:url(../img/navi-left-tab.png) no-repeat bottom left; float:left; padding:0 0 0 13px; } #menu li a.selected span { cursor:pointer; padding:0 18px 0 0; color:#138a1d; height:33px; float:left; background:url(../img/navi-right-tab.png) no-repeat bottom right; } #menu li a.selected:hover { text-decoration:none; } /* -- Sub Meni -- */ #submenu {list-style-type:none; width:980px; height:30px; font-size:14px; font-family:Georgia; background:url(../img/subnavi-bg.png) repeat-x top right; } #submenu li { background:url(../img/subnavi-bg-item.png) no-repeat top right; float:left; } #submenu a { display:block; float:left; color:#333; line-height:30px; padding:0 13px 0 10px; } #submenu li.selected { background-position:right -30px; } #submenu li.selected a { color:#087e12; text-decoration:none;} /* -- Homepage - featured carousel section -- */ #featured { float:left; width:980px; background:#375255 url(../img/featured.png) repeat-x bottom; margin:0 0 20px 0; } #carousel-container { float:left; width:620px; height:330px; position:relative; overflow:hidden; } #carousel { height:330px; } #carousel ul { list-style-type:none; margin:0; padding:0; } #carousel li { position:relative; height:330px; width:620px; } #carousel li div { position:absolute; left:0; bottom:0; background-image:url(../img/opacity-80-navy.png); width:600px; padding:20px 10px 15px 10px; } #carousel li div h1 { margin:0 0 4px 0; font-size:22px; background:none; border:none; } #carousel li div a { color:#fff; } #carousel-container #controls { position:absolute; right:10px; bottom:50px; list-style-type:none; } #carousel-container #controls li { float:left; margin:0 0 0 5px; width:17px; height:17px; } #carousel-container #controls li a { background:url(../img/carousel-nav.png) no-repeat 0 0; display:block; height:17px; text-indent:-100000px; } #carousel-container #controls li a:hover { background-position:0 -17px; } #carousel-container #controls li.current a, #carousel-container #controls li.current a:hover { background-position:0 -34px; } #extras { float:left; width:326px; padding:10px 17px 0 17px; } #extras h2 { color:#fff; font-size:15px; margin:0 0 5px 0;} #extras .more { text-align:right; border-top:1px solid #6a787a; clear:both; margin:6px 0 0 0; } #extras .more a { color:#fff; } #contact { color:#cde1e3; font-size:13px; font-family:Georgia; } #contact a { color:#cde1e3; text-decoration:underline; } #contact a:hover { color:#fff; } #contact .vcard .email { display:none; } table.weather { xborder-top:1px solid #c0d0e0; xborder-bottom:1px solid #c0d0e0; width:336px; height:92px; color:White; } table.weather tr.body td { font-size:10px; text-align:center; padding-top: 4px; line-height: 1.25em; xborder-bottom:1px solid #a0b0c0; } table.weather tr.icons td { text-align:center; } table.weather tr.days td { font-size:10px; font-weight:bold; text-align:center; } table.weather tr.temps td { font-size:14px; font-weight:bold; text-align:center; } #photos { width:330px; margin:0 0 0 -3px; } #photos h2 { margin:0 0 0 3px; } #photos a { float:left; display:block; width:50px; height:50px; overflow:hidden; padding:3px 2px 2px 3px; } #photos img { display:block; border:2px solid #fff; } /* ============================== Content (Main column content) ============================== */ #content { float:left; width:620px; padding-top:15px; padding-bottom:30px; } /* This is where the content should live */ #main { float:left; width:600px; padding:0 10px; font-size:14px;} #main h1 { margin:0 0 10px 0; clear:both; width:600px; } #main ul, #main ol { margin: 1em 1.7em; } #main .itemlist { float: left; width: 600px; } #main .itemlist .item { float: left; width: 600px; margin-bottom: 100px; } /* -- Keywords box -- */ #main .keywords { text-align:right; font-size:13px; width:300px;} #main .keywords a { border-right:1px solid #ccc; padding:0 10px; } #main .keywords a.last { border-right:0; margin:0; padding:0 0 0 10px; } /* -- Meta (is it just for keywords?) -- KS, 21/10: Removed #main prefix in rule as it's used in sidebar as well on profile page */ .meta { position:relative; margin-bottom:10px; } .meta .author-and-date { position:absolute; bottom:0; left:50px; } .meta .author { font-size:14px; font-weight:bold; } .meta .date { color:#999; font-size:12px; } /*-- Media (photo with an article/event) -- */ #main .media { float:left; width:600px; margin-bottom:20px; background-color:#edeee9; } #main .media img { display:block; } #main .media .pager { float:left; width:90px; margin:6px 0; padding:3px 10px; color:#000; font-size:15px; background:transparent url(../img/pager.png) repeat-y right; } #main .media .pager a { display:block; float:left; font-size:12px; } #main .media .caption { float:left; width:470px; padding:6px 10px 0 10px; line-height:1.1em; font-size:12px; } #main .media .caption-wide { float:left; padding:6px 10px; line-height:1.1em; font-size:12px; } /*-- Media (photo with an article/event - PORTRAIT ) -- */ #main .media.portrait { float:none; width:450px; margin-left:auto; margin-right:auto; clear:both; } #main .media.portrait .caption-wide { float:none; } /* -- Comments container -- */ #main .comments { margin-top: 20px; } #main .comments .list { width: 580px; background: #d1e5ee url(../img/box-blue-bottom-600.png) no-repeat bottom; margin-top: 40px; padding: 10px; } #main .comments .list h2 { width: 580px; background: #d1e5ee url(../img/box-blue-top-600.png) no-repeat; padding: 20px 10px 30px 10px; margin: -10px; } #main .comments h2 a { color:#777; } #main .comments h2 a:hover { text-decoration: none; } #main .comments .add { margin: 10px 0; display: inline-block } #main .comments a.hidecomments { font-size: 12px; color: #009999; } #main .comments a:hover.hidecomments { text-decoration: underline; } /*#main .comments { float:left; width:580px; background:#d1e5ee url(../img/box-blue-top-600.png) no-repeat; margin-top:40px; padding:10px; }*/ /*#main .comments h2 { margin:0; font-family:Calibri, Verdana, Arial, sans-serif; font-size:16px; color:#777; }*/ /* #main .comments .list { float:left; width:600px; background:#fff url(../img/box-blue-bottom-600.png) no-repeat top; padding:20px 0 50px 0; margin:0 -10px -10px -10px } */ /* -- Single Comment -- */ #main .comment { margin-top:10px; } #main .comment .meta { margin:10px 0 5px 10px; } #main .comment .meta .date { color:#777; } #main .comment .message { width:580px; background:transparent url(../img/comment-content.png) no-repeat bottom; text-align:right; } #main .comment .report { position:relative; left:-10px; top:-10px; color:#999 } #main .comment .message .content { width:560px; background:transparent url(../img/comment.png) no-repeat; padding:20px 10px 10px 10px; margin:0; text-align:left; } /* -- Comment form -- */ #main .comment-form { width:600px; margin-top: 10px; } #main .comment-form h3 a { color:#333; } #main .comment-form h3 a:hover { text-decoration:none; } #main .comment-form .comment-container { background:url(../img/comment-form-top.png) no-repeat top left; padding:10px 0 0 0;} #main .comment-form .inner-container { padding:0 10px 10px 10px; background:url(../img/comment-form-bottom.png) no-repeat bottom left; width:580px; /*600- 10 -10= 580*/ } #main .comment-form img { border:1px solid #d2d2d2; display:inline-block; margin:0 10px 5px 0; vertical-align:middle; } #main .comment-form input.text { margin:0 10px 5px 0; display:inline-block; border:1px solid #d2d2d2; padding:4px 5px; width:168px; /*180-1-1-5-5=168px */} #main .comment-form form span { color:#9bbf2b;} #main .comment-form textarea { border:1px solid #d2d2d2; display:block; padding:5px; height:123px; /*135- 5 -5 -1-1 = 123*/ width:568px; /*600 - 10 - 10 - 1 -1 -5 - 5 = 568px */ margin:0 0 10px 0; } #main .comment-form input.submit { float:right; border:1px solid #91c4db; background-color:#edf7fb; text-transform:uppercase; padding:3px 15px; color:#2c6a81; font-family:Georgia; } /* -- Page Naviagtion -- */ #pagenavigation { border-top:1px solid #c7c7c7; float:left; width:600px; margin-top:40px; padding:5px 0; font-family:Georgia } #pagenavigation a { font-size:17px; } /* -- Shortcuts -- */ #shortcuts { margin:0 20px 30px 0; width:600px; float:left; } #shortcuts h3 { margin:0 0 10px 20px; } #shortcuts.negative-margin-left div.box { margin-left:-10px; } #shortcuts div.box { padding:10px 0 10px 20px ; background-color:#eff0e8; border-top:1px solid #eff0e8; border-right:1px solid #eff0e8; border-bottom:1px solid #eff0e8; display:block; } #shortcuts div.box div.column { float:left; width:143px; } #shortcuts div.box a { float:none; padding:3px 0; display:block; } #shortcuts a { float:right; padding:4px 0; } #shortcuts.white div.box { padding:10px 0 10px 20px ; background-color:#fff; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; } /* -- Related Posts list -- */ .related-posts { margin:55px 0 15px 0; width:600px; } .related-posts ul { list-style-type:none; margin:0 0 0 -10px; border-bottom:1px solid #cfcfcf; display:block; } .related-posts li { border-top:1px solid #cfcfcf; padding:5px 13px; } .related-posts span { font-size:12px; color:#999; } /* -- More Galleries List -- */ #more-galleries { margin:25px 0 0 0; width:600px; } #more-galleries ul { list-style-type:none; } #more-galleries li { list-style-type:none; margin:0 0 0 -10px; padding:3px 0 ; border-top:1px solid #d9d9d9; display:block; } #more-galleries li.first { border-top:none; } #more-galleries .photo { float:left; margin:0 15px 0 10px; height:50px; width:50px; /* 66 - 8 -8 = 50 */ padding:8px; background:url(../img/gallery-thumb-shadow.png) no-repeat top left; } #more-galleries .info { float:left; padding:4px 0 0 0; } #more-galleries li h3 { margin:0 0 5px 0; } #more-galleries li h3 a { color:#333; } #more-galleries .stats { color:#333333; } #more-galleries .stats span { padding:0 8px; } #more-galleries .stats .photo-count { border-right:2px solid #dbdbdb; padding-left:0; } #more-galleries .author { color:#555; } /* -- Meta Data -- */ .metadata { border-bottom:1px solid #d9d9d9; position:relative; margin:0 0 10px 0; width:600px; border-collapse:collapse; display:inline-table; } .metadata .photo { width:65px; } .metadata .text-info { width:200px; } .metadata .role { text-transform:uppercase; display:block; } #main .metadata .keywords { width:auto; padding:0 0 4px 0; border-right:1px solid #d9d9d9; } /*added #main to override specificity further up */ #main .metadata .keywords a { border-left:1px solid #CCCCCC; border-right:none; display:inline-block; } /*added #main to override specificity further up */ #main .metadata .keywords a.first { border-left:none; } /*added #main to override specificity further up */ .metadata .date { font-size:12px; color:#999; padding:0 7px 0 0; text-align:right; } /* -- Article tools (print & facebook links) -- */ #article-tools { font-size:11px; margin:-7px 0 10px 0; text-align:right; } #article-tools a { color:#777; display:inline-block; } #article-tools a.facebook-link { background:url(../img/facebook-icon.png) no-repeat 0 3px; padding:0 0 0 20px; margin:0 25px 0 0;} #article-tools a.print-link { background:url(../img/print-icon.png) no-repeat 0 2px; padding:0 0 0 25px;} /* -- Search results -- */ #searchbox { background: #ebefe1; padding: 20px; text-align: center; margin: 0 0 10px 0; float:left; width: 560px; } #searchbox .text { width: 400px; padding: 3px 2px 2px 2px; font-size: 15px; border: 1px solid #7f9db9; margin-right: 10px; } #searchbox .button { text-transform: uppercase; padding: 2px 5px; color: #726954; border: 1px solid #afada8; } #searchresult h2 { font-size: 16px; border-bottom: 1px solid #d9d9d9; padding: 5px 0; font-family: Georgia; } #searchresult h2 .hits { font-weight: bold; } #searchresult .paging { background: #ebefe1; padding: 10px 20px; text-align: center; margin-top: 30px; float:left; width: 560px; font-family: Georgia; } #searchresult .item { border-bottom: 1px solid #d9d9d9; padding: 10px 0; } #searchresult .item h3 { margin-bottom: 5px; } #searchresult .item h3 a { color: #333; } #searchresult .item .excerpt b { background-color: #eaf0ac; } /* ============================== Sidebar ============================== */ #sidebar { float:left; width:340px; padding:15px 10px 30px 10px; } #sidebar h2 { margin-top:30px; float:left; } /* hack to fix space between .box and first h2 */ /* -- Box -- */ #sidebar .box { width:340px; background:transparent url(../img/sidebarbox-bottom.png) no-repeat bottom; } #sidebar .box .content { width:320px; background:transparent url(../img/sidebarbox-top.png) no-repeat; padding:10px 10px 40px 10px; } #sidebar .box .content h2 { margin:4px 0 10px 0; float:left; width:320px; } /* -- Green Box -- */ #sidebar .greenbox { background-color:#ebefe1; text-align:center; padding:8px; margin:0 0 40px 0; color:#3f9e0e; } #sidebar .greenbox h3 { margin:0; color:#666; } #sidebar .greenbox + h2 { margin-top:0; } /* -- Blue Box -- */ #sidebar .bluebox { width:340px; background:#d1e5ee url(../img/box-blue-top-340.png) no-repeat; padding-top: 10px; margin-bottom: 10px; } #sidebar .bluebox .content { width:320px; background:#fff url(../img/box-blue-bottom-340.png) no-repeat bottom; padding: 0 10px 10px 10px; } #sidebar .bluebox .button { background: #e9f5fa; border: 1px solid #80b8d2; padding: 2px 5px; color: #23576e; margin: 0; } #sidebar .bluebox .button.green { background: #779b1c; border: 0; padding: 2px 3px; color: #fff; margin: 0 3px; } /* -- Blue Box Comment -- */ #sidebar .bluebox .comment { width:320px; background:#d1e5ee url(../img/comment-top-320.png) no-repeat; padding-top: 16px; margin-bottom: 10px; } #sidebar .bluebox .comment .message { width:300px; background:#fff url(../img/comment-bottom-320.png) no-repeat bottom; padding: 0 10px 10px 10px; } #sidebar .bluebox .comment .message textarea { border: 0; width: 300px; } /* -- White Box -- */ #sidebar .whitebox { background-color:#fff; color:#669966; padding:8px; } #feedback p { font-size:14px; padding:0 10px 10px 0; } #feedback textarea { width:302px; height:106px; border:1px solid #7f9db9; color:#a5ab74; padding:3px; margin-bottom:8px; } #feedback input { float:left; width:212px; border:1px solid #7f9db9; color:#a5ab74; padding:3px; } #feedback input.button { float:right; margin-right:10px; width:69px; border:1px solid #788386; background:#726954; color:#fff; padding:2px 1px; text-transform:uppercase; } /* -- Events List -- */ #events { float:left; width:340px; border-bottom:1px solid #dfdfdf; } #events .event { list-style:none; width:340px; float:left; padding:5px 0; border-top:1px solid #dfdfdf; } #events .event h3 { margin:0; } #events .event .url, #events .event .dtstart, #events .event .dtend { display:none; } #events .event .date { float:right; width:60px; height:56px; background:transparent url(../img/date.png) no-repeat; text-align:center; font-family:Georgia; } #events .event .date .day { font-size:16px; padding-top:11px; font-weight:bold; } #events .event .details { float:left; width:260px; padding:0 10px 0 0; } #events .event .details a.register { background-color:#cc6600; color:#fff; text-transform:uppercase; padding:0 2px; } #events .event .details a.more { display:block; } /* -- Advert -- */ #sidebar .ad { float:left; width:340px; padding-bottom:10px; border-bottom:1px solid #dfdfdf; margin-top:20px; } #sidebar .ad .title { display:block; font-size:11px; color:#777; border-bottom:1px solid #dfdfdf; } #sidebar .ad .content { display:block; text-align:center; padding-top:10px; } #sidebar .right { float:left; width:340px; text-align:right; } /* need float here as well for space between .box and first h2 hack */ /* -- Sidebar links -- */ #sidebar .links { float:left; width:340px; border-top:1px solid #dfdfdf;} #sidebar .links li { list-style:none; border-bottom:1px solid #dfdfdf; padding:5px 0; line-height:normal; } #sidebar .links li a { font-size:13px; padding:0; display:block; } /*-- Sidebar Calendar -- */ #calendar { width:339px; background:#eaf0ac url(../img/calendar-top.png) no-repeat top left; margin:0 0 10px 0; padding:12px 0 5px 0; } #calendar div { text-align:center; } #calendar div span { display:inline-block; margin:0 30px; font-size:15px; font-weight:bold; } #calendar div a { color:#666; } #calendar table { color:#666; margin:0 auto; } #calendar table caption {display:none; } #calendar table td { width:45px; height:30px; } #calendar table td a { display:block; height:100%; text-align:center; line-height:30px; background-color:#fff;} #calendar table td.prev a, #calendar table td.next a { background-color:#f1f5c7; text-indent:-100000px; } #calendar table td.today a { background:#e96915 url(../img/calendar-today.png) no-repeat top left; color:#fff; } #calendar table td.event a { background:#daddc4 url(../img/calendar-event.png) no-repeat top left; color:#333; } /* -- SMS Advert -- */ #sidebar .smsad { text-align:left; margin:20px 0;} #sidebar .smsad span { color:#666600; } #sidebar .smsad em { color:#669966; font-style:normal; } #sidebar .smsad .whitebox {margin:0 0 5px 0;} #sidebar .smsad .whitebox img { display:block; } #sidebar .smsad .whitebox span { display:inline-block; margin:0 0 0 25px; color:#669966;} /* ============================== Home Page Specific Rules ============================== */ #shortcuts-home { float:left; width:610px; background-color:#eff0e8; padding-bottom:10px; margin:-20px 0 35px 0; } #shortcuts-home h3 { background-color:#fff; margin:0; padding:2px 10px; margin-bottom:10px; } #shortcuts-home a { display:block; padding:4px 10px; font-size:13px; line-height:1em } #shortcuts-home a.active { text-decoration:underline; } #topics { float:left; width:450px; background:transparent url(../img/shortcuts.png) no-repeat 440px 38px; } #topics .column { float:left; width:150px; } #externalinfo { float:left; width:160px; } /* ============================== Event Page Specific Rules ============================== */ #main .eventitem { overflow:hidden; } /* margin:0 0 30px 0; */ /* -- Event Title -- */ #main .eventitem .eventtitle { background:#f3f5ed url(../img/event-title-header.png) no-repeat top left; border-bottom:1px solid #d9d9d9; padding:7px 3px 5px 7px; margin:0 0 10px 0; overflow:hidden; width:590px /*600 - 3 - 7 = 590px */ } #main .eventitem .eventtitle .details { float:left; width:530px; } #main .eventitem .eventtitle h1 { background:none; margin:0 0 2px 0; padding:0; border:none; } #main .eventitem .eventtitle h1 a { color:#333; } #main .eventitem .eventtitle abbr { color:#666; border:none; font-size:16px; font-family:Georgia; } #main .eventitem .eventtitle .date { float:right; width:60px; height:56px; background:transparent url(../img/date.png) no-repeat; text-align:center; font-family:Georgia;} #main .eventitem .eventtitle .date .day { font-size:16px; padding-top:11px; font-weight:bold; } #main .eventitem .media { margin:0 0 10px 0; } /* -- Event Stats -- */ #main .eventitem .eventstats { font-size:14px; color:#666; font-family:Georgia; margin:0 0 15px 0; } #main .eventitem .eventstats h5 { font-size:30px; color:#336666; margin:0 2px 0 0; display:inline; font-family:Calibri,Verdana,Arial,sans-serif;} #main .eventitem .eventstats h6 { font-size:24px; color:#99cccc; margin:0 2px 0 0; display:inline; font-family:Calibri,Verdana,Arial,sans-serif;} #main .eventitem .eventstats span { font-size:17px; color:#333; display:inline; margin:0 0 0 10px; } #main .eventitem .eventstats a { text-decoration:underline; text-transform:uppercase; display:inline; margin:0 5px; font-family:Calibri,Verdana,Arial,sans-serif;} #main .eventitem .eventstats a:hover, #main .eventitem .eventstats a:active { text-decoration:none; } #main .eventitem .eventstats a.deselected { color:#99cccc; } /* -- Reply form -- */ #main .eventitem .replyform { display:none; background-color:#eef5f9; padding:5px; text-align:center; } #main .eventitem .replyform h5 { margin:0; } #main .eventitem .replyform p { margin:0; } #main .eventitem .replyform textarea { margin:0 0 5px 0; border:1px solid #7f9db9; padding:8px; color:#999; width:430px; height:55px; } #main .eventitem .replyform button { text-transform:uppercase; padding:2px 1px; background-color:#eef5f9; border:1px solid #cfcbc0; display:block; margin:0 auto; } /* ============================== Galleries Page Specific Rules ============================== */ /* Override background colour/image to use grey & not white */ #galleriespage .container { background:url(../img/container_grey.png) repeat-y; } #galleriespage #body { background:url(../img/container.png) repeat-y; } #gallerymeta { padding:0 25px; width:940px; /* 990 - 25 - 25 = 940px*/ } #gallerymeta #wantphotos { color:#fff; font-family:Georgia; width:325px; float:right; margin:20px 0 0 -20px; background:url(../img/green-box-top.png) no-repeat top left;} #gallerymeta #wantphotos div { margin:10px 0 0 0; padding:5px 60px 10px 18px; background:#68b335 url(../img/green-box-bottom.png) no-repeat bottom left;} #gallerymeta #wantphotos h3 { color:#fff; font-size:24px; margin:0 0 10px 0;} #gallerymeta #wantphotos p { margin:0; } #gallerymeta #wantphotos a { color:#fff; text-decoration:underline; } #gallerymeta #wantphotos a:hover, #gallerymeta #wantphotos a:active { text-decoration:none; } #gallerymeta #shortcuts { margin:20px 20px 0 -20px; } /* Styling for gallery list boxes */ #gallerylist { margin:30px 0 25px 0; padding:0 12px 0 18px; } #gallerylist h3 { margin:0 0 0 10px; line-height:normal; } #gallerylist .gallery { margin:0 6px 8px 0; float:left; } #gallerylist .gallery a { width:234px; height:234px; display:inline-block; position:relative; font-family:Georgia; color:#fff; background:url(../img/gallery-item-bg.png) no-repeat top left;} #gallerylist .gallery img { margin:17px; } #gallerylist .gallery a span { position:absolute; bottom:17px; left:17px; padding:8px; width:184px; /*200- 8 - 8 = 184px */ height:34px; /* 50 - 8 - 8 = 34px */ background:url(../img/gallery-title-transparent.png);} #gallerylist .gallery a:hover span { text-decoration:underline; } #gallerylist .gallery div { padding:0 17px 0 13px; /*17px - 4 = 13px */ color:#c0cccd; } #gallerylist .gallery div span { color:#4e6062; padding:0 4px;} /* ============================== Documents Page Specific Rules - CHRISTIAN MELBYE / 29.09.09 ============================== */ #main #documents p { margin: 0px; padding-top: 18px; } #main #documents p.term { margin-top: -40px; } #main #documents .documentitem { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; border-top: 1px solid #CFCFCF; margin-left: -10px; overflow: hidden; } #main #documents .documentitem img { float: left; margin-right: 18px; } #main #documents .documentitem h3 { padding: 0px; margin: 0px; } #main #documents .documentitem h3 a { color: #333333; } #main #documents .documentitem p { padding: 0px; margin: 0px; } /* ============================== Vel Info Page Specific Rules ============================== */ #main .headersection h1 { background:none; padding:0; margin:20px 0 10px 0; border-bottom:none; } .headersection p { font-size:18px; font-family:Georgia; line-height:normal;} #main #stats { margin:0 0 40px -10px; width:610px; } #stats h5 { background-color:#ebefe1; margin:0 0 2px 0; padding:5px 10px; font-size:12px; font-weight:normal; font-family:Calibri,Verdana,Arial,sans-serif; } #stats .container { background-color:#ebefe1; width:610px; background-image:none; padding:10px 0 7px 0; margin:0; } /* col widths - 245/203/152 */ #stats .info { float:left; width:245px; } #stats .info div { padding:0 5px 0 10px; font-size:13px; line-height:normal; } #stats .info div.vel { margin:0 0 20px 0;} #stats .info div.vel span { width:110px; display:inline-block;} #stats .info div.other {} #stats .info div.other span { width:145px; display:inline-block;} #stats .contact { float:left; width:203px; background:url(../img/stats-contact-white-top.png) no-repeat top left;} #stats .contact div { margin:10px 0 0 0; padding:0 8px 5px 8px; background:url(../img/stats-contact-white-bottom.png) no-repeat bottom left;} #stats .contact div h6 { font-family:Calibri,Verdana,Arial,sans-serif; margin:0 0 10px 0; font-size:13px; } #stats .contact div p { margin:10px 0; font-size:13px; line-height:normal;} #stats .list { float:left; width:137px; /*152- 10 - 5px = 137px*/ margin:0 5px 0 10px; font-size:13px;} #stats .list ul { margin:0 0 20px 0;} #stats .list li { list-style-type:none; padding:0 0 0 25px; background:url(../img/tick-bullet-point.png) no-repeat 0px 5px;} #stats .list li a { margin:0; } #stats .list a { margin:0 0 0 25px; } .velmemberinfo { border-bottom:1px solid #d3d3d3; padding:10px 11px; width:588px; /* 610 - 11 - 11 = 588px */ margin:0 0 0 -10px; font-size:12px; } .velmemberinfo.first { border-top:1px solid #d3d3d3; } .velmemberinfo img { float:left; margin:0 35px 0 0; } .velmemberinfo div { float:left; } .velmemberinfo h4 { margin:0; font-size:20px;} .velmemberinfo h5 { margin:0 0 15px 0; font-family:Calibri,Verdana,Arial,sans-serif; font-size:14px; } .velmemberinfo p { line-height:normal;} .velmemberinfo a.map { text-transform:uppercase; display:inline-block; margin:0 0 0 10px; padding:4px; } #main p.greybox { margin:5px 0 30px -10px; } p.greybox { background-color:#ebefe1; padding:6px 0 8px 0; text-align:center; font-size:18px; font-family:Georgia; } p.greybox a { font-size:14px; font-family:Calibri,Verdana,Arial,sans-serif; } /* ============================== Profile ============================== */ #profile .panel { background: #f4f6ef; padding: 15px; margin-bottom: 10px; } #profile .left .panel { background: #f4f6ef; padding: 5px; } #profile .center .panel h3 { color: #999933; margin: 50px 0 10px 0; } #profile .left { float: left; width: 160px; padding-right: 10px; } #profile .center { float: left; width: 430px; } #profile label { color: #00cc33; display:inline-block; width: 135px; font-family: Georgia; padding: 6px 0; } #profile .text { width: 166px; font-size: 16px; font-weight: bold; padding: 2px; margin: 4px 0; border: 1px solid #7f9db9; } #profile textarea { width: 394px; border: 1px solid #7f9db9; padding: 2px; } #profile .narrow { width: 90px; } #profile .wide { width: 256px; } #profile .panel .button { border: 0; background: #b49e45; color: #fff; padding: 3px 5px; margin: 20px 0 0 10px; cursor: pointer; } #profile p { margin: 5px 0; font-size: 13px; } #profile p a { color: #444; text-decoration: underline; } #profile .cancel { font-family: Georgia; font-size: 15px; color: #000; } #profile .backbutton { font-family: Georgia; font-size: 15px; background: #000; color: #fff; border: 0;margin-left: 10px; padding: 3px 7px; cursor: pointer; } #profile .mugshot { width: 150px; height: 150px; } #profile .panel.card { padding: 10px; display: inline-block; } #profile .panel.card h2 { color: #00cc33; margin: 5px 0 10px 0; } #profile .panel.card .mugshot { float:left; } #profile .panel.card .data { float:left; width: 390px; padding: 0 20px; } #profile .panel.card .city { color: #999; } #profile .memberof { width: 560px; float: left; margin-top: 20px; padding: 20px 10px; background: #fff; } #profile .memberof h3 { color: #00cc33; font-size: 13px; margin: 0 0 20px 0; } #profile .memberof ul { list-style: none; margin: 0; padding: 0; } #profile .memberof li { list-style: none; margin: 2px 0; color: #00cc33; font-size: 12px; } #profile .memberof a { color: #669900; font-size: 15px; padding-right: 10px; } #profile #body .title { text-transform: uppercase; color: #999; margin: 0 0 -10px 10px; } #profile .editprofile { border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; background: #f9faf7; display: block; padding: 5px 3px; margin-bottom: 10px; font-size: 16px; font-family: Georgia; color: #669900; } #profile .validationmessage { display: none !important; } #forgotpassword .panel { padding: 15px 30px; } #forgotpassword #content { width: 980px; padding: 50px 0; } #forgotpassword #main { width: 960px; } #forgotpassword .center { width: 564px; margin: 0 auto; } #forgotpassword h2 { font-size: 34px; color: #00cc33; padding-left: 30px; } #forgotpassword p { padding: 0 30px; } #forgotpassword label { color: #00cc33; display:inline-block; width: 135px; font-family: Georgia; padding: 6px 0; } #forgotpassword .text { width: 300px; font-size: 16px; font-weight: bold; padding: 2px; margin: 4px 0; border: 1px solid #7f9db9; } .button.black { font-family: Georgia; font-size: 15px; background: #000; color: #fff; border: 0; padding: 3px 7px; cursor: pointer; } /* ============================== Footer ============================== */ #footer { border-top:1px solid #dbdbdb; float:left; margin:30px 5px 0 5px; width:980px; color:#666; } #footer #extra { background:#23363d url(../img/footer-logo.gif) no-repeat top right; width:960px; /*980 - 10 -10=960px */ height:109px; /*124 -10 -5 = 109*/ padding:10px 10px 5px 10px; } #footer #extra .links { float:left; } #footer #extra h6 { color:#99cc33; font-size:13px; font-family:Calibri, Verdana, Arial, sans-serif; text-transform:uppercase; margin:0 0 6px 0; } #footer #extra .link-columns { color:#fff; font-size:13px; font-family:Georgia, Times New Roman, Sans-Serif; line-height: 1.5em; } #footer #extra .link-columns a { color:#fff; } #footer #extra .link-columns div { float:left; } #footer #extra .link-columns div.col-1 { margin:0 15px 0 0; } #footer #extra .link-columns div.col-2 { margin:0 30px 0 0; } #footer #extra .link-columns div.col-3 { margin:0 40px 0 0; } #footer #extra .link-columns div.col-4 { margin:0; } #footer #extra .link-columns span { font-size:11px; font-family:Calibri, Verdana, Arial, sans-serif; } #footer #extra .search-box { float:right; width:190px; text-align:center; } #footer #extra .search-box h5 { color:#00cc33; font-size:24px; font-weight:normal; margin:0 0 10px 0; padding:18px 0 0 0; background-position:35px 0; } #footer #extra .search-box a { color:#669933; font-size:13px; text-transform:uppercase; display:inline-block; } #footer #extra .search-box input { background:url(../img/search.png) no-repeat top left; border:none; height:19px; padding:5px 30px 0 10px; width:140px; } #footer #extra .extra-links a { color:#99cc33; font-size:13px; text-transform:uppercase; display:inline-block; margin:0 30px 0 0; } #footer #info { padding:15px 10px; } #footer #info #addr { font-family:Calibri, Verdana, Arial, sans-serif; text-transform:uppercase; line-height:10px; float:left; margin:0 15px 0 0; } #footer #info #addr h3 { font-size:18px; font-weight:bold; font-family:Calibri, Verdana, Arial, sans-serif; color:#666; margin:0;} #footer #info .contact { font-size:13px; float:left; margin:0 30px 0 0; } #footer #info .contact h4 { font-size:13px; font-weight:bold; font-family:Calibri, Verdana, Arial, sans-serif; color:#666; margin:0; } #partners { float:left; border-top:1px solid #dbdbdb; width:960px; padding:10px; } #partners h2 { font-size:12px; font-family:Calibri, Verdana, Arial, sans-serif; color:#666; text-transform:uppercase; padding:0; } #partners h2 a { margin-left:10px; } #partners .partner { float:left; width:320px; } #partners .partner img { float:left; display:block; } #partners .partner img.partner-if { margin:5px 30px 0 20px; } #partners .partner img.partner-telenor { margin:7px 10px 0 0; } #partners .partner img.partner-hafslund { margin:14px 10px 0 0; } #partners .partner p { float:left; width:220px; } /* -- Rounded corner bottom -- */ #end { float:left; width:990px; height:9px; background:#ebefe1 url(../img/end.png) no-repeat; } #copyright { color: #999; font-size: 11px; margin: 0 0 0 20px; text-align: center; } #copyright a { color: #999; text-decoration: underline; } /* ============================================= COMMON RULE OVERIDE/S FOR SPECIFIC TEMPLATES ============================================= */ /* -- xxx template -- */ /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */