* { 
  margin: 0;
  padding: 0;
}

/* Normalizes article content elements */
#content p,
#content dl.fileObject,
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content .image-box,
#content ol,
#content ul,
#content .flashContent,
#content .mediaPlayer,
#content .user-table,
#content .bordered-user-table,
#content .outlined-user-table,
#content .outlined-horizontal-user-table,
#content .horizontal-user-table,
#content .outlined-vertical-user-table,
#content .vertical-user-table,
#content .user-box,
#content form {
  margin-bottom: 12px;
}

img, fieldset {
  border: 0;
}

a {
  text-decoration: none;
  color: #4c4d4f;
}

a:hover {
  color: #c1222c;  
}

ul, ol {
  padding-left: 20px;
}

/** 75% sets medium size to 12px in standard browsers **/
body {
  font: 70% Tahoma, Helvetica, Arial, Verdana, sans-serif;
  background: #4c4d4f url(../GFX/bg.gif) scroll repeat-x top left;
  color: #4c4d4f;
  height: 100%;
  min-height: 100%;
}

h1, h2, h3, h4, h5 {
  font-size: 100%;
  font-weight: normal;
  color: #000;
}

h1 { 
  font-size: 230%; 
}
h2 { 
  font-size: 200%;
}
h3 { 
  font-size: 160%; 
}
h4 { 
  font-size: 116%; 
}

img {
  display: block;
}

input {
  font-size: 100%;
}

/********************
## Framework style ##
********************/

#bodyWrapper {
  background: transparent url(../GFX/bgImage.png) scroll no-repeat -116px 310px;
  height: 100%;
  min-height: 100%;
}

#wrapper {
  margin: 20px auto;
  width: 820px;
  position: relative;
  padding-left: 130px;
}

#header {
  margin: 0 6px 0 5px;
  position: relative;
}

.headimgholder { position:relative; height:528px; width:624px; overflow:hidden;}
.headimgholder img { position:absolute; left:0; top:0; height:528px; width:624px;}

#headimgholder {
  height: 528px;
  overflow: hidden;
}

#headerImage {
  position: relative;
  height: 200px;
  overflow: hidden;
}

.headerLogo {
  position: absolute;
  bottom: 15px;
  right: 15px;
}

#searchForm {
  margin-left: 11px;
  width: 129px;
}

#searchForm .query {
  width: 93px;
  background: transparent url(../GFX/searchBox2.gif) scroll no-repeat top left;
  border: 0;
  float: left;
  padding: 3px 0 3px 3px;
  margin-bottom: 8px;
}

#searchForm .button {
  float: right;
  margin-right: 13px;
  background: none;
  border: none;
  padding: 0;
}

#breadcrumbs {
  float: left;
  color: #a1a1a1;
}

#breadcrumbs a {
  color: #a1a1a1;
}

#breadcrumbs a.active {
  color: #444;
}

#main {
  background-color: #2d2a2b;
  padding: 10px;
}

#leftColumn {
  float: left;
  width: 140px;
  position: relative;
}

#mainColumns {
}

#mainColumnLeft {
  width: 630px;
  float: left;
}

#mainColumnRight {
  width: 170px;
  float: left;
}

#content {
  background-color: #fff;
  padding: 15px;
  margin-left: 5px;
  margin-right: 6px;
}

#logo {
  position: absolute;
  top: -34px;
  left: -7px;
}

.shadowTop {
  background: transparent url(../GFX/shadowTop.png) scroll no-repeat top left;
  height: 5px;
  margin-left: -5px;
}

.shadowMiddle {
  background: transparent url(../GFX/shadowMiddle.png) scroll repeat-y top left;
  margin-left: -5px;
}

.shadowBottom {
  background: transparent url(../GFX/shadowBottom.png) scroll no-repeat top left;
  height: 5px;
  margin-left: -5px;
}

#mainBox {
  background: #414143 url(../GFX/vertLine.gif) scroll no-repeat center center;
  border: 1px solid #242021;
  padding: 8px;
  margin: 6px 5px 0px -1px;
}

#opening {
  background: transparent url(../GFX/rightTop.png) scroll no-repeat top left;
  margin: 0px 0px -9px -6px;
  padding: 19px 0 0 16px;
  height: 72px;
  width: 167px;
}

#opening h3, #opening h2 {
  color: #fff;
  text-transform: uppercase;
}

#opening h6 a {
  color: #fff;
}

#opening h3 {
  font-size: 120%;
}

#mainColumnRight .box {
  background-color: #414143;
  border: 1px solid #231f20;
  width: 167px;
  margin: 0 0 9px 2px;
  cursor: default;
}

