/*
Theme Name: Giornalismo
Theme URI: http://jacobmartella.com/wordpress/wordpress-themes/giornalismo-wordpress-theme/
Description: Give your site the look of a newspaper front page, but with a modern day look. With Giornalismo, your readers will know about everything going on with a top story section and up to three colums full of stories right up front. Once inside, it will be easy for readers to know the important details, with story highlights, and navigate within the site, with related stories and latest posts. Giornalismo is completely responsive, allowing readers to take your stories wherever they go.
Author: Jacob Martella
Author URI: http://jacobmartella.com/
Version: 1.5
Tags: two-columns,three-columns,left-sidebar,right-sidebar,custom-header,custom-menu,editor-style,featured-images,theme-options
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: giornalismo
*/

/*
Table of Contents
I. Fonts
II. Defaults
     A. HTML5 Basics
          1. Baseline Normalize
          2. Box Sizing
          3. Float Clearing
     B. Typographical Elements
     C. Headings
     D. Objects
     E. Forms
     F. Tables
     G. Wrap
     H. Lists
III. WordPress Classes
     A. By Author
     B. Sticky
     C. Photos
     D. Gallery
     E. Screen Reader Text
IV. Header
     A. Top Menu
     B. Masthead
     C. Header Right
     D. Social Media Links
     E. Breaking News
     F. Main Menu
     G. Today's Date
     H. Breadcrumbs
V. Layout
     A. Right Sidebar
VI. Home
     A. Top Story
     B. Column One
     C. Column Two
     D. Column Three
VII. Single Post
     A. Story Lines
     B. Post Navigation
     C. Related Stories
     D. Latest Stories
     E. Author Bio
     F. Block Quote
     G. Code
VIII. Comments
IX. Archive, Author, Category, Index, Search, Tag
     A. General
     B. Author
X. Page
     A. General
     B. Staff Page
     C. 404
XI. Widgets
XII. Footer
*/

/*
I. Fonts
------------------------------------------- */
@font-face {
    font-family: 'Canterbury';
    src: url(fonts/Canterbury.ttf);
}

