@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
@import url(https://fonts.googleapis.com/css?family=Ubuntu);

#header > .container { padding:24px 0px }
#header { margin-bottom:15px; border-bottom: 2px solid #ccc;  width:100%; background: #DEDEDE; padding-top:1px}
#header h1 {  font-family:'Quicksand',sans-serif; text-shadow: 2px 2px #FFEFD5; padding-left:5px}
#header h5 {  font-family:'Quicksand',sans-serif; padding-left: 5px;}
h1, h2, h3, h4, h5, h6 { font-family: 'Quicksand',sans-serif; font-weight:bold; }
h3 { text-shadow: 2px 2px #FFEFD5; }
h4 { font-weight: normal }
.projectbox { height: 150px; margin-bottom:15px; padding-bottom:5px; overflow: hidden }
.projectbox h4 { padding: 3px; }
.projectbox p {padding:5px}
.projectbox:hover { background: #FFEFD5 }
.flag { height:90%; width:5px; background: #FFEFD5; float:left; margin-right:5px; }
a { text-decoration: none; }
a:hover { border-bottom: 1px dotted; cursor: hand; }
#about-me a {border-bottom: 1px dotted} 
#gator { position:absolute; right:5px; bottom: 5px; width:20px; height:20px; opacity: 0.5; }
/* Blog post stuff */
.post pre, .post code { font-family: monospace;  background: #f8f8f8;}
.post { font-size: 20px; }
.post p { line-height: 1.5em; }
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
    font-family:'Source Sans Pro', 'Helvetica', sans-serif;
}
.post h1, .post h2 {
    margin-top:64px;
    font-weight: bold;
}
.post h1 {
    font-size: 64px;
    line-height: 1.2;
    margin-bottom: 48px;
    padding-bottom: 14px;
    border-bottom: 12px solid #DEDEDE;
}
body p {
    font-family: 'Source Sans Pro', 'Helvetica', sans-serif;
}
.img-text { display: block; font-size: 14px }
.post li { line-height:1.5em; }
.post ul { list-style-type:disc; }
.post p img { max-width:100% }
.post .inline { padding-right:15px; float:left; }
.post a, a:visited { color: #0775A7; }
.post a:hover, a:focus { color: #0775A7; }
.post p a, p a:visited { line-height: inherit; }
.post .footer { padding: 18px 0px; border-top: 1px solid rgba(150, 150, 150, 1);}
/* Pygments styles */
.codehiilte { padding: 1em 1em 1em 0; font-family: monospace }
.codehilite pre { margin-left: 1em; }
.codehilite .hll { background-color: #ffffcc }
.codehilite  { background: #f8f8f8; overflow:auto; padding: 1em 1em 1em 0; margin:1em 0;}
.codehilite .c { color: #408080; font-style: italic } /* Comment */
.codehilite .err { border: 1px solid #FF0000 } /* Error */
.codehilite .k { color: #008000; font-weight: bold } /* Keyword */
.codehilite .o { color: #666666 } /* Operator */
.codehilite .cm { color: #408080; font-style: italic } /* Comment.Multiline */
.codehilite .cp { color: #BC7A00 } /* Comment.Preproc */
.codehilite .c1 { color: #408080; font-style: italic } /* Comment.Single */
.codehilite .cs { color: #408080; font-style: italic } /* Comment.Special */
.codehilite .gd { color: #A00000 } /* Generic.Deleted */
.codehilite .ge { font-style: italic } /* Generic.Emph */
.codehilite .gr { color: #FF0000 } /* Generic.Error */
.codehilite .gh { color: #000080; font-weight: bold } /* Generic.Heading */
.codehilite .gi { color: #00A000 } /* Generic.Inserted */
.codehilite .go { color: #808080 } /* Generic.Output */
.codehilite .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
.codehilite .gs { font-weight: bold } /* Generic.Strong */
.codehilite .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
.codehilite .gt { color: #0040D0 } /* Generic.Traceback */
.codehilite .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
.codehilite .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
.codehilite .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
.codehilite .kp { color: #008000 } /* Keyword.Pseudo */
.codehilite .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
.codehilite .kt { color: #B00040 } /* Keyword.Type */
.codehilite .m { color: #666666 } /* Literal.Number */
.codehilite .s { color: #BA2121 } /* Literal.String */
.codehilite .na { color: #7D9029 } /* Name.Attribute */
.codehilite .nb { color: #008000 } /* Name.Builtin */
.codehilite .nc { color: #0000FF; font-weight: bold } /* Name.Class */
.codehilite .no { color: #880000 } /* Name.Constant */
.codehilite .nd { color: #AA22FF } /* Name.Decorator */
.codehilite .ni { color: #999999; font-weight: bold } /* Name.Entity */
.codehilite .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
.codehilite .nf { color: #0000FF } /* Name.Function */
.codehilite .nl { color: #A0A000 } /* Name.Label */
.codehilite .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
.codehilite .nt { color: #008000; font-weight: bold } /* Name.Tag */
.codehilite .nv { color: #19177C } /* Name.Variable */
.codehilite .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
.codehilite .w { color: #bbbbbb } /* Text.Whitespace */
.codehilite .mf { color: #666666 } /* Literal.Number.Float */
.codehilite .mh { color: #666666 } /* Literal.Number.Hex */
.codehilite .mi { color: #666666 } /* Literal.Number.Integer */
.codehilite .mo { color: #666666 } /* Literal.Number.Oct */
.codehilite .sb { color: #BA2121 } /* Literal.String.Backtick */
.codehilite .sc { color: #BA2121 } /* Literal.String.Char */
.codehilite .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
.codehilite .s2 { color: #BA2121 } /* Literal.String.Double */
.codehilite .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
.codehilite .sh { color: #BA2121 } /* Literal.String.Heredoc */
.codehilite .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
.codehilite .sx { color: #008000 } /* Literal.String.Other */
.codehilite .sr { color: #BB6688 } /* Literal.String.Regex */
.codehilite .s1 { color: #BA2121 } /* Literal.String.Single */
.codehilite .ss { color: #19177C } /* Literal.String.Symbol */
.codehilite .bp { color: #008000 } /* Name.Builtin.Pseudo */
.codehilite .vc { color: #19177C } /* Name.Variable.Class */
.codehilite .vg { color: #19177C } /* Name.Variable.Global */
.codehilite .vi { color: #19177C } /* Name.Variable.Instance */
.codehilite .il { color: #666666 } /* Literal.Number.Integer.Long */






/**************
 TROY ADDITIONS
***************/



body p {
    font-size: 18px;
    line-height: 1.3;
}


#header {
    border-bottom: 0;
}

#header > .container > a > h1,
#header > .container > a > h5,
.container h3 {
    font-family: 'Ubuntu', 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', sans-serif;
}

#header > .container > a > h5,
.section.about h3,
.columns.sixteen h3,
a.button,
.section.blog h4,
.projectbox h4 {
    font-family: 'Source Sans Pro', 'Helvetica Neue', 'Helvetica', sans-serif;
}


#header > .container > a > h1 {
    letter-spacing: 2px;
    font-size: 34px;
    text-transform:uppercase;
    text-shadow: 1px 1px 4px rgba(150, 150, 150, 1); /* #FFEFD5 or rgba(255, 239, 213, 1) */
/*    -webkit-text-fill-color: #DEDEDE;
    -webkit-text-stroke: 1px #FFEFD5;*/
}

#header > .container > a > h5 {
    color: #777;
    font-size: 16px;
    font-weight:100;
}

#header,
.column.two-thirds {
    margin-bottom: 36px;
}

.column.two-thirds .read-more {
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
}


.columns.sixteen {
    display: block;
    float: none;
    margin-left: 0;
}

.section.social,
.section.blog {
    margin-bottom: 42px;
}

.section.projects {
    width: 100%;
    margin-left: -10px;
}

.container h3 {
    text-shadow:none;
}

.section h3,
.columns.sixteen h3 {
    padding-top: 18px;
    border-top: 1px solid #dedede;
/*    border-top: 12px solid #dedede;*/
    color: #ccc;
    font-size: 28px;
    margin-bottom: 36px;
}

.section.about p {
    font-size: 28px;
    line-height: 1.3;
    margin-bottom: 24px;
}

.projectbox {
    height: 170px;
    padding-bottom: 0;
    padding-top: 8px;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

.projectbox:hover {
    background: -moz-linear-gradient(45deg,  rgba(255,239,213,0) 60%, rgba(255,239,213,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(6å0%,rgba(255,239,213,0)), color-stop(100%,rgba(255,239,213,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg,  rgba(255,239,213,0) 60%,rgba(255,239,213,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg,  rgba(255,239,213,0) 60%,rgba(255,239,213,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg,  rgba(255,239,213,0) 60%,rgba(255,239,213,1) 100%); /* IE10+ */
    background: linear-gradient(45deg,  rgba(255,239,213,0) 60%,rgba(255,239,213,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffefd5', endColorstr='#ffefd5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
/*    background-color: #ffefd5;*/
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

.projectbox h4,
.projectbox p {
    padding-right: 12px;
}

.section.blog h4,
.projectbox h4 {
    font-weight: 800;
    line-height: 1.2;
    margin: 0;
}

.projectbox p {
    color: #777;
    font-size: 16px;
    margin-top: 0px !important;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.projectbox:hover p {
    color: #333;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.flag {
    display: none;
    height: 100%;
    width: 5px;
    background: #FFEFD5;
    float: left;
    margin-right: 24px;
}

a.button {
    background: none;
    border: 0;
    border-radius: 0;
    background-color: #dedede;
    color: #777;
    font-size: 16px;
    font-weight: 100;
    margin-bottom: 0;
    padding: 8px 16px;
    text-shadow: none;
}

a.button:hover {
    background: none;
    border: 0;
    background-color: #ffefd5;
    color: #000;
}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    .post h1 { font-size: 45px; border-bottom: 6px solid #dedede;}
    #header > .container > a > h1 { font-size: 18px }
    #header > .container > a > h5 { display: none }
    #header > .container { padding: 0 }
}