@import url("/css/GothamSSm.css");

body {
    font-family: "Gotham SSm", Helvetica, Arial, sans-serif;
}
a { color:#222; font-weight: bold; }
a:hover { color: #6d8ac4; font-weight: bold; text-decoration:none; }
h1 { margin-bottom: 10px; font-size: 32px; }
h2 { line-height:1.2em; margin-bottom: 22px; }
h3 { margin-bottom: 10px; }

hr {
    margin: 33px 0;
}

article {
    padding: 44px 0px 44px 0px;
    margin: 0;
}

article.external h6 { margin-bottom: 9px; }

#home article, #things article {
    color:#777;
}
article:not(:last-child) { border-bottom: 1px solid #e6e6e6;}
cite { float: right; font-size: 11px; text-decoration: none; color: #666; }
code { padding: 2px 4px; color: #D14; background-color: #F7F7F9; border: 1px solid #E1E1E8; }
pre { background-color: #F7F7F9; border: 1px solid #E1E1E8; font-size: 13px; line-height: 19px; overflow: auto; padding: 6px 10px; border-radius: 3px; margin: 0 0 22px;}
blockquote p { margin: 30px 20px 30px 20px; font-size: 14px; font-weight: 200; line-height: 23px; }

.byline { font-size: 12px; color: #666; }

.footer {
    margin: 66px 0;
}

.nav-list {
    padding: 0;
    margin: 0 0 44px;
}
.nav-list li {
    font-size:22px;
    line-height:2em;
}
.nav-list li a {
    font-weight:normal;
}

.header { padding-bottom: 25px; padding-top: 40px; }

.img-right { float: right; padding: 0px 0px 5px 10px; width: 50%}
.img-left { float: left; padding: 7px 20px 5px 0px; width: 50%}

.caption-right { clear: both; float: none; font-size: 13px; padding: 0px 0px 10px 10px; }
.caption-left { clear: both; float: none; font-size: 13px; padding: 7px 20px 10px 0px; }
.post-media-right { float: right; }
.post-media-left { float: right; }

.entry h1 {
    margin-bottom: 22px;
    font-size: 44px;
    line-height: 1.2em;
    font-weight: normal;
}
.entry h2 {
    margin:44px 0 22px;
}
.entry h3 {
    margin:0 0 22px;
}
.entry h4 {
    font-size: 16px;
    margin: 0 0 11px 0;
    font-weight: normal;
}

.entry a { color: #6d8ac4;}
.entry a:hover { color: #bccae5;}
.entry section p { margin: 0 0 22px; }
.entry section { font-size: 16px; line-height: 1.5em; margin-top:44px;}
.entry section img { display: block; margin: 0 0 22px;}
.entry li { list-style: square; line-height:22px; }
.entry ul { margin: 0px 0px 22px 33px; }
.entry .caption { line-height: 1.1; }

.post-meta { color:#666; font-size: 12px; padding: 10px 0 0 0; }
.post-meta ul { list-style: none; padding: 0px; margin: 0px; font-size: 12px; }
.post-meta li { display: inline; padding-right: 10px; }
.post-meta a { color: #6d8ac4;}
.post-meta a:hover { color: #bccae5;}

.post-pagination { font-size: 18px; }

.twitter-timeline { width:100%; height:888px; margin-top:20px; }

.container { margin-top: 50px; }

#disqus_thread { padding-top: 20px; }

#logo {
    margin: 0 0 88px 0;
}

#logo h1 img {
    display:block;
    margin: 44px 0 33px;
}

#logo h1 {
    font-size: 88px;
    line-height:1em;
    margin: 0;
}

#logo h1 a {
    font-weight: normal;
}
#small-logo { display:none; }

#big-picture-logo {
    font-size:22px;
    display: block;
    margin-bottom:44px;
    float:left;
}
#big-picture-logo a { font-weight:normal; }
#big-picture-logo img { width: 100px; }

#big-picture-nav li {
    list-style: none;
    float:right;
    font-size:14px;
    line-height:34px;
    margin-left:22px;
}
#big-picture-nav li a { font-weight:normal; }

#about h3 { clear:both; margin-top:40px; }
#about .img-mug { float: right; padding: 0px 0px 5px 10px; width:73px; height:73px;}

#things {
    margin-top:44px;
}

#things h2 {
    font-size:28px;
    margin:0;
    font-weight:normal;
}

#things h3 {
    font-size:22px;
    line-height: 1.2em;
}

/*.apps-grid {
	margin-top: 30px;
}
*/
.app {
	border-style: solid;
	border-color: #ebebeb;
	border-width: 0 0 1px 0;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.grid h3 a {
	font-size: 24px;
	/*font-weight: normal;*/
}

.grid img {
	width: 200px;
	display: block;
	border-style: solid;
	border-color: #ebebeb;
	border-width: 1px;

}

.text-grid {
	padding: 30px 0 30px 0;
	margin-top: 37px;
	font-size: 14px;
	color: #333;
}

.text-grid a {
	float: right;
}


table.data {
    width: 100%;
    margin-bottom: 3em;
    font-size: 80%;
    color: #666;
}
table.data caption {
    font-weight: bold;
    color: #333;
    text-align: left;
    border-bottom: 2px solid #eee;
    padding: 0 11px 11px 11px;
}
table.data td {
    padding: 10px;
    border-bottom: 1px solid #eee;
    vertical-align: top;
}
table.data td.amt { text-align: right; }



@media screen and (max-width:1000px) {
    #big-picture-nav { display:none; }
}

@media screen and (max-width:760px) {
    #small-logo {
        font-size:22px;
        display: block;
    }
    #small-logo a { font-weight:normal; }
    #small-logo img { width: 100px; }

    #rail { margin-top:20px; }
    #logo { margin: 0 0 22px 0;}
    #logo h1 { font-size: 33px; }
    #logo h1 img { margin:22px 0 22px; }

    .nav-list { margin: 0 0 22px; }
    .nav-list li { font-size:16px; }
    .footer { margin: 22px 0; }
    p.nav-header { width:60%; margin: 20px auto 0; text-align:center;}

    .entry h1 {
        font-size: 33px;
    }

    #things img { display:none; }
}

@media screen and (max-width:480px) {
    .grid .text-grid a {bottom: 5%;}
}

@media print
{
    body { padding: 0 60px; }
    .container { width:100%; }
    .row { margin-left:0; }
    #small-logo { display:block; }
    #small-logo a { font-size: 18px; }
    #small-logo a img { height: 18px; }
    #rail { display:none; }
    #content { width:100%; margin:0; }
    .entry h1 { font-size:24px; }
    .entry section { font-size:12px; }
    #disqus_thread { display:none; }
}



/*styling to get books14 images side-by-side*/
.wrapper-image{
    width:100%;
    float:left;
    clear:both;
}
.col{
    float:left;
    width:45%;
    margin-right:5%;
}

.col2{
    float:left;
    width:20%;
    margin-right:5%;
}