@font-face {
    font-family: 'OptimusPrincepsSemiBold';
    src: url(fonts/OptimusPrincepsSemiBold.ttf);
}
/*
II. Defaults
------------------------------------------- */
/*
A. HTML Basics
------------------------------------------- */
/*
1. Baseline Normalize
------------------------------------------- */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
     display:block
}
audio,canvas,video {
     display:inline-block
}
audio:not([controls]){ 
     display:none;height:0
}
[hidden] {
     display:none
}
html {
     font-family:sans-serif;-ms-text-size-adjust:100%;
     -webkit-text-size-adjust:100%;
     height: 100%;
}
body { 
     margin:0px;
     padding: 0px;
     height: 100%;
     width: 100%;
}
a:focus {
     outline:thin dotted
}
a:active,a:hover {
     outline:0
}
h1 {
     font-size:2em;
     margin:.67em 0
}
abbr[title] {
     border-bottom:1px dotted
}
b,strong {
     font-weight:bold
}
dfn {
     font-style:italic
}
hr {
     -moz-box-sizing:content-box;
     box-sizing:content-box;
     height:0
}
mark {
     background:#ff0;
     color:#000
}
code,kbd,pre,samp {
     font-family:monospace,serif;
     font-size:1em
}
pre {
     white-space:pre-wrap
}
q {
     quotes:"\201C" "\201D" "\2018" "\2019"
}
small {
     font-size:80%
}
sub,sup {
     font-size:75%;
     line-height:0;
     position:relative;
     vertical-align:baseline
}
sup  {
     top:-0.5em
}
sub {
     bottom:-0.25em
}
img {
     max-width: 100%;
     height: auto;
     -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
     overflow:hidden
}
figure {
     margin:0
}
fieldset {
     border:1px solid silver;
     margin:0 2px;
     padding:.35em .625em .75em
}
legend {
     border:0;
     padding:0
}
button,input,select,textarea {
     font-family:inherit;
     font-size:100%;
     margin:0
}
button,input {
     line-height:normal
}
button,select {
     text-transform:none
}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
     -webkit-appearance:button;
     cursor:pointer
}
button[disabled],html input[disabled] {
     cursor:default
}
input[type="checkbox"],input[type="radio"] {
     box-sizing:border-box;
     padding:0
}
input[type="search"] {
     -webkit-appearance:textfield;
     -moz-box-sizing:content-box;
     -webkit-box-sizing:content-box;
     box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
     -webkit-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner {
     border:0;
     padding:0
}
textarea {
     overflow:auto;
     vertical-align:top
}
table {
     border-collapse:collapse;
     border-spacing:0
}
/*
2. Box Sizing
------------------------------------------- */
*,
input[type="search"] {
     -webkit-box-sizing: border-box;
     -moz-box-sizing:    border-box;
     box-sizing:         border-box;
}
/*
3. Float Clearing
------------------------------------------- */
.archive-pagination:before,
.clearfix:before,
.entry:before,
.entry-pagination:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.wrap:before {
     content: " ";
     display: table;
}

.archive-pagination:after,
.clearfix:after,
.entry:after,
.entry-pagination:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.wrap:after {
     clear: both;
     content: " ";
     display: table;
}

.clearfix:after {
     content: " ";
     visibility: hidden;
     display: block;
     height: 0;
     clear: both;
}

/*
B. Typographical Elements
------------------------------------------- */
html {
     font-size: 62.5%;
}

body {
     font-family: 'Roboto', sans-serif;
     font-weight: 300;
     font-size: 14px;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button {
     -webkit-transition: all 0.1s ease-in-out;
     -moz-transition:    all 0.1s ease-in-out;
     -ms-transition:     all 0.1s ease-in-out;
     -o-transition:      all 0.1s ease-in-out;
     transition:         all 0.1s ease-in-out;
}

::-moz-selection {
     background-color: #000000;
     color: #ffffff;
}

::selection {
     background-color: #000000;
     color: #ffffff;
}

a {
     color: #666666;
     text-decoration: none;
}

a img {
     margin-bottom: -4px;
     margin-bottom: -0.4rem;
}

a:hover {
     color: #333;
}

p {
     margin: 0 0 24px;
     margin: 0 0 2.4rem;
     padding: 0;
     font-family: 'Roboto', sans-serif;
     font-weight: 300;
     font-size: 14px;
     color: #000000;
}

strong {
     font-weight: 700;
}

ol,
ul {
     margin: 0;
     padding: 0;
}
/*
C. Headings
------------------------------------------- */
h1 {
     font-family: 'Source Sans Pro', sans-serif;
     font-size: 36px;
     margin: 15px 0px;
}

h2 {
     font-family: 'Source Sans Pro', sans-serif;
     font-size: 32px;
     margin: 12px 0px;
}

h3 {
     font-family: 'Source Sans Pro', sans-serif;
     font-size: 28px;
     margin: 12px 0px;
}

h4 {
     font-family: 'Source Sans Pro', sans-serif;
     font-size: 26px;
     margin: 7px 0px;
}

h5 {
     font-family: 'Source Sans Pro', sans-serif;
     font-size: 24px;
     margin: 5px 0px;
}

h6 {
     font-family: 'Source Sans Pro', sans-serif;
     font-size: 22px;
     margin: 3px 0px;
}
/*
D. Objects
------------------------------------------- */
embed,
iframe,
img,
object,
video,
.wp-caption {
     max-width: 100%;
}

img {
     height: auto;
     width: auto; /* IE8 */
}
/*
E. Forms
------------------------------------------- */
input,
select,
textarea {
     background-color: #ffffff;
     border: 1px solid #000000;
     color: #000000;
     font-size: 14px;
     padding: 3px;
     max-width: 100%;
     margin-top: 5px;
     margin-bottom: 5px;
}

input:focus,
textarea:focus {
     border: 1px solid #000000;
     outline: none;
}

::-moz-placeholder {
     color: #000000;
     opacity: 1;
}

::-webkit-input-placeholder {
     color: #000000;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button, .button {
     background-color: #252525;
     border: 1px solid #252525;
     box-shadow: none;
     color: #ffffff;
     cursor: pointer;
     width: auto;
     margin-top: 5px;
     margin-bottom: 5px;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
.button:hover {
     background-color: #ffffff;
     color: #000000;
}

.button:hover {
     color: #000000;
}

.button {
     display: inline-block;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
     display: none;
}

input[type="checkbox"],input[type="radio"] {
     margin-right: 5px;
}

/*
F. Tables
------------------------------------------- */
table {
     border-collapse: collapse;
     border-spacing: 0;
     line-height: 2;
     margin-bottom: 40px;
     margin-bottom: 4rem;
     width: 100%;
     border: 1px solid #000000;
}

tbody a {
     color: #E4E4E4;
}

tr {
     border-top: 1px solid #000000;
}

th,
td {
     text-align: left;
     color: #FFFFFF;
}

thead th {
     background-color: #252525;
     color: #ffffff;
     font-family: 'Source Sans Pro', sans-serif;
     font-weight: 300;
     padding: 2px 0;
}

tbody tr:nth-child(odd){
     background-color: #999999;
}
tbody tr:nth-child(even) {
     background-color: #666666;
}

th {
     text-transform: uppercase;
}

td {
     padding: 2px 0;
}
/*
G. Wrap
------------------------------------------- */
.wrap {
     width: 980px;
     margin: auto;
     min-height: 100%;
}
/*
H. Lists
------------------------------------------- */
ul > li {
    margin-left: 10px;
}
ol > li {
    margin-left: 10px;
}
ul, ol {
     list-style-position: inside;
}
/*
III. WordPress Classes
------------------------------------------- */
/*
A. By Author
------------------------------------------- */
.bypostauthor {}
/*
B. Sticky
------------------------------------------- */
.sticky  {
     background-color: #8A8A8A;
}
/*
C. Photos
------------------------------------------- */
.aligncenter {
     display: block; 
     margin: 0 auto !important;
     padding: 6px; 
     max-width: 100%; 
     -webkit-box-sizing: border-box; 
     -moz-box-sizing: border-box; 
     box-sizing: border-box;
}
.alignright { 
     float: right; 
     margin: 0 0 1em 1em;  
     padding: 6px; 
     max-width: 100%; 
     -webkit-box-sizing: border-box; 
     -moz-box-sizing: border-box; 
     box-sizing: border-box;
}
.alignleft { 
     float: left; 
     margin: 0 1em 1em 0;
     padding: 6px; 
     max-width: 100%; 
     -webkit-box-sizing: border-box; 
     -moz-box-sizing: border-box; 
     box-sizing: border-box;
}
.alignnone {
     float: left; 
     margin: 0 1em 1em 0;
     padding: 6px; 
     max-width: 100%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
.floatleft {
     float: left;
}
.floatright {
     float: right;
}
p.wp-caption-text {
     font-family: 'Roboto', sans-serif;
     font-size: 12px;
}
/*
D. Gallery
------------------------------------------- */
.gallery {
     clear: both;
     margin: 10px 0;
}
.gallery-item {
     float: left;
     margin-right: 10px;
     width: 31%;
     text-align: center;
}
.gallery-icon img {
     padding: 4px;
}
.gallery-caption {
     font-size: 12px;
}
/*
E. Screen Reader Text
------------------------------------------- */
.screen-reader-text {
     clip: rect(1px, 1px, 1px, 1px);
     position: absolute !important;
     height: 1px;
     width: 1px;
     overflow: hidden;
}

.screen-reader-text:focus {
     background-color: #f1f1f1;
     border-radius: 3px;
     box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     clip: auto !important;
     color: #21759b;
     display: block;
     font-size: 14px;
     font-size: 0.875rem;
     font-weight: bold;
     height: auto;
     left: 5px;
     line-height: normal;
     padding: 15px 23px 14px;
     text-decoration: none;
     top: 5px;
     width: auto;
     z-index: 100000; /* Above WP toolbar. */
}
/*
IV. Header
------------------------------------------- */
/*
A. Top Menu
------------------------------------------- */
.top-menu {
     background: #000000;
     font-family: 'Oswald';
     font-size: 13px;
     clear: both;
     display: block;
     position: relative;
     margin: 0px 0px 5px 0px;
     width: 100%;
     font-weight: 300;
     z-index: 9999;
}

.top-menu div {
     width: 980px;
     margin: auto;
}

.top-menu ul {
     list-style: none;
     margin: 0 0 0 -9px;
     padding-left: 0;
}

.top-menu li {
     float: left;
     position: relative;
     display: inline;
}

.top-menu a {
     color: #ffffff;
     display: block;
     line-height: 39px;
     padding: 0 14px;
     text-decoration: none;
}

.top-menu ul > li {
     margin-left: 0px;
}

.top-menu ul ul {
     display: none;
     float: left;
     margin: 0;
     position: absolute;
     top: 39px;
     left: 0;
     z-index: 99999;
}

.top-menu ul ul ul {
     left: 100%;
     top: 0;
     margin-left: 0px;
}

.top-menu ul ul a {
     background: #6C6C6C;
     color: #ffffff;
     font-weight: normal;
     height: auto;
     line-height: 16px;
     padding: 10px 10px;
     min-width: 168px;
}

.top-menu li:hover > a,
.top-menu ul ul :hover > a,
.top-menu a:focus {
     background: #252525;
     color: #ffffff;
}

.top-menu li:hover > a,
.top-menu a:focus {
     background: #ffffff;
     color: #000000;
}

.top-menu ul li:hover > ul {
     display: block;
}

.top-menu .current-menu-item > a,
.top-menu .current-menu-ancestor > a,
.top-menu .current_page_item > a,
.top-menu .current_page_ancestor > a {
}

.mobile-nav-area {
     display: none;
}
/*
B. Masthead
------------------------------------------- */
.header-area{
     width: 980px;
     margin: auto;
}

.masthead {
     width: 620px;
     float: left;
     position: relative;
}

h1.site-title{
     font-family: 'Canterbury';
     font-size: 72px;
     font-weight: 100;
     color: #000000;
     margin-bottom: 10px;
     margin-top: 10px;
}

h1.site-title a, h2.site-description a {
     color: #000000;
}

h2.site-description {
     font-family: 'Quattrocento', serif;
     font-size: 30px;
     color: #000000;
     margin-bottom: 10px;
     margin-top: 10px;
}
/*
C. Header Right
------------------------------------------- */
.header-right {
     width: 340px;
     float: left;
     position: relative;
     margin-top: 5px;
}
/*
D. Social Media Links
------------------------------------------- */
.social-area{
     width: 100%;
     float: left;
     position: relative;
     margin-right: 5px;
}

.giornalismo-social-link {
     float: left;
     position: relative;
     margin-right: 5px;
     margin-bottom: 3px;
     min-width: 200px;
     max-width: 300px;
     height: 25px;
     padding-top: 3px;
}

.giornalismo-social-link img {
     float: left;
     position: relative;
     margin-right: 5px;
     width: 25px;
     margin-top: -3px;
}

.giornalismo-social-link span {
     margin: 5px 5px 4px 0px;
     color: #ffffff;
     font-family: 'Lato';
     font-weight: 300;
}

.facebook-social {
     background-color: #065790;
}

.facebook-social:hover {
     background-color: #3b5998;
}

.twitter-social {
     background-color: #2b8dae;
}

.twitter-social:hover {
     background-color: #29a7df;
}

.google-plus-social {
     background-color: #a82c2c;
}

.google-plus-social:hover {
     background-color: #cc3731;
}

.youtube-social {
     background-color: #982620;
}

.youtube-social:hover {
     background-color: #cd332c;
}

.linkedin-social {
     background-color: #02608C;
}

.linkedin-social:hover {
     background-color: #027bb5;
}

.tumblr-social {
     background-color: #2B3542;
}

.tumblr-social:hover {
     background-color: #44546b;
}

.instagram-social {
     background-color: #23476B;
}

.instagram-social:hover {
     background-color: #326699;
}

.pinterest-social {
     background-color: #8E181C;
}

.pinterest-social:hover {
     background-color: #ca2128;
}

.rss-social {
     background-color: #c4692c;
}

.rss-social:hover {
     background-color: #ed802c;
}
/*
E. Breaking News
------------------------------------------- */
.breaking-news-box {
     width: 100%;
     float: left;
     position: relative;
     margin: auto;
     margin-bottom: 10px;
     height: 79px;
}

.breaking-news-left {
     width: 30%;
     float: left;
     position: relative;
     background-color: #C42B2B !important;
     text-align: center;
     height: 79px;
}

h2.breaking-news-left-h2 {
     font-family: 'Oswald' !important;
     font-size: 28px;
     font-weight: bold;
     text-transform: uppercase;
     color: #FFFFFF;
     margin: 19px 23.24px;
}

.breaking-news-right {
     width: 70%;
     float: right;
     position: relative;
     background-color: #252525 !important;
     padding-left: 15px;
     height: 100%;
     padding-top: 5px;
     height: 79px;
}

h2.breaking-news-right-h2 {
     font-family: 'Lato' !important;
     font-size: 28px;
     color: #FFFFFF;
     margin: 0px;
     font-weight: 300 !important;
}

h2.breaking-news-right a, h2.breaking-news-right a:link, h2.breaking-news-right a:visited {
     color: #FFFFFF;
}

h2.breaking-news-right a:hover {
     text-decoration: underline;
}
/*
F. Main Menu
------------------------------------------- */
.main-menu {
     background: #252525;
     clear: both;
     display: block;
     position: relative;
     margin: 0px 0px 5px 0px;
     width: 100%;
     font-family: 'Lato', sans-serif;
     font-weight: 300;
     font-size: 16px;
     z-index: 9999;
}

.main-menu div {
     width: 980px;
     margin: auto;
}

.main-menu ul {
     list-style: none;
     margin: 0 0 0 -9px;
     padding-left: 0;
}

.main-menu li {
     float: left;
     position: relative;
}

.main-menu a {
     color: #ffffff;
     display: block;
     line-height: 41px;
     padding: 0 14px;
     text-decoration: none;   
}

.main-menu ul > li {
     margin-left: 0px;
}

.main-menu ul ul {
     display: none;
     float: left;
     margin: 0;
     position: absolute;
     top: 41px;
     left: 0;
     width: 188px;
     z-index: 99999;
}

.main-menu ul ul ul {
     left: 100%;
     top: 0;
     margin-left: 0px;
}

.main-menu ul ul a {
     background: #000000;
     color: #ffffff;
     font-size: 12px;
     font-weight: normal;
     height: auto;
     line-height: 16px;
     padding: 10px 10px;
     width: 168px;
}

.main-menu li:hover > a,
.main-menu ul ul :hover > a,
.main-menu a:focus {
     background: #252525;
     color: #FFFFFF;
}

.main-menu li:hover > a,
.main-menu a:focus {
     background: #B3B3B3;
     color: #000000;
}

.main-menu ul li:hover > ul {
     display: block;
}

.main-menu .current-menu-item > a,
.main-menu .current-menu-ancestor > a,
.main-menu .current_page_item > a,
.main-menu .current_page_ancestor > a {
}

.mobile-main-menu {
     display: none;
}
/*
G. Today's Date
------------------------------------------- */
.todays-date {
     width: 100%;
     float: left;
     position: relative;
     height: 30px;
     text-align: center;
     border-bottom: 1px solid #000000;
     margin-bottom: 5px;
}

.todays-date h3 {
     font-family: Georgia;
     font-size: 20px;
     color: #000000;
     margin: 2px;
}
/*
H. Breadcrumbs
------------------------------------------- */
.breadcrumbs{
     list-style: none;
     overflow: hidden;
     width: 100%;
     position: relative;
}
 
.breadcrumbs li{
     float: left;
     margin-right: 3px;
     font-family: 'Lato';
     font-size: 14px;
     font-weight: 300;
     background-color: #252525;
     color: #ffffff;
     padding: 3px 5px;
     margin: 10px 3px 5px 0px;
}

.breadcrumbs li:first-child {
     margin-left: 0px;
}

.breadcrumbs li a {
     color: #ffffff;
}
 
.breadcrumbs .separator{
    font-weight: 300;
    font-size: 16px;
    color: #000000;
}
/*
V. Layout
------------------------------------------- */
/* Left Sidebar layout can be found at /css/left-sidebar.css. */
/* Two Sidebar layout can be found at /css/two-sidebars.css. */
/*
A. Right Sidebar
------------------------------------------- */
.right-sidebar{
     width: 225px;
     padding-left: 10px;
     padding-top: 15px;
     border-left: 1px #000000 solid;
     float: right;
     position: relative;
     min-height: 100%;
}

.left-sidebar {
     display: none;
}

.mobile-sidebar {
     display: none;
}
/*
VI. Home
------------------------------------------- */
.home-post-area{
     width: 755px;
     float: left;
     position: relative;
     padding-right: 10px;
}

.home-center{
     width: 500px;
     float: left;
     position: relative;
}
/*
A. Top Story
------------------------------------------- */
.top-story{
     width: 500px;
     float: left;
     position: relative;
     padding: 8px 10px;
     border-bottom: 1px #000000 solid;
     margin: auto;
}

.top-story .featured-video {
     position: relative;
     padding-bottom: 56.25%; /* 16:9 */
     padding-top: 25px;
     height: 0;
}

.top-story .featured-video iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.top-story .featured-photo {
     width: 480px;
     height: auto;
     overflow: hidden;
}

.top-story p.caption{
     text-align: left;
     font-family: 'Roboto', sans-serif;
     font-size: 12px;
     color: #000000;
     margin-bottom: 3px;
}

.top-story p.photo-credit{
     text-align: right;
     font-family: 'Roboto', sans-serif;
     font-size: 12px;
     color: #000000;
     margin-bottom: 5px;
}

.top-story-header {
     border-bottom: 1px solid #000000;
     margin-bottom: 3px;
}

.top-story .headline, .top-story .headline a, .top-story .headline a:hover, .top-story .headline a:visited{
     font-family: 'Oswald';
     font-size: 30px;
     color: #000000;
     margin-top: 4px;
     margin-bottom: 4px;
}

.top-story .byline, .top-story .byline a, .top-story .byline a:visited, .top-story .byline a:visited {
     font-family: 'Source Sans Pro', sans-serif;
     font-weight: 300;
     font-size: 18px;
     color: #000000;
     margin-top: 3px;
     margin-bottom: 3px;
}

.top-story .read-more {
     float: right;
     position: relative;
     color: #ffffff;
     padding: 3px 5px;
     background-color: #252525;
     font-family: 'Lato';
     font-weight: 300;
     margin-bottom: 5px;
}

.top-story .read-more a {
     color: #ffffff;
}

.top-story .read-more:hover {
     background-color: #A7A7A7;
}

.top-story .read-more:hover a {
     color: #252525;
}
/*
B. Column One
------------------------------------------- */
.column-one{
     width: 250px;
     padding-right: 5px;
     border-right: 1px #000000 solid;
     float: left;
     position: relative;
}

.column-one .label-head, .column-one .label-head a, .column-one .label-head a:hover, .column-one .label-head a:visited {
     color: #ffffff;
     background-color: #252525;
     font-family: 'Lato', sans-serif;
     font-weight: 300;
     font-size: 18px;
     margin-top: 4px;
     margin-bottom: 4px;
     padding: 5px 0px 5px 3px;
}

.column-one .column-one-story .label-head li{
     list-style: none;
}

.column-one .column-one-story {
     width: 100%;
     padding-bottom: 5px;
     margin-top: 5px;
     margin-bottom: 5px;
     border-bottom: 1px #000000 solid;
}

.column-one article.column-one-story:last-child{
     border-bottom: none !important;
}

.column-one .column-one-story .featured-photo {
     width: 244px;
     height: auto;
     margin: auto;
     overflow: hidden;
}

.column-one .column-one-story .photo-credit {
     width: 100%;
     text-align: right;
}

.column-one .column-one-story p.photo-credit {
     font-family: 'Roboto', sans-serif;
     font-size: 12px;
     color: #000000;
     margin-bottom: 3px;
}

.column-header {
     border-bottom: 1px solid #000000;
     margin-bottom: 3px;
}

.column-one .column-one-story .headline, .column-one .column-one-story .headline a, .column-one .column-one-story .headline a:hover, .column-one .column-one-story .headline a:visited {
     font-family: 'Oswald';
     font-size: 22px;
     color: #000000;
     margin-top: 5px;
     margin-bottom: 5px;
}

.column-one .column-one-story .byline, .column-one .column-one-story .byline a, .column-one .column-one-story .byline a:hover, .column-one .column-one-story .byline a:visited {
     font-family: 'Source Sans Pro', sans-serif;
     font-weight: 300;
     font-size: 15px;
     color: #000000;
     margin-top: 5px;
     margin-bottom: 3px;
}

.column-one .read-more {
     float: right;
     position: relative;
     color: #ffffff;
     padding: 3px 5px;
     background-color: #252525;
     font-family: 'Lato';
     font-weight: 300;
}

.column-one .read-more a {
     color: #ffffff;
}

.column-one .read-more:hover {
     background-color: #A7A7A7;
}

.column-one .read-more:hover a {
     color: #252525;
}
.column-one .read-more-posts-link {
     display: block;
     width: 100%;
     color: #ffffff;
     background-color: #252525;
     font-family: 'Lato', sans-serif;
     font-weight: 300;
     font-size: 18px;
     margin-top: 4px;
     margin-bottom: 4px;
     padding: 5px 0 5px 3px;
}
/*
C. Column Two
------------------------------------------- */
.column-two{
     width: 250px;
     padding-left: 5px;
     float: right;
     position: relative;
}

.column-two .label-head, .column-two .label-head a, .column-two .label-head a:hover, .column-two .label-head a:visited {
     color: #ffffff;
     background-color: #252525;
     font-family: 'Lato', sans-serif;
     font-weight: 300;
     font-size: 18px;
     margin-top: 4px;
     margin-bottom: 4px;
     padding: 5px 0px 5px 3px;
}

.column-two .column-two-story .label-head li{
     list-style: none;
}

.column-two .column-two-story {
     width: 100%;
     padding-bottom: 5px;
     margin-top: 5px;
     margin-bottom: 5px;
     border-bottom: 1px #000000 solid;
}

.column-two article.column-two-story:last-child{
     border-bottom: none !important;
}

.column-two .column-two-story .featured-photo {
     width: 244px;
     height: auto;
     margin: auto;
     overflow: hidden;
}

.column-two .column-two-story .photo-credit {
     width: 100%;
     text-align: right;
}

.column-two .column-two-story p.photo-credit-text {
     font-family: 'Roboto', sans-serif;
     font-size: 12px;
     color: #000000;
}

.column-two .column-two-story .headline, .column-two .column-two-story .headline a, .column-two .column-two-story .headline a:hover, .column-two .column-two-story .headline a:visited {
     font-family: 'Oswald';
     font-size: 22px;
     color: #000000;
     margin-top: 5px;
     margin-bottom: 5px;
}

.column-two .column-two-story .byline, .column-two .column-two-story .byline a, .column-two .column-two-story .byline a:hover, .column-two .column-two-story .byline a:visited {
     font-family: 'Source Sans Pro', sans-serif;
     font-weight: 300;
     font-size: 15px;
     color: #000000;
     margin-top: 5px;
     margin-bottom: 3px;
}

.column-two .read-more {
     float: right;
     position: relative;
     color: #ffffff;
     padding: 3px 5px;
     background-color: #252525;
     font-family: 'Lato';
     font-weight: 300;
}

.column-two .read-more a {
     color: #ffffff;
}

.column-two .read-more:hover {
     background-color: #A7A7A7;
}

.column-two .read-more:hover a {
     color: #252525;
}
.column-two .read-more-posts-link {
     display: block;
     width: 100%;
     color: #ffffff;
     background-color: #252525;
     font-family: 'Lato', sans-serif;
     font-weight: 300;
     font-size: 18px;
     margin-top: 4px;
     margin-bottom: 4px;
     padding: 5px 0 5px 3px;
}
/*
D. Column Three
------------------------------------------- */
.column-three{
     width: 250px;
     padding-left: 5px;
     padding-right: 5px;
     border-left: 1px #000000 solid;
     float: right;
     position: relative;
}

.column-three .label-head, .column-three .label-head a, .column-three .label-head a:hover, .column-three .label-head a:visited {
     color: #ffffff;
     background-color: #252525;
     font-family: 'Lato', sans-serif;
     font-weight: 300;
     font-size: 18px;
     margin-top: 4px;
     margin-bottom: 4px;
     padding: 5px 0px 5px 3px;
}

.column-three .column-three-story .label-head li{
     list-style: none;
}

.column-three .column-three-story {
     width: 100%;
     padding-bottom: 5px;
     margin-top: 5px;
     margin-bottom: 5px;
     border-bottom: 1px #000000 solid;
}

.column-three article.column-three-story:last-child{
     border-bottom: none !important;
}

.column-three .column-three-story .featured-photo {
     width: 239px;
     height: auto;
     margin: auto;
     overflow: hidden;
}

.column-three .column-three-story .photo-credit {
     width: 100%;
     text-align: right;
}

.column-three .column-three-story p.photo-credit-text {
     font-family: 'Roboto', sans-serif;
     font-size: 12px;
     color: #000000;
}

.column-three .column-three-story .headline, .column-three .column-three-story .headline a, .column-three .column-three-story .headline a:hover, .column-three .column-three-story .headline a:visited {
     font-family: 'Oswald';
     font-size: 22px;
     color: #000000;
     margin-top: 5px;
     margin-bottom: 5px;
}

.column-three .column-three-story .byline, .column-three .column-three-story .byline a, .column-three .column-three-story .byline a:hover, .column-three .column-three-story .byline a:visited {
     font-family: 'Source Sans Pro', sans-serif;
     font-weight: 300;
     font-size: 15px;
     color: #000000;
     margin-top: 5px;
     margin-bottom: 3px;
}

.column-three .read-more {
     float: right;
     position: relative;
     color: #ffffff;
     padding: 3px 5px;
     background-color: #252525;
     font-family: 'Lato';
     font-weight: 300;
}

.column-three .read-more a {
     color: #ffffff;
}

.column-three .read-more:hover {
     background-color: #A7A7A7;
}

.column-three .read-more:hover a {
     color: #252525;
}
.column-three .read-more-posts-link {
     display: block;
     width: 100%;
     color: #ffffff;
     background-color: #252525;
     font-family: 'Lato', sans-serif;
     font-weight: 300;
     font-size: 18px;
     margin-top: 4px;
     margin-bottom: 4px;
     padding: 5px 0 5px 3px;
}
/*
VII. Single Post
------------------------------------------- */
.post-single {
     width: 735px;
     float: left;
     position: relative;
}

.post-single .featured-video {
     position: relative;
     padding-bottom: 56.25%; /* 16:9 */
     padding-top: 25px;
     height: 0;
}

.post-single .featured-video iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.post-single .featured-photo {
     width: 735px;
     height: auto;
     margin: auto;
     overflow: hidden;
}

.post-single p.caption{
     text-align: left;
     font-family: 'Roboto', sans-serif;
     font-size: 12px;
     color: #000000;
     margin-bottom: 3px;
}

.post-single p.photo-credit{
     text-align: right;
     font-family: 'Roboto', sans-serif;
     font-size: 12px;
     color: #000000;
}

.post-single h3.headline {
     font-family: 'Oswald';
     font-size: 34px;
     color: #000000;
     margin-top: 5px;
     margin-bottom: 5px;
}

.post-single h5.byline, .post-single h5.byline a, .post-single h5.byline a:hover, .post-single h5.byline a:visited{
     font-family: 'Source Sans Pro', sans-serif;
     font-weight: 300;
     font-size: 18px;
     color: #000000;
     margin-top: 5px;
     margin-bottom: 3px;
}

/*
A. Story Lines
------------------------------------------- */
.post-single .story-lines{
     width: 250px;
     float: left;
     position: relative;
     background-color: #262626;
     margin-right: 5px;
     margin-bottom: 5px;
     padding-bottom: 5px;
     padding-right: 5px;
}

.post-single .story-lines .title{
     font-family: 'Lato', sans-serif;
     font-weight: 300;
     font-size: 18px;
     color: #ffffff;
     background-color: #000000;
     padding: 3px 5px;
     margin: 0px;
     margin-bottom: 3px;
     margin-right: -5px;
}

.post-single ul.story-lines-list {
     list-style: disc;
     font-family: 'Roboto', sans-serif;
     color: #ffffff;
     font-size: 14px;
     list-style-position: inside;
}

.post-single ul.story-lines-list li {
     margin-bottom: 3px;
}
/*
B. Post Navigation
------------------------------------------- */
.post-single .post-navigation {
     width: 100%;
}
.post-single .post-navigation .previous-post {
     width: 33.3%;
     float: left;
}
.post-single .post-navigation .next-post {
     width: 33.3%;
     float: right;
}
.post-single .post-navigation .featured-photo {
     width: 100%;
     height: auto;
}
.post-single .post-navigation .paginate-title, .post-navigation .paginate-title a {
     font-family: 'Oswald';
     font-size: 20px;
     margin: 10px 0px;
     color: #000000;
     text-align: center;
}
/*
C. Related Stories
------------------------------------------- */
.post-single .related-stories {
     width: 100%;
     float: left;
     position: relative;
}

.post-single .related-stories .story {
     width: 225px;
     float: left;
     position: relative;
     text-align: center;
}

.post-single .related-stories .title {
     font-family: 'Lato', sans-serif;
     font-weight: 300;
     font-size: 24px;
     color: #ffffff;
     background-color: #252525;
     padding: 5px 0 5px 5px;
}

.post-single .related-stories .photo {
     width: 210px;
     height: auto;
     margin: auto;
     overflow: hidden;
}

.post-single .related-stories .headline, .post-single .related-stories .headline a, .post-single .related-stories .headline a:hover, .post-single .related-stories .headline a:visited {
     font-family: 'Oswald';
     font-size: 20px;
     margin: 10px 0px;
     color: #000000;
}
/*
D. Latest Stories
------------------------------------------- */
.post-single .latest-category {
     width: 100%;
     float: left;
     position: relative;
}

.post-single .latest-category  .title{
     font-family: 'Lato', sans-serif;
     font-weight: 300;
     font-size: 24px;
     color: #ffffff;
     background-color: #252525;
     padding: 5px 0 5px 5px;
}

.post-single .latest-category  .story {
     width: 225px;
     float: left;
     position: relative;
     text-align: center;
}

.post-single .latest-category .photo {
     width: 210px;
     height: auto;
     margin: auto;
     overflow: hidden;
}

.post-single .latest-category .headline, .post-single .latest-category .headline a, .post-single .latest-category .headline a:hover, .post-single .latest-category .headline a:visited{
     font-family: 'Oswald';
     font-size: 20px;
     color: #000000;
     margin: 10px 0px;
}
/*
E. Author Bio
------------------------------------------- */
.post-single .author-bio {
     width: 100%;
     float: left;
     position: relative;
     background-color: #a3a3a3;
     padding: 5px;
}

.post-single .author-bio .mug-shot {
     width: 96px;
     height: 96px;
     border: 5px solid #848484;
     border-bottom: 5px solid #848484;
     float: left;
     position: relative;
     margin-right: 5px;
     overflow: hidden;
}

.post-single .author-bio .mug-shot .photo {
     width: 96px;
     height: 96px;
}

.post-single .author-bio .title {
     font-family: 'Lato', sans-serif;
     font-weight: 300;
     font-size: 36px;
     color: #000000;
     margin-top: 0px;
}

.post-single .author-bio .bio {
     font-family: 'Roboto', sans-serif;
     font-weight: 300;
     font-size: 14px;
     color: #000000;
}

.post-single .author-bio .author-social-area {
     width: 100%;
     height: 50px;
     float: left;
     position: relative;
}

.post-single .author-bio .author-social {
     width: 50px;
     height: 50px;
     float: left;
     position: relative;
     margin-right: 3px;
}
/*
F. Block Quote
------------------------------------------- */
blockquote{
     border-left: 3px solid #000000;
     padding-left: 10px;
     font-style: italic;
}
/*
G. Code
------------------------------------------- */
code,kbd,pre,samp {
     font-family:monospace,serif;
     font-size:1em
}

code, pre {
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     word-wrap: break-word;
     background-color: #C3C3C3;
     padding: 5px;
     line-height: 1.8;
}
/*
VIII. Comments
------------------------------------------- */
h3.comments,.comment-navigation,.comment-navigation:after,.respond:after,.comment-rss {
     display:block
} 

ol.commentlist {
     width:100%
} 

h3.comments {
     text-align:left;
     border: none;
     color: #ffffff;
     background-color: #252525;
     padding: 5px 0 5px 5px;
     font-family: 'Lato', sans-serif;
     font-weight: 300;
     font-size: 24px;
     margin-top: 4px;
     margin-bottom: 4px;
     margin-left: 0px;
     margin-right: -2px;
     width: 100%;
}
.respond h3{
     text-align:left;
     border: none;
     color: #ffffff;
     background-color: #252525;
     padding:0 0 1px 5px;
     font-family: 'Lato', sans-serif;
     font-weight: 300;
     font-size: 20px;
     margin-top: 4px;
     margin-bottom: 4px;
     margin-left: 0px;
     margin-right: -2px;
     width: 100%;
}
ol.commentlist,li.authorcomment,li.comment,.respond h3,form#commentform,input#submit {
     margin:0;
}
ol.commentlist,ol.commentlist ul,form#commentform {
     padding:0;
}  
ol.commentlist {
     border-bottom:1px solid #ccc;
} 
ol.commentlist ul {
     margin:0 0 0 20px;
} 
li.authorcomment,form#commentform textarea,form#commentform input {
     border:1px solid #ccc;
}
li.authorcomment,li.comment {
     padding:10px 0 0 10px;
     list-style:none;
     border-bottom:none;
} 
li.even {
     background:#d1d1d1;
} 
li.odd {
     background:#848484;
} 
.authorcomment {
     background:#deebf9;
} 
ul.children ul {
     margin-left:20px;
} 
ul.children li {
     border-right:none;
} 
.vcard img {
     float:left;
     background:#c4c4c4;
     margin-bottom: 5px;
     width: 58px;
     height: 58px;
} 
.vcard img,.comment-navigation .newer a,.comment-navigation .older a {
     padding:5px;
} 
.comment-meta,ol.commentlist li small,p.subscribe-to-comments label {
     position:relative;
} 
.comment-meta,ol.commentlist li small {
     left:10px;
}

.comment-meta {
     font-family: 'Roboto', sans-serif;
     font-weight: 300;
     font-size: 20px;
     font-weight: bold;
     color: #000000;
}

ol.commentlist li small {
     font-family: 'Source Sans Pro', sans-serif;
     font-weight: 300;
     font-size: 14px;
     color: #000000;
}

.comment-text {
     margin:0 10px 0 0;
     font-family: 'Roboto', sans-serif;
     font-weight: 300;
     font-size: 14px;
     color: #000000;
} 
.reply,.comment-navigation .newer,input#submit {
     float:right;
} 
.reply,.comment-navigation .newer a,.comment-navigation .older a,input#submit {
     background: #bcbcbc;
} 
.reply {
     margin:0 5px 5px 0;
} 
a.comment-reply-link,.reply a:link, .comment-navigation .newer a,.comment-navigation .older a,input#submit {
     display:inline-block;
     text-align:center;
     cursor:pointer;
     color:#fff;
} 
a.comment-reply-link,.reply a:link {    
     padding:5px 0;
     font-family: 'Source Sans Pro', sans-serif;
     font-weight: 300;
}
a.comment-reply-link,.reply a:link,input#submit {
     width:100px;
} 
a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover,.comment-navigation .older a:hover,input#submit:hover {
     text-decoration:none;
     color:#FFFFFF;
     background: #252525;
} 
a.comment-reply-link:hover,.reply a:hover,input#submit:hover {
     width:100px;
} 
a.comment-reply-link:hover,.reply a:hover {
     padding:5px 0;
} 
a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover,.comment-navigation .older a:hover{} 
.comment-navigation {
     margin:10px 0 10px 0;
}
.comment-navigation:after,#respond:after {
     content:".";
     height:0;
     visibility:hidden;
} 
.clear {
     clear:both;
} 
.comment-navigation .newer a:hover,.comment-navigation .older a:hover {
     padding:4px;
} 
form#commentform textarea,form#commentform input {
     padding:2px 3px;
} 
form#commentform textarea {
     width:442px;
} 
input#submit {
     padding:5px 0 !important;
     border:0 !important;
     width: 100px;
     font-family: 'Lato', sans-serif;
     font-weight: 300;
} 
input#submit,p.subscribe-to-comments input {
     outline:0;
} 
input#submit:hover {
     padding:5px 0 !important;
     width: 100px;
     background: #252525;
     border: 1px solid #000000;
}
p.subscribe-to-comments {
     background:url('images/email_32.png') no-repeat;
} 
p.subscribe-to-comments,.comment-rss {
     height:32px;
     text-indent:42px;
     padding:5px 0 0 0;
} 
p.subscribe-to-comments input {
     margin:5px 3px 3px 3px !important;
     border:0;
} 
p.subscribe-to-comments label {
     top:-2px;
     color:#666;
}
.comment-total {
     text-align: center;
     font-size: 1.5em;
     color: #fff;
}
.comment-total span {
     font-size: 2em;
     color: #FFFFFF;
}
/*
IX. Archive, Author, Category, Index, Search, Tag
------------------------------------------- */
/*
A. General
------------------------------------------- */
.index {
     width: 735px;
     float: left;
     position: relative;
}

