/*
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'); 

/* GUIDE TO BODY.STYLES --
body.page-id-25 = Projects Page Specifically
body.home = Front-Page, Actual Home Page
body.single = Single Article or Blog post */

/* Set body padding */
body.page-id-25, body.page {
    padding-top: 125px;
    padding-bottom: 40px;
}
body.home, body.single {
    padding-top: 98px;
    padding-bottom: 40px;
}

/* Set body backgrounds */
body.single, body.page-id-25, body.page { background: URL('bodybg.jpg'); }
body.home { background: none; }

/* Set body fonts */
body.home, body.page-id-25 { color:#4d4d4d; }
body.single, body.page-id-23, body.page-id-29, body.page-id-27, body.page-id-25 h2 {
    color:#fff;
}

p {
    font-size: 1.1rem;
    line-height: 150%;
}

h4 { font-size: 1.5em;
    line-height: 130%;
}

.row {
	width:1024px;
}

.center {
    margin: 0 auto;
    width: 80%;
}

h1 {
	color:#fff;
	margin-bottom: 20px;
}

.navbar-fixed-top {
	position: absolute;
    border-top: 10px #02a65f;
    border-top-style: solid;
    background-color:#fff;
    color:#4d4d4d;
}

.navbar-inverse .navbar-inner {
	background-color:#fff;
	background-image: none;
	background-repeat: none;
	border-bottom:0;
}

.navbar-fixed-top .container {
    height:8em;
}

.navbar-inverse .nav .current_page_item a:hover, .navbar-inverse .nav > li > a:hover {
    color: #fff;
    background-color: #02a65f;
    box-shadow: none;
}

.navbar-inverse .brand, .navbar-inverse .nav .current_page_item a, .navbar-inverse .brand, .navbar-inverse .nav > li > a {
    text-decoration: none;
    font-family: arial;
    font-size: 16px;
    font-weight: 600;
    color: #004669;
    padding: 50px 20px;
    text-shadow: none;
	background-color: #fff;
	box-shadow: none;
}

.logo {
	width: 30%;
    height: 79px;
    float: left;
    padding: 19.5px 0;
    margin-left:20%;
}

.navbar-inner .container {
    height:50%;
}

/*
.pt-cv-view .pt-cv-ifield {
	background-color: #fff;
	padding:23px;
	min-height: 245px;
}*/

.project-desc {
    width:900px;
    background-color: #fff;
    padding:20px;
    font-size:16px;
    line-height: 150%;
    color:#4d4d4d;
    margin:0 auto;
}

/*
.pt-cv-view .pt-cv-ifield {
    min-height:442px;
}*/

.post-grid .grid-items {
    text-align: left;
    width:100%;
}

#post-grid-213 .item, #post-grid-225 .item {
    padding:20px;
}

#post-grid-213 .element_2, #post-grid-225 .element_2 {
    display: block;
    font-size: 15px !important;
    font-weight: bold;
    padding: 10px 10px !important;
    text-align: center !important;
    background: #02a65f;
    width: 100px;
    color: #fff;
    margin-top: 10px;
}

#post-grid-213 .element_0, #post-grid-225 .element_0 {
    padding:5px 0 !important;
    font-weight: bold;
}

#post-grid-213 .element_1, #post-grid-225 .element_1 {
    padding: 5px 0 !important;
}

footer {
    padding: 10px 0;
    width: 100%;
    background: #4d4d4d;
    color: #fff;
    text-align: center;
}