/*
 * Globals
 */

body {
    font-family: Dejavu Sans Mono, Georgia, Times, serif;
    color: #555;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    margin-top: 0;
    padding-top:10px;
    padding-bottom:10px;
    font-weight: normal;
    color: #333;
}

/*
BEGINNING OF MY CODE
http://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_modal_img
http://stackoverflow.com/questions/24197730/css-image-max-width-set-to-original-image-size
http://www.w3schools.com/css/css_dimension.asp
*/
/*
div {
    max-width: 900px;
}
*/
img {
    max-width: 1200px;
}

ul {
    width: 100%;
}

/* #myImg { */
/*     border-radius: 5px; */
/*     cursor: pointer; */
/*     transition: 0.3s; */
/* } */

/* #myImg:hover {opacity: 0.7;} */

/* /\* The Modal (background) *\/ */
/* .modal { */
/*     display: none; /\* Hidden by default *\/ */
/*     position: fixed; /\* Stay in place *\/ */
/*     z-index: 1; /\* Sit on top *\/ */
/*     padding-top: 100px; /\* Location of the box *\/ */
/*     left: 0; */
/*     top: 0; */
/*     width: 100%; /\* Full width *\/ */
/*     height: 100%; /\* Full height *\/ */
/*     overflow: auto; /\* Enable scroll if needed *\/ */
/*     background-color: rgb(0,0,0); /\* Fallback color *\/ */
/*     background-color: rgba(0,0,0,0.9); /\* Black w/ opacity *\/ */
/* } */

/* /\* Modal Content (image) *\/ */
/* .modal-content { */
/*     margin: auto; */
/*     display: block; */
/*     width: 80%; */
/*     max-width: 700px; */
/* } */

/* /\* Caption of Modal Image *\/ */
/* #caption { */
/*     margin: auto; */
/*     display: block; */
/*     width: 80%; */
/*     max-width: 700px; */
/*     text-align: center; */
/*     color: #ccc; */
/*     padding: 10px 0; */
/*     height: 150px; */
/* } */

/* /\* Add Animation *\/ */
/* .modal-content, #caption { */
/*     -webkit-animation-name: zoom; */
/*     -webkit-animation-duration: 0.6s; */
/*     animation-name: zoom; */
/*     animation-duration: 0.6s; */
/* } */

/* @-webkit-keyframes zoom { */
/*     from {-webkit-transform:scale(0)} */
/*     to {-webkit-transform:scale(1)} */
/* } */

/* @keyframes zoom { */
/*     from {transform:scale(0)} */
/*     to {transform:scale(1)} */
/* } */

/* /\* The Close Button *\/ */
/* .close { */
/*     position: absolute; */
/*     top: 15px; */
/*     right: 35px; */
/*     color: #f1f1f1; */
/*     font-size: 40px; */
/*     font-weight: bold; */
/*     transition: 0.3s; */
/* } */

/* .close:hover, */
/* .close:focus { */
/*     color: #bbb; */
/*     text-decoration: none; */
/*     cursor: pointer; */
/* } */

/* /\* 100% Image Width on Smaller Screens *\/ */
/* @media only screen and (max-width: 700px){ */
/*     .modal-content { */
/*         width: 100%; */
/*     } */
/* } */


/*
END of MY CODE
*/
/*
 * Override Bootstrap's default container.
 */

@media (min-width: 1200px) {
    .container {
        width: 970px;
    }
}


/*
 * Masthead for nav
	428bca
 */

.blog-masthead {
    background-color: #AABBCC;
    /*MENU BAR; 484D46 */
    -webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
    box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);

}

/* Nav links */
.blog-nav-item {
    position: relative;
    display: inline-block;
    padding: 10px;
    font-weight: 500;
    color: #cdddeb;
}
.blog-nav-item:hover,
.blog-nav-item:focus {
    color: #fff;
    text-decoration: none;
}

/* Active state gets a caret at the bottom */
.blog-nav .active {
    color: #fff;
}

.blog-nav .active:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -5px;
    vertical-align: middle;
    content: " ";
    border-right: 5px solid transparent;
    border-bottom: 5px solid;
    border-left: 5px solid transparent;
}


/*
 * Blog name and description
 */

.blog-header {
    padding-top: 20px;
    padding-bottom: 20px;
}
.blog-title {
    margin-top: 30px;
    margin-bottom: 0;
    font-size: 50px;
    font-weight: normal;
}
.blog-description {
    font-size: 18px;
    color: #999;
}


/*
 * Main column and sidebar layout
 */

.blog-main {
    font-size: 90%;
    line-height: 1.5;
}

/* Sidebar modules for boxing content */
.sidebar-module {
    padding: 15px;
    margin: 0 -15px 15px;
}
.sidebar-module-inset {
    padding: 15px;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child {
    margin-bottom: 0;
}


/* Pagination */
.pager {
    margin-bottom: 60px;
    text-align: left;
}
.pager > li > a {
    width: 140px;
    padding: 10px 20px;
    text-align: center;
    border-radius: 30px;
}


/*
 * Blog posts
 */

.blog-post {
    margin-bottom: 60px;
}
.blog-post-title {
    margin-bottom: 5px;
    font-size: 40px;
}
.blog-post-meta {
    margin-bottom: 20px;
    color: #999;
}


/*
 * Footer
 */

.blog-footer {
    padding-top: 20px;
    pagging-bottom: 20px;
    font-size: 80%;
    color: #999;
    text-align: center;
    background-color: #f9f9f9;
    border-top: 1px solid #e5e5e5;
}
.blog-footer p:last-child {
    margin-bottom: 0;
}

.blog-quote {
    font-size: 85%;
}

#disqus_thread {
    margin-top: 15px;
}