.index .index-header {
     min-width: 300px;
}

.index .title {
     font-family: 'Lato', sans-serif;
     font-weight: 300;
     font-size: 26px;
     color: #ffffff;
     background-color: #252525;
     padding: 3px 5px;
     float: left;
     width: 100%;
}

.index .story {
     width: 100%;
     float: left;
     position: relative;
     border-bottom: 1px solid #000000;
     margin-bottom: 5px;
     padding-bottom: 5px;
}

.index .story p {
     float: left;
     position: relative;
}

.index article.story:last-child {
     border-bottom: none !important;
}

.index .photo-area {
     width: 225px;
     float: left;
     position: relative;
     margin-bottom: 5px;
}

.index .photo{
     width: 210px;
     height: auto;
     margin: auto;
     overflow: hidden;
}

.index .headline, .index .headline a, .index .headline a:hover, .index .headline a:visited {
     font-family: 'Oswald';
     font-size: 28px;
     color: #000000;
     margin-top: 5px;
     margin-bottom: 5px;
     width: 100%;
}

.index .label-head {
     float: left;
     display: inline-block;
     clear: right;
}

.index .label-head h5 {
     padding: 3px 5px 3px 5px;
}

.index .label-head h5, .index .label-head h5 a, .index .label-head h5 a:hover, .index .label-head h5 a:hover {
     color: #ffffff;
     background-color: #252525;
     font-family: 'Lato', sans-serif;
     font-weight: 300;
     font-size: 14px;
     max-width: 200px;
     margin: 0px 0px 2px;
}

