/* @override http://staging.idium.net/kfum.no/filestore/layout.css */

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

/* Normalizes margin and padding */
* { 
  margin: 0;
  padding: 0;
}

/* Normalizes article content elements */
#content .article 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 {
  margin-bottom: 10px;
}

#instructions {
  padding: 10px;
}

img, fieldset {
  border: 0;
}

a {
  text-decoration: none;
  color: #a14176;
}



a:hover {
  text-decoration: underline;
}

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

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

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

img {
  display: block;
}

input {
  font-size: 100%;
}

/********************
## Framework style ##
********************/
#wrapper {
  margin: 0 auto;
  width: 960px;
  border: 5px solid #dbdecf;
  border-top: 0px;
  background: #f4f5e6;
  padding: 0px 5px;
}

#header {
  background: #d6d8a0;
}

#top {
  padding: 0px: 20px;
}

#logo {
  float: left;
  margin-top: -30px;
  padding-left: 30px;
}
#logo.kretslogo {
  padding-top: 6px;
  margin: 0;	
}
div#emblem.emblem {
  float: left;
  margin-top: 4px;
  padding-left: 30px;
}
#searchForm {
  float: right;
  padding: 4px 10px 3px 0px;
}

*html #searchForm {
  width: 250px;
}

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

#searchForm .query {
  width: 190px;
  color: #b6b6ae;
  font-weight: bold;
  background: url(input-search-bg.gif) top right no-repeat;
  border: 0px;
  padding: 5px 2px 0px 5px;
  height: 27px;
  float: left;
  margin-top: 1px;
}

form#searchForm .button{
  background: url(btn-bg.gif) top left no-repeat;
  padding: 0px 2px 0px 5px;
  border:none;
  float: left;
  height: 29px;
  width: auto;
  margin: 0px;
}
#content form input.button,
#content form#tipsForm input.button {
  padding: 0px 2px 0px 5px;
  border-style: solid;
  float: left;
  height: 29px;
  width: auto;
  margin: 0px;
}

*:first-child+html #searchForm .button,
*:first-child+html #content .button,
*:first-child+html #content form#tipsForm input.button {
  padding-bottom: 0px;
}

*html #content form input.button,
*html #content form#tipsForm input.button,
*html #searchForm .button {
  padding-bottom: 0px;
}

.rightSide {
  background: url(btn-bg-right.gif) top left no-repeat;
  width: 3px;
  float: left;
  height: 29px;
  display: block;
}

form#searchForm .button {
  margin: 0px 0px 0px 10px;
}

#navigate {
  background: #949c50;
  border-top: 1px solid #898f4d;
  margin-top: -1px;
}

#breadcrumbs {
  padding: 16px 10px 5px 10px;
  color: #d6d8a0;
  letter-spacing: 1px;
  float: left;
}

#breadcrumbs a {
  color: #fefefe;
}

#breadcrumbs span.active {
  color: #949c50;
  padding: 2px 2px 1px 2px;
  background: #d6d8a0;
  border-top: 1px solid #a1a860;
  border-bottom: 1px solid #a1a860;
}

*:first-child+html #breadcrumbs span.active { /* ie7 */
  padding: 1px 2px 2px 2px;
} 


#breadcrumbs #leftSide {
  padding: 10px 5px;
  background: url(crumbs-left-side.gif) no-repeat center right;
}

#breadcrumbs #rightSide {
  padding: 10px 5px;
  background: url(crumbs-right-side.gif) no-repeat center left;
}

#main {
  padding: 5px 0px 20px 0px;
}

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

#mainColumn {
  float: left;
  width: 494px;
  margin-left: 4px;
}

#rightColumn {
  float: right;
  width: 238px;
}

#content {
  border: 1px solid #e9e9db;
  background: #fff;
  position: relative;
  padding-bottom: 20px;
  height: auto !important;
  height: 500px;
  min-height: 500px;
}

.tl, .tr, .br, .bl {
  position: absolute;
  width: 5px;
  height: 5px;
  font-size: 0%; /* ie6 line-height fix */
}

.tl {
  top: -1px;  
  left: -1px;
  background: url(tl.gif) top left no-repeat;
}

