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

/* Normalizes margin and padding */
/*
body, dl, dt, dd, ul, ol li h1, h2, h3, h4, h5, pre, input, p, blockquote, th, td {
   margin: 0;
   padding: 0;
}
*/
 
* { 
  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,
#contant .horizontal-user-table,
#content .outlined-vertical-user-table,
#content .vertical-user-table,
#content .user-box,
#content form {
  margin-bottom: 12px;
}


h1 { font-size: 183%; }
h2 { font-size: 150%; }
h3 { font-size: 116%; }
h4 { font-size: 108%; }


img, fieldset {
  border:0;
}

a {
  text-decoration: underline;
  color: #03549C;
}

a:hover {
  text-decoration: underline;
}

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

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

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

img {
  display:block;
}

input {
  font-size:100%;
}

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

/*
## Framework style
*/
#wrapper {
  margin: 0 auto;
  width: 848px;
  background: #FFF;
}

#header {
  height: 130px;
}

#logo {
  float: left;
  width: 260px;
  height: 130px;
  position: relative;
}

#logo span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #FFF url(logo2.gif) no-repeat 50% 50%;
}

#main {
  position: relative;
}

#leftColumn {
  float: left;
  display: inline;
  width: 160px;
  padding: 20px 15px 0 15px;
}

#midColumn {
  width: 468px;
  float: left;
  display: inline;
  padding: 20px 15px 0 15px;
}

#rightColumn {
  float: right;
  display: inline;
  width: 120px;
  padding: 20px 15px 0 15px;
}

#frontpageArticle {
  float: right;
  width: 628px;
  margin: 20px 15px 0 15px;
  padding: 0;
  background-color: #669322;
  color: #FFF;
}

#frontpageArticle img {
  float: right;
}

#frontpageArticle h1 {
  padding: 20px;
}

#frontpageArticle .article-content {
  padding: 0 20px 20px 20px;
}

#frontpageArticle a {
  color: #FFF;
}

#content {}

#footer {
  background-color: #669322;
  padding: 5px;
  margin: 15px;
  color: #FFF;
  text-align: center;
}

#footer a {
  color: #FFF;
}

/******************
## COMMON STYLES ##
******************/
h4.boxTitle {
  color: #FFFFFF;
  background: #A1A1A1;
  padding: 5px 20px;
  margin-bottom: 0;
}

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

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

div#leftColumn h2 {
  padding: 15px 0 15px 10px;
}

.block {
  display: block;
}

/*************************
## SUMMARY|ARTICLE LIST ##
*************************/
/*
div#content.article-list .summary, #content.article-list .article {
  border-bottom: 1px solid #F0F0F0;
}
*/

#content .summary, #content .article {
  background: transparent url(stapled.gif) repeat-x 0 100%;
}

#content .odd {
}

#content .even {
}

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

#content .summary h1, #content .summary h2 {
  font-size: 150%;
}

#content .summary h1 a, #content .summary h2 a {
  text-decoration: none;
  color: #000;
}

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

#content h1 a.title, #content h2 a.title {
  color: #444444;
}

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

#content .summary .date {
  font-size: 91%;
  color: #727272;
}

#content .summary .readComments,
#content .summary .writeComments {
  margin-left: 12px;
}

/*********
## ADS ##
*********/

#headerBanner {
  float: right;
  margin: 15px;
}

#bigButtons, 
#smallButtons {
  margin-bottom: 10px;
  padding-left: 0;
  list-style: none;
}

#bigButtons li, 
#smallButtons li {
  margin-bottom: 10px;
  float: left;
  display: inline;
}

#bigButtons .last,
#smallButtons .last {
  margin-bottom: 0;
}

#bigButtons {
  padding-bottom: 10px;
  background: transparent url(stapled.gif) repeat-x 0 100%;
}


/**************
## WEATHER ##
*************/

#weather {
  margin-bottom: 20px;
  padding: 10px;
  background: #95771A url(yr.gif) no-repeat 95px 11px;
}

#weather h3 {
  margin-bottom: 10px;
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #FFF;
  font-weight: bold;
  font-size: 100%;
}

#weather input {
  display: inline;
}

#weather .location {
  width: 110px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 83%;
  color: #595959;
}