.index .label-head li {
     list-style: none;
}

.index .label-head ul > li {
     margin-left: 0px;
}

.index .byline, .index .byline a, .index .byline a:hover, .index .byline a:visited {
     font-family: 'Source Sans Pro', sans-serif;
     font-weight: 300;
     font-size: 18px;
     color: #000000;
     margin-top: 5px;
     margin-bottom: 3px;
}

.index .story .read-more {
     float: right;
     position: relative;
     color: #ffffff;
     padding: 3px 5px;
     background-color: #252525;
     font-family: 'Lato';
     font-weight: 300;
}

.index .story .read-more a {
     color: #ffffff;
}

.index .story .read-more:hover {
     background-color: #A7A7A7;
}

.index .story .read-more:hover a {
     color: #252525;
}

.index .older a {
     float: right;
     font-family: 'Lato', sans-serif;
     font-weight: 300;
     font-size: 18px;
     color: #ffffff;
     background-color: #252525;
     padding: 5px 5px 5px 5px;
}

.index .newer a {
     float: left;
     font-family: 'Lato', sans-serif;
     font-weight: 300;
     font-size: 18px;
     color: #ffffff;
     background-color: #252525;
     padding: 5px 5px 5px 5px;
}
/*
B. Author
------------------------------------------- */
.index .author-bio {
     width: 100%;
     float: left;
     position: relative;
     background-color: #a3a3a3;
     padding: 5px;
     margin-bottom: 5px;
}

