/*
Theme Name: WP Bootstrap - Kinnas
Theme URI: http://teamtreehouse.com/how-to-build-a-simple-responsive-wordpress-site-with-twitter-bootstrap
Description: Baserat på Zac Gordons Bootstrap/WP-integration, modifierat/anpassat av Schling för Kinnas.se
Author: Zac Gordon
Author URI: http://zacgordon.com/
Version: 1.0
Tags: responsive, white, bootstrap

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/

This is an example theme to go along with the Treehouse blog post on <a href="http://teamtreehouse.com/how-to-build-a-responsive-wordpress-site-with-twitter-bootstrap">How to Build a Simple Responsive WordPress Site Using Twitter Bootstrap</a>.
*/

@import url('bootstrap/css/bootstrap.css');

/**
body {
	padding-top: 60px;
	padding-bottom: 40px;
}
**/
/*Navbar*/
.navbar-inverse a.navbar-brand{
color:#fff;
font-family:serif;
font-size:16px
}
.navbar-inverse a.navbar-brand:hover{color:#999;}


.start-jumb{
	/**margin-top:52px;**/
	margin-bottom:0 !important;
}


.jumb-link{
	font-size:24px;
}
.start-jumb a.jumb-link{
	color:#333;
}

.start-jumb{
	background-color:#FFF !important;
}

.start-jumb a.jumb-link:hover{
	text-decoration:none;
	color:#428BCA;
}

.start-jumb a.jumb-link span{
	font-size:18px;
}

.no-img{
	-webkit-columns:auto 2; /* Safari and Chrome */
-moz-columns:auto 2; /* Firefox */
}

.bpost p{
	line-height:22px;
}

.bpost img{
	margin-top:10px;
}

.jumbotron{
	padding:0 !important;
	font-size:12px !important;
}

.jumbotron a{
	font-size:14px;
}

.jumbotron a.jumb-link span{
	font-size:12px;
}

.jumbotron .row{
	margin-top:0;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #FFF !important;
    color: #333333 !important;
}

footer{
	font-size:12px;
}

footer a{
	float: right;
}

footer a:hover, footer a:hover span{
		text-decoration:none;
}

footer a span{
	font-size:10px;
}

.container-fluid {

background:#efefef;
}

#blogheader{
	padding:150px 0 150px;
	text-align:center;
	text-color:#fff;
}

@media only screen and (max-width: 480px) {
    .jig-imageContainer a {
        pointer-events: none;
    }
    
    .navbar-brand{
	    font-size:15px !important;
    }
}

.postText{
	margin-top:10px;
}

.postDate{
	color:#999;
	font-style:italic;
	font-size:12px;
	font-weight:200;
	margin-bottom:0;
}
.postTags{
	color:#999;
	font-style:italic;
	font-size:12px;
	font-weight:200;
	margin-bottom:0;
}

.postDateIns{
	color:#333;
	font-style:italic;
	font-size:16px;
	font-weight:200;
	margin-bottom:0;
}

.postCat{
	color:#999;
	font-style:italic;
	font-size:16px;
	font-weight:200;
}

.postCatIns{
	color:#333;
	font-style:italic;
	font-size:16px;
	font-weight:200;	
}

.postTitle{
	margin-bottom:0;
}

.postTitle a{
	color:#999;
}

.postTitle a:hover{
	text-decoration:none;
	color:#000;
}

/** KINNAS **/
/*Navbar*/
.navbar-inverse a.navbar-brand{
color:#fff;
font-family:serif;
font-size:22px;
}
.navbar-inverse a.navbar-brand:hover{color:#999;}


.start-jumb{
	margin-top:37px;
	min-height:30px;
	margin-bottom:20px !important;
	background: #f4f4f4; /* Old browsers */
	background: -moz-linear-gradient(top,  #f4f4f4 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f4f4f4 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f4f4f4 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

.jumb-link{
	font-size:24px;
}
.start-jumb a.jumb-link{
	color:#888;
}

.start-jumb a.jumb-link:hover{
	text-decoration:none;
	color:#428BCA;
}

.start-jumb a.jumb-link span{
	font-size:18px;
}

.no-img{
	-webkit-columns:auto 2; /* Safari and Chrome */
	-moz-columns:auto 2; /* Firefox */
}

.bpost p{
	line-height:22px;
}

.bpost img{
	margin-top:10px;
}

.jumbotron{
	padding:0 !important;
	font-size:12px !important;
	background-color:#f5f5f5 !important;
}

.jumbotron a{
	font-size:14px;
}

.jumbotron a.jumb-link span{
	font-size:12px;
}

.jumbotron .row{
	margin-top:0;
}

.navbar-nav > li > a {padding-top:8px !important; padding-bottom:8px !important;}
.navbar {min-height:20px !important; border-bottom-color:#E7E7E7 !important;}
a.navbar-brand{padding-top:8px !important; padding-bottom: 8px !important; color:#333 !important; font-family:serif !important;}
.navbar-toggle{ padding:5px !important; margin-top:5px !important; margin-bottom: 5px !important;}
.navbar{background-color:#fff !important;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background-color:#f5f5f5 !important}

.feat_img{
	max-width:100% !important;
	max-height:750px !important;
}

.b_filters{
	padding:0 !important;
}

.b_filters li{
	margin:0 ;
	padding:0 !important;
	list-style:none;
	display:inline-block !important;
}

 li.cat-item a {    background: none repeat scroll 0 0 #f9f9f9;
    border: 1px solid #f0f0f0;
    color:#999;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    float: none;
    margin: 3px 3px 0 0;
    padding: 3px 4px;
    transition: background-color 0.2s ease 0s;
    text-decoration:none;
    }
    
 li.cat-item a:hover, li.cat-item a:active{
	background: none repeat scroll 0 0 #f3f3f3;
    border: 1px solid #f0f0f0;
    text-decoration:none;
 }
 
 li.current-cat a {
 	background: none repeat scroll 0 0 #f3f3f3;
    border: 1px solid #f0f0f0;
    text-decoration:none;
    color:#777;
    }
    
.postText img{
	max-width:100% !important;
	max-height:750px !important;
}

.pageTitle{
	margin:0;
}

#bpic{
	max-height:390px !important;
}

.pcomment{
	font-size: 12px;
	margin-top:5px;
}

hr.subp{
	margin:50px 0 100px 0;
}

.aligncenter,.feat_img{
	display: block;
    margin-left: auto;
    margin-right: auto
	
}

.postText, .postDate{
	text-align:center;
}

.next{
	float:right;
}

.post_l{
	color:#999;
	
}

.post_l:hover{
	color:#333;
	text-decoration:none;
}

/* Sticky footer styles
-------------------------------------------------- */

html,
body {
  height: 100%;
  margin-bottom:-58px;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -58px;
  /* Pad bottom by footer height */
  padding: 0 0 58px;
}

/* Set the fixed height of the footer here */
#footer {
  height: 58px;
  background-color: #f5f5f5;
}

footer hr{
	margin-bottom:10px;
}