#weather .submit {
  background: none;
  border: none;
  color: #FFF;
  text-decoration: underline;
}

#weather a.submit {
  padding: 0 5px;
  color: #FFF;
  text-decoration: none;
}

#weather a.submit:hover {
  padding: 0 5px;
  color: #FFF;
  text-decoration: underline;
}

/****************
## SEARCHFORM ##
**************'*/

#searchForm {
  margin-bottom: 20px;
  padding: 10px;
  background-color: #669322;
}

#searchForm label {
  display: block;
  margin-bottom: 10px;
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #FFF;
  font-weight: bold;
  font-size: 100%;
}

#searchForm input {
  display: inline;
}

#searchForm .query {
  width: 110px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 83%;
  color: #595959;  
}

#searchForm .submit {
  background: none;
  border: none;
  color: #FFF;
  text-decoration: underline;
}

#searchForm #searchInstructions {
  margin-top: 5px;
  display: block;
}

#searchForm a {
  color: #FFF;
  text-decoration: none;
}

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

#searchForm a.submit {
  padding: 0 5px;
  text-decoration: none;
}

#searchForm a.submit:hover {
  padding: 0 5px;
  text-decoration: underline;
}

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

.calendarMain {
  background-color: #D5E5BD;
  font-size: 83%;
}

.calendarMain td {
  background-color: #FFF;
  color: #000;
  font-size: 105%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
}

.calendarMain td#today {
  border: 1px solid red;
}

.calendarMain td.hidden {
  color: #CCC;
}

#calendar {
  margin-bottom: 20px;
  padding: 10px 0;
  background-color: #D5E5BD;
  font-size: 83%;  
}

#calendar a {
  color: #698F00;
}

#calendarBorder a {
  color: #D01019;
  text-decoration: none;
}

#calendar h3 {
  margin: 0 10px 5px 10px;
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  color: #567A4B;
}

#calendarBorder .calendarHeader td {
  padding: 4px 2px;
  background-color: #84A52B;
  color: #FFF;
}

#calendarBorder .calendarMain {
  line-height: 15px;
}

#midColumn #calendarBorder .calendarMain {
  line-height: 30px;
}

.calendarHeader {
  width: 100%;
}

#calendarBorder .calendarHeader a {
  color: #FFF;
}

#calendarBorder .calendarMainWeekdays td {
  background-color: #D9EFD3;
}

#calendar #calendarEvents {
  padding: 15px;
}

#listmonthCalendar {
  margin-bottom: 20px;
}

#listmonthCalendar .calendarHeading {
  font-size: 133%;
}

#midColumn .calendarHeader {
  font-size: 133%;
}

#listmonthCalendar #calendarEvents {
  margin-top: 20px;
  line-height: 20px;
}

#listmonthCalendar .eventTable {
  width: 100%;
}

#listmonthCalendar .eventTable a {
  color: #698F00;
}

#listmonthCalendar .eventTable td {
  padding: 5px;
  background-color: #D5E5BD;
}

#listmonthCalendar th {
  background-color: #84A52B;
  color: #FFF;
}

#eventContent {
  margin-bottom: 20px;
}

/******************
## NEWS ARCHIVE ##
******************/

#newsArchiveSkog,
#newsArchiveUtmark,
#newsArchiveGenerelt {
  float: left;
  width: 146px;
  margin: 10px 5px;
}

#newsArchive h3 {
  margin-bottom: 20px;
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  font-size: 133%;
}

#newsArchive ul {
  padding-left: 0;
  line-height: 20px;
  list-style: none;
}

#newsArchive .olderArticles {
  display: block;
  margin-top: 20px;
}


/*****************
## MARKETPLACE ##
*****************/

.marketplaceFormLeft {
  float: left;
  width: 49%;
}

.marketplaceFormRight {
  float: right;
  width: 49%;
}

.marketplaceNewForm {
  clear: both;
}


/**************************
## OBJECT COMMENTS VIEW ##
**************************/
#comments {
   padding: 20px 0;
   border-bottom: 1px solid #F0F0F0;
}

#comments dt {
  background: url(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%;
}

/****************
## MARKETPLACE ##
****************/