.tr {
  top: -1px;  
  right: -1px;
  background: url(tr.gif) top left no-repeat;
}

.br {
  bottom: -1px;  
  right: -1px;
  background: url(br.gif) top left no-repeat;
}

.bl {
  bottom: -1px;  
  left: -1px;
  background: url(bl.gif) top left no-repeat;
}

*html .br {
  bottom: -2px;  
}

.bl {
  bottom: -2px;  
}

/* TODO: add styles for idium footer and customer footer */

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

/*************************
## RSS PAGINATOR ##
*************************/

#list.rss_feed_list ul.list {
  list-style:none;
  padding-left:0px;
}

#list.rss_feed_list .page_navigation {
  margin-left:10px;
}

#list.rss_feed_list .page_navigation a {
  padding:5px;
}

/*************************
## SUMMARY|ARTICLE LIST ##
*************************/
#content .summary,
#content .article {
  padding: 20px 15px 10px 15px;
  line-height: 180%;
}

#content .summary {
  border-bottom: 1px solid #e8e8da;
}

#content .odd {
  /*float: left;
  width: 278px;*/
}

#content .even {
/*  float: right;
  width: 277px;*/
}

#content .summary h1,
#content .summary h2 {
  font-size: 140%;
  letter-spacing: 1px;
}

#content .summary h1 a,
#content .summary h2 a {
  font-weight: bold;
  color: #222222;
}

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

#content .article h1,
#content .article h2 {
  font-size: 200%;
  color: #a14176;
  text-transform: uppercase;
}

#content .article .text {
  font-size: 130%;
  letter-spacing: 1px;
  font-weight: bold;
}

/* TODO: get latest css from standardmaler.no, and add style to own stylesheet */
/*************************
## OBJECT COMMENTS VIEW ##
*************************/
#comments {
   padding: 0px;
}

#comments #commentsList {
   width: 100%;
}

#comments h4 {
  font-size: 120%;
  font-weight: bold;
}

#comments table {
  border-collapse: collapse;
}

#comments tr td {
  border-top: 1px solid #dfdedb;
  border-bottom: 1px solid #dfdedb;
  vertical-align: top;
  padding: 15px;
}

#comments tr.even td {
  background: #f0efe9;
}

#comments tr td.number {
  color: #999b91;
  font-weight: bold;
  font-family: Georgia, Arial, Verdana, sans-serif;
  font-size: 240%;
  padding: 5px 0px 15px 15px;
}

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

form#commentForm div,
form#tipsForm div,
#commentResponse,
#objectResponse {
  padding: 20px 30px 40px 30px;
}

#commentResponse,
#objectResponse {
  display: none;
}

form#tipsForm div#objectResponse,
form#commentForm div#commentResponse {
  padding: 0px;
}

#commentForm input#signature,
#content #commentForm textarea,
#content form input {
  width: 99%;
  background: #f1f1f1;
  border: 1px solid #b1b4b4;  
  font: 100% Arial, Verdana, sans-serif;
  padding: 7px 2px 6px 2px;
  margin-bottom: 12px;
  float: left;
}

*:first-child+html #content #commentForm textarea,
*:first-child+html #content form input {
  margin-bottom: 0px;
}

*html #content #commentForm textarea,
*html #content form input  {
  margin-bottom: 0px;
}

#commentForm input#signature,
#content form input {
  width: 50%;
}

#content form input {
  width: 45%;
  margin-right: 8px;
}

a.readmore {
  color: #8f3664;
  font-weight: bold;
}

/* Background sumary image style */
.bgImg {
  display: block;
  height: 150px;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #e5e5e5;
}

#videoContainer hr {
  witdh: 400px;
  margin: 5px 0px;
  clear: both;
  border: 0px;
  padding: 0px;
}

#videoContainer {
  padding: 20px 15px;
}

.videolist .bgImg {
  height: 100px;
}

/* Should only apply to Videolisting.xsl */
.summary .bgImg {
}

.videolist {
  width: 140px;
  float: left;
  margin-right: 14px;
  
}

#content h1#videoTitle,
#content h1.videoTitle,
#content h1#galleryTitle {
  color:#A14176;
  font-size:200%;
  text-transform:uppercase;
  padding: 10px 15px 20px 15px;
  background: url(icon-film.jpg) center right no-repeat;
  margin: 15px 20px 10px 0px;
}

