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

* { 
  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;
}

img, fieldset {
  border:0;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

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

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


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

h5 {
  font-weight:bold;
}

img {
  display:block;
}

input {
  font-size:100%;
}

input.button {
  cursor: pointer;
}

/*
## 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: 840px;
  background:url('maestro_head.gif') no-repeat top right;
}

#rightColumn {
  float: right;
  width: 210px;
  padding: 11px 0 0 27px;
}

.twitter img{
  padding: 30px 0 0;
}

.twitter a:hover {
  outline: none;
} 

#header {
  float: left;
  width: 603px;
  height: 73px;
  padding-bottom: 25px;
  font-family: Georgia;
  font-size: 117%;
  font-style: italic;
  color: #006fc9;
  position: relative;
}

#header .slogan {
  position: absolute;
  top: 30px;
  right: 150px;
}

#header .logo {
  display: block;
  position: absolute;
  top: 29px;
}

#main {
  padding-top: 1px;
  margin-bottom: 12px;
  float: left;
  width: 603px;
  background: url('dotts.gif') repeat-x top left;
}

#leftColumn {
  float: left;
  width: 151px;
}

#midColumn {
  float: right;
  width: 420px;
  padding-left: 30px;
}

#content {
  padding-top: 13px;
}

#footer {
  font-family: Verdana;
  font-size: 75%;
  clear: both;
}

/*
## ARTICLE NAVIGATION IN LEFT COLUMN */
#articleNav {
  font-family: Arial;
  background: url('dotts.gif') repeat-x top left;
  color: #888;
}

#articleNav a {
  color: #888;
}

#articleNav a:hover {
  text-decoration: none;
}

#articleNav .prev,
#articleNav .next {
  height: 30px;
  line-height: 30px;
}

#articleNav .next {
  background: url('dotts.gif') repeat-x top left;
}

/*
## FOOTER STYLE */
#footer .footerContainer {
  width: 603px;
  padding-top: 8px;
  background: url('dotts.gif') repeat-x top left;
}

#footer .maestro {
  float: left;
  width: 400px;
  color: #006fc9;
}

#footer .maestro a {
  color: #006fc9;
}

#footer .kingdesign {
  float: right;
  width: 201px;
  text-align: right;
}

#footer .kingdesign a {
  color: #888;
}

/*
## COMMON INPUT STYLES IN RIGHT COLUMN */
#rightColumn .container input {
  font-size: 75%;
  color: #666;
  font-family: Verdana;
}

#rightColumn .container .input {
  border: 0 none;
  height: 15px;
  padding-top: 2px;
  padding-left: 3px;
}

#rightColumn .container .submit {
  border: 0 none;
  height: 17px;
  text-transform: uppercase;
}

/*
## LOGIN FORM IN RIGHT COLUMN */
#loginContent {
  height: 125px;
  background:url('dotts.gif') repeat-x bottom left;
}

#loginContent .error {
  color: #c50013;
}

#loginContent .content {
  font-family: Verdana;
}

#loginForm .username {
  background: url('username_back.gif') no-repeat scroll left top;
  width: 206px;
  margin-bottom: 9px;
}

#loginForm .password {
  background: url('password_back.gif') no-repeat scroll left top;
  width: 139px;
  float: left;
  margin-right: 4px;
}

#loginForm .submit {
  width: 61px;
  background: url('loginBtn.gif') top left no-repeat;
}

#loginContent li {
  float: left;
}

#loginContent .user {
  font-size: 75%;
  color: #888;
}

#loginContent .user a {
  color: #888;
  text-decoration: none;
}

#loginContent .user .submit {
  height: auto;
  background: #fff;
  text-transform: none;
  font-size: 100%;
  color: #888;
  text-align: left;
}

/*
## PROFILED ARTICLES IN RIGHT COLUMN */
#profiled .content {
  background:url('dotts.gif') repeat-x top left;
}

