/* Theme Name: Scandinavian Image Theme URI: http://www.scandinavian-image.com Description: Base theme for Scandinavian Image Author: A Pretty Different Factory Author URI: http://www.apdf.se Version: 1.0 Template: default Status: publish . Designed by Peter Olofsson (evilvendingmachine.net) and coded by Per Sandstrom (aerob.se) . */ /* =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, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 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; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* =HTML ELEMENTS ----------------------------------------------------*/ body { background:#fff url(img/site_bg.jpg) 0 34px repeat-x; color:#535353; font:12px Arial, Helvetica, sans-serif; line-height:20px; margin:0 0 30px 0; } /* * Links */ a:focus, a:hover { color:#036; } a { color:#104985; text-decoration:none; } /* * Headings */ h1,h2,h3,h4,h5,h6 { font-family:Arial, Helvetica, sans-serif; color:#1c5796; } h1 { font:30px Georgia,Times,"Times New Roman",serif; line-height:40px; } h2 { font:24px Georgia,Times,"Times New Roman",serif; line-height:normal; margin:0 0 10px 0; } h3 { font:18px Georgia,Times,"Times New Roman",serif; margin:0 0 10px 0; } h4 { font-size:12px; } h5 { font-size:11px; } h6 { font-size:11px; font-weight:normal; } h1 a, h2 a, h3 a { } h4 a, h5 a, h6 a { } h1 a, h2 a, h3 a { text-decoration:underline; } h1 a.quiet, h2 a.quiet, h3 a.quiet { color:#909090; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } /* * Text */ p { margin:0 0 10px 0; } /*p img { float:left; } p img.right { float:right; }*/ blockquote { font:18px Georgia,Times,serif; font-style:italic; margin:0 0 10px 0; } blockquote a { text-decoration:none; } cite { } strong { font-weight:bold; } em,dfn { font-style:italic; } dfn { font-weight:bold; } sup, sub { line-height:0; } abbr, acronym { border-bottom:1px dotted #666; } address { font-style:italic; margin:0 0 20px 0; } del { color:#666; } pre,code { margin:1.5em 0; white-space: pre; } pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } /* * Lists */ li ul, li ol { margin:0 20px; } ul, ol { margin:0 20px 20px 20px; } ul { list-style-type:disc; } ol { list-style-type:decimal; } dl { margin:0 0 20px 0; } dl dt { font-weight:bold; } dd { margin-left:20px;} /* * Tables */ table { width:100%; margin:0 0 10px 0; } tbody { } tbody th { } thead th { } th { font-size:18px; color:#1c5796; font-family:Georgia,Times,"Times New Roman",serif; font-weight:normal; text-align:left; } th, td { padding:5px 0; } td.date { width:180px; } tfoot { font-style:italic; } caption { } /* * Forms */ label { font-weight:bold; } fieldset { border:1px solid #ccc; padding:15px; margin:0; } legend { font-weight:bold; margin-left:-15px; font-size:14px; } fieldset fieldset legend { font-size:12px; font-size:12px; } input, textarea, select { border:1px solid #ccc; margin:5px 0 0 0; padding:10px 8px 0 8px; font:11px Arial,Helvetica,sans-serif; } input[type=radio] { border:0; } input:focus, textarea:focus, select:focus { border:1px solid #c3c3c3; } input.form-text { text-align:left; height:20px; background:#fff url(img/input_bg.jpg) repeat-x; } input.form-submit { height:32px; padding:0 8px; background:#f4f4f4 url(img/newsletter_submit_bg.jpg) repeat-x;} textarea { background:#fff; height:120px; } /* =STRUCTURE ----------------------------------------------------*/ #page { width:900px; margin:0 auto; } /* * Header */ #header { width:880px; /*height:86px;*/ height:110px; margin:0 auto; overflow:hidden; } /* Logo */ #logo { float:left; width:415px; margin:30px 10px 0 40px; } #logo h1 { text-indent:-9999px; } #logo h1 a { display:block; width:180px; background:url(img/si_top_logo.gif) no-repeat; height:53px; } /* Language selector */ #language { float:left; width:120px; margin:50px 0 0 0; } #lang_sel li { border:1px solid #ccc; width:104px; height:24px; font-size:11px; padding:6px 8px 0 8px !important; background:#f4f4f4 url(img/newsletter_submit_bg.jpg) repeat-x; } #lang_sel li li { height:12px; padding:6px 8px !important; } #lang_sel ul ul { border:0; width:120px; top:30px; left:-1px; z-index:99; } #lang_sel a, #lang_sel a:visited {border:0; border:0; padding:0; font-size:11px; } #lang_sel a.lang_sel_sel {background: none; color:#000; font-weight:bold; } #lang_sel ul ul a, #lang_sel ul ul a:visited { background: none; line-height: normal; border:0; padding:0; } #lang_sel :hover > a, #lang_sel ul ul :hover > a { border:0; background:none; background: none; } /* Search */ #search { float:right; width:240px; /*margin:22px 20px 0 0;*/ margin:45px 20px 0 0; } #search .search-text, #search .search-submit { float:left; } #search .search-text { margin:0 10px 0 0; } #search .search-text input { width:153px; } /* * Navigation */ #navigation { background:url(img/navigation_bg.jpg) center no-repeat; height:34px; } #navigation ul#cms-nav-top-menu { /*float:right; margin:0 15px 0 20px;*/ margin:0 20px; padding:0 30px; } #navigation ul#cms-nav-top-menu li { list-style:none; float:left; background:url(img/navigation_item_bg.jpg); margin:0 5px 0 0; padding:0 8px; height:34px; } #navigation ul#cms-nav-top-menu li.last { margin:0; } #navigation ul#cms-nav-top-menu li.active { background:url(img/navigation_item_active_bg.jpg) center; } #navigation ul#cms-nav-top-menu li a { display:block; display:block; padding:5px 0 0 0; color:#1c5796; text-decoration:none; font-size:11px; } #navigation ul#cms-nav-top-menu li.active a { color:#fff; font-weight:bold; } #menu-wrap, #menu-wrap ul { background:none; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; } #menu-wrap ul a, #menu-wrap ul a:visited { color:#1c5796; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; padding: 5px 0px 0px 0px; line-height: inherit; border:0; } #menu-wrap ul li:hover a, #menu-wrap ul a:focus, #menu-wrap ul a:active { background:none; color:#1c5796; color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; } #menu-wrap ul#cms-nav-top-menu li.selected_page { background:url(img/navigation_item_active_bg.jpg) center; } #menu-wrap ul#cms-nav-top-menu li.selected_page a { color:#fff; } #menu-wrap li.selected_page > a,#menu-wrap li.selected_page:hover > a { background:none; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-style: normal; } #menu-wrap li.selected_subpage, #menu-wrap li.selected_subpage a, #menu-wrap li.selected_subpage a:visited { background-color: #B3D9FF; color: #004D99; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; padding: 5px 11px 5px 10px; line-height: 15px; } #menu-wrap ul ul a, #menu-wrap ul ul a:visited { background-color: #5798D0 !important; color: #000 !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 11px !important; font-weight: normal !important; font-style: normal !important; padding: 5px 10px 5px 10px; line-height: 15px; } #menu-wrap ul ul a:hover { background-color: #B3D9FF !important; color: #000 !important; font-family: Arial, Helvetica, sans-serif!important; font-size: 11px !important; font-weight: normal !important; font-style: normal !important; } #menu-wrap li.section { background-color: #4283b7; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-style: normal; padding: 5px 11px 5px 10px; line-height: 15px; } #menu-wrap a.trigger, #menu-wrap a.trigger:hover, #menu-wrap a.trigger:visited { background: none; } #navigation ul#cms-nav-top-menu li li { background:#407dc9; height:auto; margin:0; padding:0; } #navigation ul#cms-nav-top-menu li li a {padding:0; padding:8px; background: #407dc9 !important; color:#fff !important; } #navigation ul#cms-nav-top-menu li li a:hover { font-weight:bold !important; } #navigation ul#cms-nav-top-menu li li.selected_subpage { padding:8px; width:150px; font-style: italic; color:#fff; } #menu-wrap { /*height: NaNpx;*/ } #menu-wrap ul ul { /* Justify right */ /*right:17px; left:auto; top:34px;*/ top:34px; } /* * Main */ #main { background:#fff url(img/main_bg.jpg) 0 10px no-repeat; padding:1px 0 0 0; } /* Front splash */ #front-splash { width:860px; margin:0 auto; background:url(img/front_splash_bg.jpg) no-repeat; height:275px; color:#1c5796; } #front-splash-heading { height:154px; } #front-splash h2 { font-size:30px; margin:0; padding:30px 300px 60px 30px; line-height:normal; } #front-splash p { font:14px Georgia,Times,"Times New Roman",serif; padding:0 360px 0 30px; } #front-splash a { text-decoration: underline; text-decoration: underline; } /* Page header */ #page-header { width:860px; height:125px; margin:0 auto; background:url(img/page_header_bg.jpg) center center repeat-x; } #page-header h1 { font-size:24px; padding:30px 30px 0 30px; margin:0; line-height:normal; } #page-header h1.sub-heading { padding:0 30px; } #page-image { width:860px; height:340px; margin:0 auto; } #page-image br { display:none; } #page-image small { display:none; display:none; } #page-image-caption { width:860px; margin:0 auto; padding:3px 0; font-size:11px; border-bottom:1px solid #CFDBE7; font-style:italic; } /* Content */ #content { float:right; width:520px; margin:0 50px 40px 0; padding:36px 0 80px 0; } .alignleft { float:left; margin:0 0 20px 0; } .alignright { float:right; margin:0 0 20px 0; } .post { clear:both; } .post-meta { font-weight:bold; font-weight:bold; } .wp-caption { padding:10px 0; padding:10px 0; } .wp-caption-text { font-size:11px; font-style:italic; padding:3px 10px 8px 0; margin:0 0 5px 0; border-bottom:1px solid #CFDBE7; line-height:normal; } .post-edit-link { text-align:center; font-size:11px; font-weight:bold; display:block; margin:20px 0 0 0; } /* Sidebar */ #sidebar { float:left; width:240px; margin:10px 0 0 50px; padding:0 0 80px 0; background:url(img/sidebar_bg.jpg) bottom right no-repeat; } #sidebar-inner { background:url(img/sidebar_inner_bg.jpg) top right no-repeat; padding:16px 50px 0 0; } #sidebar-inner h2 { font-size:16px; font-size:16px; margin:0 0 15px 0; } #sidebar-inner ul { margin:0; margin:0; list-style: none; } /* Recent posts */ #recent-posts-3 { padding-bottom:30px; border:1px solid #cfdbe7; border-top:0; border-left:0; border-right:0; } #recent-posts-3 ul { margin-left:26px; } /* * Sidebar nav */ #sidebar-navigation { margin:0 0 30px 0; } #sidebar-navigation h4 { display:none; } ul.cms-nav-sidebar { border-bottom:1px solid #cfdbe7; font:18px Georgia,"Times New Roman",Times,serif; line-height:19px; padding-bottom:30px; } ul.cms-nav-sidebar a { color:#909090; } ul.cms-nav-sidebar a:hover { color:#104985; } ul.cms-nav-sidebar li { background:url(img/sidebar_arrow.gif) no-repeat; margin:8px 0 4px 0; padding:0 0 0 26px; } ul.cms-nav-sidebar li li { background:none; font-size:14px; list-style:none; padding:0; } ul.cms-nav-sidebar li.selected, ul.cms-nav-sidebar li.selected_page_side { background:url(img/sidebar_arrow_active.gif) no-repeat; color:#104985; padding:0 0 0 26px; } /* * News box */ .news { width:860px; margin:0 auto; clear:both; } .news h3 { padding:0 0 30px 30px; margin:0; } .news h3 a { color:#909090; } .news-item { width:380px; float:left; padding:0 0 30px 0; } .news-item-odd { padding-left:30px; margin-right:40px; } .news-item-even { } .news-date { float:left; width:70px; margin:0 30px 0 0; border:1px solid #c9d9e2; } .news-date-day { border-top:3px solid #ecf2f6; padding:8px 0; text-align:center; font-size:24px; color:#4979ab; font-weight:bold; } .news-date-month { background:#ecf2f6; margin:0 4px 4px 4px; padding:2px 0; text-align:center; font-size:11px; color:#4979ab; } .news-content { /*line-height:normal;*/ font-size:11px; margin-left:102px; } /* #content overrides */ #content .news-item { width:auto; float:none; clear:both; margin:0 0 30px 0; } #content .news-date { margin:0 20px 0 0; } #content .news-date-day { font-size:36px; padding:16px 0; } #content .news-content { margin-left:90px; font-size:11px; line-height: 20px; } /* * Newsletter and RSS */ .newsletter-rss { border-top:1px solid #cfdde4; width:800px; margin:0 auto; clear:both; /*background:url(img/divider.jpg) top center no-repeat;*/ padding:36px 0 0 0; } .newsletter-rss h3 { color:#1c5796; margin:0; } .newsletter-rss p { font-size:11px; font-size:11px; } .newsletter { float:left; margin:0 40px 0 0; width:520px; } .newsletter-info { float:left; width:270px; } .newsletter-form { float:right; float:right; width:240px; } .newsletter-form-email { float:left; float:left; margin:0 10px 0 0;} .newsletter-form-submit { float:left; } .newsletter-form-email input { text-align:left; width:136px; } .newsletter-german-info {Êclear:both; clear:both; padding:20px 0 0 0; } .rss { float:left; width:240px; background:url(img/icon_rss_30x30.jpg) 0 5px no-repeat; } .rss h3, .rss p { margin-left:40px; margin-left:40px; } /* * Contact */ .si-contact { border-top:1px solid #cfdde4; width:800px; margin:20px auto 0 auto; clear:both; /*background:url(img/divider.jpg) top center no-repeat;*/ padding:36px 0 0 0; } .si-contact h3 { color:#1c5796; padding:0 0 30px 0; } .contact-country {float:left; float:left; width:240px; height:200px; margin:0 40px 0 0; } .contact-sweden {padding:0; background:url(img/contact_sweden.jpg) no-repeat; } .contact-norway {padding:0; background:url(img/contact_norway.jpg) no-repeat; } .contact-denmark {padding:0; background:url(img/contact_denmark.jpg) no-repeat; margin:0; } .contact-country h4, .contact-country p { margin-left:60px; } .contact-country h4 { color:#1c5796; } .contact-country p {font-size:11px; font-size:11px; } /* * Footer */ #footer { border-top:1px solid #cfdde4; clear:both; width:800px; margin:30px auto 0 auto; /*background:url(img/divider.jpg) top center no-repeat;*/ padding:36px 0 0 0; } #footer-inner {margin:0; background:url(img/footer_logo.jpg) 0 5px no-repeat; padding:0 0 0 120px; } #footer p { font-size:11px; font-size:11px; margin:0; } #footer-message { padding:30px 0 0 0; font-size:11px; text-align: center; color:#888; } #footer-message a { color:#888; border-bottom:1px solid #ccc; } /* =MISC ----------------------------------------------------*/ /* * Markup free clearing * Details: http://www.positioniseverything.net/easyclearing.html */ .clear-block:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clear-block { display: inline-block; } /* Hides from IE-mac \*/ * html .clear-block { height: 1%; } .clear-block { display: block; } /* End hide from IE-mac */ /* =CAROUSEL ----------------------------------------------------*/ .carousel { width:860px; margin:0 auto; } .carousel h3 { padding:30px 0 0 30px; color:#1c5796; margin:0; } /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; width: 240px; height: 180px; } /** * The buttons are added dynamically by jCarousel before * the