/* top header */
#header #headertop{
	border-bottom: solid 1px #999;
	overflow: hidden;
	background: rgb(247,247,247); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(247,247,247,1) 1%, rgba(255,255,255,1) 48%, rgba(211,211,211,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(247,247,247,1)), color-stop(48%,rgba(255,255,255,1)), color-stop(100%,rgba(211,211,211,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 1%,rgba(255,255,255,1) 48%,rgba(211,211,211,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(247,247,247,1) 1%,rgba(255,255,255,1) 48%,rgba(211,211,211,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(247,247,247,1) 1%,rgba(255,255,255,1) 48%,rgba(211,211,211,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(247,247,247,1) 1%,rgba(255,255,255,1) 48%,rgba(211,211,211,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */
}
#header #headertop .region-nav-top{
	float: left;
}
#header #headertop .region-nav-top2{
	float: right;
}
#header #headertop .region-nav-top2 .block{
	float: right;
}
#header #headertop .menu-name-user-menu{
	margin-left: 40px;
}

/* top nav */
#headertop ul{
	padding: 0px 0 5px 0;
}
#headertop ul li{
	float: left;
}
#headertop ul li{ 
	float: left;
	padding: 0;
	margin: 0;
}
#headertop ul li a{ 
	text-decoration: none;
	font: 10px "ClanOT-Medium",Helvetica,sans-serif,Arial;
	color: #000;
	padding: 5px 8px 5px 8px;
	border-left: solid 1px #a0a0a0;
	display: block;
}
#headertop ul li.last a{
	border-right: solid 1px #a0a0a0;
}
/*#headertop ul li a:hover{ 
	color: #000;
}*/
#headertop ul li.last a{ 
}
#headertop ul li.first a.ext{ 
	padding-left: 11px;
}
#headertop ul li.irst a{ 
	background: none;
}
#headertop ul li.menu-mlid-835 a{ 
	text-decoration: none;
	font: 10px "ff-clan-web-1", Helvetica, sans-serif, Arial;
	padding: 0 0px 0 8px;
	border-right: solid 1px #505050;
}

.node-type-redaktionellt-sidbottenbrett #article-content{
	width: 768px;
}

/**
 * Administration menu.
 */
 body.toolbar {
  padding-top: 2.2em;
}
body.toolbar-drawer {
  padding-top: 5.3em;
}

/**
 * Aggressive resets so we can achieve a consistent look in hostile CSS
 * environments.
 */
#toolbar,
#toolbar * {
  border: 0;
  font-size: 100%;
  line-height: inherit;
  list-style: none;
  margin: 0;
  outline: 0;
  padding: 0;
  text-align: left; /* LTR */
  vertical-align: baseline;
}

/**
 * Base styles.
 *
 * We use a keyword for the toolbar font size to make it display consistently
 * across different themes, while still allowing browsers to resize the text.
 */
#toolbar {
  background: #666;
  color: #ccc;
  font: normal small "Lucida Grande", Verdana, sans-serif;
  left: 0;
  margin: 0 -20px;
  padding: 0 20px;
  position: fixed;
  right: 0;
  top: 0;
  -moz-box-shadow: 0 3px 20px #000;
  -webkit-box-shadow: 0 3px 20px #000;
  box-shadow: 0 3px 20px #000;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction='180', strength='10');
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction='180', strength='10')";
  z-index: 6000;
}
#toolbar div.collapsed {
  display: none;
  visibility: hidden;
}
#toolbar a {
  color: #fff;
  font-size: .846em;
  text-decoration: none;
}
#toolbar ul li,
#toolbar ul li a {
  float: left; /* LTR */
}

#toolbar div.toolbar-menu {
  background: #000;
  line-height: 20px;
  padding: 5px 50px 5px 10px; /* LTR */
  position: relative;
}
#toolbar div.toolbar-menu ul#toolbar-home li a{
	padding: 0;
	border: 0;
	background: 0;
}
#toolbar div.toolbar-menu ul#toolbar-home li a:hover,
#toolbar div.toolbar-menu ul#toolbar-home li a:active{
	padding: 0;
	border: 0;
	background: 0;
}
#toolbar-user {
  float: right; /* LTR */
  padding-top: 6px;
}
#toolbar-menu {
  float: left; /* LTR */
  padding-top: 6px;
}
#toolbar div.toolbar-menu a.toggle {
  background: url(/sites/all/themes/hbladmin/toolbar.png) 0 -20px no-repeat;
  bottom: 0;
  cursor: pointer;
  height: 25px;
  overflow: hidden;
  position: absolute;
  right: 10px; /* LTR */
  text-indent: -9999px;
  width: 25px;
}
#toolbar div.toolbar-menu a.toggle:focus,
#toolbar div.toolbar-menu a.toggle:hover {
  background-position:  -50px -20px;
}
#toolbar div.toolbar-menu a.toggle-active {
  background-position:  -25px -20px;
}
#toolbar div.toolbar-menu a.toggle-active.toggle:focus,
#toolbar div.toolbar-menu a.toggle-active.toggle:hover {
  background-position:  -75px -20px;
}
#toolbar div.toolbar-menu ul li a {
  padding: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#toolbar-home div.toolbar-menu ul li a {
  padding: 0;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