#profiled dt {
  font-family: Verdana;
  font-size: 75%;
  padding: 13px 0 2px;
}

#profiled dd {
  font-family: Arial;
  font-weight: bold;
  padding-bottom: 13px;
  background:url('dotts.gif') repeat-x bottom left;
}

#profiled a {
  color: #000;
}

#profiled a:hover {
  color: #c50013;
  text-decoration: none;
}

/*
## SEARCH CONTENT IN RIGHT COLUMN */
#searchContent h3 {
  background:url('dotts.gif') repeat-x bottom left;
}

#searchContent .content {
  padding-top: 10px;
}

#searchContent form .query {
  background:url('seek_back.gif') no-repeat bottom left;
  width: 167px;
  margin-right: 1px;
  float: left;
}

#searchContent .submit {
  width: 36px;
  background: url('searchBtn.gif') top left no-repeat;
}

/*
## SEARCH RESULTS */
#content .searchResult .summary h2 {
  font-size: 133%;
}

#content .paginator a {
  color: #006fc9;
}

#content .paginator .prev {
  float: left;
}

#content .paginator .next {
  float: right;
}

#content .paginator .pages {
  margin: 0 70px;
  text-align: center;
}

#content .paginator .pages span {
  padding: 0 2px;
}

/*
## WIDE MID COLUM VIEW - USED IN AKTUELT */
#midColumn.wide {
  float: none;
  width: auto;
  padding: 0;
}

#midColumn.wide .summary,
#midColumn.wide .article {
  padding-bottom: 13px;
  background: url('news_list_dotts.gif') no-repeat bottom left;
}

#midColumn.wide .article {
  margin-bottom: 10px;
}

#midColumn.wide .summary.last,
#midColumn.wide .article.last {
  background: none;
}

#midColumn.wide .summary h1,
#midColumn.wide .summary h2,
#midColumn.wide .article h1,
#midColumn.wide .article h2 {
  margin: 0;
}

#midColumn.wide .summary-image {
  float: left;
}

#midColumn.wide .summary .text {
  font-weight: normal;
}

#midColumn.wide .summary-content {
  float: right;
  width: 430px;
}

#midColumn.wide .summary.folder {
  padding: 0;
  background: none;
}

#midColumn.wide .summary.folder .summary-image {
  margin-top: -13px;
  padding-bottom: 1px;
  background:url('dotts.gif') repeat-x bottom left;
}

#midColumn.wide .date {
  font-family: Verdana;
  font-size: 75%;
  margin-bottom: 3px;
}

#midColumn.wide .summary.odd h1,
#midColumn.wide .summary.even h1,
#midColumn.wide .summary.odd h2,
#midColumn.wide .summary.even h2,
#midColumn.wide .article.odd h1,
#midColumn.wide .article.even h1,
#midColumn.wide .article.odd h2,
#midColumn.wide .article.even h2 {
  font-size: 100%;
  padding: 0;
  background: none;
}

#midColumn.wide .article.odd h1,
#midColumn.wide .article.even h1,
#midColumn.wide .article.odd h2,
#midColumn.wide .article.even h2 {
  color: #000;
  font-weight: bold;
}

#midColumn.wide .summary.odd h1 a,
#midColumn.wide .summary.even h1 a,
#midColumn.wide .summary.odd h2 a,
#midColumn.wide .summary.even h2 a,
#midColumn.wide .article.odd h1 a,
#midColumn.wide .article.even h1 a,
#midColumn.wide .article.odd h2 a,
#midColumn.wide .article.even h2 a {
  color: #000;
  font-weight: bold;
}

/******************
## COMMON STYLES ##
******************/
.container h3 {
  font-size: 125%;
  font-weight: normal;
  font-family: Georgia;
  padding-top: 17px;
  padding-bottom: 9px;
}