#content h1#thumbTitle,
#content h1.thumbTitle {
  color:#A14176;
  font-size:200%;
  text-transform:uppercase;
  padding: 10px 15px 20px 15px;
  background: url(icon-camera.jpg) center right no-repeat;
  margin: 15px 20px 10px 0px;
}

#content h1.videoTitle {
  margin: 0px 0px 20px 0px;
  padding: 20px 0px 20px 0px;
}

#content h1#galleryTitle {
  margin: 0px 0px 0px 0px;
  padding: 35px 0px 20px 0px;
  background: url(icon-camera.jpg) center right no-repeat;
}

.bgBox {
  position: relative;
  background: #fefefe;
  border: 1px solid #e9eadc;
}

.videolist h2 {
  font-size: 140%;
  padding: 5px 0px 20px 0px;
}

.videolist h2 a {
  color: #3c3c39;
}

/* */

#navNewsContainer .bgImg {
  height: 66px;
}

#content .bgImg {
  margin: 1px;
}

.bgImgCon {
  border: 1px solid #E9E9DB;  
  margin-bottom: 4px;
  padding: 1px;
  background-color: #f4f5e6;
}

/* */

/* Article links */

#articleLinksContainer {
  padding: 25px 0px;
  background: url(bg-articlelinks.gif) center left repeat-x;
}

#articleLinks {
  list-style-type: none;
  padding: 0px;
}

#articleLinks li {
  float: left;
  margin-left: 15px;
}

#articleLinks li a {
  font-weight: normal;
  color: #a1a1a1;
  padding: 0px 5px 0px 22px;
}

#articleLinks li a.comment {
  background: url(icon-comment.gif) center left no-repeat;
}

#articleLinks li a.print {
  background: url(icon-print.gif) center left no-repeat;
}

#articleLinks li a.tipafriend {
  background: url(icon-tip-a-friend.gif) center left no-repeat;
}

#articleLinks li a.facebook {
  background: url(icon-facebook.gif) center left no-repeat;
}

/* */

#moreNews {
  text-align: right;
  padding: 10px 0px;
}

#moreNews a {
  color: #222222;
}

.date {
  font-weight: bold;
  font-size: 80%;
  padding-top: 5px;
  /*float: left;*/
}

.author {
  padding-top: 5px;
  font-weight: bold;
  font-size: 80%;
  float: left;
  margin-left: 5px;
}


#list {
}

#list .postSummary {
  padding: 10px 15px;
  border-bottom: 1px solid #e8e8da;
}

#list .postSummary a {
  color: #222222;
}

#list .postSummary span {
  color: #93a56d;
}

/* Right column layout */

#newsletter,
#recentPosts,
#events {
  background: #ecefc9 url(bottom.gif) bottom right no-repeat;
x  border: 1px solid #e9e9db;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

#newsletter .top,#recentPosts .top,
#events .top {
  background-attachment:scroll;
  background-color:transparent;
  background: #D3D7AB url(TOP_dark.gif);
  background-position:left top;
  background-repeat:no-repeat;
  height:5px
}

.speiderhjorne #recentPosts .top,
.speiderhjorne #events .top {
  background: #D3D7AB url(SpeiderneYellowTop_dark.gif);
}

#events a {
  display: block;
  clear: both;
}

#events p {
  display: inline;
}

#newsletter h2,
#recentPosts h2,
#events h2 {
  background: #d3d7ab;
  padding: 5px 10px;
  margin: 0px;
  margin-bottom: 0px;
}

#newsletter .clearfix,
#recentPosts .clearfix,
#events .clearfix {
  height: 0px !important;
}

#recentPosts a,
#events a {
  color: #222222;
  font-weight: bold;
}

#recentPosts h2 a,
#events h2 a {
  font-weight: normal;
}

#recentPosts .postSummary,
#events .postSummary {
  padding: 10px 11px;
  border-top: 1px solid #d3d7ab;
}

.icon {
  float: right;
  margin-top: -20px;
  padding-right: 20px;
}

h2.sectionTitle {
  font-size: 160%;
}

