/* COLORS: Dark blue: #00529C Light blue: #BFD4E6 Grey: #5B5B5B */ /* LAYOUT */ body { font-family: Arial; color: #5B5B5B; } p { margin: 4px 0 5px 0; font-size: inherit; } a, a:visited { text-decoration: none; color: #00529C; } div.hr { border-bottom: 1px solid #BFD4E6; margin: 0 20px; line-height: 1px; } /* UTILS */ .left { float: left; } .right { float: right; } .clear { clear: both; } .spacer { background-color: #ffffff; } .ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-binding: url('assets/xml/ellipsis.xml#ellipsis'); } /* MAIN ELEMENTS */ #page { position: relative; margin: auto; width: 800px; padding: 0 20px 0 0; background-image: url(/images/bsbk/bg_borders.png); background-repeat: repeat-y; background-position: center; } #top { height: 217px; background:url(/images/bsbk/bsbk_topp.jpg); background-repeat: no-repeat; } #topNavigation { border-bottom: 1px solid #BFD4E6; margin: 0 15px 0 10px; padding: 16px 0 0 0; height: 27px; } #mainmenu { height: 60px; background-color: #FFFFFF; } #content { overflow: hidden; } #leftcol { float: left; width: 185px; margin: 5px 0 0 0; } #maincol { float: left; width: 575px; padding: 0px 20px 20px 20px; overflow: hidden; } #maincol h1.head { padding-top: 5px; } #rightcol { position: absolute; width: 140px; right: -140px; } #footer { font-size: 10px; text-align: center; border-top: 1px solid #BFD4E6; margin: 0px 8px 0px 1px; padding: 20px 0px; background-color: #ffffff; } /* LEFT COLUMN */ .leftcolitem { margin: 0 0 20px 0; } .leftcolitem .blogtitle { color: #5B5B5B; } .leftcolitem .blogtop { border-bottom: 1px solid #BFD4E6; margin: 0 14px 8px 0; padding: 0 0 10px 0; } .leftcolitem .blogtop h3 { font-size: 17px; margin-top: 8px; } .leftcolitem #facebook { margin-left: -10px; } /* SPONSORER */ ul#adsList { list-style-type: none; padding: 0px; } ul#adsList li { margin: 20px 0 20px 0; } /* ARTICLE LIST */ .newsList { margin: 0 0 20px 0; } .newsitem { clear: both; overflow: hidden; margin: 5px 0px; padding-bottom: 5px; border-bottom: 1px solid #BFD4E6; } .newsitem .title { padding-top: 17px; } .newsitem .thumbnail { float: left; background-image: url(/images/bsbk/img_border_small.jpg); background-repeat: no-repeat; width: 159px; height: 105px; padding: 20px; } .newsitem .leadtext { } .newsitem .readmore { } #leftcol .newsitem { border: 0px; } #leftcol .newsitem .title { padding-top: 0px; } #leftcol .newsitem .leadtext { word-wrap: normal; overflow:hidden; width: 180px; } /* ARTICLE */ #article #image { background-image: url(/images/bsbk/img_border_big.jpg); background-repeat: no-repeat; width: 538px; height: 354px; padding: 20px; } #article #content { margin: 10px 20px 20px 20px; } #article .leadtext { font-weight: bold; } /* BLOG */ #maincol .navigation h3 { background-repeat: no-repeat; } #maincol .navigation .left h3 { background-image: url(/images/bsbk/arrow_left.jpg); background-position: left; padding-left: 10px; } #maincol .navigation .right h3 { background-image: url(/images/bsbk/arrow_right.jpg); background-position: right; padding-right: 10px; } #article .blogmeta { padding-top: 10px; } #article #comments { margin: 10px 20px 20px 20px; border-top: 1px solid #BFD4E6; } #article #comments ol.commentlist { margin: 10px 0 0 0; list-style-type: none; } #article #comments ol.commentlist li { overflow: hidden; margin: 5px 0px; padding-bottom: 5px; } #article #comments .comment-author { background-color: #BFD4E6; padding: 2px; overflow: hidden; } #article #comments .comment-author img { float: left; } #article #comments ol.commentlist li div.fn { float: left; margin: 0 0 0 10px; line-height: 45px; height: 30px; } #article #comments ol.commentlist li div.n { color: #00529C; font-weight: bold; } #article #comments ol.commentlist .messagebody { margin: 10px 0 0 43px; } #article #formcontainer { margin: 0px 20px 20px 20px; padding-top: 10px; border-top: 1px solid #BFD4E6; } #article #formcontainer table { width: 100%; } #article #formcontainer #commentform { margin-top: 10px; } #article #formcontainer table td.n { padding: 0 5px 5px 0; } #article #formcontainer table td.e { padding: 0 5px 5px 5px; } #article #formcontainer table td.w { padding: 0 0 5px 5px; } #article #formcontainer table td.c { padding: 5px 0 5px 0; } #article #formcontainer table td.s { padding: 5px 0 0 0; text-align: right; } #article #formcontainer input, #article #formcontainer textarea { padding: 4px; color: #00529C; border: 1px solid #00529C; font-style: italic; font-size: 11px; } #article #formcontainer input { width: 97%; } #article #formcontainer textarea { width: 99.4%; } #article #formcontainer label.error { color: red; } #article #formcontainer input.submit { width: 100px; background-color: #00529C; color: #FFFFFF; text-transform: uppercase; font-size: 11px; } #article #formcontainer input.normal { font-style: normal; font-size: inherit; } #article #formcontainer div#commentPosted { padding-top: 20px; font-size: 13px; font-weight: bold; color: #00529C; } /* CONTOUR FORMS */ #maincol #contour { padding-top: 5px; } #maincol #contour h4.contourPageName { font-size: 24px !important; line-height: 24px !important; padding-bottom: 10px; } #maincol #contour legend { color: #00529C; } #maincol p.contourMessageOnSubmit { margin-top: 20px; font-size: 14px; } /* EVENTS */ .calicon { background-image: url(/images/bsbk/calendar.png); background-repeat: no-repeat; background-position: right; margin-right: 25px; } /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */