@charset "utf-8";

/*
  Felt CSS
  Copyright 2009 Pål Degerstrøm
  Solkysthilsen fra Felt!
*/

/* Global */
html {
  background-color: #fff;
}

/*
html.front {
  background: #fff url('../images/felt_pattern_front.png') 950px 82px no-repeat;
}
*/

html.normal {
  background: #fff url('../images/felt_pattern.png') 950px 82px no-repeat;
}

body {
  text-align: left;
  background: transparent url('../images/grein.png') 485px 248px no-repeat;
}

a {
  color: #000;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

h1 {
  font-size: 197%;
  font-weight: bold;
}

h2 {
  font-size: 146.5%;
  font-weight: bold;
}

h3 {
  clear: both;
}

h4 {
  font-size: 100%;
  text-transform: uppercase;
}

h5 {
  font-size: 108%;
  text-transform: uppercase;
  font-weight: bold;
  color: #6C6865;
}

.header h5,
.entries h5 {
  text-indent: -5000px;
  height: 11px;
  padding: 0;
  margin: 6px 0 5px 0;
  overflow: hidden;
}

h5#h_partners {
  background: transparent url("../images/felt_headers.png") no-repeat -2px -90px;
}

h5#h_feltprojects {
  background: transparent url("../images/felt_headers.png") no-repeat 0 -18px;
}

h5#h_prevprojects {
  background: transparent url("../images/felt_headers.png") no-repeat 0 -36px;
}

h5#h_project {
  background: transparent url("../images/felt_headers.png") no-repeat -200px 0;
}

h5#h_morefelt {
  background: transparent url("../images/felt_headers.png") no-repeat 0 -54px;
}

h5#h_catarchive {
  background: transparent url("../images/felt_headers.png") no-repeat 0 -72px;
}

h5#h_basecamp {
  background: transparent url("../images/felt_headers.png") no-repeat 0 0;
}

h5#h_bloglatest {
  width: 101px;
  margin-left: 10px;
  background: transparent url("../images/felt_headers.png") no-repeat -400px 0;
}

#frontcontent h5#h_bloglatest {
  background: transparent url("../images/felt_headers.png") no-repeat -600px 0;
}

h5#h_filterlatest {
  width: 69px;
  height: 15px;
  margin-left: 10px;
  background: transparent url("../images/felt_headers.png") no-repeat -400px -14px;
}

h5#h_services {
  height: 15px;
  margin-top: 1px;
  background: transparent url("../images/felt_headers.png") no-repeat -200px -14px;
}

blockquote {
  font-style: italic;
  margin-left: 1em;
}

blockquote .origin {
  font-style: normal;
  font-size: 93%;
  margin: 0.5em 0 0 0.5em;
}

/* ^ Global */


/* Grid */
#doc3 {
  margin: auto 0;
}

#hd {
  background: transparent url('../images/header_page_b.png') 0 0 no-repeat;
  height: 110px;
  overflow: hidden;
  position: relative;
}

#hd.front_old {
/*
  background: transparent url('../images/header_front.png') 0 0 no-repeat;
  height: 91px;
*/
  background: transparent url('../images/header_front_b.png') 0 0 no-repeat;
  height: 94px;
}

#bd {
  width: 950px;
  padding-right: 14px;
  background: transparent url('../images/bd_bg.png') 100% 0 repeat-y;
  z-index: 2;
  position: relative;
}

/*
#bd.front {
  margin-top: -12px;
}
*/

#ft {
  display: none;
  height: 0;
  max-height: 0;
}

#footer {
  height: 100px;
  background: transparent url('../images/footer_bg.png') 0 0 repeat-y;
}
.yui-t2 #yui-main {
  background-color: #fff;
  min-height: 640px;
  z-index: 3;
}

.yui-t2 #yui-main .yui-b#content {
  margin-left: 205px;
  width: 745px;
  padding: 30px 0;
  font-size: 100%;
}

.yui-t2 .yui-b#sidebar {
  width: 199px;
  padding: 30px 6px 0 0;
  background: transparent url('../images/sidebar_bg.png') 0 0 repeat-y;
  z-index: 4;
  font-size: 93%;
}
/* ^ Grid */


