/*
Theme Name: WP Bootstrap
Theme URI: http://teamtreehouse.com/wordpress-bootstrap-theme-tutorial
Description: A demo theme built to accompany the Treehouse blog post <a href="http://teamtreehouse.com/wordpress-bootstrap-theme-tutorial">How to Build a WordPress Theme with Bootstrap</a>.
Author: Zac Gordon
Author URI: http://teamtreehouse.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 simple theme was built using the example Bootstrap theme "Basic marketing site" found on the Bootstrap web site http://twitter.github.com/bootstrap/examples/hero.html
*/

@import url('bootstrap/css/bootstrap.css'); 
@import url('bootstrap/css/bootstrap-responsive.css'); 
body { 
     padding-top: 60px; 
     padding-bottom: 40px;
	 background:#e8e8e8 url('images/bg-body.png') repeat left top;
}
h1, h2, h3, h4, h5, h6, a {
color:#EB714D;
}

#follow.right {
display: none;
}

.container {
margin-top: -60px;
}

.page-header {
background: #fff url('images/bg-square.png') no-repeat right top;
padding:10px;
margin:10px 0;
border: 1px solid #e5e5e5;
border-radius:5px;
width:980px;
margin-left:-171px;
}
.span9 {
width: 640px;
}

.post img {
    margin: 10px;
    max-width: 680px;
	}
.alignright {
    float: right;
}
.alignleft {
    float: left;
	}
.row {
	padding:10px;
	background:#fff;
	border-radius:5px;
	border: 1px solid #e5e5e5;
	width:980px;
	margin-left:-171px;
	}
	body {
    padding-top: 60px;
    padding-bottom: 40px;
}
.sidebar-nav {
    padding: 9px 0;
}

#sidebar {
    float:right;
	text-align:center;
	list-style-type:none;
	padding:10px;
	position:absolute;
	margin-left:659px;
}
#sidebar li{
list-style-type:none;
border-bottom: 1px solid #eee;
}

#content {
    margin-left: 0;
}

@media (max-width: 767px) {
    #sidebar {
        float:none;
		position:absolute;
		width:200px;
		margin-left:600px;
		padding:10px;
    }
}

.shareinpost ul.socialwrap {
width:640px; 
}
/*Responsive tablet*/
@media (max-width: 979px) {
.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
width:798px;
margin-left:41px;
}
.page-header {
width:855px !important;
}
.row {
width:798px !important;
margin-left:-118px !important;
}
}


.header {
height: 60px;
}
.post {
border-bottom: 1px solid #ccc;
}
.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
color: #ffffff !important;
}
.navbar-fixed-top, .navbar-fixed-bottom {
position: inherit;
}
.navbar-inverse .navbar-inner {
border-radius:5px;
background-image: url('images/glossy-15-21.png') !important;
background-color:#EB714D;
background-repeat:repeat-x;
background-position:left top;
min-height:42px;
text-align:center;
}

@media(max-width:480px){
       /* styles for mobile browsers smaller than 480px; */
	   .navbar-inverse .navbar-inner {
	   width:365px !important;
	   margin-left:160px !important;
	   margin-top:75px;
	   }
	   .span9 {
	   width:420px;
	   }
	   .page-header {
	   width:511px !important;
	   }
	   .main-title {
	   margin-left:160px !important;
	   }
	   .entermain {
	   margin-left:160px !important;
	   margin-top:-36px !important;
	   }
	   .logo {
	   margin-left:160px;
	   }
	   .post {
	   margin-left:100px;
	   width:230px;
	   }
	   .page-header h1 small {
	   position:absolute;
	   margin-top:166px !important;
	   font-size:16px;
	   margin-left:138px;
	   padding:29px !important;
	   }
	   .row {
	   width:460px !important;
	   }
	   .shareinpost ul.socialwrap {
	   width:247px !important;
	   }
	   #sidebar {
	   margin-left:293px !important;
	   padding:32px;
	   font-size:13px;
	   }
	   /*search bar */
	   #s {
	   min-width:102px !important;
	   }
	   .post img {
	   max-width:210px !important;
	   }
	   h2 {
	   font-size:23.5px !important;
	   }
	   }

.navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .nav > li > a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus {
background-color:#ff997c;
}

select, textarea, input[type="text"] {
min-width:280px;
max-width:80px;
}
#s {
min-width:150px;
max-width:80px;
}
.clearfix {
font-size:13px;
}
#author {
width:200px;
}
.page-header h1 small {
color:#630915;
float:right;
padding:12px;
font-weight:bold;
margin-top:90px;
}
.entermain {
margin-left:543px;
margin-top:-60px;
margin-bottom:50px;
}
ul.socialwrap {
width:870px;
}