#goGallery {
  background: #fff;
  padding: 15px 20px 5px 10px;
  font-size: 150%;
}

#goGallery a {
  display: block;
  background: url(icon-camera.jpg) top right no-repeat;
  padding: 0px 10px 10px 0px;
}

#goGallery a span {
  display: block;
  font-size: 130%;
}

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


.branchList {
  padding: 10px 0px 0px 0px;
}

.branchList li {
display:inline;
float:left;
height:9px;
margin-right:3px;
width:9px;
}
.branchList li span {
display:none;
}
.branchList li {
background:transparent url(http://www.speiderprogram.no/filestore/dev/GFX/moreEventBranche.gif) no-repeat scroll 0pt -1px;
position:relative;
}
.branchList .Oppdager {
background:transparent url(http://www.speiderprogram.no/filestore/dev/GFX/moreEventBranches.gif) no-repeat scroll 0pt 0pt;
}
.branchList .Stifinner {
background:transparent url(http://www.speiderprogram.no/filestore/dev/GFX/moreEventBranches.gif) no-repeat scroll -13px 0pt;
}
.branchList .Vandrer {
background:transparent url(http://www.speiderprogram.no/filestore/dev/GFX/moreEventBranches.gif) no-repeat scroll -26px 0pt;
}
.branchList .Rover {
background:transparent url(http://www.speiderprogram.no/filestore/dev/GFX/moreEventBranches.gif) no-repeat scroll -38px 0pt;
}
.branchList .Leder {
background:transparent url(http://www.speiderprogram.no/filestore/dev/GFX/moreEventBranches.gif) no-repeat scroll -51px 0pt;
}
.branchList .Vare {
background:transparent url(http://www.speiderprogram.no/filestore/dev/GFX/CalendarIcons/oss.gif) no-repeat scroll 0pt 0pt;
height:15px;
margin:-3px 0pt 0pt 5px;
width:15px;
}
.branchList .Andres {
background:transparent url(http://www.speiderprogram.no/filestore/dev/GFX/CalendarIcons/andre.gif) no-repeat scroll 0pt 0pt;
height:15px;
margin:-3px 0pt 0pt 5px;
width:15px;
}

#magenta, #mostread {
  position: relative;
  background: #fefefe;
  border: 1px solid #e9eadc;
}

#magenta .postSummary, #mostread .postSummary {
  padding: 10px;
  border-bottom: 1px solid #e8e8da;
}

#magenta .postSummary a, #mostread .postSummary a {
  color: #222222;
}

#magenta .postSummary span, #mostread .postSummary span {
  color: #93a56d;
}

#magenta h2, #mostread h2 {
  font-size: 160%;
}

#magenta h2 a {
  display: block;
  color: #222222;
  background: url(icon-media.gif) center right no-repeat;
  padding: 5px 10px;
  margin: 10px 10px 0px 0px;
}

#mostread h2 {
  display: block;
  color: #222222;
  background: url(icon-media.gif) center right no-repeat;
  padding: 5px 10px;
  margin: 10px 10px 0px 0px;
}

.rss_feed
{
  color:#D6D6C4;
  background:url("icon_rss.png") no-repeat scroll 0 0 transparent;
  padding-left:20px;
  margin-left:10px;
}

.add_this {
  float:right;
  margin: -10px 20px 0 0;
}


/*NEWSLETTER*/
#newsletterForm {
  width: 100%;
  position: relative;
  top: 0px;
}

#newsletterForm .newsletterField label {
  position: absolute;
  top: 15px;
  left: 20px;
}

#newsletterForm .newsletterField input.email {
  background: #FFFFFF;
  border: 1px solid #DEDEDE;
  padding: 8px;
  width: 150px;
  margin: 5px 0 0 10px;
}

#newsletterForm .newsletterField input.submit {
  background: #FFFFFF;
  border: 1px solid #DEDEDE;
  color: ##222222;
  margin-left: 3px;
  padding: 7px 5px;
  position: absolute;
  top: 5px;
}
.response {
  padding: 10px 0 10px 20px;
}

#remove {
  background: #FFFFFF;
  border: 1px solid #E9E9DB;
  height: 50x;
  padding: 20px;
}