.index .author-bio .mug-shot {
     width: 96px;
     height: 96px;
     border: 3px solid #848484;
     margin-right: 5px;
     float: left;
     position: relative;
     overflow: hidden;
}

.index .author-bio .mug-shot .photo {
     width: 96px !important;
     height: 96px !important;
}

.index .author-bio .title {
     font-family: 'Lato', sans-serif;
     font-weight: 300;
     font-size: 36px;
     color: #000000;
     margin-top: 0px;
     margin-bottom: 5px;
     background-color: transparent;
     float: none;
}

.index .author-bio .bio {
     font-family: 'Roboto', sans-serif;
     font-weight: 300;
     font-size: 14px;
     color: #000000;
     margin-top: 3px;
     margin-bottom: 5px;
}

.index .author-bio .social-links {
     width: 100%;
     height: 50px;
     float: left;
     position: relative;
}

.index .author-bio .author-social {
     width: 50px;
     height: 50px;
     float: left;
     position: relative;
     margin-right: 3px;
}
/*
X. Page
------------------------------------------- */
/*
A. General
------------------------------------------- */
.page-single {
     width: 735px;
     float: left;
     position: relative;
}

.page-single .title {
     font-family: 'Lato';
     font-weight: 300;
     font-size: 30px;
     color: #000000;
     border-bottom: 1px solid #000000;
     padding-bottom: 10px;
}