/* Page header */
#symbol {
  width: 56px;
  height: 69px;
  position: absolute;
  top: 6px;
  left: 133px;
  text-indent: -5000px;
  background: transparent url('../images/felt_symbol.png') 0 0 no-repeat;
}

#payoff {
  color: #fff;
  position: absolute;
  top: 35px;
  left: 218px;
  width: 548px;
  height: 30px;
  overflow: hidden;
}

#payoff span {
  display: block;
  width: 548px;
  height: 30px;
  text-indent: -999em;
  background: transparent url(../images/topptekst-a.png) 0 0 no-repeat;
}
/* ^ Page header */


/* Top navigation */
ul#topnav {
  position: absolute;
  left: 210px;
  top: 82px;
}

ul#topnav li {
  float: left;
}

ul#topnav a {
  display: block;
  height: 28px;
  text-indent: -5000px;
  overflow: hidden;
}

ul#topnav li#tn-hjem a {
  width: 48px;
  background: transparent url('../images/nav.png') 0 0 no-repeat;
}
ul#topnav li#tn-hjem.active a,
ul#topnav li#tn-hjem a:hover {
  background: transparent url('../images/nav.png') 0 -28px no-repeat;
}

ul#topnav li#tn-tjenester a {
  width: 79px;
  background: transparent url('../images/nav.png') -47px 0 no-repeat;
}
ul#topnav li#tn-tjenester.active a,
ul#topnav li#tn-tjenester a:hover {
  background: transparent url('../images/nav.png') -47px -28px no-repeat;
}

ul#topnav li#tn-blogg a {
  width: 47px;
  background: transparent url('../images/nav.png') -126px 0 no-repeat;
}
ul#topnav li#tn-blogg.active a,
ul#topnav li#tn-blogg a:hover {
  background: transparent url('../images/nav.png') -126px -28px no-repeat;
}

ul#topnav li#tn-prosjekter a {
  width: 88px;
  background: transparent url('../images/nav.png') -172px 0 no-repeat;
}
ul#topnav li#tn-prosjekter.active a,
ul#topnav li#tn-prosjekter a:hover {
  background: transparent url('../images/nav.png') -172px -28px no-repeat;
}

ul#topnav li#tn-om a {
  width: 62px;
  background: transparent url('../images/nav.png') -261px 0 no-repeat;
}
ul#topnav li#tn-om.active a,
ul#topnav li#tn-om a:hover {
  background: transparent url('../images/nav.png') -261px -28px no-repeat;
}

ul#topnav li#tn-kontakt a {
  width: 70px;
  background: transparent url('../images/nav.png') -323px 0 no-repeat;
}
ul#topnav li#tn-kontakt.active a,
ul#topnav li#tn-kontakt a:hover {
  background: transparent url('../images/nav.png') -323px -28px no-repeat;
}
/* ^ Top navigation */


/* Front navigation */
#frontnav {
  height: 28px;
  overflow: hidden;
  background: transparent url('../images/frontnav_bg.png') 0 0 no-repeat;
}

#frontnav ul {
  padding-left: 210px;
}

#frontnav ul li {
  float: left;
}

#frontnav ul a {
  display: block;
  height: 28px;
  text-indent: -5000px;
  overflow: hidden;
}

#frontnav ul li#tn-hjem a {
  width: 48px;
  background: transparent url('../images/nav.png') 0 -56px no-repeat;
}
#frontnav ul li#tn-hjem.active a,
#frontnav ul li#tn-hjem a:hover {
  background: transparent url('../images/nav.png') 0 -84px no-repeat;
}

#frontnav ul li#tn-tjenester a {
  width: 79px;
  background: transparent url('../images/nav.png') -48px -56px no-repeat;
}
#frontnav ul li#tn-tjenester.active a,
#frontnav ul li#tn-tjenester a:hover {
  background: transparent url('../images/nav.png') -48px -84px no-repeat;
}

#frontnav ul li#tn-blogg a {
  width: 47px;
  background: transparent url('../images/nav.png') -127px -56px no-repeat;
}
#frontnav ul li#tn-blogg.active a,
#frontnav ul li#tn-blogg a:hover {
  background: transparent url('../images/nav.png') -127px -84px no-repeat;
}

