lo/*
## 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: #CB8D3A;
}

a:hover {
  color: #CB8D3A;
  text-decoration: underline;
}

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

/** 75% sets medium size to 12px in standard browsers **/
body {
  font: 75% Tahoma, Verdana, Arial, Helvetica, sans-serif;
  background: #032750 url(../GFX/background.gif) no-repeat 50% 0;
  color: #454545;
}

h1, h2, h3, h4, h5 {
  font-size: 100%;
  font-weight: normal;
  text-transform: uppercase;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5 {
  color: #2B496D;
}

h1 { font-size: 200%; }
h2 { font-size: 167%; }
h3 { font-size: 150%; }
h4 { font-size: 116%; }

img {
  display: block;
}

input {
  font-size: 100%;
}

/********************
## Framework style ##
********************/
#wrapper {
  margin: 0 auto;
  width: 960px;
}

#header {
  height: 120px;
}

#logo {
  float: left;
  margin: 32px 0 0 0;
  width: 454px;
  height: 48px;
  background: transparent url(../GFX/logo.gif) no-repeat 0 0;
}

#logo span {
  display: none;
}

#searchForm {
  float: right;
  width: 250px;
  padding: 60px 3px 3px 0;
}

#searchForm .query {
  width: 210px;
  background: transparent url(search.gif) no-repeat 3px 50%;
}

#breadcrumbs {
  padding: 0 0 10px;
  float: left;
  width: 100%;
  font-size: 92%;
}

#breadcrumbs a {
}

#breadcrumbs a.active {
  font-weight: bold;
}

#main {}

#rightColumn {
  float: right;
  display: inline;
  width: 240px;
}

#mainColumn {
  float: left;
  display: inline;
  padding: 11px 11px 0;
  width: 688px;
  background-color: #FFF;
}

#content {
  clear: both;
}

/* TODO: add styles for customer footer */

/************
## Gallery ##
************/

#gallery .pic {
  float: left;
  display: inline;
  padding: 5px;
  margin: 10px 5px;
  border: 1px solid #EEE;
}

/*************
## PARTNERS ##
*************/

#content .users {
  margin-bottom: 11px;
}

#content #user #companyLogo {
  float: right;
  display: inline;
}

#companyInfo {
  clear: both;
}

#content .users .user {
  min-height: 130px;
  height: auto!important;
  height: 130px;
  width: 314px;
  padding: 11px;
  border: 1px solid #F8F8F8;
}

#content #user .users .user {
  background-color: #F8F8F8;
  border: 1px solid #DFDFDF;
}

#content .users .even {
  margin-right: 0;
}

#content .user .description {
  line-height: 1.4em;
  margin-bottom: 0;
}

#content .user h2 {
  text-align: center;
  line-height: 2.2em;
  margin-bottom: 0;
  font-size: 100%;
}

#content .user a.companyLogo {
  display: block;
} 

#content .user a.companyLogo img {
  margin: 0 auto;
}

#content .contactImage {
  float: left;
  display: inline;
  margin-right: 10px;
}

#content #user .users {
  padding-top: 10px;
  clear: both;
}

#content #user dt {
  float: left;
  font-weight: bold;
  padding: 5px 10px 5px 0;
}

#content #user dd {
  padding: 5px 0;
  margin-left: 110px;
  border-bottom: 1px dashed #DFDFDF;
}

#content #companyDescription,
#content #companyOffer {
  margin-bottom: 11px;
}

/*********
## FEED ##
*********/

#feed {
  background-color: #FFFFFF;
  padding:  11px;
}

#feed ul {
  padding-top: 10px;
  padding-left: 0;
  list-style: none;
}

#feed li {
  border-bottom:1px solid #D7D7D7;
  padding:5px;
}

#feed a {
  display: block;
  margin-bottom: 5px;
}

#feed em,
#feed p {
  display: block;
  color: #888;
  font-size: 92%;
}

/*************
## CALENDAR ##
*************/

#event .eventDescription {
  margin-bottom: 11px;
}

#event em {
  padding: 5px 0;
  border-top: 1px solid #D7D7D7;
  border-bottom: 1px solid #D7D7D7;
}

#calendar {
  margin-bottom: 11px;
  background-color: #FFF;
  padding: 11px;
}

#calendar ul {
  padding-top: 10px;
  list-style: none;
  padding-left: 0;
}