/*
B. Staff Page
------------------------------------------- */
.staff {
     width: 735px;
     float: left;
     position: relative;
}

.staff .title {
     font-family: 'Lato';
     font-weight: 300;
     font-size: 30px;
     color: #000000;
     border-bottom: 1px solid #000000;
     padding-bottom: 10px;
}

.staff .writer {
     width: 100%;
     float: left;
     position: relative;
     border-bottom: 1px solid #000000;
     margin-bottom: 10px;
     padding-bottom: 5px;
}

.staff .writer:last-child {
     border-bottom: none;
}

.staff .photo-area{
     width: 125px;
     float: left;
     position: relative;
}

.staff .photo {
     width: 115px;
     height: 115px;
     margin: auto;
}

.staff .name-title, .staff .name-title a, .staff .name-title a:hover, .staff .name-title a:visited {
     font-family: 'Oswald';
     font-size: 30px;
     font-weight: 300;
     color: #000000;
     margin-top: 5px;
     margin-bottom: 5px;
}

.staff .writer .social-links {
     width: 100%;
     height: 50px;
     float: left;
     position: relative
}

.staff .writer .author-social {
     width: 40px;
     height: 40px;
     float: left;
     position: relative;
     margin-right: 3px;
}
/*
C. 404 Page
------------------------------------------- */
.post-404 {
     width: 735px;
     float: left;
     position: relative;
}