#toolbar div.toolbar-menu ul li a:focus,
#toolbar div.toolbar-menu ul li a:hover,
#toolbar div.toolbar-menu ul li a:active,
#toolbar div.toolbar-menu ul li a.active:focus {
  background: #444;
}
#toolbar div.toolbar-menu ul li a.active:hover,
#toolbar div.toolbar-menu ul li a.active:active,
#toolbar div.toolbar-menu ul li a.active,
#toolbar div.toolbar-menu ul li.active-trail a {
  background: url(/sites/all/themes/hbladmin/toolbar.png) 0 0 repeat-x;
  text-shadow: #333 0 1px 0;
}

/**
 * Collapsed drawer of additional toolbar content.
 */
#toolbar div.toolbar-drawer {
  position: relative;
  padding: 0 10px;
}
div#toolbar div.toolbar-shortcuts ul li a {
	padding: 5px !important; /* Rules over shortcut module setting */
}
/**
 * IE 6 Fix.
 *
 * IE 6 shows elements with position:fixed as position:static so we replace
 * it with position:absolute; toolbar needs its z-index to stay above overlay.
 */
* html #toolbar {
  left: -20px;
  margin: 0;
  padding-right: 0;
  position: absolute;
  right: 0;
  width: 100%;
}

/**
 * Senaste fr�n alla tidningar
 */

div#senaste-ksfmedia{
	width: 780px;
	float: left;
}
div#senaste-ksfmedia .attachment div.seemore{
	display: none;
}
div#senaste-ksfmedia h2{
	background-color: #000;
	background-position: 165px 4px;
	background-repeat: no-repeat;
	font: 700 13px/23px "ff-clan-web-1", Helvetica, sans-serif, Arial;
	color: #fff;
	text-transform: uppercase;
	padding: 1px 3px 0 5px;
	margin: 0 0 9px 0;

}
div#senaste-ksfmedia div.view{
	width: 250px;
	float: left;
	margin: 0 10px 0 0;
	overflow: hidden;
}
div#senaste-ksfmedia div.views-row{
	width: 240px;
	float: left;
	padding: 5px 0;
	border-bottom: dotted 1px #e0e0e0;
	overflow: hidden;
	color: #000000;
    font: 12px "ff-clan-web-1",Helvetica,sans-serif,Arial;
}
div#senaste-ksfmedia div.views-row-odd{
	background-color: #f0f0f0;
}
div#senaste-ksfmedia .attachment div.views-row{
	background-color: #fff;
	margin-top: -5px;
}
div#senaste-ksfmedia div.view .views-field-field-image{
	display: none;
}
div#senaste-ksfmedia div.views-field-title{
	padding: 0;
	width: 180px;
	height: 30px;
	overflow: hidden;
	float: left;
}
div#senaste-ksfmedia div.views-field-title a{
	color: #000;
}
div#senaste-ksfmedia div.views-field-published-at{
	color: #000;
	width: 45px;
	float: right;
	text-align: right;
}

div.seemore a{
	padding-left: 15px;
	color: #000;
	background: url(../img/icon_arrow-right-black.png) 0px 4px no-repeat;
}

/**
*	on.fi & bbl.fi bloggpuff
**/
.block-blogs-onbbl h2{
	background: #157DC1;
	color: #fff;
	padding: 3px 0 3px 10px;
	margin: 0 0 10px 0;
}
.block-blogs-onbbl div.blog-list-entry{
	width: 120px;
	height: 130px;
	overflow: hidden;
	float: left;
	padding: 100px 52px 0 0;
}
.block-blogs-onbbl div.blog-list-entry p{
        display: none;
}
.block-blogs-onbbl div.blog-list-entry h3{
	color: #157DC1;
	font-size: 10px;
	text-transform: uppercase;
}
.block-blogs-onbbl div.blog-list-entry h3 span{
        color: #000;
        font-size: 10px;
        text-transform: none;
	font-style: italic;
}