#mainColumnRight .box .article-content {line-height:normal;}
#mainColumnRight .box h2 {
  color: #fff;
  font-size: 100%;
  background-color: #231f20;
  border-left: 6px solid #332f30;
  padding: 4px 10px;
}

#mainColumnRight .box .headline {
  border: 1px solid #000;
  margin: -1px -1px 0px -1px;
}

#mainColumnRight .box .article-content, #mainColumnRight .box .inside {
  color: #fff;
  padding: 10px;
}

#mainColumnRight .box:hover {
  border: 1px solid #box;
}

#mainColumnRight .box:hover h2 {
  background-color: #c1222c;
  border-left: 6px solid #9e121a;
}

#mainColumnRight .box:hover .headline {
  border: 1px solid #9e121a;
}

.bigBox {
  border: 1px solid transparent;
  width: 294px;
  margin-right: 15px;
  float: left;
}

.bigBox:hover {
  background-color: #5d5d5f;
  border: 1px solid #c1222c;
}

.bigBox img {
  float: right;
  margin-left: 10px;
}

.bigBox h3 {
  padding: 5px;
}

.bigBox h3 a {
  color: #fff;
}

.bigBox a.box_image_link {
  display: block;
  overflow: hidden;
  width: 296px;
  /* height: 151px; ikke nodvendig forelopig */
}

#folderName {
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: #000;
  text-transform: uppercase;
  cursor: default;
  width: 400px;
}

#content.boutique {
 padding: 35px;
}

.column {
  float: left;
  margin-right: 15px;
  width: 127px;
}

#content .column h3 {
  text-transform: uppercase;
  width: 130px;
  margin-bottom: 5px;
}

.column ul {
  list-style-type: none;
  padding: 0;
}

.column ul li a {
  display: block;
  padding: 2px 1px;
}

#chat {
  width:162px;
  position:absolute;
  bottom:36px;
  left:-32px;
}

#chatBgTop {
  background: transparent url(../GFX/chatBgTop.png) no-repeat scroll top left;
  height: 4px;
}

#chatBgMiddle {
  background: transparent url(../GFX/chatBgMiddle.png) repeat-y scroll top left;
  padding-left: 4px;
}

#chatBgBottom {
  background: transparent url(../GFX/chatBgDown.png) no-repeat scroll top left;
  height: 4px;
}

#content #commentForm textarea {padding: 3px; border: 1px solid #ddd; width: 291px; height: 60px;}
#content #commentForm input#signature {padding: 3px; border: 1px solid #ddd; width: 291px;}
#commentsList {margin-top:5px;}

#content.store {padding-right:0}
#content.store .leftCol {float:left; width:380px;}
#content.store .rightCol {float:right; width:215px; padding-top:56px; border-bottom:1px solid #000;}
#content.store .rightCol h2 {font-size:100%; border-bottom:1px solid #000; border-top:1px solid #000; background-color:#231f20; padding:4px 0 0 8px;}
#content.store .rightCol p {margin:0; padding:8px; line-height:140%; color:#231f20;}
#content.store .rightCol img {padding:0; margin:0;}
#content.store .rightCol a {color:#c1222c;}
#content.store .rightCol .image-box {margin-bottom:0;}


#wrapper #newsletter .inside {
  padding: 10px 0 0 0;
  text-align: center;
}

#newsletterForm input.text {
  background: transparent url(../GFX/inputBg2.gif) scroll no-repeat left top;
  border: none;
  padding: 4px;
  width: 137px;
  font-size: 80%;
}

#newuser_email {
  margin-top: 3px;
}

#newsletterResponse {
  margin-bottom: 5px;
  font-weight: bold;
}

.submitBg {
  background-color: #5d5d5f;
  padding: 8px;
  margin-top: 15px;
  text-align: right;
}

input.button {
  background: #231f20 url(../GFX/buttonBg.gif) scroll repeat-y top left;
  border: 1px solid #000;
  color: #fff;
  font-size: 80%;
  padding: 2px 12px;
}

.brand {
  margin-bottom: 15px;
}

.brand a {
  display: block;
  padding: 2px 0 2px 10px;
}

/******************
## COMMON STYLES ##
******************/
code {
  font-size: 120%;
}

h4.boxTitle {
  color: #fff;
  background: #a1a1a1;
  padding: 5px 20px;
  margin-bottom: 0;
}

div.box {
  border-bottom: 1px solid #f0f0f0;
}

div.box .content {
  padding: 15px 10px;
}

/*************************
## SUMMARY|ARTICLE LIST ##
*************************/
#content .summary .right {
  width: 440px;
  float: right;