.post-404 .not-found {
     background: url('images/not-found.png') no-repeat center center;
     height: 200px;
     margin: auto;
}

.post-404 h3.not-found-header {
     font-family: 'Lato';
     font-weight: 300;
     font-size: 30px;
     color: #000000;
}

/*
XI. Widgets
------------------------------------------- */
.widget-wrap {
     width: 100%;
     padding: 5px;
     float: left;
     position: relative;
}

.widget-title{
     width: 97%;
     margin: auto;
     border-top: 1px solid #000000;
     border-bottom: 1px solid #000000;
     text-align: center;
}

.widget-title h3 {
     font-family: 'Oswald';
     font-size: 24px;
     color: #000000;
     margin: 2px;
}

/*
A. Calendar
------------------------------------------- */
#wp-calendar caption {
     font-family: 'Source Sans Pro', sans-serif;
     font-weight: 300;
     font-size: 18px;
     color: #000000;
}

#wp-calendar a, #wp-calendar a:visited {
     color: #E4E4E4;
}

#wp-calendar a:hover {
     color: #ffffff;
}

#wp-calendar td{
     text-align: center;
}

#wp-calendar td:hover, #wp-calendar td a:hover {
     background-color: #747373;
     color: #ffffff !important;
}

#wp-calendar th{
     text-align: center;
}

#wp-calendar #today {
     background-color: #252525;
     color: #ffffff;
}

#wp-calendar #today a {
     color: #ffffff;
}

#wp-calendar tfoot{
     font-family: 'Source Sans Pro', sans-serif;
     font-weight: 300;
     font-size: 18px;
     color: #000000;
     background-color: #252525;
}
/* Tag Cloud Styles */
.tagcloud a {
     font-size: 16px !important;
     font-family: 'Lato', sans-serif;
     background-color: #252525;
     margin: 1px;
     padding: 5px;
     display: inline-block;
     color: #FFFFFF;
}

.tagcloud a:hover{
     background-color: #EEEEEE;
     color: #000000;
     display: inline-block;
}
/*
XII. Footer
------------------------------------------- */
.footer {
     width: 100%;
     float: left;
     position: relative;
     margin-left: auto;
     margin-right: auto;
     text-align: center;
     border-top: 1px solid #000000;
     margin-top: 10px;
}

.footer p {
     font-family: 'Lato', sans-serif;
     font-size: 20px;
     color: #000000;
}