/***************************************************************************************************************
*
*				För Timadmin
*
*
****************************************************************************************************************/
.TimEditArticleClass{
	font-size:10px;
	color:#C0C0C0;
}

.puffEditLink{
	font-size:10px;
	color:#C0C0C0;
}
/***************************************************************************************************************
*
*				För Tim
*
*
****************************************************************************************************************/

.TimErrorMessageClass{
	font-weight:bold;
}
body{
		font-family:"Open Sans";
		font-weight:300;
		background-color:#F3EFE0;
		font-size:16px;
	}
	h1{
		font-weight:700;
		margin-top:0px;
		padding-top:0px;
		text-transform:uppercase;	
		font-family:"Source Sans Pro";
	}
	._removePadding{
		margin-left:-15px;
		margin-right:-15px;
	}
	._no-padding-left{padding-left:0px;}
	._no-padding-right{padding-right:0px;}
	
	._mainContainer{
		padding:1.6em 2.9em;
		background-color:#FFF;	
	}
	
	._header{
		
			
	}
		._header ._board{
			background-color:#00F;
			height:2em;	
		}
		._header ._main{
			background-color: #b84d45;
			background-image: url(/images/bg.png);
			color: rgba(255, 255, 255, 0.8);
			position: relative;
			font-size:4em;
			text-transform:uppercase;
			font-weight:700;
			padding:0.3em 0.5em;
		}
		@media screen and (max-width: 500px) {
			._header ._main{
				font-size:2.5em;
			}
		}
		._header ._main a{
			color:#FFF;	
		}
			._header ._main a:hover{
				text-decoration:none;	
			}
		._header ._main ._subHeader{
			font-size:0.3em;	
			margin-top:-1em;
			color:#CCC;
		}
		._header ._main ._buy{
			font-size:0.4em;
			text-align: right;
			color:#fff;	
		}
			._header ._main ._buy a{
				color:#e9fba2;
				text-decoration:underline;
			}
			._header ._main ._buy span{
				margin-left:0.5em;
				padding-top:0.3em;		
				float:right;	
			}
	._menu{
		
		background: #f5f5f5; 
	}
		._menu .navbar-toggle {
			background:#CCC;	
		}
			._menu .navbar-toggle .icon-bar{
				background:#FFF;	
			}
		
	._menu #navbar .nav li a{
		color: #777;
		position:relative;
		font-family:"Source Sans Pro";
		font-size:1.2em;
	}
	
	._menu #navbar .nav li.active a{
		color:#b84d45;	
	}
		._menu #navbar .nav li.active span{
			position:absolute;
			bottom:-15px;
			
			left:0;
			right:0;
			margin-left:auto;
			margin-right:auto;
			
			border-left: 15px solid transparent;
			border-right: 15px solid transparent;
			border-top:15px solid #f5f5f5;
			height: 0;
			width: 0;
		}
	
	._wrapper{
		padding:2.2em 0 2em 0;	
	}
	._wrapper ._teasers{
		margin-top:2em;
		padding-left:15px;
		padding-right:15px;
	}
		._teasers .row{
			margin-bottom:2em;
			padding-bottom:2em;
		}
		._teasers .row:not(:last-child){
			border-bottom:2px dotted #F5F5F5;
		}
		._teasers .row h4{
			font-weight:700;
			
		}
			._teasers .row h4 span{
				margin-right:1em;	
			}
		._teasers .row div img{
			
		}
		._teasers .row div._marginBottom{
			margin-bottom:1em;	
		}
	footer{
		background:#F5F5F5;	
		padding:2em;
	}
		footer ._col{
			margin-bottom:1.5em;	
		}
		footer ._col h4{
			font-family:"Source Sans Pro";	
			font-weight:700;
			color:#666;
		}
		footer ul {
			padding:0px;
			
		}
		footer ul li{
			padding: 1em 0 1em 0;
			border-bottom:1px solid #fff;
			list-style:none;
		}
			footer ul li span{
				margin-right:1em;
			}
	
	/*Bootstrap customization*/
	
	.panel{
		border-top-left-radius:0px;
		border-top-right-radius:0px;
		border-bottom-left-radius:3px;
		border-bottom-right-radius:3px;
		margin-bottom:2em;	
	}
	.panel-default > .panel-heading {
		background-image: none;
		background-repeat: none;
		padding-top:1em;
		padding-bottom:1em;
	}
		.panel-default > .panel-heading span.glyphicon{
			color:#ccc;
			font-size:1.1em;	
		}
	
	/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}


/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}