/*========= FARVER ===================== Lyseblå: 75a3d0 Grå baggrund (body): e9e7e8 Mørk grå: #666666 Cyanblå (menu): 0099FF =========================================*/ /*===== GRUNDLÆGGENDE FORMATTERING =====*/ body { background-color: #e9e7e8; margin: 0px; text-align: center; } body, h4, h5, h6, #content_sec h2, #content_sec h3 { font-family: verdana, Arial, helvetica, sans-serif; font-size: 62.5%; color: #333; } * { margin: 0px; padding: 0px; } p, dt, dd { display: block; text-align: left; font-size: 1.2em; line-height: 1.6em; } a:link, a:visited { color: #d47800; border-bottom: 1px dotted #d47800; text-decoration: none; } a:visited { color: #555; border-bottom-color: #555; } a:hover, a:active, a.active { color: #d47800; border-bottom: none; padding-bottom: 1px; background-color: #d47800; color: #fff; text-decoration: none; } img { display: block; } h1, h2, h3 { font-family: "Gill Sans", "Century Gothic", arial, verdana; font-weight: normal; text-transform: uppercase; letter-spacing: 0.03em; font-style: normal; } h1, h2 { font-size: 2.2em; margin-bottom: 0.6em; } h3, #content_sec h1 { font-size: 1.6em; margin-bottom: 0.6em; } h4, #content_sec h2, #content_sec h3 { font-size: 1.2em; text-transform: none; font-weight: bold; } .clear { clear: both; } ul { list-style: none; } em { font-weight: bold; font-style: normal; } blockquote { padding-left: 10px; border-left: 4px solid #e4bc96; background-color: #f4f4f4; } /* BREDDE OG PLACERING */ #wrapper { width: 840px; margin-right: auto; margin-left: auto; text-align: left; background-image: url(../../../images/graphic/background.jpg); background-repeat: repeat-y; background-position: left top; padding: 0px 25px 35px 25px; position: relative; } /* FOOTER */ #footer { margin-left: auto; margin-right: auto; margin-top: 0px; width: 840px; padding: 0px 25px; position: relative; height: 94px; text-align: left; background-image:url(../../../images/graphic/footer.jpg); background-repeat: no-repeat; background-position: left top; } #footer p { border-top: 1px dotted #444; margin: 0px 15px; padding: 8px 0px; text-align: center; font-size: 1.1em; } /* HEADER */ #masthead { width: 840px; float: left; padding: 0px; background-image:url(../../../images/graphic/headerbackground.jpg); background-position: top left; background-repeat: repeat-y; } #masthead_inner { float: left; width: 840px; padding: 0px 0px 15px 0px; background-image: url(../../../images/graphic/headerbottom.jpg); background-position: bottom; background-repeat: no-repeat; } #logo { float: left; display: block; margin: 0px 0px 0px 25px; } #logo a, #logo a:hover, #logo a:active { display: block; position: relative; top: 10px; background-image: url(../../../images/graphic/logo.gif); background-position: top left; background-repeat: no-repeat; width: 296px; height: 80px; border: none; outline: none; padding-bottom: 0px; } #logo span { position: absolute; left: -1000em; } #menu_main { display: inline; float: right; margin: 65px 30px 0px 0px; } #menu_main li { float: left; margin: 0px; } #menu_main a { float: left; line-height: 24px; padding: 2px 8px; background-image: url(../../../images/graphic/menubackground.jpg); background-position: bottom; background-repeat: repeat-x; border-bottom: 3px solid #e4bc96; } #menu_main a:hover { text-decoration: none; background-image:url(../../../images/graphic/menuselected.jpg); } #menu_main a.active { border-bottom: 3px solid #d47800; background-image:url(../../../images/graphic/menuselected.jpg); font-weight: bold; } #header a:link, #header a:visited, #header a:hover, #header a:active { color: #333; font-size: 1.1em; } /* SEKUNDÆR MENU */ #menu_sec { float: left; display: inline; margin: 2px 0px 8px 25px; } #menu_sec li { float: left; margin: 0px 4px; } #menu_sec a:link, #menu_sec a:visited { display: block; border-bottom-color: #333; line-height:1.4em; } #menu_sec a:hover, #menu_sec a.active { color: #fff; } /* POSTER */ #poster_wrapper { background-image:url(../../../images/graphic/orangebox2.jpg); background-repeat:repeat-y; margin: 3px; float: left; width: 840px; } #poster { padding: 35px 5px 0px 5px; min-height: 130px; height: auto !important; height: 130px; background-image:url(../../../images/graphic/orangeboxtop2.jpg); background-repeat:no-repeat; } #poster_bottom { background-image: url(../../../images/graphic/orangeboxbottom2.jpg); background-repeat: no-repeat; height: 32px; float: left; width: 840px; } #poster li { display: block; width: 27%; float: left; padding: 0px 25px; border-right: 2px dotted #fefefe; } #home #post1 { width: 57%; } #poster li.end { padding-right: 0px; border: none; } #poster h1, #poster p { color: #fefefe; float: left; width: 100%; } #poster p { margin-bottom: 0.5em; } #poster a:link, #poster a:visited, #title a:link, #title a:visited { color: #fff; border-bottom: 1px dotted #fff; } #poster h1 a:link, #poster h1 a:visited, h1#title a:link, h1#title a:visited { border: none; } #poster a:hover, #poster a:active, #title a:hover, #title a:active { color: #d47800; border: none; padding-bottom: 1px; background-color: #fff; } #poster em { font-style: normal; font-weight: bold; } #step1 strong, #step2 strong, #step3 strong { font-size: 1.5em; } /* Linkbars */ #poster a.linkbarAbout, #poster a.linkbarUseii, #poster a.linkbarProject, #poster a.linkbarSl1, #poster a.linkbarContact, #poster a.linkbarFlickr, #poster a.linkbarRegister, #poster a.linkbarDownload, #poster a.linkbarVisitsl { width: 169px; height: 24px; display: block; background-position: top left; background-repeat: no-repeat; float: left; border: none; margin: 5px 0px; position: relative; outline: none; } #poster a.linkbarAbout span, #poster a.linkbarUseii span, #poster a.linkbarProject span, #poster a.linkbarSl1 span, #poster a.linkbarContact span, #poster a.linkbarFlickr span, #poster a.linkbarRegister span, #poster a.linkbarDownload span, #poster a.linkbarVisitsl span { position: absolute; left: -100em; } #poster a span.hoverbox, #poster a span.hoverbox { display: none; position: absolute; top: 30px; left: 0px; } #poster a.linkbarSl1:hover span.hoverbox, #poster a.linkbarVisitsl:hover span.hoverbox { display: block; z-index: 1000; width: 200px; background-image: url(../../../images/graphic/hoverboxback.gif); background-position: top left; background-repeat: no-repeat; color: #222; padding: 37px 13px 13px 13px; font-size: 1.3em; } #poster a.linkbarAbout:hover, #poster a.linkbarUseii:hover, #poster a.linkbarProject:hover, #poster a.linkbarSl1:hover, #poster a.linkbarContact:hover, #poster a.linkbarFlickr:hover, #poster a.linkbarRegister:hover, #poster a.linkbarDownload:hover, #poster a.linkbarVisitsl:hover { padding: 0px; } #poster a.linkbarAbout { background-image: url(../../../images/graphic/linkbar_about.jpg); } #poster a.linkbarUseii { background-image: url(../../../images/graphic/linkbar_useii.jpg); } #poster a.linkbarProject { background-image:url(../../../images/graphic/linkbar_project.jpg); } #poster a.linkbarSl1 { background-image:url(../../../images/graphic/linkbar_sl1.jpg); } #poster a.linkbarContact { background-image: url(../../../images/graphic/linkbar_contact.jpg); } #poster a.linkbarFlickr { background-image: url(../../../images/graphic/linkbar_visitflickr.jpg); } #poster a.linkbarRegister { background-image: url(../../../images/graphic/linkbar_register.jpg); } #poster a.linkbarDownload { background-image: url(../../../images/graphic/linkbar_download.jpg); } #poster a.linkbarVisitsl { background-image: url(../../../images/graphic/linkbar_visitiidk.jpg); } /* EVENT POSTER */ #events #poster { padding: 25px 32px; position: relative; } #events #poster ul { position: absolute; top: 25px; left: 32px; } #events #poster li { border: none; padding: 0; margin: 0; float: none; } #events #poster h1, #events #poster p { float: right; width: 500px; } #events #poster li p { float: none; width: 270px; } #events #poster ul { float: left; width: 270px; } #events #content_main li.even { background-color: #f2f1f2; padding-bottom: 0px; margin-bottom: 20px; } #events #content_sec li li { border: none; padding: 0px;} /* TITLE */ #title_wrapper { background-image:url(../../../images/graphic/orangebar.jpg); background-repeat:repeat-y; margin: 3px; width: 835px; clear: both; } #title { padding-top: 25px; margin: 0px; color: #fefefe; width: 780px; background-image:url(../../../images/graphic/orangebartop.jpg); background-repeat:no-repeat; } #title_bottom { background-image: url(../../../images/graphic/orangebarbottom.jpg); background-repeat: no-repeat; height: 35px; width: 835px; } h1#title { padding: 25px 27px 0px; } /* CONTENT */ #content_wrapper { padding-bottom: 15px; width: 840px; float: left; } #content_wrapper p { margin-bottom: 1em; } #content_main { width: 547px; background-image:url(../../../images/graphic/maincontentbackground.jpg); background-position: top left; background-repeat: no-repeat; float: left; padding-top: 32px; min-height: 395px; /* IE6 workaround */ height:auto !important; /* Sæt højden til auto i alle browsers */ height:395px; /* Ret højden til 395px i IE, der ikke forstår min-height og !important */ } #content_main li { padding: 4px 4px; margin: 0px 28px 32px 28px; } #content_main li.trumpet, #poster span.trumpet { margin-bottom: 8px; text-transform:uppercase; color: #555; font-size: 1.5em; } #events #poster span.trumpet { color: #d47800; background-color: #fff; font-size: 1.2em; width: 14em; margin-bottom: 6px; display: block; } #users #content_main li.header { border-top: none; padding-top: 32px; } #home #content_main li.odd { background-color: #f2f1f2; } #content_main * li { padding: 0px; margin: 0px; } #content_main li span.date { display: block; width: 100%; color: #888; padding-bottom: 6px; float: left; } #content_main ul.post_info { width: 100%; border-top: 1px dotted #333; margin: 1.5em 0px; padding: 6px 0px; } #content_main li.post_category { width: 80%; } #content_main li.post_comment { float: right; width: 19%; } #content_main li a:link, #content_main li a:visited, #content_media a:link, #content_media a:visited { color: #d47800; border-bottom: 1px dotted #d47800; } #content_main li a:hover, #content_main li a:active, #content_media a:hover, #content_media a:active { color: #fff; border: none; background-color: #d47800; } #content_main img { border: 8px solid #e4bc96; margin: 20px 0px; } #content_sec { width: 293px; float: right; font-size: 1.1em; padding-top: 30px; background-image:url(../../../images/graphic/seccontentbackground.jpg); background-position: top left; background-repeat: no-repeat; min-height: 395px; /* IE6 workaround */ height:auto !important; /* Sæt højden til auto i alle browsers */ height:395px; /* Ret højden til 395px i IE, der ikke forstår min-height og !important */ } #content_sec p { font-size: 1em; line-height: 1.5em; } #content_sec li { padding-bottom: 14px; margin: 0px 32px 16px 32px; border-bottom: 1px dotted #444; } #content_sec li ol, div#content_sec ul, div#content_sec ol { border-bottom: 1px solid #ddd; list-style-position:inside; } #content_sec li li, div#content_sec li { border: none; border-top: 1px solid #ddd; margin: 0px; padding: 4px 0px; } #content_sec h1 { margin: 1.4em 0em 1em 0em; } #content_sec h2 { margin-top: 1.2em; } #content_sec .firstEntry h1 { margin-top: 0em; } div#content_main { width: 489px; padding: 32px 29px; } div#content_sec { width: 243px; padding: 32px 25px; } /* COMMENTS */ #comments { margin: 8px 0px 25px 0px; } #comments li { padding: 8px; border: 1px solid #dedede; background-color: #eee; margin: 8px 0px; } #comments h3 { color: #d47800; font-size: 1.4em; font-weight:bold; text-transform: none; font-family: verdana, Arial, helvetica, sans-serif; } #comments p.comment_info { text-align: right; color: #666666; font-size: 1em; margin-bottom: 0px; } #comment_form h2 { color: #d47800; font-size: 1.6em; margin: 20px 0px 8px 0px; } #comment_form li { margin-bottom: 8px; } #comment_form input { width: 200px; margin-right: 8px; } #comment_form textarea { width: 450px; height: 170px; padding-top: 8px; padding-bottom: 8px; } #comment_form input, #comment_form textarea { border: 1px solid #dedede; background-color: #f4f4f4; padding: 1px 4px; } /* MEDIA */ #content_media { width: 800px; background-image:url(../../../images/graphic/contentmediabackground.jpg); background-position: top left; background-repeat: no-repeat; float: left; padding: 32px 0px 0px 32px; margin-left: 3px; min-height: 395px; /* IE6 workaround */ height:auto !important; /* Sæt højden til auto i alle browsers */ height:395px; /* Ret højden til 395px i IE, der ikke forstår min-height og !important */ } #content_media #flickr_images .flickr_badge_image { float: left; height: 167px; overflow: hidden; margin: 0px 22px 30px 0px; } #content_media #flickr_images img { border: 1px solid #d47800; } /* USERS */ #users #content_main { padding: 0px 32px; width: 483px; } #users #content_main li, #users #content_main li li { padding: 0px; margin: 0px; border: none; } #users #content_main ul { padding: 10px 0px; } #users #content_main li { padding: 4px; border-top: 1px dotted #888; } #users #content_main li span { float: right; padding-top: 10px; padding-right: 4px; } #users #content_main li.odd { background-color: #f1f2f1; } #users #content_main h2 { text-transform: none; font-weight: bold; font-size: 1.6em; padding: 0px; margin: 0px; } #users #content_main li li { margin-bottom: 4px; font-size: 1.1em; } #users #content_main li li.user_category { padding: 4px 0px; } #users #content_main .pagination { padding: 12px 4px; display: block; text-align: left; font-size: 1.2em; line-height: 1.6em; } /* FEEDS */ #feeds a { padding-left: 35px; line-height: 24px; display: block; height: 24px; background-image:url(../../../images/graphic/feed-icon-24x24.png); background-repeat: no-repeat; background-position: 0% 50%; text-decoration: underline; border: none; padding-bottom: 1px; } /* IE STYLES */ * html h1, * html h2, * html h3 { font-family: Arial, verdana, sans-serif; } * html #header #menu_sec a.active, * html #header #menu_sec a:active { color: #fff; border-bottom: none; padding-bottom: 1px; } * html #poster a:link, * html #poster a:visited { border: none; padding: 0px; } * html #poster p a:link, * html #poster p a:visited { border-bottom: 1px solid #fff; }