#marketplaceSearchResults {
  margin: 10px 0;
}

#marketplaceSearchResults td {
  line-height: 18px;
}

#marketplaceSearchResults th {
  text-align: left;
  line-height: 18px;
}

#marketplaceContent {
  margin-bottom: 20px;
}

#marketplaceContent h3 {
  padding: 3px;
  background-color: #B3932F;
  color: #FFF;
}

#pager {
  text-align: right;
  padding: 5px 0;
}

#pager a {
  margin-left: 10px;
}

#mainImage {
  display: inline;
  float: left;
  width: 233px;
}

#subImagesCointainer {
  float: left;
  display: inline;
  width: 233px;
  clear: left;
  margin-top: 3px;
}

.subImages {
  display: inline;
  float: left;
  margin: 0 3px 3px 0;
}

#marketplaceContact {
  width: 220px;
  float: right;
  display: inline;
}

#marketplaceContact dt {
  width: 60px;
  font-weight: bold;
  display: inline;
  float: left;
  clear: left;
  line-height: 18px;
}

#marketplaceContact dd {
  float: left;
  display: inline;
  width: 160px;
  line-height: 18px;
  overflow: hidden;
}

#description {
  float: left;
  display: inline;
  width: 100%;
  margin-top: 20px;
}

#content .print {
  display: block;
  margin-top: 20px;
  padding: 3px 0 3px 25px;
  background: transparent url(printer2.gif) no-repeat 0 50%;
}

#youSearched {
  margin-top: 10px;
}

#marketplaceSearchResults .searchInfo td {
  padding-top: 20px;
}

#marketplaceSearchResults .nextList {
  padding: 4px 10px 4px 0;
  background: transparent url(pil_skog.gif) no-repeat 100% 50%;
}

#marketplaceSearchResults .prevList {
  padding: 4px 0 4px 10px;
  background: transparent url(prevList.gif) no-repeat 0 50%;
}

#marketplaceMainCategories {
  padding: 0;
}

#marketplaceMainCategories li {
  display: inline;
  margin-right: 10px;
}

/* ======= MENU ======= */

#marketplaceMenu {
  margin-bottom: 20px;
  padding: 10px 5px 5px 5px;
  background-color: #95771A;
}

#marketplaceMenu h3 {
  margin: 0 0 10px 5px;
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  font-size: 100%;
  text-transform: uppercase;
  font-weight: bold;
  color: #FFF;
}

#marketplaceMenu div {
  padding: 5px 5px 15px 5px;
  background-color: #B3932F;
}

#marketplaceMenu ul {
  list-style: none;
}

#marketplaceMenu a {
  color: #FFF;
  text-decoration: none;
}

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

#marketplaceMenu a span {
  font-weight: bold;
}

#marketplaceMenu h4 {
  margin-bottom: 5px;
}

#marketplaceMenu h4 a {
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  font-size: 100%;
  text-transform: uppercase;
  color: #633406;
  text-decoration: none;
}

#marketplaceMenu a.icon {
  float: left;
  display: block;
  width: 32px;
  height: 32px;
}

#marketplaceMenu a.icon span {
  display: none;
}

#marketplaceMenu a#Jakt {
  background: transparent url(jakt.gif) no-repeat 50% 50%;
}

#marketplaceMenu a#Eiendom {
  background: transparent url(eiendom.gif) no-repeat 50% 50%;
}

#marketplaceMenu ul {
  margin: 0 0 15px 20px;
}


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

.paginator .prev {
  float: left;
}

.paginator .next {
  float: right;
}

.paginator ul.pagelinks {
  margin: 10px 40px;
  text-align: center;
}

.paginator ul.pagelinks li {
  padding: 3px;
  display: inline;
}

/*###############
## BREADCRUMBS ##
###############*/

#breadcrumb {
  height: 15px;
  padding-top: 5px;
  list-style: none;
  font-size: 90%;
  width: 100%;
  position: absolute;
  left: 0;  
}

#breadcrumb li {
  display: inline;
  float: left;
  padding: 0 7px;
  background: transparent url(breadcrumb.gif) no-repeat 100% 50%;
}

#breadcrumb li.last,
#breadcrumb li.first {
  background-image: none;
  padding-right: 0;
}