#frontnav ul li#tn-prosjekter a {
  width: 88px;
  background: transparent url('../images/nav.png') -174px -56px no-repeat;
}
#frontnav ul li#tn-prosjekter.active a,
#frontnav ul li#tn-prosjekter a:hover {
  background: transparent url('../images/nav.png') -174px -84px no-repeat;
}

#frontnav ul li#tn-om a {
  width: 62px;
  background: transparent url('../images/nav.png') -262px -56px no-repeat;
}
#frontnav ul li#tn-om.active a,
#frontnav ul li#tn-om a:hover {
  background: transparent url('../images/nav.png') -262px -84px no-repeat;
}

#frontnav ul li#tn-kontakt a {
  width: 70px;
  background: transparent url('../images/nav.png') -324px -56px no-repeat;
}
#frontnav ul li#tn-kontakt.active a,
#frontnav ul li#tn-kontakt a:hover {
  background: transparent url('../images/nav.png') -324px -84px no-repeat;
}

#frontnav_ext {
  position: absolute;
  top: 466px;
  right: 0;
  height: 28px;
  width: 900px;
  background: transparent url('../images/frontnav_ext.png') 0 0 repeat;
  z-index: 1;
}
/* ^ Front navigation */


/* Front content */
#banner {
  position: relative;
  width: 950px;
  height: 384px;
  overflow: hidden;
  background-color: #ebebeb;
}

#animations {
  width: 950px;
  height: 384px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

#animations div {
  width: 950px;
  height: 384px;
  position: absolute;
  top: 0;
  left: 0;
}

#animationcontrols {
  width: 190px;
  height: 12px;
  position: absolute;
  top: 368px;
  left: 0;
  z-index: 1000;
}

#animationcontrols ul.animations {
  position: absolute;
  left: 0;
  bottom: 0;
}

#animationcontrols ul.animations li {
  float: left;
  width: 12px;
  height: 12px;
  background-color: #351e04;
  cursor: pointer;
  margin-right: 3px;
}

#animationcontrols ul.animations li:hover,
#animationcontrols ul.animations li.active {
  background-color: #bb8545;
}

#animationcontrols ul.controls {
  position: absolute;
  right: 0;
  bottom: 2px;
  height: 10px;
  overflow: hidden;
}

#animationcontrols ul.controls li {
  float: right;
  height: 10px;
  margin-left: 12px;
  cursor: pointer;
}

#animationcontrols ul.controls li.prev {
  width: 9px;
  margin-left: 0;
  background: transparent url("../images/animationcontrols.png") no-repeat 0 0;
}

#animationcontrols ul.controls li.next {
  width: 9px;
  background: transparent url("../images/animationcontrols.png") no-repeat -9px 0;
}

#animationcontrols ul.controls li.pause {
  width: 8px;
  background: transparent url("../images/animationcontrols.png") no-repeat -18px 0;
  margin-left: 24px;
}

#animationcontrols ul.controls li.play {
  width: 6px;
  background: transparent url("../images/animationcontrols.png") no-repeat -26px 0;
}

#animationcontrols #animcount {
  font-size: 93%;
  line-height: 85%;
  position: absolute;
  left: 20px;
  bottom: 0;
}

#postcard {
  width: 950px;
  height: 384px;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent url("../images/postcard.png") no-repeat 0 0;
  z-index: 999;
}

#headline {
  position: absolute;
  left: 615px;
  top: 25px;
  width: 257px;
  height: 282px;
  z-index: 1001;
  overflow: hidden;
}

/*
#headline h1 {
  width: 255px;
}

#headline h1 a {
  font-size: 153.9%;
  color: #000;
  text-decoration: none;
}

#headline h1 a:hover {
  border-bottom: 1px solid #000;
}

#headline p {
  font-size: 182%;
}

#headline a.more {
  font-size: 69%;
  color: #999999;
  text-decoration: none;
  text-transform: uppercase;
}

#headline a.more:hover {
  border-bottom: 1px solid #999999;
}
*/

