/* Theme Name: Nyhetsplus Description: The Nyhetsplus theme based on the famous Wordpress. Version: 1.6 Author: Nyhetsplus Tags: blue, custom header, fixed width, two columns, widgets */ /* ### general ### */ * { margin: 0px; padding: 0px; } html, body { font-family: verdana; font-size: 11px; color: #333333; } input, select, textarea { font-family: verdana; font-size: 11px; color: #333333; } body { background: #fff ; } img { border: 0px; display: block; } a, input { outline: none; } /* ### global classes ### */ .clear { clear: both; height: 0px; overflow: hidden; } body #shNavBar img { display: inline; } /* ### wrapper ### */ #wrapper { position: relative; display: block; width: 100%; min-height: 100%; } /* ### top banner container ### */ #topBannerCntr { padding: 10px 0; width: 1012px; margin: 0 auto; overflow: hidden; background: #fff; } #topBannerCntr .left { width: 180px; height: 150px; float: left; padding-right: 35px; background: url(images/adText.gif) no-repeat right center; } #topBannerCntr .left img { width: 180px; height: 150px; } #topBannerCntr .right { width: 768px; height: 150px; float: right; } #topBannerCntr .right img { width: 768px; height: 150px; } /* ### main container ### */ #mainCntr { padding: 0 1px; margin: 0 auto; width: 1010px; background: #fff url(images/midBg.gif) repeat-y center top; } #mainCntr .fbp_videopreviewplay { display: none!important; } /* ### header container ### */ #headerCntr { position: relative; width: 1010px; height: 105px; background: url(images/headerBg.gif) no-repeat; } #headerCntr h1 { position: absolute; top: 10px; left: 21px; } #headerCntr h1 a { display: block; width: 273px; height: 43px; text-indent: -9999px; background: url('images/logo.png') no-repeat; } /* ### search box ### */ .searchBox { position: absolute; top: 23px; right: 33px; width: 200px; height: 22px; overflo w: hidden; } .searchBox input.field { padding: 2px; float: left; background: url(images/inputBg.gif) no-repeat; width: 134px; height: 16px; border: 1px solid #b2b9c3; } .searchBox input#submit-button { padding: 0 5px; width: 55px; height: 22px; color: #000; text-align: center; float: right; border: 1px solid #b2b9c3; background: url(images/sok.gif) repeat-x center top; } .searchBox input#submit-button:hover { border: 1px solid #333333; cursor: pointer; } /* ### menu box ### */ .menuBox { position: absolute; top: 57px; left: 0px; width: 1012px; height: 20px; text-align: center; } .menuBox ul.dropdown, .menuBox ul.dropdown li, .menuBox ul.dropdown ul { list-style: none; margin: 0; padding: 0; font-family: Georgia; font-size: 14px; } .menuBox ul.dropdown { position: relative; z-index: 597; } .menuBox ul.dropdown li { display: inline; padding-bottom: 6px; line-height: 27px; vertical-align: middle; zoom: 1; } .menuBox ul.dropdown li.cat-item-1 a { background: none; } .menuBox ul.dropdown li.hover, .menuBox ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; } .menuBox ul.dropdown ul { display: none; position: absolute; top: 23px; left: 0; z-index: 598; width: 100%; } .menuBox ul.dropdown ul li { float: none; display: block; line-height: 20px; } .menuBox ul.dropdown ul ul { top: 1px; left: 99%; } .menuBox ul.dropdown li:hover > ul { display: block; background: #dbdbdf; border: 1px solid #cccccc; text-align: left; width: 200px; border-top: 0px; } .menuBox ul.dropdown li a { padding: 0 10px; color: #333; text-decoration: none; background: url(images/menuSep.gif) no-repeat left center; } .menuBox ul.dropdown li a:hover { text-decoration: underline; } .menuBox ul.dropdown ul li a { background: none; font-size: 12px; } /* ### content container ### */ #contentCntr { padding: 0 10px 30px 10px; overflow: hidden; width: 990px; } /* ### index container ### */ #indexCntr { width: 100%; } #indexCntr #left { width: 500px; float: left; } #indexCntr #center { float: left; width: 310px; } #indexCntr #right { width: 180px; float: right; } #indexCntr #right p { padding-bottom: 2px; font-size: 12px; } #indexCntr h5 { padding: 0 20px; line-height: 20px; margin-bottom: 10px; height: 20px; overflow: hidden; color: #fff; font-family: Arial; font-size: 13px; text-transform: uppercase; background: url(images/greenTab.gif) no-repeat center top; } #indexCntr h5 a { font-size: 12px; font-weight: normal; color: #fff; text-transform: none; text-decoration: underline; float: right; padding: 0px; } #indexCntr h5 a:hover { text-decoration: none; } #indexCntr h4 { height: 24px; line-height: 24px; font-size: 11px; text-align: center; color: #333333; background: url(images/blueHeading.gif) repeat-y; } #indexCntr h4 a { color: #333333; text-decoration: none; } #indexCntr .content { margin-bottom: 15px; width: 100%; overflow: hidden; } #indexCntr .content ul { padding: 0px; } /* ### post box ### */ .postBox {} #indexCntr .postBox h4 { height: 24px; line-height: 24px; font-size: 12px; text-align: left; color: #333333; background: none; } .postBox .mainPost h1 { padding-bottom: 2px; font-size: 26px; font-family: Georgia; font-weight: normal; color: #333333; } .postBox .mainPost h1 a { color: #333333; text-decoration: none; } .postBox .post h1 { padding-bottom: 2px; font-size: 22px; font-family: Georgia; font-weight: normal; color: #333333; } .postBox .mainPost h1.cateHead { padding: 0px; margin-bottom: 0px; border: 1px solid #8dadc6; text-align: center; height: 40px; line-height: 40px; background: url(images/cateHead.gif) repeat-x; } .postBox .post h1 a { color: #333333; text-decoration: none; } .postBox h1 a:hover { text-decoration: underline; } .postBox img { padding-top: 1px; border-top: 1px solid #000; } .postBox .mainPost { padding-bottom: 20px; padding-right: 10px; } .postBox .mainPost p { line-height: 16px; } .postBox .mainPost img { width: 490px; height: auto; margin-bottom: 5px; } .postBox .post { padding: 0 10px 20px 0; width: 240px; float: left; } .postBox .post p { line-height: 16px; } .postBox .post a.readmore { color: #0000ff; text-decoration: underline; } .postBox .post a.readmore:hover { text-decoration: none; } .postBox .post img { width: 240px; margin-bottom: 5px; } .postBox .navigation .left { float: left; } .postBox .navigation .right { float: right; } .postBox .navigation a { width: 150px; height: 21px; display: block; text-indent: -9999px; } .postBox .navigation a:hover { text-decoration: underline; } .postBox .navigation .left a { background: url(images/eldreIcon.gif) no-repeat} .postBox .navigation .right a { background: url(images/nyereIcon.gif) no-repeat; } /* ### new video box ### */ .newVideoBox { padding-right: 10px; } #indexCntr .newVideoBox h5 { background: url(images/green-bg.png) repeat-y center top;} .newVideoBox img { cursor: pointer; width: 300px; height: 168px; } .newVideoBox span.fbp_videopreview { width: 300px!important;} .newVideoBox span.fbp_videopreviewplay { left:99px!important; top:47.5px!important; display: none!important; } /* ### Anbefalt box ### */ .anbefaltBox { padding-right: 10px;} #indexCntr .anbefaltBox .content ul { padding: 0 5px; } #indexCntr .anbefaltBox h5 { background: url(images/red-bg.png) repeat-y center top;} .anbefaltBox img { width: 145px; height: 91px; margin-left: 5px; float: right; } .anbefaltBox li { padding-bottom: 5px; line-height: 16px; margin-bottom: 5px; list-style: none; width: 100%; overflow: hidden; border-bottom: dashed 1px #888888; } .anbefaltBox li a { color: #333; font-size: 11px; display: block; padding: 0; font-weight: bold; text-decoration: none; } .anbefaltBox li a:hover { text-decoration: underline; } .anbefaltBox li a.readmore { color: #0000ff; display: inline; text-decoration: underline; font-weight: normal; } .anbefaltBox li a.readmore:hover { text-decoration: none; } .anbefaltBox li p { padding-top: 5px; } /* ### Bildeserie box ### */ .bildeserieBox { padding-right: 10px;} #indexCntr .bildeserieBox h5 { background: url(images/blue-bg.png) repeat-y center top;} .bildeserieBox img { width: 300px; height: 188px; display: inline; } /* ### Feriebolig box ### */ .ferieboligBox {} #indexCntr .ferieboligBox h5 { background: url(images/green-bg.png) repeat-y center top;} .ferieboligBox img { width: 149px; height: 93px; float: left; margin: 0 2px 2px 0; display: inline; } /* ### Månedens box ### */ .manedensBox { padding-right: 10px;} #indexCntr .manedensBox h5 { background: url(images/red-bg.png) repeat-y center top;} .manedensBox img { width: 300px; height: 188px; display: inline; } /* ### Psykologi box ### */ .psykologiBox { padding-right: 10px;} #indexCntr .psykologiBox h5 { background: url(images/red-bg.png) repeat-y center top;} .psykologiBox img { width: 300px; height: 188px; display: inline; } /* ### Right Ad box ### */ .rightAdBox { padding-bottom: 10px; width: 100%; overflow: hidden; } /* ### post container ### */ #postCntr {} #postCntr #left { width: 180px; padding-right: 20px; float: left; } #postCntr #left h4 { padding-bottom: 3px; font-weight: normal; font-size: 12px; text-align: center; color: #333333; } #postCntr #center { width: 470px; float: left; } #postCntr #right { width: 300px; float: right; } #postCntr .ngg-galleryoverview { overflow: visible; padding: 19px 9px 9px 19px; margin-bottom: 10px; width: auto; position: relative; border: 1px solid #c0c0c0; } #postCntr .ngg-galleryoverview h4 { position: absolute; width: 470px; text-align: center; top: -10px; left: 0px; font-size: 12px; } #postCntr .ngg-galleryoverview h4 span { background: #55a655; line-height: 20px; padding: 0 10px; color: #fff; text-transform: uppercase; font-weight: bold; } #postCntr .ngg-gallery-thumbnail img { margin: 0px; border: 0px; padding: 0px; } #postCntr .ngg-gallery-thumbnail { padding-bottom: 10px; margin: 0px; padding-right: 10px; } #postCntr img.social_img { display: inline; } /* ### Big Image box ### */ .bigImageBox { height: 428px; margin-bottom: 10px; position: relative; } /* ### Post Ad box ### */ .postAdBox { width: 180px; position: absolute; right: 0px; top: 0; } .postAdBox h4 { padding-bottom: 3px; font-weight: normal; font-size: 12px; text-align: center; color: #333333; } /* ### Post Image box ### */ .postImageBox { width: 800px; height: 428px; overflow: hidden; position: relative; } .postImageBox img { padding-top: 1px; margin-bottom: 1px; border-top: 1px solid #000; width: 800px; height: 400px; } .postImageBox h5 { padding: 0 1%; height: 25px; width: 98%; line-height: 25px; position: absolute; bottom: 0px; left: 0px; background: #dde7f5; color: #333333; font-size: 12px; font-weight: normal; } /* ### Post Rss ### */ .postRss { padding: 10px 29px 15px 29px; width: 50px; border: 1px solid #333333; } .postRss a { width: 53px; height: 51px; text-indent: -9999px; display: block; background: url(images/rssIcon.gif) no-repeat; } /* ### Main Post Box ### */ .mainPostBox { font-size: 12px; } .mainPostBox h1 { padding-bottom: 5px; font-size: 24px; font-family: Georgia; font-weight: normal; color: #333333; } .mainPostBox p.postmetadata { padding: 0px; height: 22px; margin-bottom: 10px; } .mainPostBox p.postmetadata span { color: #333333; border-top: 1px #333333 solid; border-bottom: 1px #333333 solid; font-size: 13px; display: block; line-height: 20px; float: left; } .mainPostBox .entry { color: #000; font-family:verdana,arial,sans-serif !important; font-size:12px; line-height:145%; } .mainPostBox .entry p { padding-bottom: 15px; } .mainPostBox .entry ul, .mainPostBox .entry ol { margin-left: 25px; } #postCntr .navigation { width: 100%; overflow: hidden; padding: 20px 0; } #postCntr .navigation a { display: block; text-indent: -9999px; width: 150px; height: 21px; } #postCntr .navigation .left { float: left; } #postCntr .navigation .right { float: right; } #postCntr .navigation .left a { background: url(images/forrigeIcon.gif) no-repeat; } #postCntr .navigation .right a { background: url(images/nesteIcon.gif) no-repeat; } .mainPostBox .hentry { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #CCCCCC; } .mainPostBox .hentry h3 a { color: #333333; text-decoration: none; } .mainPostBox .hentry p { color: #666666; font-size: 11px; } .mainPostBox .hentry p a { color: #666666; text-decoration: underline; } .mainPostBox .hentry p a:hover { text-decoration: none; } /* ### Right Ad box ### */ .leftAdBox { padding-bottom: 10px; } /* ### Siste box ### */ .sisteBox { margin-top: 15px; border-left: 1px solid #bbbbbb; } .sisteBox h5 { color:#000; margin-left: -1px; font-size:12px; border: 1px solid #000; line-height:19px; margin-bottom:10px; text-align:center; background: url(images/grayLine.gif) repeat-x; } .sisteBox img { margin-right: 10px; width: 145px; height: 91px; margin-right: 5px; float: left; } .sisteBox ul { padding-left: 10px; } .sisteBox li { padding-bottom: 5px; line-height: 16px; margin-bottom: 5px; list-style: none; width: 100%; overflow: hidden; border-bottom: dashed 1px #888888; } .sisteBox li a { color: #333; font-size: 11px; display: block; padding: 0; font-weight: bold; text-decoration: none; } .sisteBox li a:hover { text-decoration: underline; } .sisteBox li p { padding-top: 5px; } .sisteBox li a.readmore { display: inline; color: #0000ff; text-decoration: underline; font-weight: normal; } .sisteBox li a.readmore:hover { text-decoration: none; } /* ### Lignende box ### */ .lignendeBox { padding: 10px 0; width: 104%; overflow: hidden; border-top: 1px solid #333333; } .lignendeBox h4 { margin-bottom: 10px; font-size: 18px; color: #333333; font-weight: normal; font-family: Georgia; } .lignendeBox ul { margin-right: -17px; } .lignendeBox li { list-style: none; width: 145px; float: left; padding-right: 17px; } .lignendeBox img { width: 145px; height: 91px; } .lignendeBox h3 { font-size: 16px; font-weight: normal; font-family: Georgia; height: 40px; overflow: hidden; line-height: 20px; text-align: center; padding: 3px 10px; background: url(images/textBg.gif) repeat-y; } .lignendeBox h3 a { color: #333333; text-decoration: none; } /* ### video container ### */ #videoCntr { width: 100%; overflow: hidden; } #videoCntr #left { width: 180px; float: left; } #videoCntr #center { padding-left: 10px; width: 620px; float: left; } #videoCntr #right { width: 180px; float: right; } /* ### new video box ### */ .video_Box {} .video_Box .firstVideo { padding-bottom: 25px; } .video_Box .firstVideo img { width: 610px; cursor: pointer; } .video_Box .post { margin-bottom: 10px; list-style: none; width: 145px; float: left; padding-right: 10px; } .video_Box .post span.fbp_videopreview { width: 145px!important;} .video_Box .post span.fbp_videopreviewplay { left:24px!important; top: 5px!important; } .video_Box .post img { cursor: pointer; width: 145px!important; height: 91px!important; } .video_Box .post h2 { font-size: 16px; font-weight: normal; font-family: Georgia; height: 40px; overflow: hidden; line-height: 20px; text-align: center; padding: 3px 10px; background: url(images/textBg.gif) repeat-y; } .video_Box .post h2 a { color: #333333; text-decoration: none; } .video_Box .navigation .left { float: left; } .video_Box .navigation .right { float: right; } .video_Box .navigation a { width: 150px; height: 21px; display: block; text-indent: -9999px; } .video_Box .navigation a:hover { text-decoration: underline; } .video_Box .navigation .alignleft a { background: url(images/eldre_videos_new.png) no-repeat} .video_Box .navigation .alignright a { background: url(images/nyere_videos_new.png) no-repeat; } /* ### footer container ### */ #footerCntr { padding: 45px 45px; overflow: hidden; width: 900px; margin: 0 auto; border-top: 6px #bbbbbb solid; background: url(images/footerIcon.gif) no-repeat 24px center; } #footerCntr a.rss { width: 53px; height: 51px; display: block; text-indent: -9999px; float: right; background:url(images/rssIcon.gif) no-repeat; } #footerCntr ul { padding-left: 290px; font-size: 12px; line-height: 18px; } #footerCntr li { list-style: none; width: 165px; float: left; } #footerCntr li.third { width: 220px; } /* Begin Typography & Colors */ .thread-alt { background-color: #f8f8f8; } .thread-even { background-color: white; } .depth-1 { border: 1px solid #ddd; } .even, .alt { border-left: 1px solid #ddd; } small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; } #wp-calendar caption, cite { text-decoration: none; } .sticky { background: #f7f7f7; padding: 0 10px 10px; } .sticky h2 { padding-top: 10px; } small, .nocomments, .postmetadata, blockquote, strike { color: #777; } code { font: 1.1em 'Courier New', Courier, Fixed; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; } /* End Typography & Colors */ /* Begin Structure */ .widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; } .widecolumn .attachment { text-align: center; margin: 5px 0px; } /* End Structure */ /* Begin Images */ p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /* End Images */ /* Begin Comments*/ h3#comments { font-size: 13px; } select { width: 130px; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform { margin: 5px 10px 0 0; } #commentform textarea { width: 100%; padding: 2px; } #respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #commentform #submit { margin: 0 0 5px auto; float: right; } .alt { margin: 0; padding: 10px; } .commentlist { padding: 0; text-align: justify; } .commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; } .commentlist li ul li { margin-right: -5px; margin-left: 10px; } .commentlist p { margin: 10px 5px 10px 0; } .children { padding: 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; display: none; } .commentmetadata { margin: 0; display: block; } .commentlist li ul li { font-size: 1em; } .commentlist li { font-weight: bold; } .commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } /* End Comments */ /* Begin Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } #wp-calendar td.pad:hover { background-color: #fff; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar a { text-decoration: none; } #wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; } #wp-calendar th { font-style: normal; text-transform: capitalize; } /* End Calendar */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } .hidden { display: none; } .screen-reader-text { position: absolute; left: -1000em; } hr { display: none; } a img { border: none; } .navigation { padding: 10px 2% 10px 0; display: block; width: 98%; overflow: hidden; } /* End Various Tags & Classes*/ /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 0px solid #ddd; text-align: center; padding: 0px; margin: 0px; } .wp-caption img { padding: 5px; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /* End captions */