#calendar li {
  padding: 5px;
  border-bottom: 1px solid #D7D7D7;
}

#calendar li.today {
  background: #F1F1F1 url(../GFX/activeDay.gif) repeat-x 0 0;
}

#calendar a {
  display: block;
  margin-left: 60px;
  margin-bottom: 5px;
}

#calendar em,
#event em {
  margin-left: 60px;
  display: block;
  color: #888;
  font-size: 92%;
}

#event em {
  margin: 0 0 12px 0;
}

#calendar em.date {
  margin-left: 0;
  width: 50px;
  float: left;
  display: inline;
  padding-top: 2px;
  background-color: #012B5D;
  text-transform: uppercase;
  text-align: center;
  font-size: 83%;
  color: #FFF;
  font-style: normal;
}

#calendar em span {
  padding: 2px;
  margin-top: 2px;
  display: block;
  background-color: #FFF;
  border: 1px solid #E6E6E8;
  font-size: 150%;
  color: #CA8C35;
}


/**************
## EDIT USER ##
**************/

#content #response {
  margin-bottom: 10px;
  padding: 20px;
  font-size: 133%;
  background-color: #FFFFCB;
  border: 1px solid #F0F0F0;
  color: #CB8D3A;
}

#content #response p {
  margin-bottom: 0;
}

#content #response .error {
  color: red;
}

#content #editUser {
  float: left;
  width: 100%;
  overflow: hidden;
}

#content #editUser fieldset {
  padding: 10px;
  background-color: #E1ECF9;
  border: 1px solid #BBCBE1;
}

#editUser legend {
  display: none;
}

#editUser .block {
  font-size: 116%;
  padding: 2px 5px;
}

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

#loginContainer p.user {
  color: #323232;
}

#loginContainer #editUser {
  clear: left;
  float: left;
  font-size: 116%;
  text-transform: uppercase;
  color: #FFF;
  font-weight: bold;
}

#logoutForm .submit {
  float: right;
  margin-top: -4px;
}

#login {
  position: relative;
}

#login .error {
  position: absolute;
  left: 15px;
  top: 2px;
  z-index: 999;
  color: #000;
}

#loginForm #forgotLogin {
  float: left;
  padding-top: 10px;
  font-size: 83%;
  color: #FFF;
}

#loginForm .submit {
  float: right;
  display: inline;
  margin-top: 5px;
}

#loginForm .username,
#loginForm .password,
#forgotPasswordForm .email {
  display: inline;
  border: none;
  font-size: 116%;
  padding: 3px 5px;
  width: 82px; (82px)
}

#forgotPasswordForm .email {
  width: 195px;
}

#forgotPasswordForm #sendpassordsubmit {
  margin-top: 5px;
  float: right;
}

#loginForm .username {
  margin-right: 6px;
}

#login {
  float: right;
  width: 240px;
  color: #FFF;
}

#login h3 {
  margin-bottom: 5px;
  font-size: 125%;
  letter-spacing: -.02em;
  text-transform: uppercase;
  padding-top: 15px;
}

#login .container {
  height: 115px;
  padding: 0 15px;
  background-color: #CB8D3A;
}

#loginContainer {
  padding: 0;
}

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

h3.title {
  padding-top: 7px;
  padding-bottom: 7px;
  text-transform: uppercase;
  border-top: 3px solid #B7B7B7;
  border-bottom: 1px solid #B7B7B7;
  color: #2B496D;
}

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

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

/*************************
## SUMMARY|ARTICLE LIST ##
*************************/

#content .articles {
  margin-bottom: 11px;
}

#content .lastarticles {
  margin-bottom: 0;
} 

#content .folderLink {
  float: right;
}

#content .folderContents {
  clear: both;
  margin-bottom: 10px;
}

#content #pri {
  margin-bottom: 11px;
}

#content #pri .summary .container {
  padding: 10px 0 0;
  background: transparent;
  border: none;
}

#content .summary .countContainer {
  float: right;
  width: 10px;
  margin-bottom: 0;
  line-height: 1.4em;
  padding-bottom: 4px;
  padding-left: 20px;
  color: #ADADAD;
  font-size: 92%;
  background: transparent url(../GFX/objectcomments.gif) no-repeat 0 50%;
}

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

#content #pri .readmore,
#content #pri .countContainer {
  display: none;
}