#headline a {
  display: block;
  width: 257px;
  height: 282px;
  text-indent: -999em;
  background: transparent url(../images/postkorttekst-a.png) 0 0 no-repeat;
}

#frontcontent {
  background-color: #fff;
  padding-right: 20px;
}

#frontcontent .yui-u {
  margin-left: 20px;
  width: 245px;
}

#frontcontent .yui-u.first {
  margin-left: 15px;
}

#frontcontent .yui-u.first,
#frontcontent .yui-u.middle {
  margin-top: -7px;
}

#frontcontent .yui-u.last {
  width: 180px;
  font-size: 93%;
}

#frontcontent .item {
  border-bottom: 1px solid #ccc;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

/*
#frontcontent .entries {
  font-size: 100%;
}
*/

/* ^ Front content */


/* Content formatting */
#content .thumb {
  float: left;
  margin-right: 10px;
}

#frontcontent .thumb {
  float: none;
  margin-right: 0;
}

#content .images {
  position: relative;
  float: left;
  margin-left: -21px;
}

#content .images.about {
   margin-left: -56px;
}

#content .images img {
  display: block;
}

#content #page,
#content .page {
  position: relative;
  margin-top: -15px;
}

#content #page .page {
  margin-top: 0;
}

#content #page.projects .images {
  margin-bottom: 2em;
}

#content ul,
#content p {
  margin-bottom: 0.3em;
  line-height: 138.5%; /* 138.5 | 146.5% */
  font-size: 108%;
}

#content p {
  margin-bottom: 1em;
}

#content ul {
  margin: 0.5em 0 0 0;
}

#content ul {
  margin-left: 1.5em;
}

#content ul li {
  margin-bottom: 0.5em;
  list-style: disc outside;
}

#content p.start {
  width: 520px;
  margin-bottom: 1.5em;
}

#content p.intro,
#content p.start {
  font-size: 123.1%;
  line-height: 138.5%;
  margin-bottom: 1em;
}

#frontcontent p {
}

#content ul.inline {
  list-style-type: none;
  margin-bottom: 1.5em;
/*  width: 520px;*/
  line-height: 161.6%;
}

#content ul.inline li {
  display: inline;
  padding: 0 0.5em;
  border-left: 1px solid #000;
}

#content ul.inline li a {
}

#content ul.inline li.l-1 {
  border-left: none;
  padding-left: 0;
}

/* ^ Content formatting */



/* Generic pages */
#page {
  padding-left: 15px;
}

#page p {
  width: 510px;
}

/* ^ Generic pages */

/* Blog specific */
#blog {
  
}

#blog .yui-u,
#filter .yui-u {
  width: 180px;
  margin-right: 10px;
}

#blog .yui-u.first,
#filter .yui-u.first {
  width: 510px;
  margin-right: 0;
  padding-left: 15px;
}

.summary {
  clear: both;
}

.body {
  clear: both;
}
.extended {
  clear: both;
}

#content ul.meta {
  list-style: none;
  color: #ccc;
  font-size: 85%;
  font-weight: bold;
  line-height: 93%;
  text-transform: uppercase;
  margin: 0 0 0.5em 0;
}

#filter ul.meta {
  margin-bottom: 0;
}

#content ul.meta.tags {
  margin-top: 1em;
}

#content .comment ul.meta {
  margin-bottom: 0.5em;
}

#content ul.meta li {
  list-style: none;
  float: left;
  border-left: 1px solid #ccc;
  padding: 0 0.5em;
  margin-bottom: 0;
}

#content ul.meta li.date,
#content ul.meta.tags li.tags {
  border-left: none;
  padding-left: 0;
}

#content ul.meta a {
  color: #51340a;
  text-decoration: none;
}

#content ul.meta a:hover {
  color: #bb8545;
}

.blog_entry.list {
  position: relative;
  border-bottom: 1px dotted #9c9894;
  padding: 0 0 1.5em 20px;
  margin: 0 0 0.5em -20px;
}

#frontcontent ul.meta li {
  margin-bottom: 0;
}

#frontcontent .item p.more,
p.more {
  font-size: 77%;
}

#frontcontent .item p.more a,
p.more a {
  color: #999;
  text-transform: uppercase;
  text-decoration: none;
}

