/********************************************************************************************** CSS on Sails Title: Natural Author: Zodan (http://www.zodan.nl/), thanx to Mike (xhtmlized) Date: Oct 2009 *********************************************************************************************** 1. BASE 1.1 Reset 1.2 Accessibility Navigation 1.3 Clearfix 1.4 Default Styles 2. LAYOUT 2.1 Header 2.2 Navigation 2.3 Content 2.4 Sidebar 2.5 Footer 2.6 Fancy box adjustments 3. sIFR 3.1 Common sIFR 4. OTHER ***********************************************************************************************/ /* 1. BASE ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* @import 'jqtransform.css'; @import 'jquery-fancybox.css'; */ /* 1.1 Reset -----------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } address { font-style: normal; } table {width:100%;color:#000;vertical-align: middle;} table thead th {background:#5c88a1;color:#fff;line-height:1.81em;padding-top:0;padding-bottom:0;padding-left:5px;padding-right:5px;border-bottom:1px solid #fff;border-left:1px solid #fff;} table thead th:first-child {border-left:none;} table thead th.sortable {cursor:pointer;} table thead th.sorted-asc, table thead th.sorted-desc {padding-right:24px;background-position:right center;background-repeat:no-repeat;} /* table thead th.sorted-asc {background-image:url(/core/img/ico/asc.gif);} */ /* table thead th.sorted-desc {background-image:url(/core/img/ico/desc.gif);} */ /* old border-bottom:1px solid #5c88a1;color:#5c88a1; */ table tbody td {line-height:15px;padding-top:5px;padding-bottom:5px;padding-left:5px;padding-right:5px;border-left:1px solid #dee7ec;} table tbody td.odd {background:#f2f2f2;border-left:1px solid #d4dde2;} table tbody td:first-child, table tbody td.odd:first-child {border-left:none;} #content table {font-size:0.91em;} /* 1.2 Accessibility Navigation & Hide -----------------------------------------------------------------------------------------------*/ ol#accessibility-nav, .hide, .descriptions .desc h2, .invisible { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; } /* 1.3 Clearfix -----------------------------------------------------------------------------------------------*/ .clearfix:after, #main:after, #sidebar .boxes .boxes-inner2:after, #content .two-cols:after, #content .three-cols:after, div.press-gallery div.press-gallery-inside ul:after, div.press-corner div.press-gallery-release-inside ul:after, #carriers-descriptions.descriptions .desc ul li a:after, form.extended:after, form.extended p:after, form.extended ol li:after, #content .four-columns:after, div.press-corner div.press-item ul.press-links:after, #content ul.linkboxes li a.full:after, #content .two-eq-cols:after, #content ul.discounts ul li:after, #content .small-cols:after, #cse-search-box2:after, #content .flv:after, #content .app_steps .phonebrand:after, #content .faq dl dd:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* To be moved to ie.css .clearfix, form.extended, form.extended p, form.extended ol li, #content .four-columns, div.press-corner div.press-item ul.press-links, #content ul.linkboxes li a.full, #content .two-eq-cols, #content ul.discounts ul li, #content ul.links li, #content .small-cols, #cse-search-box2, #content .flv, #content .app_steps .phonebrand, #content .faq dl dd {zoom:1;} */ /* 1.4 Default Styles -----------------------------------------------------------------------------------------------*/ body {font-size:62.5%;} body.fmedium {font-size:70%;} body.flarge {font-size:77.5%;} body {font-family: Trebuchet, "Trebuchet MS", Calibri,"Lucida Sans Unicode","Lucida Sans","Lucida Grande", Arial,sans-serif;text-align:center;color:#333;} hr {display: none;} hr.clear {display: block;visibility:hidden;height:1px;} strong {font-weight: bold;} em { font-style: italic; } abbr, acronym { border-bottom: 1px dotted #999; cursor: help; } input, textarea, select, button { font: 1em Trebuchet, "Trebuchet MS", Calibri,"Lucida Sans Unicode","Lucida Sans","Lucida Grande", Arial,sans-serif; } a { color: #3f8bff; text-decoration: none; } a:hover { text-decoration: underline; } a.arrow { background:url(/core/img/bg_a_arrow.gif) no-repeat right center;padding-right:10px;} a * {cursor:pointer;} .clear {clear:both;} #main {font-size: 1.2em;} body .flash-content {display:none;} body.flash .flash-content {display:block;} body.flash .nonflash-content {display:none;} .hidden { display: none;} /* 1.5 Forms -----------------------------------------------------------------------------------------------*/ /* Wrappers */ form.defaultform {width:420px;color:#000;padding:0 0 1em 0; display: block;} #content form.defaultform h3 {margin:0 0 6px 17px;font-size:1.08em;line-height:1.38em;color:#ed771a;} form.defaultform p, form.defaultform ol li {clear:both;padding:0px 0px 7px 0px;display:table-row;} form.defaultform fieldset {margin:0;padding:0px 0px 8px 0px;} form.defaultform fieldset.important {padding:8px 13px;border:1px solid #fff;margin:0 0 2px 0;background:#cae7f5;} form.defaultform fieldset.submit { clear:both; padding:0;} form.defaultform fieldset.submit p.note {font-size:0.75em;line-height:1em;} form.defaultform fieldset.submit input.buttonimg {float:right;} form.defaultform fieldset.submit button {float:right;border:none;cursor:pointer;} form.defaultform ol li.col1 {float:left;width:250px;clear:left;} form.defaultform ol li.col2 {float:left;width:410px;clear:none;} form.defaultform ol li.col1 p, form.defaultform ol li.col2 p {float:left;margin:0 10px 0 0;clear:none;} form.extended #frm-top {position:relative;height:13px;background:url(/core/img/bg_frm_top.gif) no-repeat left bottom;} form.extended #frm-middle {position:relative;height: auto;background:url(/core/img/bg_frm_middle.gif) repeat-y left top;} form.extended #frm-footer {position:relative;height:13px;background:url(/core/img/bg_frm_footer.gif) no-repeat left top;} /* Form elements */ form.defaultform label { display:block; cursor:pointer; line-height:1.5em; padding:1px 0px 1px 0px; float:left;width: 130px;margin-top:5px;} form.defaultform input.text, form.defaultform input.input, form.defaultform textarea, form.defaultform select {padding:1px 1px 1px 2px;border:1px solid #a8a8a8;float:left;margin-top:5px;} form.defaultform input.text, form.defaultform input.input {width:250px;float:left;} form.defaultform input.input.postcode {width:125px;float:left;} form.defaultform textarea {width:250px;height:60px;float:left;} form.defaultform ol li.col1 input.text, form.defaultform ol li.col1 input.input, form.defaultform ol li.col2 input.text, form.defaultform ol li.col2 input.input {width:228px;float:left;} form.defaultform fieldset.submit button.btn_submit {float:right;width:124px;height:30px;background:url(/core/img/bg_form_sprite.gif) right -50px no-repeat;cursor:pointer;} form.defaultform fieldset.submit button.btn_submit:hover {float:right;width:124px;height:30px;background:url(/core/img/bg_form_sprite.gif) right -25px no-repeat;} form.defaultform fieldset.submit button.btn_submit span {display:none;} form.defaultform button, form.defaultform input.button {border: 1px solid #ccc;background:url(/core/img/bg_form_sprite.gif) right -50px no-repeat;cursor:pointer; margin-right: 10px;margin-top:5px;} form.defaultform button:hover, form.defaultform input.button:hover {background:url(/core/img/bg_form_sprite.gif) right -75px no-repeat;} form.defaultform p span {} form.defaultform p span.comment {float:left;padding:1px 1px 1px 2px;margin-top:5px;} /* Checkboxes / Radios li.multiple p input + label * */ form.defaultform ol li.multiple p {display:block;margin:0;} form.defaultform ol li.multiple label {float:left;line-height:1.5em;padding:0 0 0 3px;margin:0 4px 0 0; width: auto;} form.defaultform ol li.multiple input {float:left;} /* Errors */ form.extended label.error { color: red; } form.extended input.error {border-color:red;} form.extended #result {} form.extended #result h1 {clear:both; background-position:8px center; background-repeat:no-repeat; background-color:#DDE9D5; background-image:url(/core/img/ico/accept.png); border-style:solid; border-width:1px; font-size:13px; line-height:15px;border-color:#83C359; color:#1F4D00; padding:9px 16px 9px 32px; margin:49px 0 9px 0;font-size:13px;font-weight:normal;line-height:15px;} form.extended #result.error { background-color:#FFEAEA;background-image:url(/core/img/ico/cancel.png);border-color:#E88080;color:#7C0000; } /* Particular elements */ form.extended select#when1 {width:49px;} form.extended select#when2 {width:49px;} form.extended select#when3 {width:65px;} form.extended #zipcode2 {width:57px;} form.extended #travel-selects {position:relative;} form.extended #travel-selects label.error {position:absolute;top:0;left:180px;background:#CAE7F5;} form.extended #gender-radios {position:relative;} form.extended #gender-radios label.error {position:absolute;top:0;left:80px;} /* Navigational form */ form.navigational {margin:20px 0 10px 0;} form.navigational label {display:block;font-size:1.16em;line-height:1.28em;padding:0 0 8px 0;font-weight:bold;cursor:pointer;} form.navigational select {display:block;width:300px;font-size:11px;} form.returnto {float:left;border:1px solid #d6e1e7;background:#f5f9fb;padding:8px 10px 10px;} form.returnto label {float:left;white-space:nowrap;font-size:1em;line-height:1.75em;padding:0 0 3px 0;font-weight:normal;} form.returnto label a {padding:0 0 0 17px;background:url(/core/img/ico/read-more.gif) left center no-repeat;} /* Search form*/ form#editNewsItemSearchForm {padding: 10px 0 10px 0;} form#editNewsItemSearchForm label {display:block;} form#editNewsItemSearchForm input#searchByText {width:220px;} form#search_result_form {} /* 2. LAYOUT ----------------------------------------------------------------------------------------------- ===============================================================================================*/ .container { width: 960px; position: relative; margin: 0 auto; text-align: left; } /* Default Layout (Two Columns) */ #main {} #content {width:460px;padding: 0 10px;float:left;} #sidebar {width:460px;padding: 0 10px;float:right;} #footer { clear: both;padding: 0 0 0 35px;} #top {height:40px; position:relative;} #header {height:46px; position:relative;} #navigation {height:85px; position:relative; z-index:3;padding:10px 15px 0px 20px;} #main {position:relative;z-index:2;} /* One Column Layout */ body.one-column #content { width: auto; float: none; } body.one-column #content #main-content {float:right;width:721px;} body.one-column #content #secondary-content {} /* Three Column Layout */ #content #main-content {float:right;width:477px;} #content #secondary-content {float:left;width:215px;} /* Main Backgrounds */ body {background:#fff url(/core/img/bg.gif) left top repeat;} .container {background:none;} #top {background:none;} #sidebar{background:none;} #header {background:none;} #navigation {background: url(/core/img/bg_nav.gif) left top no-repeat;} /* #footer {background:#fff url(/core/img/bg_footer.gif) left top repeat-x;} */ #footer {background:none;} /* 2.1 Header & Top -----------------------------------------------------------------------------------------------*/ /* Logo */ #header .logo {position:absolute;top:0px;right:10px;} #header .logo, #header .logo a {overflow:hidden;width:160px;height:42px;line-height:42px;font-size:20px;text-align:center;font-weight:bold;} #header .logo a {position:absolute;top:0;right:0;z-index:10;background: url(/core/img/logo.gif) no-repeat left top;} #header .logo span {display:none;} /* Login */ #top .login {} #top .loginbox { width:220px; float:left; background: none; padding:0px 0px 10px 10px; position:absolute; z-index:10; } #top .loginbox .boxcontent {padding:5px 0px 20px 0px;} #top .loginbox .boxcontent.white_wborder {background: url(/core/img/bg_box_white_wborder.gif) no-repeat right bottom;border:0;} #top p {line-height:1.33em; padding:0;} #top .boxcontent p {font-size:1.33em;padding-left:0px;} #top .boxcontent p a {color:#827c6e;padding-left:10px;margin-right:10px;} #login_quick {display:none;} #login_quick form p {font-size:1.1em !important;font-style:italic;padding-bottom:5px;} #login_quick a {display:block;float:left;clear:left;padding:0;} #login_quick a#login_quick_close {float:right;text-align:right;padding:10px 20px 10px 0px;} #login_quick_box {position:relative;top:10px;left:15px;width:215px;font-size:1.2em;line-height:17px;} #login_quick_box input, #login_quick_box button {float:left;} #login_quick_box div.input {float:left;height:24px;margin:0 3px 0 0;background:url(/core/img/bg_form_sprite.gif) right top no-repeat;} #login_quick_box div#login-user-input {background:url(/core/img/bg_form_sprite.gif) right -100px no-repeat;} #login_quick_box div#login-password-input {background:url(/core/img/bg_form_sprite.gif) right -150px no-repeat;} #login_quick_box div.input input {width:187px;border:0px !important;padding:2px;background:none;} #login_quick_box button {width:100px;height:21px;margin-bottom:10px;border:0px !important;background:url(/core/img/bg_form_sprite.gif) right -50px no-repeat;cursor:pointer;} #login_quick_box div.input:hover {background:url(/core/img/bg_form_sprite.gif) right -25px no-repeat;} #login_quick_box div#login-user-input:hover {background:url(/core/img/bg_form_sprite.gif) right -125px no-repeat;} #login_quick_box div#login-password-input:hover {background:url(/core/img/bg_form_sprite.gif) right -175px no-repeat;} #login_quick_box button:hover {background:url(/core/img/bg_form_sprite.gif) right -75px no-repeat;color:#fff;} #login_quick_box button span {line-height:14px;font-size:1em!important;padding:0px 8px 2px 8px;} #login_quick_box div.input #login-password, #login_quick_box div.input #login-user {width:169px;padding-left:20px;} /* 2.2 Navigation -----------------------------------------------------------------------------------------------*/ #navigation {} /* 1st level */ #navigation ul.menu {height:18px;float:left;width:680px;padding:9px 10px 0px 0px;} #navigation ul li {float:left;position:relative;} #navigation ul li a.level1 {float:left;line-height:18px;height:28px;font-size:1.8em;text-transform:uppercase;font-weight:bold;background:#fff;color:#827c6e;padding:0 40px 0px 0px;} #navigation ul li a.level1:hover, #navigation ul li:hover a.level1 {text-decoration:none;color:#3f8bff;} /* #navigation ul li a.level1 span {position:absolute;left:-9999%;z-index:5;} */ #navigation ul li a.level1 span {visibility:hidden;} #navigation ul li a.level1#nav_overdebank {background:url(/core/img/bg_menu_sprite.gif) no-repeat 8px 3px;} #navigation ul li a.level1#nav_overdebank:hover, #navigation ul li:hover a.level1#nav_overdebank {background:url(/core/img/bg_menu_sprite.gif) no-repeat 8px -27px;} #navigation ul li a.level1#nav_cocreatie {background:url(/core/img/bg_menu_sprite.gif) no-repeat 8px -57px;} #navigation ul li a.level1#nav_cocreatie:hover, #navigation ul li:hover a.level1#nav_cocreatie {background:url(/core/img/bg_menu_sprite.gif) no-repeat 8px -87px;} #navigation ul li a.level1#nav_actueel {background:url(/core/img/bg_menu_sprite.gif) no-repeat 8px -117px;} #navigation ul li a.level1#nav_actueel:hover, #navigation ul li:hover a.level1#nav_actueel {background:url(/core/img/bg_menu_sprite.gif) no-repeat 8px -147px;} #navigation ul li a.level1#nav_kennis {background:url(/core/img/bg_menu_sprite.gif) no-repeat 8px -177px;} #navigation ul li a.level1#nav_kennis:hover, #navigation ul li:hover a.level1#nav_kennis {background:url(/core/img/bg_menu_sprite.gif) no-repeat 8px -207px;} #navigation ul li a.level1#nav_contact {background:url(/core/img/bg_menu_sprite.gif) no-repeat 8px -237px;} #navigation ul li a.level1#nav_contact:hover, #navigation ul li:hover a.level1#nav_contact {background:url(/core/img/bg_menu_sprite.gif) no-repeat 8px -267px;} #navigation ul li a.level1#nav_team {background:url(/core/img/bg_menu_sprite.gif) no-repeat 8px -297px;} #navigation ul li a.level1#nav_team:hover, #navigation ul li:hover a.level1#nav_team {background:url(/core/img/bg_menu_sprite.gif) no-repeat 8px -327px;} #navigation ul li a.level1#nav_artikelen {background:url(/core/img/bg_menu_sprite.gif) no-repeat 8px -357px;} #navigation ul li a.level1#nav_artikelen:hover, #navigation ul li:hover a.level1#nav_artikelen {background:url(/core/img/bg_menu_sprite.gif) no-repeat 8px -387px;} /* 2nd level */ #navigation ul ul {position:absolute;top:28px;left:-9999%;width:191px;z-index:5;border-bottom:1px solid #c8c8c8;} #navigation ul li:hover {} #navigation ul li:hover ul {left:0;} #navigation ul li:hover ul ul {left:-9999%;} #navigation ul ul li {float:left;width:191px;border:none;} #navigation ul ul li a {float:left;display:block;padding:5px 8px;width:175px;font-size:1.1em;line-height:1.27em;background-color:#fefefe;background-position:right center;background-repeat:no-repeat;color:#3f8bff;border-top:1px solid #fff;} #navigation ul ul li.dropdown {position:relative;} #navigation ul ul li.dropdown a {background-image:url(/core/img/bg_dropdown.gif);} #navigation ul ul li a:hover, #navigation ul ul li:hover a {background:#3f8bff;color:#fff;text-decoration:none;} #navigation ul ul li.dropdown a:hover, #navigation ul ul li.dropdown:hover a {background-image:url(/core/img/bg_dropdown-h.gif);background-repeat:no-repeat;background-position:right center;} #navigation ul ul li.dropdown:hover ul a {background-image:none;} /* 3rd level */ #navigation ul ul ul {position:absolute;top:0;left:-9999%;z-index:10;border:none;} #navigation ul li:hover ul li:hover {} #navigation ul li:hover ul li:hover ul {left:191px;} #navigation ul ul li.dropdown ul li a {background:#3f8bff;color:#fff;background-image:none;border-top:1px solid #fff;border-left:1px solid #fff;} #navigation ul ul li.dropdown ul li a:hover {color:#3f8bff;background:#fff;background-image:none;} #cse-search-box {position:absolute;top:19px;right:15px;width:215px;font-size:1.2em;line-height:17px;} #cse-search-box input, #cse-search-box button {float:left;} #cse-search-box div.input {float:left;height:21px;margin:0 3px 0 0;background:url(/core/img/bg_form_sprite.gif) right top no-repeat;} #cse-search-box div.input input {width:187px;border:0px !important;padding:2px;background:none;} #cse-search-box button {width:21px;height:21px;border:0px !important;background:url(/core/img/bg_form_sprite.gif) left top no-repeat;cursor:pointer;} #cse-search-box div.input:hover {background:url(/core/img/bg_form_sprite.gif) right -25px no-repeat;} #cse-search-box button:hover {background:url(/core/img/bg_form_sprite.gif) left -25px no-repeat;} #cse-search-box button span {display:none;} #cse-search-box2 {padding:7px 0;margin:0 0 20px 0;} #cse-search-box2 input {float:left;border:1px solid #d7d7d7;} #cse-search-box2 div.input {float:left;margin:0 8px 0 0;} #cse-search-box2 div.input input {width:270px;border:1px solid #d5d5d5 !important;padding-top:3px !important;} /* Breadcrumbs */ #navigation p.breadcrumbs {line-height:24px;font-size:1.1em;color:#5d88a2;border-bottom:1px solid #5d88a2;} /* 2.3 Content -----------------------------------------------------------------------------------------------*/ #content h1 {font-size:2em;font-weight:normal;color:#333;margin:0px 0 2px 15px;letter-spacing:-0.03em;} #content h1 em {display:block;font-weight:normal;font-style:normal;color:#e33f00;font-size:0.74em;line-height:1.2em;} #content h2 {font-size:1.25em;line-height:1.25em;font-weight:bold;} #content h2.larger {font-size:2em;font-weight:normal;color:#333;margin:0px 0 2px 15px;letter-spacing:-0.03em;} #content h3 {font-size:1.16em;line-height:1.5em;font-weight:bold;} #content h2.indent, #content h3.indent {margin:0px 0 2px 15px;} #content h4 {font-size:1.16em;line-height:1.5em;font-weight:normal;} #content h5 {font-size:1em;line-height:1.75em;font-weight:bold;} #content h6 {font-size:1.08em;line-height:1.61em;font-weight:bold;color:#f07927;margin:20px 0 0 0;} #content p {line-height:1.33em; padding:0 0 1.33em 0;} #content p {font-size:1.2em;} #content p.lead {font-weight:bold;} #content img.left {float:left;margin:0 10px 10px 0;} #content img.icon {float:left;margin:3px 12px 0 0;} #content img.right {float:right;margin:0 0 10px 10px;} #content a.pdf {padding:1px 0 1px 22px;background:left center no-repeat url(/core/img/ico/pdf.gif);} #content #introtext, #content .leftpaper {background:url(/core/img/bg_intro.png) no-repeat left bottom;padding: 15px 15px 30px 15px;border-top:#fff solid 1px;} .bottomboxholder {padding-top: 25px;} .bottombox {width:220px;background:url(/core/img/bg_bottom_shade.png) no-repeat left bottom;padding: 0px 0px 20px 0px;} .bottombox.left {float:left;} .bottombox.right {float:right;} .bottombox .boxcontent {background:#f8f8f8;padding:10px;} .bottombox .boxcontent:hover {background:#eee;} .bottombox .boxcontent img {padding:0 0 10px 0;} .bottombox .boxcontent a:hover {text-decoration: none;} .bottombox .boxcontent a:hover span {text-decoration: underline;} #content .bottombox a {font-size:1.1em;line-height:1.33em;} /* vcard */ #content .vcard {line-height:1.75em;margin:0 0 42px 0;} #content .vcard .fn {display:none;} /* arrowed link list */ #content ul.links {margin:0 0 20px 0;} #content ul.links li {background:none;padding:0;} #content ul.links li a {display:block;padding:0.25em 0 0.25em 20px;line-height:1.25em;background:url(/core/img/ico/read-more.gif) left center no-repeat;} #myform option.odd {background:#f6f6f6;} /* blog items */ #content .blog_details {border-top: 1px dotted #eee;padding:10px 0px 0px 0px;} #content .blog_details img {float:left; margin:0px 8px 4px 0px;} #content .blog_details p.blog_meta {float:left;color:#827c6e;font-size:0.9em;} #content .blog_details .blog_meta .name {color:#333;} #content .blog_details .blog_meta .date {color:#827c6e;} #content .blog_details .blog_meta .comments_react {display:block;padding-top: 10px;} #content .blog_details .blog_meta .comments_link a {padding: 0px 0px 0px 20px;background:url(/core/img/sprite.png) no-repeat 0px -184px;} #content .blog_details .blog_meta .comment_link a:hover {background:url(/core/img/sprite.png) no-repeat 0px -207px;} #content .blog_details .blog_meta .add_comment_link a {padding: 0px 0px 0px 20px;background:url(/core/img/sprite.png) no-repeat 0px -230px;} #content .blog_details .blog_meta .add_comment_link a:hover {background:url(/core/img/sprite.png) no-repeat 0px -253px;} #content .blog_comments {padding: 15px 0px 30px 0px;} #content .blog_comments h2 {padding: 0px 15px 0px 15px;} #content .blog_comments .blog_comment {background:#fff;padding:10px 15px 0px 15px;height:inherit;display:table;border-bottom:1px solid #eee;} #content .blog_comments .blog_comment .blog_comment_txt {font-size:1.2em;padding-bottom:10px;} #content .blog_comments .blog_comment p {float:left;color:#827c6e;font-size:0.9em;padding-bottom:10px;} #content .blog_comments .blog_comment p .name{color:#333;} #content .blog_comments .blog_comment p .date {color:#827c6e;} #content .post_messageholder {background:#e5e3d8;padding:1.33em;margin-bottom:1.33em;} #content .post_messageholder p {padding:0;} #content ul.bloglist_all {font-size:1.2em;line-height:1.33em; padding:0 0 1.33em 0;} #content ul.bloglist_all li {list-style:inside square; } #content ul.bloglist_all li span {color:#827c6e;display:block;font-size:0.85em;} /* 2.4 Sidebar -----------------------------------------------------------------------------------------------*/ .main_branding { width:460px; height: 212px; background: url(/core/img/bg_bottom_shade_r.png) no-repeat right 198px; } .main_branding p {margin: 0;padding: 0;} #sidebar .two-col {width:460px;padding: 20px 0px 20px 0px;} #sidebar .col-3w {width:220px;padding: 0px 0px 20px 0px;} #sidebar .col-3w.left {float:left;} #sidebar .col-3w.right {float:right;} #sidebar .colbox { width:220px; background: url(/core/img/bg_bottom_shade_r.png) no-repeat right bottom; padding-bottom:10px; margin-bottom: 10px; } .boxcontent {padding:10px 10px 20px 10px;} .boxcontent.lbrown {background: url(/core/img/bg_box_lbrown.gif) no-repeat right bottom;border-top:#d0d2bc solid 1px;} .boxcontent.white_plain {background: url(/core/img/bg_box_white_plain.gif) no-repeat right bottom;border-top:#f8f8f8 solid 1px;} .boxcontent.white_wborder {background: url(/core/img/bg_box_white_wborder.gif) no-repeat right bottom;border-top:#d5d5d5 solid 1px;} .lbrown a.arrow {background:url(/core/img/bg_a_arrow_lbrown.gif) no-repeat right center;} #sidebar p.personal_info {display:block;height:63px;clear:both;padding-bottom:10px;margin-bottom:10px;} #sidebar p.personal_info:hover {background:#eee;} #sidebar .personal_info_left {width:40px;padding:0px 10px 0px 0px;float:left;} #sidebar .personal_info_left img {width:40px;height:40px; padding:0px 0px 4px 0px;} a.icon_link {width:16px;height:16px;display:block;padding:4px 0px 0px 4px;float:left;} a.icon_link span {display:none;} a.icon_link.twitter {background:url(/core/img/sprite.png) no-repeat 2px -161px;} a.icon_link.twitter:hover {background:url(/core/img/sprite.png) no-repeat 2px -138px;} a.icon_link.linkedin {background:url(/core/img/sprite.png) no-repeat 2px -115px;} a.icon_link.linkedin:hover {background:url(/core/img/sprite.png) no-repeat 2px -92px;} #sidebar .twitter_links {padding: 0px 10px 0px 10px;margin: -10px 0 20px 0;} #sidebar .twitter_links a {float:left;width:65px;height:35px;padding:0px 5px 0px 30px;} #sidebar .twitter_links a.follow {background:url(/core/img/sprite.png) no-repeat 0px 0px;} #sidebar .twitter_links a.tweet {background:url(/core/img/sprite.png) no-repeat 0px -46px;} #sidebar p {font-size:1.1em;line-height:1.33em;} ol#tweets.statuses {} ol#tweets li.status {padding:5px 0;font-size:1em;line-height:1.33em;} ol#tweets li.status:hover {background:#eee;} ol#tweets li.status.latest-status {} ol#tweets span.entry-content {display:block;} ol#tweets span.entry-content a {color:#20447a;} ol#tweets span.meta {display:block;} ol#tweets span.meta.entry-meta {} ol#tweets a.entry-date {color:#827c6e;} ol#tweets a span.published timestamp {} #sidebar ul.bloglist.menu li a {display:block;clear:both;padding-bottom:10px;font-size:1.1em;text-decoration:none;line-height:1.33em;} #sidebar ul.bloglist.menu li a:hover {background:#eee;text-decoration:none;} #sidebar ul.bloglist.menu li a .subject {color:#000;display:block;} #sidebar ul.bloglist.menu li a:hover .subject {color:#3f8bff;} #sidebar ul.bloglist.menu li a .name {color:#827c6e;display:block;font-size:0.85em;} #sidebar ul.bloglist.menu li a .date {color:#827c6e;display:block;font-size:0.8em;} /* 2.5 Footer -----------------------------------------------------------------------------------------------*/ #footer {padding:33px 0 30px 0;} #footer ul.menu {text-align:center;line-height:32px;font-size:1.1em;} #footer ul.menu li {display:inline;padding:0 0 0 6px;background:url(/core/img/sep.gif) left center no-repeat;} #footer ul.menu li a {padding:0 2px 0;} #footer ul.menu li.first {background:none;} #footer p {position:absolute;right:45px;text-align:right;} /* 2.6 Fancy box adjustments -----------------------------------------------------------------------------------------------*/ #fancy_title table tbody td {border: none;} /* 3. sIFR ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* 3.1 Common sIFR -----------------------------------------------------------------------------------------------*/ /***************************************************************************** scalable Inman Flash Replacement (sIFR) version 3. Copyright 2006 2008 Mark Wubben, Older versions: * IFR by Shaun Inman * sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin * sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben See also and . This software is licensed and provided under the CC-GNU LGPL. See *****************************************************************************/ @media screen { .sIFR-flash { visibility: visible !important; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; } } @media print { .sIFR-flash { display : none !important; height : 0; width : 0; position : absolute; overflow : hidden; } .sIFR-alternate { visibility : visible !important; display : block !important; position : static !important; left : auto !important; top : auto !important; width : auto !important; height : auto !important; } } /* Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active so they only apply if sIFR is active. Make sure to limit the CSS to the screen media type, in order not to have the printed text come out weird. */ @media screen { /* Example: .sIFR-active h1 { font-family: Verdana; visibility: hidden; } */ } /* 4. OTHER ----------------------------------------------------------------------------------------------- ===============================================================================================*/ /* 4.1 No JS Warning -----------------------------------------------------------------------------------------------*/ #nojs-warning_container { background: #fff; position:absolute; left: 0px; top: 0px; z-index: 90; display: block; border-bottom: 1px solid #666; color: #555; width: 100%; clear:both; padding: 10px 60px; } #nojs-warning_container h3, #nojs-warning_container p { font-family:Arial, Helvetica, sans-serif; font-size:1.2em; } /* 4.2 PIT Tiny Menu -----------------------------------------------------------------------------------------------*/ #pit_tinymenu { position: absolute; top: 0; right: 0; width: 153px; z-index: 50; } #pit_tinymenu_items { color: #eee; display: block; float: right; clear: both; height: auto; } #pit_tinymenu_top { width: 140px; padding: 15px 5px 15px 8px; background: url(/core/img/pit_core/pit_tinymenu_body.png) repeat-y top left; text-align:left; clear: both; } #pit_tinymenu_bottom { width: 153px; height: 4px; background: url(/core/img/pit_core/pit_tinymenu_bottom.png) repeat-y top left; } #pit_tinymenu_button { width: 153px; height: 23px; clear: both; } #pit_tinymenu a { color: #bbb; text-decoration: none; } #pit_tinymenu a:hover { color: #fff;text-decoration: underline; } #pit_tinymenu_items ul li { } #pit_tinymenu_items ul { line-height: 16px; width: 140px; } #pit_tinymenu_items ul li, #pit_tinymenu_items p.menutext { list-style-type: none; font: 1.1em/16px Arial, Helvetica, sans-serif; padding-bottom: 0px; padding-top: 0px; } #pit_tinymenu_items label { color: #666; font: 1.1em/18px Arial, Helvetica, sans-serif; } #pit_tinymenu_items input { background: #333; border: 1px solid #444; color: #999; margin: 2px 0px; padding: 1px; font: 1.1em/12px Arial, Helvetica, sans-serif; } #pit_tinymenu_items input.input { width: 138px;} #pit_tinymenu_items input.input:hover { border: 1px solid #999;} #pit_tinymenu_items input.button { margin-top: 4px; padding: 1px 6px; cursor: pointer; } #pit_tinymenu_items input.button:hover { background: #555; border: 1px solid #666; color: #eee; } #pit_tinymenu_button a { width: 153px; height: 23px; display: block; background: url(/core/img/pit_core/pit_tinymenu_button.png) no-repeat left top; } #pit_tinymenu_button a span { display: none; }