.summary em.date {
  display: block;
  margin-bottom: 5px;
}

#content #pri .text {
  margin-bottom: 0;
}

#content #pri .summary {
  width: 338px;
  position: relative;
}

#content #pri .even {
  margin-right: 0;
}

#content .summary .container {
  padding: 0 10px 10px;
  border: 1px solid #E2E2E2;
  border-top: none;
  background-color: #F8F8F8;
}

.summary .readmore {
  float: left;
  font-family: Georgia, serif;
  padding-bottom: 2px;
  font-style: italic;
  border-bottom: 1px solid #CE9548;
}

.summary .readmore:hover {
  text-decoration: none;
  border: none;
}

#content .odd {
  float: left;
  width: 222px;
  margin-right: 11px;
}

#content .even {
  float: left;
  width: 222px;
  margin-right: 11px;
}

#content .third {
  float: right;
  width: 222px;
  margin-right: 0;
}

#content .summary,
#content .article {
  padding: 0;
}

#content .summary h1,
#content .summary h2 {
  margin-bottom: 0;
  line-height: 1.3em;
  padding: 5px 0;
  font-size: 150%;
  color: #2B496D;
  letter-spacing: -.02em;
  text-transform: uppercase;
}

#content .summary h1 a,
#content .summary h2 a {
  color: #2B496D;
}

#content .summary h1 a:hover {
  color: #CB8D3A;
}

#content .summary .text {
  padding: 0;
}

#content .folderContents .summaryImage {
  width: 222px;
}

#content #pri .folderContents .summaryImage {
  width: auto;
}

#content .article .text {
  font-size: 142%;
  line-height: 1.35em;
  font-style: italic;
  font-family: Georgia, sans;
}

#content #pri h2 {
  position: absolute;
  left: 0;
  top: 120px;
  width: 318px;
  min-height: 47px;
  height: auto!important;
  height: 47px;
  z-index: 98;
  padding: 10px;
  background: #39485B url(../GFX/readmore.gif) no-repeat 245px 35px;
  filter:alpha(opacity=90);
  opacity:0.9;
}

#content #pri h2 a {
  min-height: 47px;
  height: auto!important;
  height: 47px;
  display: block;
  color: #FFF;
}

#content #pri h2 span {

}

/* TODO: get latest css from standardmaler.no, and add style to own stylesheet */


#content .accessDenied {
  border: 1px dotted #CCC; 
  padding: 5px;
  margin-bottom: 11px;
}

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

/*************************
## OBJECT COMMENTS VIEW ##
*************************/
#comments {
   padding: 20px 0 0;

}

#comments em.date {
  margin-left: 0;
  width: 40px;
  float: left;
  display: inline;
  padding-top: 2px;
  background-color: #012B5D;
  text-transform: uppercase;
  text-align: center;
  font-size: 83%;
  color: #FFF;
  font-style: normal;
}

#comments em span {
  padding: 2px;
  margin-top: 2px;
  display: block;
  background-color: #FFF;
  border: 1px solid #E6E6E8;
  font-size: 150%;
  color: #CA8C35;
}

#comments h2 {
  margin-bottom: 0;
}

#comments #signature {
  padding: 5px;
}

#comments ul {
  list-style: none;
  padding-left: 0;
}

#comments li {
  padding: 15px 0;
  border-bottom: 1px dashed #D7D7D7;
}

#comments li .signature,
#content #comments li .text {
  margin-left: 50px;
  margin-bottom: 5px;
  font-size: 100%;
}

#comments li .signature {
  color: #888;
  font-size: 92%;
}

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

#content #commentForm .submit {
  float: right;
}

#content form#commentForm fieldset {
  padding: 10px;
  background-color: #E1ECF9;
  border: 1px solid #BBCBE1;
}

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

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

.idium {
  margin: 10px auto;
  width: 175px;
}

.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;
}


/**********
## FORUM ##
**********/

#latestPosts {
  margin-bottom: 11px;
  background-color: #FFF;
  padding: 11px;
}

#latestPosts ul {
  padding-top: 10px;
  list-style: none;
  padding-left: 0;
}

#latestPosts li {
  padding: 5px;
  border-bottom: 1px solid #D7D7D7;
}

#latestPosts em {
  padding-right: 10px;
  color: #CB8D3A;
}

