/*
Theme Name: Passion for Coding
Author: Anders Abel
Author URI: http://coding.abel.nu/
*/

/* Fix header sizes on blog list */
.post-list h1.entry-title {
    font-size: 36px;
    font-weight:  500;
}

.entry-header a:hover {
    text-decoration: none;
}

.post-list h1 {
    font-size: 30px;
}

.post-list h2 {
    font-size: 24px;
}

.post-list h3 {
    font-size: 18px;
}

.post-list h4 {
    font-size: 14px;
}

.post-list h5 {
    font-size: 12px;
}

/* Styling for articles */

h1.entry-title{
    font-size: 40px;
    font-weight:  bold;
    color: rgb(51, 51, 51);
    margin-top:  0px;
}

article {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.post-list article{
    margin-bottom: 15px;
    margin-top:  15px;
}

.entry-header {
    margin-bottom: 10px;
}

/* The navbar and basic layout*/
body {
    padding-top: 50px;
    background-color:  #ddd;
}

.admin-bar .navbar-fixed-top{
    padding-top:  32px;
}

#wrapper{
    background:  white;
    padding-top:  20px;
    margin-bottom:  20px;
    padding-bottom:  20px;
}

.navbar-custom-button {
    background-repeat: no-repeat;
    background-position-y: center;
    height: 50px;
    display: block;
    float: left;
    height: 32px;
    width: 32px;
    margin-top: 0px;
    margin-bottom: 15px;
}

.navbar-custom-button:hover{
    text-decoration:  none;
}

@media (min-width: 768px) {
    .navbar-custom-button {
        margin-top: 9px;
        margin-bottom: 0px;
    }
}

.my-twitter-follow-button {
    background-image: url('images/twitter.png');
    margin-left: 16px;
}

.rss-button {
    background-image: url('images/rss.png');
    margin-left: 16px;
}

.email-button {
    background-image: url('images/email.png');
    margin-left: 16px;
}

.license-image
{
    margin-right:  10px;
    margin-top:  5px;
}

/* Offset more anchors for navbar*/
span[id^="more"], {
    padding-top:  100px;
    margin-top:  -100px;
    display:  inline-block;
}

/* Styling inside articles */
article .alignleft{
    float:  left;
    margin-right: 5px;
}

article .alignright{
    float:  right;
    margin-left:  5px;
}

article img{
    border:  1px solid #ddd;
    padding:  5px;
    box-sizing:  content-box;
    max-width: 100%;
    height: auto;
}

article .wp-caption{
    margin-top:  15px;
    margin-bottom:  25px;
}

article .wp-caption-text{
    float:  right;
    font-weight:  bold;
    font-size:  0.8em;
}

article .wp_syntax table td.line_numbers pre {
    width:  auto !important;
}

/* Tables in articles. Bootstrap doesn't autostyle all tables, only those with a .table 
 * class - which is not the case in my  posts :-( 
 */
article table{
    width:  100%;
    margin-bottom:  15px;
}

article table>thead{
    vertical-align: bottom;
    border-bottom:  2px solid #ddd;
}

article table>tbody>tr{
    border-bottom:  1px solid #ddd;
}

article table>tbody>tr:nth-child(odd){
    background-color:  #f9f9f9;    
}

article .seriesbox h2{
    margin-top:  0px;
}

article .seriesbox{
    font-size:  1em;
}

.share-buttons{
    height:  25px;
    max-height:  25px;
}

/* Comments */
.comment-container{
    min-height:  100px;
}

#comments{
    margin-top: 15px;
}

#site-footer{
    border-top:  2px solid #ddd;
}

#ad-sidebar{
    margin-top: 20px;
}