/*************************
## SUMMARY|ARTICLE LIST ##
*************************/
#content .summary h1,
#content .summary h2,
#content .article h1,
#content .forum h1 {
  font-size: 167%;
  background:url('dotts.gif') repeat-x bottom left;
  padding-bottom: 8px;
  color: #006fc9;
}

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

#content .summary .text,
#content .article .text {
  font-weight: bold;
  width: 413px;
  line-height: 16px;
}

#content .summary a {
  color: #c50013;
  text-decoration: none;
}

#content .summary h1 a,
#content .summary h2 a {
  color: #006fc9;
}

#content .article-content {
  width: 413px;
  line-height: 16px;
}

#content .article-content ul {
  list-style-position: inside;
  padding-left: 0px;
  margin-left: 0px;
}

#content .article-content a {
  color: #c50013;
  text-decoration: none;
}

/*
## FRONTPAGE VIEW */
#main.frontpage {
  padding-top: 0;
  margin-bottom: 0;
}

.frontpage #midColumn {
  float: none;
  width: auto;
  padding-left: 0;
}

.frontpage  #flashcontent embed {
  display: block;
}

.frontpage  #content {
  padding-top: 0;
}

.frontpage #content .summary,
.frontpage #content .article {
  padding-top: 15px;
}

.frontpage #content .mainContent {
  float: left;
  width: 383px;
  padding-right: 10px;
}

.frontpage #content .rightContent {
  float: right;
  width: 170px;
  background: #ececec url('vertcal_dotts.gif') repeat-y top left;
  font-size: 75%;
  font-family: Verdana;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 16px;
}

.frontpage #content .summary h1,
.frontpage #content .summary h2,
.frontpage #content .article h1,
.frontpage #content .article h2 {
  background: none;
  padding-bottom: 0;
  margin-bottom: 2px;
}

.frontpage #content .summary .text {
  width: auto;
  font-weight: normal;
  font-size: 125%;
  line-height: 21px;
  color: #504c48;
  margin-bottom: 0;
}

.frontpage #content .mainColumn h1 {
  font-weight: bold;
  color: #504c48;
  font-size: 100%;
  font-family: Verdana;
}

.frontpage #content .article .article-content {
  width: auto;
}

.frontpage #content .mainColumn {
  color: #504c48;
}

.frontpage #content .mainColumn a {
  color: #504c48;
}

/*
## WIDE MID COLUM VIEW - USED IN BRUKERNYT */

#midColumn.brukernytt {
  padding: 0;
}

#midColumn.brukernytt .summary {
  padding-bottom: 13px;
  background: url('brukernytt_list_dotts.gif') no-repeat bottom left;
}

#midColumn.brukernytt .summary.last {
  background: none;
}

#midColumn.brukernytt .summary h1,
#midColumn.brukernytt .summary h2{
  margin: 0;
}

#midColumn.brukernytt .summary-image {
  float: left;
  
}

#midColumn.brukernytt .summary .text {
  font-weight: normal;
}

#midColumn.brukernytt .summary-content {
  float: right;
  width: 430px;
}

#midColumn.brukernytt .summary.folder {
  padding: 0;
  background: none;
}

#midColumn.brukernytt .summary.folder .summary-image {
  margin-top: -13px;
  padding-bottom: 1px;
  background:url('dotts.gif') repeat-x bottom left;
}

#midColumn.brukernytt .date {
  font-family: Verdana;
  font-size: 75%;
  margin-bottom: 3px;
}
#midColumn.brukernytt .summary.odd h1,
#midColumn.brukernytt .summary.even h1,
#midColumn.brukernytt .summary.odd h2,
#midColumn.brukernytt .summary.even h2 {
  font-size: 100%;
  padding: 0;
  background: none;
}

#midColumn.brukernytt .summary.odd h1 a,
#midColumn.brukernytt .summary.even h1 a,
#midColumn.brukernytt .summary.odd h2 a,
#midColumn.brukernytt .summary.even h2 a {
  color: #000;
  font-weight: bold;
}