/*
## layout.css - Contains style for page layout
*/

/* Normalizes margin and padding */
* { 
  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: #050706;
}

a:hover {
  text-decoration: underline;
}

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

/** 75% sets medium size to 12px in standard browsers **/
body {
  font: 69% Arial, Helvetica, sans-serif;
  background-color: #060709;
  color: #444;
}

h1, h2, h3, h4, h5 {
  font-weight: normal;
}

img {
  display: block;
}

input {
  font-size: 100%;
}

/********************
## Framework style ##
********************/
#wrapper {
  margin: 0 auto;
  width: 1055px;
  background: #060709;
  position:relative;
}

#header {
  padding-top: 10px;
  height: 131px;
  background: transparent url(../GFX/warning.gif) repeat-x 0 0;
}

#logo {
  display: block;
  height: 100%;
  width: 100%;
  background: transparent url(../GFX/header.gif) no-repeat 50% 0;  
}

#logo span {
  display: none;
}

#twitter {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 2px solid #7E7E7E;
}

#twitter p {
  line-height: 2em;
  color: #FFF;
}

#searchForm {
  float: right;
  padding: 6px 0;
}

#searchForm label {
  font-size: 117%;
  margin-right: 8px;
}

#searchForm .query {
  padding: 2px 0;
  margin-right: 2px;
  width: 130px;
  font-size: 118%;
  float: left;
}

#searchForm .button {
  text-transform: uppercase;
  font-size: 118%;
}

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

#breadcrumbs a {
  color: #a1a1a1;
}

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

#main {
  clear: both;
  background: #7C7D7F url(../GFX/main.gif) repeat-y 100% 0;
  margin-top: 10px;
}

#mainLeft {
  margin: 8px;
  float: left;
  display: inline;
  width: 846px;
  background: #7C7D7F url(../GFX/mainLeftMaster.gif) repeat-y 0 0;
}

#leftColumn {
  float: right;
  display: inline;
  width: 326px;
  margin-right: 1px;
}

#rightColumn {
  width: 177px;
  padding: 0 8px 8px 8px;
  float: right;
  display: inline;
}

* html #rightColumn {
  overflow-x: hidden;
}

#mainColumn {
  float: left;
  display: inline;
  width: 512px;
x  background-color: #FEFEFE;
}

#content {
  padding: 0 6px 0 6px;
}

#footer {
  padding: 10px 10px 25px 10px;
  background: transparent url(../GFX/warning.gif) repeat-x 0 100%;
  color: #F0F0F0;
}

/******************
## COMMON STYLES ##
******************/

.idium {
  float: right;
  margin-top: -2px;
  padding: 0;
  position: relative;
  color: #FFF;
  white-space: nowrap;
}

.idium  a.idium-url {
  margin: -8px 0 0;
  font-size: 10px;
  word-spacing: 3px;
  font-family: 'Century Gothic',Verdana,Arial,helvetica,sans-serif;
  color: #898989;
  text-transform: uppercase;
}

.idium  a.idium-url span {
  color: #DCDCDC;
  font-size: 13px;
  font-weight: bold;
  text-transform: none;
}

.idium img {
  display: inline;
  margin: 0 0 -8px;
  padding: 0;
}

#artell {
  color: #898989;
  display: inline;
  padding-left: 20px;
}

#artell a {
  color: #DCDCDC;
}

/******************
## COMMON STYLES ##
******************/
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 ##
*************************/

#sponsor {
  border: none;
}

#sponsor .text {
  margin-bottom: 5px;
  color: #FFF;
  font-size: 118%;
  line-height: 16px;
}

#leftColumnArticle {
  margin-bottom: 8px;
}

#navSub .navSubContents {
  background-color: #FFF;
}

.summary,
#content .article {
  border-bottom: 1px solid #DDD;
}

#leftColumn .summary,
#leftColumn .article {
  margin: 0 6px 0 6px;
  padding: 6px 0;
  clear: both;
  border-bottom: none;
}

.summary,
.article {
  position: relative;
  padding: 10px 0;
}

#content .first {
  padding-top: 6px;
}

.summary h1,
.summary h2 {
  margin-bottom: 0 !important;
  font-size: 136.5%;
  line-height: 22px;
  font-weight: bold;
  color: #B3B3B3;
}

#leftColumn .summary h2 {
  line-height: 22px;
  font-size: 136.5%;
}

#content .article h1 {
  margin-bottom: 0;
  padding: 10px 0;
  font-size: 136.5%;
  font-weight: bold;
}

.summary h2 {
  line-height: 22px;
  color: #7C7D7F;
}

#content .date {
  font-size: 82%;
  color: #7C7D7F;
}