#latestPosts .forum {
  font-size: 92%;
  line-height: 1.6em;
  display: block;
  color: #012B5D;
}

#forum {
  margin-bottom: 11px;
}

.append {
  display: block;
  margin-top: 20px;
  text-indent: 25px;
  line-height: 30px;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
}

#threads,
#forumposts {
  width: 100%;
  margin-bottom: 11px;
  border-collapse: collapse;
x  border: 1px solid #EEE;
}

#threads .signature,
#forumposts .signature {
  margin-bottom: 0;
}

#forumposts td,
#threads td {
  padding: 5px;
  border: 1px solid #EEE;
  vertical-align: top;
  line-height: 18px;
  text-align: center;
}

#forumposts td.author,
#threads td.author {
  width: 120px;
}

#forumposts td.author span,
#threads td.author span {
  display: block;
  text-decoration: underline;
  font-weight: bold;
}

#forumposts td.author img,
#threads td.author img {
  display: inline;
}

#forumposts td.author ul,
#threads td.author ul {
  padding: 0;
  list-style: none;
}

#forumposts td.author ul li,
#threads td.author ul li {
  display: inline;
}

#threads td.post,
#forumposts td.post {
  text-align: left;
}

#forumposts td.body {
  text-align: left;
}

#threads th,
#forumposts th {
  padding: 5px;
  line-height: 30px;
  color: #263D5F;
}

#threads th.post,
#forumposts th.post {
  text-align: left;
  border: none;
  border-bottom: 1px solid #EEE;
}

#forumposts td h3,
#forumposts th h3,
#threads td h3,
#threads th h3 {
  margin-bottom: 0;
  font-size: 100%;
  font-weight: bold;
}

#threads .threadEven td {
  background-color: #F2F2F2;
}

#forumposts td .answer {
  float: right;
}

.newThread {
  float: right;
  padding: 0 5px;
  color: #000;
  line-height: 25px;
}

.forumLink {
  line-height: 40px;
  font-weight: bold;
}

#navSubContent li a {
  display: block;
  line-height: 40px;
  text-indent: 10px;
  border-bottom: 1px solid #EEE;
  font-size: 167%;
}

#content form#postForm {
  width: 100%;
  margin: 0;
  padding: 11px 0;
}

#content #postForm .submit {
  float: right;
}

#content form#postForm fieldset {
  padding: 10px;
  background-color: #E1ECF9;
  border: 1px solid #BBCBE1;
}

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



/************
## GALLERY ##
************/

div.images {
  padding: 11px;
  margin-bottom: 11px;
  background-color: #F2F2F2;
}

.imageGroup {
  margin-bottom: 11px;
}

.lastimageGroup {
  margin-bottom: 0;
}

div.images a {
  color: #555556;
  text-decoration: none;
}

div.images div.item {
 margin-left: 10px;
 width: auto;
 float: left;
}

div.images div.item div.text {
 text-align:center;
 border:0px solid #000;
}

div.item.bigview {
  padding-top: 0px;
}

div.item div.pict {
  border: 2px solid #EBEBEB;
  text-align: center;
  vertical-align: middle;
  background-color: #FFF;
}
div.pict img {
 vertical-align: middle;
 display: inline;
 position: relative;
}
div.pict a {
 display: inline;
}
div.pict img[id] {
 top: -2px;
 left: -2px;
}
div.prev_next {
 border:0px solid #000;
 width:100%;
 text-align:center;
 float:left;
}
div.prev_next div.prev {
 width:100px;
 float:left;
 border:0px solid #f00;
}
div.prev_next div.next {
 width:100px;
 float:right;
 border:0px solid #f00;
}
div.pic_folder {
 font-weight:bold;
}
.underline {
 text-decoration:underline;
}
div.back_to_galleries {
 clear:both;
 text-align:center;
}
div.before_gallery {
 border:0px solid #f00;
 margin:8px;
}

div.images div.last {
  margin-right: 0;
}

.images .prev {
  float: left;
  text-transform: lowercase;
}

.images .next {
  float: right;
}

.images .pages {
  text-align: center;
}

.images .pages span {
  padding: 0px 3px;
}

.paginator {
  clear: both;
}

.paginator .pages span.active {
  background-color: #FFF;
  padding: 10px;
}

.galleryContent,
.bigview {
  margin-left: -13px;
}


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