.blog_entry {
  
}

.blog_entry img {
  max-width: 500px;
}

#content .picture {
  float: left;
  padding: 0 10px 10px 0;
}

/* ^ Blog specific */

/* Comments */
.comment {
  border-bottom: 1px solid #a09c98;
  margin-bottom: 1em;
  padding-bottom: 1em;
}

.comment.highlight {
}


/* ^ Comments */


/* Comment form */
#comment_form {
  margin-left: -20px;
  padding: 0 0 15px 20px;
}

#comment_form .hiddenFields {
  display: none;
}

#comment_form label {
  clear: both;
  display: block;
  color: #ccc;
}

#comment_form label.checkbox {
  clear: none;
  float: left;
  display: inline;
}

#comment_form label.spacer {
  margin-top: 2.5em;
}

#comment_form input {
  clear: both;
  display: block;
  width: 250px;
  margin-bottom: 0.8em;
}

#comment_form input.checkbox {
  float: left;
  width: auto;
  height: auto;
  margin: 0 5px 0 0;
}

#comment_form textarea {
  clear: both;
  width: 508px;
  border: 1px solid 868686;
  margin-bottom: 1em;
}

#comment_submit {
  clear: both;
  display: block;
  margin-top: 30px;
}
/* ^ Comment form */


/* Pagination */
ul.pagination {
  margin-top: 1em;
}

ul.pagination li {
  float: left;
  margin-right: 0.3em;
}

ul.pagination li.info {
}

ul.pagination li.active {
  margin-right: 0;
}

ul.pagination li.active span {
  padding: 0.1em 0.3em;
}

#content ul.pagination a {
  text-decoration: none;
  color: #fff;
  background-color: #bb8545;
  padding: 0.1em 0.3em;
}

#content ul.pagination a:hover {
  background-color: #3d2708;
}
/* ^ Pagination */


/* Sidebar */
.header {
  border: 1px dotted #837e79;
  border-width: 1px 0;
  margin: 0 0 10px 20px;
}

#sidebar form {
  margin: 0 0 20px 20px;
  width: 166px;
  text-align: right;
}

#comment_submit,
#sidebar button {
  height: 25px;
  border: none;
  min-width: 80px;
  color: #fff;
  background: transparent url("../images/button_right.png") no-repeat 100% 0;
  cursor: pointer;
  padding: 0 9px 0 0;
  outline: 0;
}

#comment_submit {
  background: transparent url("../images/button_right_w.png") no-repeat 100% 0;
}

#comment_submit span,
#sidebar button span {
  height: 26px;
  display: block;
  background: #51340a url("../images/button_left.png") no-repeat 0 0;
  line-height: 25px;
  margin-top: -1px;
  text-align: center;
  min-width: 56px;
  padding: 0 4px 0 12px;
}

#comment_submit span {
  background: #51340a url("../images/button_left_w.png") no-repeat 0 0;
}

#sidebar label {
  display: block;
  text-align: left;
}

#sidebar input {
  width: 160px;
  margin: 3px 0 10px 0;
}

#newsletter p {
  color: #999;
  text-align: left;
}

ul.feeds {
  margin-left: 20px;
}

ul.feeds li {
  padding-left: 15px;
  background: transparent url("../images/feedicons/feed-icon-12x12.png") no-repeat 0 0;
  margin-bottom: 2px;
}

ul.feeds li.twitter {
  background: transparent url("../images/twitter_icon.png") no-repeat 0 0;
}

ul.feeds li a {
  color: #999;
  text-decoration: none;
}

ul.feeds li a:hover {
  border-bottom: 1px solid #999;
}

ul.categories {
  margin-bottom: 20px;
}

ul.categories li {
  margin-bottom: 1px;
}

ul.categories li.all,
ul.categories li.sep {
  margin-top: 1em;
}

ul.categories a,
ul.categories span {
  padding: 1px 0 1px 20px;
  display: block;
  color: #000;
  text-decoration: none;
}

ul.categories li.active a,
ul.categories a:hover {
  color: #fff;
  background-color: #bb8545;
}

ul.categories span {
  color: #999;
}