#content .stikktittel {
  margin: 0;
  line-height: 1.3em;
  color: #7C7D7F;
  font-size: 136.5%;
  font-weight: bold;
}

#leftColumn .stikktittel {
  margin: 0;
  line-height: 1.3em;
  color: #7C7D7F;
  font-size: 136.5%;
  font-weight: bold;
}

.article-content {
  line-height: 16px;
  font-size: 109.5%;
}

#content .summary .summaryImage,
#content .summary .summaryImage {
  display: block;
  margin-bottom: 10px;
}

#leftColumn .summary .summaryImage {
  display: block;
}

#rightColumn .summary .summaryImage {
  display: block;
  margin-bottom: 8px;
}

.summary em {
  line-height: 20px;
  font-style: normal;
  color: #8e8e8e;
  font-size: 90%;
}

.summary .text {
  font-size: 127%;
  line-height: 20px;
  color: #4D4D4D;
}

.readmore {
  padding-left: 15px;
  margin-left: 5px;
  background: transparent url(../GFX/readMore.gif) no-repeat 0 2px;
  white-space: nowrap;
  font-weight: bold;
}

#leftColumn .text .readmore,
#rightColumn .text .readmore {
  font-size: 92%;
}

#content .text .readmore {
  font-size: 79%;
}

#content .article .text {
  padding: 10px 0;
  margin-bottom: 0;
  line-height: auto;
/* font-size: 136.5%;*/
  font-size: 109.5%;
  font-weight: bold;  
}

#job .summary {
  margin-bottom: 10px;
  clear: both;
  position: relative;
  padding: 8px;
  background-color: #CFD0D2;
}

#job .summary .text {
  margin-top: 8px;
  padding: 5px;
  background-color: #7C7D7F;
  color: #f2f3f5;
  font-size: 109.5%;
  line-height: 16px;
}

#job .summary h2 {
  background-color: #7C7D7F;
  font-size: 100%;
  font-weight: bold;
}

#job .summary h2 a {
/*  color: #fae80c;*/
  color: #FFE600;
}

#job .stikktittel {
  display: inline;
  position: absolute;
x  margin: -93px 0 0 8px;
  left: 16px;
  top: 16px;
  padding: 4px 10px;
  background-color: #5E5D62;
  color: #FFF;
  font-size: 109.5%;
  text-transform: uppercase;
  font-weight: bold;
filter:alpha(opacity=80); 
-moz-opacity: 0.8; 
opacity: 0.8;
}

.stikktittelHover {
  display: inline;
  position: absolute;
  left: 8px;
  top: 13px;
  padding: 4px 10px;
  background-color: #E7E8EA;
  color: #000;
  font-size: 127%;
  text-transform: uppercase;
  font-weight: bold;
filter:alpha(opacity=80); 
-moz-opacity: 0.8; 
opacity: 0.8;
}

.stikktittelArticle {
  background-color: #FAE80C;
}

h3.title {
  padding: 5px;
  margin: 5px 5px 0;
  display: inline;
  float: left;
  background-color: #FEE600;
  color: #000;
  font-size: 100%;
  line-height: 1em;
  text-align: center;
  letter-spacing: .1em;
}


/*h3.title {
  padding: 5px;
  display: block;
  background-color: #0E0F11;
  color: #FFF;
  margin-bottom: 8px;
  font-size: 200%;
  line-height: 2em;
  text-align: center;
}*/

/***********
## LOGIN ##
***********/

#loginForm {
  padding: 8px;
}

#loginForm h3 {
  padding: 4px 0;
  margin-bottom: 5px;
  color: #FFF;
  font-size: 118%;
  text-transform: uppercase;
  font-weight: bold;
}

#loginForm input {
  width: 100%;
  margin-bottom: 3px;
  font-size: 118%;
}


#loginForm .button {
  float: right;
  width: auto;
}

/************
## SEARCH ##
************/

#instructions {
  font-size: 118%;
  line-height: 1.3em;
  background-color: #D1D2D4;
}

#instructions p {
  padding: 0 10px 5px 10px;
}

#instructions code {
  font-size: 136%;
  color: #000;
  font-weight: bold;
}

#instructions h3 {
  font-size: 136%;
  margin-bottom: 12px;
}

.queryString {
  padding: 5px 0;
  border-top: 1px solid #EEE;
}

.totalHits {
  padding: 0 0 5px 0;
  border-bottom: 1px solid #EEE;
}


/* 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;
  padding-left: 25px;
}

#comments dd {
  padding-left: 25px;
  margin-top: 4px;
  margin-bottom: 14px;
}

form#commentForm {
  width: 100%;
  margin: 0;
  padding: 20px 0;
}

form#commentForm fieldset {
  padding: 0;
}

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

/*************
## 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 */