/* Theme Name: CN Media Theme URI: http://cnmedia.se Description: Tema för CN Media designat av Version: 1.0 Author: Fredrik Lind Author URI: http://editerat.se Tags: CN Media, storytelling */ @import "/wp-content/themes/starkers/style/css/reset.css"; @import "/wp-content/themes/starkers/style/css/typography.css"; * { margin: 0; padding: 0; border: 0; } html { overflow-y: scroll;} .clear { clear: both;} div { behavior: url(/wp-content/themes/starkers/iepngfix_v2/iepngfix.htc);} .no-bg { background-image: none !important;} body { margin: 0 0 30px 0; padding: 0;} #page-wrap { margin: 0 auto; width: 958px; border: 1px solid #c8c7c7; border-top: none;} #header { height: 69px; border-bottom: 1px solid #c8c7c7; padding: 0 38px;} #logo { height:69px; width: 288px; float: left; text-indent: -9999px; background: transparent url(style/images/logo.gif) no-repeat center left; margin-right: 24px;} #logo a { display: block; width: 100%; height: 100%; outline: none;} #header h2 { line-height: 45px; margin-top: 15px; font-size: 18px; float: left; font-weight: normal; letter-spacing: 0.02em;} #menu { height: 63px;} .modal { width: 500px; background-color: white; font-size: 12px;} .modal li { list-style-type: circle !important; list-style: inside !important; margin: 5px 0;} .modal ul { margin: 5px 0 13px 0;} .modal h2 { font-size: 18px; margin-bottom: 7px;} .modal.gjorde a { margin-bottom: 5px;} /********************************* Navigation ******************************/ #main-navigation { float: left; list-style: none; margin-left: 40px; padding: 0;} #main-navigation li { float: left; margin: 19px 0 0 0 ; display: block; padding: 0 0 0 11px;} #main-navigation li.current_page_item a, #main-navigation li.current_page_parent a { color: #9a9c9e;} #main-navigation li a { text-decoration: none; color: #3f3b3c; font-size: 14px; outline: none; display: block; text-transform: uppercase;} #main-navigation li a:visited { text-decoration: none;} #main-navigation li a:hover { text-decoration: underline; color: #d2232a;} #main-navigation li a:active { text-decoration: underline;} #main-navigation li.page-item-9 { padding-left: 0;} #main-navigation li.page-item-9, #main-navigation li.page-item-14, #main-navigation li.page-item-16, #main-navigation li.page-item-18 {padding-right: 16px; background: url(style/images/dot.gif) no-repeat; background-position: right 6px ;} /********************************* Main-content ******************************/ #main-content { padding-bottom: 30px; } body#startsida #main-image-wrapper {position: relative; margin-left: -40px; margin-bottom: -30px;} body#startsida .main-image-bottom { position: absolute; top: -300px; left: 0px; z-index: 20;} body#undersida #main-image-wrapper {position: relative; margin-left: -180px; margin-bottom: -30px;} body#undersida .main-image-bottom { position: absolute; top: -244px; left: 0px; z-index: 20;} body#undersida #main-content.pa-gang, body#undersida #main-content.tjanster-ruta {padding-left: 0;} #image-container {float: left; width: 180px; margin: 0;} body#undersida #main-content { margin: 0 40px 0 40px; padding-left: 180px;} body#undersida #main-content.no-bg { padding-left: 0;} body#startsida #main-content { padding-left: 40px;} #left-box-column { float: left; width: 430px; margin: 0 40px 0 0;} #main-content.pa-gang { padding-top: 1px;} #digital-storytelling { background-color: #e4dcc1; min-height: 150px; margin-bottom: 30px;} #digital-storytelling p { margin-bottom: 13px;} #digital-storytelling a { margin-top: 20px;} #digital-storytelling .content {padding: 0 30px;} #digital-storytelling .top { background: transparent url(style/images/digital-storytelling.jpg) no-repeat top left; height:47px; margin-bottom: 15px;} #digital-storytelling .bottom { background: transparent url(style/images/digital-storytelling-bottom.jpg) no-repeat top left; height:10px; margin-top: 20px; overflow: hidden;} #cristina-nilsson { float: right; width: 200px; margin: 0 4px 20px 0;} #right-box-column { float: left; width: 410px;} /********************************* Referenser ******************************/ #referenser { background: transparent url(style/images/referenser-rutan-bg.jpg) no-repeat 0px 33px; margin-bottom: 25px;} #referenser .top { background: transparent url(style/images/referenser.jpg) no-repeat top left; height: 33px;} #referenser img { margin:10px 0 10px 10px;} #project-description { padding-left: 10px; margin-bottom: 16px;} a#play-large-video { position: relative; display: block;} #play-large-video-button {position:absolute; top: 0; left: 0; width: 390px; height: 240px; background: transparent url(style/images/play-button-medium.png) no-repeat 164px 79px;} #linje { width: 400px; height: 1px; overflow: none; line-height: 1px; border-top: 1px solid #c8c7c7; margin-top: 16px;} /********************************* Fler Referenser ******************************/ #fler-referenser {background: transparent url(style/images/fler-referenser-bg.jpg) no-repeat top left; height: 91px; padding: 10px 0px 10px 18px; position: relative;} #fler-referenser .prev a, #fler-referenser .next a { position: absolute; top: 50px; height: 11px !important; width: 10px !important;} #fler-referenser .prev a { left: 4px; background: transparent url(style/images/prev.gif) no-repeat top left; } #fler-referenser .next a { right: 4px; background: transparent url(style/images/next.gif) no-repeat top left;} #fler-referenser a img { margin-right: 7px;} #f-r { margin-left: 10px;} /********************************* Undersida ******************************/ #left-content { margin: 0 40px 0 0; width: 326px; float: left; } #left-content h2 { background-repeat: no-repeat; text-indent: -9999px; height: 27px;} #middle-content { margin: 34px 0 40px 0px; width: 140px; padding: 0 45px 37px 0; float: left; border-right: 1px solid #f4c8ca; } #right-content { margin-top: 34px; width: 111px; float: left; padding-left: 35px; } #sub-navigation li { margin-bottom: 16px;} #sub-navigation li.current_page_item a { color: #9a9c9e;} #left-content.big { width: 500px; margin-right: 0; padding-right: 40px; border-right: 1px solid #f4c8ca;} #left-content.superbig { width: 730px; margin-left: 0; margin-right: 0; border-right: 1px solid #f4c8ca;} /********************************* Slider ******************************/ #slider .column { width: 145px; margin-right: 40px; float: left;} #slider .column img { margin-bottom: 6px;} ul#slider { list-style-type: none; margin: 0 !important; padding: 0; height: 400px !important;} ul#slider li { display: block; width: 145px; float: left; margin: 0 40px 15px 0;} body#undersida .prettyNavigation { outline: none !important;} /********************************* Mini-Slider ******************************/ #mini-slider .column { width: 145px; margin-right: 40px; float: left;} ul#mini-slider { list-style-type: none; margin: 0 !important; padding: 0; height: 95px !important;} ul#mini-slider li { display: block; width: 120px; float: left; margin: 0 7px 0 0; z-index: 1000;} body#startsida .prettyNavigation { margin-bottom: 20px !important; outline: none !important;} a.disabled {display:none !important;} .pa-gang-linje { height: 1px; overflow: none; line-height: 1px; border-top: 1px solid #c8c7c7; margin: 17px 0;} /********************************* Footer ******************************/ #footer { height:58px; padding: 0 40px; line-height: 58px; border-top: 1px solid #c8c7c7; font-size: 11px;} /********************************* Rubriker ******************************/ .tjanster { background-image: url(style/images/titelbilder/tjanster.gif);} .om-cn-media { background-image: url(style/images/titelbilder/om-cn-media.gif);} .pa-gang-titel { background-image: url(style/images/titelbilder/pa-gang.gif); height: 28px;}