/*
ul.categories li.all a:after {
  content: "\0020\00BB";
}
*/
/* ^ Sidebar */


/* Projects */
#start {
  margin-bottom: 1em;
}

#start .yui-u {
  width: 200px;
  margin-left: 20px;
}

#start .yui-u.first {
  width: 510px;
  margin-left: 0;
}

.details {
  font-size: 93%;
  padding-top: 15px;
}

#content .details ul {
  margin: 0 0 20px 0;
  list-style: none;
}

#content .details li {
  margin: 2px 10px 3px 0;
  list-style: none;
}

#content .details li.sep {
  margin-top: 10px;
}

.details .header {
  margin-left: 0;
}

table.projectlist {
  position: relative;
  float: left;
  margin: 1.5em 0 1.5em -20px;
/*
  border: 15px solid #eeedee;
  border-width: 15px 15px 25px 15px;
*/
  font-size: 100%;
}

table.projectlist th,
table.projectlist td {
  vertical-align: top;
}

table.projectlist th {
  text-transform: uppercase;
  font-weight: bold;
  color: #6C6865;
  background-color: #F3F1F2;
  padding: 5px 0 5px 20px;
}

table.projectlist td {
  border-bottom: 1px solid #F3F1F2;
  padding: 5px 5px 5px 20px;
  background-color: #fff;
}

table.projectlist td.client {
  font-weight: bold;
  padding-right: 0;
  width: 40%;
}

/* ^ Projects */


/* Entry listboxes */
.entries {
  padding: 25px 2px 10px 2px;
  position: relative;
  margin-bottom: 0.5em;
  color: #fff;
  font-size: 88%;
}

.entries.links {
  margin-top: -30px;
  background: #3d2708 url('../images/thumbsup.png') no-repeat 127px 7px;
}

.entries.blog {
  background: #5c390f url('../images/talkies.png') no-repeat 127px 7px;
}

#blog .entries.blog {
  background: #3d2708 url('../images/talkies.png') no-repeat 127px 7px;
}

#filter .entries.blog,
#blog .entries.blog {
  margin-top: -30px;
}

#content .entries ul {
  list-style-image:none;
  list-style-position:outside;
  font-size: 93%;
  border-top: 1px dotted #e3e2e1;
  position: relative;
  margin: 0 -2px 0 -2px;
}

#content .entries li {
  margin: 10px 0 10px 0;
  padding: 0 15px 5px 10px;
  border-bottom: 1px dotted #5e4d34;
}

#content .entries.blog li {
  border-bottom: 1px dotted #775b39;
}

#content .entries li p {
  margin: 0;
}

#content .entries li.last {
  border-bottom: none;
  padding-bottom: 0;
  margin-top: 5px;
  margin-bottom: 0;
}

.entries li a {
  color: #fff;
  text-decoration: none;
  font-size: 116%;
}

.entries li p a {
  text-decoration: underline;
  font-size: 100%;
}

.entries li.last a {
  font-size: 100%;
}

.entries.links li.last a span {
  color: #3d2708;
}

.entries.blog li.last a span {
  color: #5c390f;
}

.entries li a:hover,
.entries li a:hover span {
  color: #bb8545
}

.entries img,
.entries pre,
.entries textarea,
.entries .images,
.entries .image {
  display: none;
}

.entries .date {
  color: #999;
}
/* ^ Entry listboxes */

/* Partners */
.partners {
  border-top: 1px dotted #A09C98;
  position: relative;
  margin: 1.5em 0 0 -20px;
  padding-left: 20px;
  width: 510px;
}

.partners .partner {
  border-bottom: 1px dotted #A09C98;
  position: relative;
  margin-left: -20px;
  padding: 1em 0 1em 20px; 
}

.partners .partner p.link a {
  color: #cccccc;
  text-decoration: none;
}

.partners .partner img {
  margin: 1em 0;
}

/* ^ Partners */


.clear {
  clear: both;
}

/* Clearfix */
#sidebar form:after,
ul.pagination:after,
ul.meta:after,
#content .images:after,
.images:after,
table.projectlist:after {
  content: "."; 
  display: block; 
  height: 1%; 
  clear: both; 
  visibility: hidden;
}
/* ^ Clearfix */