*/
  position: absolute;
  right: 0;
  bottom: 0;
*/
}

#content .summary img {
  float: left;
  margin-left: -15px;
}

#content .summary p {
  margin-bottom: 0;
}

#content .summary.last {
  margin-bottom: 10px;
}

#content .summary,
#content .article {
  position: relative;
  margin-top: 10px;
}

#content .odd {
}

#content .even {
}

#content .summary h1,
#content .summary h2 {

}

#content .article h1 {
  margin-bottom: 10px;
}

#content .article .text {
  font-size: 125%;
  line-height: 150%;
}

.results {
  position: relative;
}

.readmore {
  float: right;
  font-weight: bold;
}

.totalHits {
  position: absolute;
  right: 0;
  top: -15px;
  font-size: 90%;
  color: #000;
}

.paginator {
  margin: 26px -15px -15px; 
  background: transparent url(../GFX/pagingBg.gif) repeat scroll 0 0;
  text-align: right;
  padding: 7px;
  color: #fff;
  font-size: 90%;
}

.paginator a {
  color: #fff;
  font-size: 90%;
}

#content .paginator ul {
  margin:0;
  list-style-type: none;
  float:right;
}

#content .paginator li {
  display: inline;
  padding: 0 5px;
}

.pages {
  display: inline;
  margin: 0 10px 0 15px;
}

.pages span {
  margin-right: 5px;
}

.pages span.active {
  color: #ff65c6;
}
 
/* TODO: get latest css from standardmaler.no, and add style to own stylesheet */
/*************************
## OBJECT COMMENTS VIEW ##
*************************/
#comments {
   padding: 20px 0;
   border-bottom: 1px solid #F0F0F0;
}

#comments dt {
  background: url(../GFX/quote.gif) top left no-repeat;
}

#comments dd {
  margin-top: 4px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

form#commentForm {
  width: 100%;
  margin: 0;
  padding-top: 8px;
}

form#commentForm fieldset {
  padding: 0;
}

#commentForm input.block {
  width: 40%;
}

/*****************
## IDIUM FOOTER ##
*****************/

#footer {
  background: transparent url(../GFX/footerBg.png) scroll no-repeat top left;
  height: 71px;
  margin: 8px -1px 0px -2px;
  color: #fff;
  font-size: 90%;
}

.footerContent {
  padding-top: 5px;
}

#footer a {
  line-height: 24px;
  color: #fff;
}

.idium {
  margin: 5px auto;
  width: 141px;
  float:right;
}

.idium a:hover,
.idium a:active {
  text-decoration: none;
}

.idium,
.idium a {
  font-family: 'Century Gothic', Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #898989;
  text-transform: uppercase;
  text-decoration: none;
}

.idium img {
  float: left;
  margin-top: -3px;
}

.idium span {
  font-family: Century Gothic,Verdana,Arial,helvetica,sans-serif;
  font-size: 13px;
  font-weight: bold;
  margin: -8px 0 0;
  padding: 0 0 0 6px;
  text-transform: lowercase;
  word-spacing: 3px;
  color: #000;
}


/*************
## CLEARFIX ##
*************/
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1px;
}
.clearfix {
  display: block;
 }
/* End hide from IE-mac */


/*************
## SIFR-FIX ##
*************/
.sIFR-active #wrapper h1, .sIFR-active #wrapper h2, .sIFR-active #wrapper h3 {
  line-height: 1em;
}

.sIFR-active #mainColumnRight .box h2 {
  padding: 4px 10px 1px;
}

.sIFR-active #wrapper .bigBox h3 {
  width: 131px;
}

#wrapper .sIFR-replaced {
  font-size:0;
  line-height:0;
  margin: 0;
}

.sIFR-active #wrapper .sIFR-alternate {

}

.sIFR-active #wrapper #navMain li {
  margin-left: 5px;
  border-bottom: 1px solid #000000;
}

.sIFR-active #wrapper #navMain li span.sIFR-replaced {
  width: 94px;
  display: block;
  padding: 4px 20px 3px 15px;
  color: #707070;
  text-transform: uppercase;
  background: #231f20 url(../GFX/menuShadow.png) scroll repeat-y top right;
  border-left: 6px solid #332f30;
}

.sIFR-active #wrapper #navMain li.current span.sIFR-replaced, .sIFR-active #wrapper #navMain li.active span.sIFR-replaced {
  border-left: 6px solid #9e121a;
  background: #c1222c url(../GFX/menuArrow.png) scroll no-repeat center right;
  color: #fff;
}

.inside p.response {
  padding-bottom:10px;
}