/*
You may learn from this CSS and use its techniques in your own projects,
but the unique combination of images, colors, sizes, typography and positioning ("the design")
is copyright (c) Bluegarden AS and may not be used by anyone but us.

Created:  29.06.2009, Morten Mastad - http://www.edbtotalpartner.no
Contact:  webmaster@bluegarden.no

Inspired by CSS on bluegarden.no
*/

html{ padding:0; margin:0; }
body{ padding:0 0 1em 0; margin:0; color:#373737; font:normal normal normal 76%/140% tahoma, sans-serif; text-align:center; background: #606060; }
  
:focus {outline:none;}
th, td {vertical-align:top;}

/*standards*/
.break  { display: block; clear:both; height:0; line-height:0; font-size: 0;}

/*.pad {padding:4px 6px;}*/
.byline { color:#888; font-family: Georgia;}
  
.mandatory span, span.mandatory {color:#f70907; background:transparent; font-weight:bolder;}
.validator {color:#f70907; background:transparent;}
.nowrap {white-space:nowrap;}
/*.submit {font-size:1.1em; padding:3px;}*/

h1, h2, h3, h4, h5, h6 { color: #234a99; line-height:normal; font-family: Georgia; }

h1{ padding: 0px 0 0px 45px; margin:0 0 .3em -45px; font-size: 2.2em; background: url(../images/blog/icon-greater-then-dark3.gif) 0 6px no-repeat; }
h1.first, h2.first{ background-image: url(../images/blog/icon-greater-then-dark.gif); }
h2{ margin:1em 0 .6em 0; font-size:1.4em; }
h3{ margin:0 0 .5em 0; font-size:1em; }
h4, h5, h6{ margin:0; font-size:1em; }

p, .nText {margin:0 0 1em 0; font-size:1em; display:block;}
.ingress em {font-weight:bolder; font-style:normal;}
.no-margin {margin-bottom:0;}


a{ text-decoration: none;}
a:link {color:#234a99;}
a:visited {color:#234a99; background:transparent;}
a:hover {color:#000;}
a:active {color:#000; background:transparent;}

form {margin:0; padding:0;}
fieldset {margin:1em 0 1em 0; display:block; padding:1em; width:auto;}
legend {color:#575758; font-weight:bolder; padding-left:.5em; padding-right:.5em;}
input, select, option, textarea {font-family:tahoma, sans-serif; font-size:1em;}
input.text, input.text-normal, input.text-small, textarea  {border: 1px solid #dadada;}
input.radio {width:16px; height:16px;}
input.check {width:16px; height:16px;}

table, td {font-size:1em;}

ul, ol, dl { margin-top:0; margin-bottom:1em;}
ul {list-style:outside url(item.png);}
ol {list-style:decimal outside;}
li {padding: 0; margin:0;}

ol, ol li{ margin-left: 12px; padding: 2px 0; }
   
/* Hided for older IE */
html>body ol li{ margin-left: 8px; }

ul.plain{ margin: 0; padding: 0; list-style: none;}

img {border:none;}
img.fix{ display: block; margin: 0; padding: 0;} /*IE image fix*/

.mb-group a:hover {color:#000; background:transparent; text-decoration:underline;}

/*topline mb-group*/
.mb-group { font-size:.9em; display:block; text-align:right; clear:both; width:100%; padding:4px 0 6px 0; line-height:normal; border-top:1px solid #737375; background:url(../images/common/bg-mb-group.gif) 0 100% repeat-x;}
  
.mb-group a {margin:0 10px 0 0;}
.mb-group a:link, .mb-group a:visited, .mb-group a:active { color:#373737; text-decoration:underline; background:transparent; }
.mb-group a:hover {color:#000; background:transparent; text-decoration:underline;}

/*menu*/
.mb-group ul, .mb-group li {display:inline; list-style:none; margin:0; padding:0;}
.mb-group li.first {margin-right:4px; margin-left:0; list-style-image:none;}

/*containers*/
.blogpage-light{ 
    width: 100%; 
    background: #f2f2f2 url(../images/blog/bg-blogg.gif) 0 0 repeat-x;
 }
.blogpage { width:960px; margin:0 auto; padding:0; color:inherit; text-align:left; background: #fff }
.blogpage-content{ display: block; clear:both; width:100%; padding:0; margin:0; background: #fff url(../images/blog/bg-blog-content.gif) 0 0 repeat-y; }
.footer { clear: both; width: 960px; margin:0 auto; padding: 35px 0 60px 0; color: #fff; text-align:left; background: url(../images/common/bg-footer.gif) 0 0 repeat-y;}

/*blogpage-top*/
.blogpage-top { display:block; clear:both; height: 74px; margin: 0; padding: 0; font-size:.9em; background: #0b4165; }
.blogpage-top .logo { float: right; clear: both;}

/*search*/
.search{ float: left; width:100px;}
.search .pad{ 
	padding-top:0;
	padding-left:25px;
}

.form-search{ 
	display: block; 
	width: 130px; 
	margin: 8px 0 15px 35px; 
	padding: 2px; 
	border: 1px solid #b1b1b1; 
	background: #fff;}
.input-search-frase { 
	width: 110px; 
	border: 0; 
	margin-right: 3px; 
	margin-right: 0px\9; 
	*margin-left:-34px;
	color: #828282; 
	font-weight: 700; 
	font-size: .9em;
}
.input-search-button{ 
	position: absolute; 
	margin-top: 2px; 
}

/*blogpage-content*/
/* columns */
.blogpage-colL{ display: inline; float: left; width: 705px; overflow: hidden; padding: 0px 0 50px 0; margin: 0; background: #fff url(../images/blog/bg-blog-top-left-corner.gif) 0 0 no-repeat; }
.blogpage-colM{ display: inline; float: left; width: 255px; overflow: hidden; padding: 25px 0 100px 0; margin: 0; background: #ebebeb url(../images/blog/bg-blog-top-right-corner.gif) 100% 0 no-repeat; }

/*footer*/
.footer-colL{ display: inline; float: left; clear: left; width: 705px; overflow: hidden; padding: 0; margin: 0; }
.footer-colR{ display: inline; float: left; clear: none; width: 255px; padding: 0; margin: 0; }


/* content */
/*blogpage-colL*/
.blogpage-colL .pad, .blogpost, .blogpost.first{ padding: 15px 45px; }

.blogpage-colL .padding { padding: 15px 45px; }

.blogpage-colL .no-results, .blogpage-colL .results { padding: 0 45px 15px 45px; }
/*rating*/

/*.rating{ float: right; margin-top: -35px; background: url(../images/common/shaddow-bottom-right.gif) right bottom no-repeat;}
.rating dt.stars{ padding: 0 10px;}
.stars a{text-decoration: none;}
.rating dd{ padding: 2px 6px 8px 6px; margin: 0; text-align: right; }*/

.shaddow-left{ 
  float: left;
  width: 45%;
  height: 48px;
  padding: 10px 10px 10px 10px; 
  background: url(../images/common/shaddow-left.gif) 0 0 no-repeat; }
  
.shaddow-right{ 
  float: right;
  width: 45%;
  height: 48px;
  text-align: right;
  padding: 10px 10px 10px 10px; 
  background: url(../images/common/shaddow-right.gif) 100% 0 no-repeat; }

/*parents*/
.parents{ margin-bottom: 10px; padding-left: 25px; text-decoration: none; background: url(../images/common/icon-arrow.gif) 2px 2px no-repeat;}

/*advice to a friend*/    
.advice{ /*float: left; padding: 5px 10px 8px 10px; background: url(../images/common/shaddow-bottom-left.gif) 0 bottom no-repeat;*/ }
.advice a{ padding-left: 25px; text-decoration: none; background: url(../images/common/icon-envolope.gif) 2px 2px no-repeat; }

/*comments*/
.comments{ margin-top: 10px;}
.shaddow-right .comments{ margin: 0 0 10px 0;}
.shaddow-right .comments a{ padding-right: 20px; font-weight: 700; text-decoration: none; background: url(../images/blog/icon-comment-small.gif) 100% 0 no-repeat;}

.comment{ margin-bottom: 3em;}  
.comment-byline{ padding: 0px 8px 2px 40px; margin-bottom: .4em; background: url(../images/blog/icon-comment.gif) 0 0 no-repeat; }
  .comment-name{ padding-right: 5px; color: #333333; font-size: 1.3em; font-weight: 700; }
  .comment-date{ color: #bebebe; font-size: 1.1em; font-weight: 700; }  
  
/*add comment*/
.comment-form{ width: 100%; background: #f0f0f0;}
.comment-form .pad{ padding: 30px 15px;}
.comment-form table{ width: 100%; }
.comment-form table th{ padding-bottom: 1em; font-family: Georgia; text-align: left; font-size: 1.3em;}

.comment-form table td{ vertical-align: top; }
.comment-form table td.title{ width: 34%; font-weight: 700; text-align: right;}

.comment-form input.text, .comment-form input.text-normal{ width: 60%; }
.comment-form input.text-small{ display: block; margin: 2px 0; width: 98px; }

.comment-form textarea{ width: 90%; }
.comment-form input.btn{ float: right; margin-top: -50px;} 

/*publish elsewhere*/  
.publish{ 
  float: right;
  clear: both;
  width: auto;
  padding-top: 10px;} 

/*blogpage-colM*/
.blogpage-colM dt{ font-size: 1.2em; font-weight: 700; padding-left: 25px; padding-bottom: 8px; }
.blogpage-colM dd{ margin: 0; padding: 0 15px 0 25px;}

.dl-menu{ margin-bottom: 25px; }
.dl-menu dt{ padding: 6px 0 6px 25px; background: url(../images/blog/icon-greater-then-light.gif) 0 3px no-repeat; }
.dl-menu dd{ margin: 0; padding: 4px 20px 4px 25px;}
.dl-menu dd li{ padding: 2px 6px; border-top: 1px solid #cfcfcf;}
dd li.first{ border: 0;} 

.buttons{ text-align: right; margin-right: 20px;}
.buttons li{ padding: 4px 0;}


/*footer*/
.footer h2{ color: #fff; font-weight: 700;}

.footer-light{}

.footer .cols{ clear: both; width: 100%;}
.footer .col4-1, .footer .col4-2, .footer .col4-3,.footer .col4-4{ display: inline; float: left; width: 20%; margin: 0 0px 0 25px; padding: 0; overflow:hidden;}
.footer .col4-1{ 
    width: 23%;
    margin-left: 45px;
    }
.footer .col4-1 .col dd,.footer .col4-2 .col dd,.footer .col4-3 .col dd,.footer .col4-4 .col dd{
    float:left;
    margin-left: 0px;
    }
.footer .col4-1{
    width:25%;
    }    
.footer .col4-2{
    
    }
.footer .col4-3{
    }
.footer .col4-4{
    }


.footer-dark{}
.footer-colR .pad{ padding: 0 20px 0 25px;}

.copyright{ font-size: 0.9em;}
.copyright .pad{ padding-top: 30px;}

/*pager*/
.pager{float:right;padding:0 50px 0 0;}

.mediaContent{padding-top:10px;padding-bottom:20px;}
.copyright{clear:both;padding-left: 45px;font-weight:bold;}

/*Google customized search*/
.googleSearch{width:90%;float:right;}