.block-blogs-onbbl div.blog-list-entry h2{
	background: #fff;
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 0;
}
.block-blogs-onbbl div.blog-list-entry a.read-more{
        font-size: 10px;
	color: #666;
	display: block;
}

.clearer{
	clear: both;
	display: block;
}

/**
* front page footer
**/
div#brandingpuffs{
	float: left;
	width: 100%;
	padding-top: 18px;
	margin-top: 18px;
	border-top: solid 2px #cacaca;
}
div#brandingpuffs div.brandingpuff{
	float: left;
	width: 159px;
	height: 224px;
	margin-right: 18px;
	background: #eef0f0;
	padding: 10px;
	overflow: hidden;
}
div#brandingpuffs div.last{
	margin-right: 0;
}
div.brandingpuff img.brandingpuffheader{
	margin: 0 0 10px -10px;
}
div.brandingpuff ul{
	list-style-type: disc;
	list-style-position: inside;
	margin: 0 0 10px 0;
}
div.brandingpuff ul li{
	font: 12px "ff-clan-web-1", Helvetica, sans-serif, Arial;
	color: black;
	margin: 0 0 0 0px;
}
div.brandingpuff  p{
	font: 12px "ff-clan-web-1", Helvetica, sans-serif, Arial;
	color: black;
	padding: 0px;
	margin: 0px;
}
div.brandingpuff a{
	font: 500 12px "ff-clan-web-1", Helvetica, sans-serif, Arial;
	color: black;
}
div.brandingpuff a:hover{
	text-decoration: underline;
}

/**
* Taxonomy ksf others
**/
div.view-taxonomy-list-others div.views-row{
	background: none;
	padding-left: 0px;
}
div.view-taxonomy-list-others div.views-row .views-field-created{
	font: 14px Georgia, "Times New Roman", Times, serif;
	color: #00698E;
	width: 80px;
}
div.view-taxonomy-list-others div.views-row .views-field-title a{
	font: 14px Georgia, "Times New Roman", Times, serif;
	color: #000;
}
div#taxonomy-otherksf{
	border: solid 1px #f0f0f0;
	width: 455px;
}
div#taxonomy-otherksf h2{
	color: #fff;
	background-color: #8c8c8c;
    padding: 1px 3px 0 5px;
    font: 700 13px/23px "ff-clan-web-1",Helvetica,sans-serif,Arial;
    text-transform: uppercase;
	width: 447px;
}

div#taxonomy-otherksf div.view-taxonomy-list-others div.views-row{
	margin: 0;
	padding: 5px;
	background: #fff;
}
div#taxonomy-otherksf  div.view-taxonomy-list-others div.views-row-odd{
	background: #f0f0f0;
}
div.view-taxonomy-list-others div.views-row .views-field-created{
	float: right;
	text-align: right;
	color: #000;
}
div.view-taxonomy-list-others div.views-row .views-field-domain-id{
	float: left;
}

/* Ads */
div#ads_load{
	display: none;
}
div.ads *{
	margin: 0;
	padding: 0;
}
#sidebar2 div.ads{
	margin: 0 0 10px 0;
	padding: 0;
}
div#adswrapper_left{
	width: 140px;
	height: 1000px;
	position: absolute;
	left: -150px;
}
div#adswrapper_left div.lazyload_ad{
	margin-bottom: 10px;
}

div#adswrapper_right{
	width: 140px;
	position: absolute;
	right: -150px;
}
div#adswrapper_right div.lazyload_ad{
	margin-bottom: 10px;
}

div.ads, div.EASfif{
/*	background: url(/sites/all//themes/hbl/images/bg_ads.png); */
	font-size: 0;
}
div#adpanorama400{
	display: block;
	margin: 0 auto;
	background: #f0f0f0;
}
div#adpanorama400 *{
	margin: 0 auto;
}
#ad_top{
	max-width: 728px;
	max-height: 90px;
	overflow: hidden;
	float: right;
	margin-right: 10px;
}
#ad_parad{
	max-width: 980px;
	max-height: 400px;
	margin: 0 auto;
	overflow: hidden;
}
#ad_panorama{
	display: block;
	max-width: 980px;
	margin: 0 auto;
	overflow: hidden;
}
#ad_panorama2{
	max-width: 728px;
	overflow: hidden;
	margin: 0 auto;
}
div.ad_140-160{
	margin: 10px 0 0px 0;
	display: block;
}
div.ad_right_first{
}
div.ad_roadblock_right{
	margin: 0 0 0px 0;
	display: block;
}
div#ad_giantbox{
	margin: 20px 0 20px 0;
}
div#hidden_adpanorama400,
div#hidden_adswrapper_right,
div#hidden_adswrapper_left,
div#hidden_ad_panorama{
	display: none;
}