/*
Theme Name: Airline Reporter
Theme URI: http://airlinereporter.com
Author: Alice Fox
Author URI: http://alicefox.com/
Description: Responsive, custom theme for Airline Reporter.
Version: 1.4

*/
@import url(http://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic,900,900italic);
/*----- GENERAL------*/
body { background:url(img/header.jpg) repeat-x #fff; font-family: 'Lato', sans-serif; height:100%; }
html { -webkit-font-smoothing: subpixel-antialiased; }
a, a:visited { text-decoration:none; color:#7eaab6 }
a:hover { color:#3c4e55 }
h1 { text-transform: uppercase; letter-spacing: 2px; font-weight: 300; font-size: 1.3em; margin:0; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.1px; }
h2 { text-transform:uppercase; letter-spacing:2px; font-size:.9em; margin:0; }
h3 { text-transform:uppercase; color:#316877; }
.page_header { background-color: #000; text-transform: uppercase; letter-spacing: 2px; padding: 5px 10px; font-weight: normal; font-style: italic; margin-bottom: 10px; color: #fff; }
.wp-caption, .wp-caption-text, .gallery-caption { text-align: center; max-width:100%; }
article .wp-caption:first-of-type { width: 100% !important; background: #f5f5f5; text-align: center; margin:0;}
.wp-caption-text { background-color: #fff; padding: 1em; margin: 0; color: #9ea3a4; font-size: .75em; }
.alignnone { margin:5px 20px 20px 0; }
.aligncenter { margin:5px auto 5px auto; }
.alignright { float:right; margin:5px 0 20px 20px; }
.alignleft { float:left; margin:5px 20px 20px 0; }
a img.alignright { float:right; margin:5px 0 20px 20px; }
a img.alignnone { margin:5px 20px 20px 0; }
a img.alignleft { float:left; margin:5px 20px 20px 0; }
a img.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.wp-caption.alignnone { margin:0; }
.wp-caption.alignleft { margin:5px 20px 20px 0; }
.wp-caption.alignright { margin:5px 0 20px 20px; }
.wp-caption img { border:0 none; height:auto; margin:0; max-width:98.5%; padding:0; width:auto; }
.wp-video-shortcode { max-width: 100%; }
.wp-audio-shortcode { max-width: 100%; }
p { font-size:.9em; padding: 10px 0px; margin: 0; }
article img { max-width:100%; }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
::selection { background:#649baa; color:#FFF; text-shadow:none; }
::-webkit-selection { background:#649baa; color:#FFF; text-shadow:none;}
::-moz-selection { background:#649baa; color:#FFF; text-shadow:none;}
hr { border: 0 none; height: 1px; background-color: #f5f5f5; }
/*----- TOP BAR & NAVIGATION------*/
.main-nav { position:relative; margin-left:350px; z-index:10; }
.top ul { margin:0; padding:0; }
.logo { position:absolute; left:0; background:url(img/logo.png) no-repeat; height:74px; width:373px; z-index:100; }
.logo a { height:100%; width:100%; display:block; }
.top { background:#233a44; color:#fff; height:74px; border-bottom:5px solid #b9c6cf; font-size:.9em; padding-left: 18px; }
.top a, .top a:visited { color:#fff; height:100%; width:100%; display:block; }
.top ul li:hover { background-color:#639baa; }
.main-nav .sub-menu li:hover { background-color:#306877; }
.main-nav ul li { display: inline-block; height: 69px; line-height: 69px; position: relative; text-transform: uppercase; }
.main-nav ul li:first-of-type { margin-left:0; padding-left:6px;}
.sub-menu .menu-item-has-children { background-image: url(img/sub-menu.png); background-repeat: no-repeat; background-position: 96% 50%; }
 @media all and (min-width: 70.01em) {
.topbar { position:relative; padding-right:18px; }
.top:after { border-color: #3c4e55; border-bottom: 69px solid rgba(255, 255, 255, 0); border-left-width: 18px; border-left-style: solid; border-top: 0; right: -18px; content: ''; display: block; height: 0; position: absolute; width: 0; top: 0; }
.menu-item-has-children:hover > .sub-menu { height: auto; width: auto; overflow: visible; display: block; position: absolute; }
.main-nav .sub-menu { margin-top:69px; height: 0px; overflow: hidden; position: absolute; width: 0px; display: block; padding: 0; top: 0; z-index: 99; left: -18px; background-color:#639baa; }
.main-nav .sub-menu .sub-menu { margin-top:0px; left:0; margin-left:150px; font-size:1.2em; }
.main-nav .sub-menu li { height: 20px; line-height: 20px; width: 100%; min-width:150px; font-size: .8em; display:block; }
.top ul li:hover a:before { border-color: #639baa; border-bottom: 0 solid rgba(255, 255, 255, 0); border-right-width: 18px; border-right-style: solid; border-top: 69px solid rgba(255, 255, 255, 0); left: -18px; }
.top ul li:hover a:after { border-color: #639baa; border-bottom: 69px solid rgba(255, 255, 255, 0); border-left-width: 18px; border-left-style: solid; border-top: 0; right: -18px; }
.top ul li:hover a:before, .top ul li:hover a:after { content: ''; display: block; height: 0; position: absolute; width: 0; top: 0; }
.top ul li:hover .sub-menu a:after, .top ul li:hover .sub-menu a:before { display:none; border:0 none; }
.sub-menu li a:before, .sub-menu li a:after { border:0 none; display:none; }
.main-nav ul.sub-menu li {margin:0; padding:0 12px;}
.main-nav ul li { margin: 0px 12px;  }
}

/*----- SEARCH BAR------*/
@media all and (min-width: 70.01em) {
#sb-search { position:absolute; right:0; top:0; overflow:hidden; }
.sb-search { position: relative; width: 0%; min-width: 55px; height: 69px; float: right; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; }
input[type="search"].sb-search-input { position: absolute; top: 0; right: 0; border: none; outline: none; background: #3c4e55; width: 0px; height: 69px; line-height: 69px; margin: 0; z-index: 10; padding: 0 10px; left:18px; color: #fff; }
.sb-search-open input[type="search"].sb-search-input { width: 100%; left: 18px; }
.sb-icon-search, .sb-search-submit { width: 35px; height: 69px; display: block; position: absolute; right: 0; top: 0; padding: 0; margin: 0; line-height: 60px; text-align: center; cursor: pointer; padding:0 5px; }
.sb-search-submit { opacity: 0; color: transparent; border: none; outline: none; z-index: -1; }
.sb-icon-search { color: #fff; background:url(img/search.png) center center no-repeat #3c4e55; z-index: 80; }
.sb-search.sb-search-open, .no-js .sb-search { width: 70%; }
.sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit { z-index: 90; }
.sb-search:before { border-color: #3c4e55; border-bottom: 0 solid rgba(255, 255, 255, 0); border-right-width: 18px; border-right-style: solid; border-top: 69px solid rgba(255, 255, 255, 0); left: 0; }
.sb-search:before { content: ''; display: block; height: 0; position: absolute; width: 0; top: 0; }
}

/*----- ARTICLES------*/
.main { margin-top:25px }
header { display:table; width:100%; height:100%; }
article header { border-bottom: 1px solid #f5f5f5; }
header h1 a, header h1 a:visited { color:#06161d; }
header h2 { color:#5a818d; }
header h1 a:hover { color:#649baa; }
.title { vertical-align: top; display: table-cell; }
.time { min-width: 115px; background: url(img/tail.png) no-repeat top right; display: table-cell; height: 100%; text-transform:uppercase; text-align:right; font-style:italic; }
.headerwrap { display:table-row; height:0px; }
.day { font-weight:bold; font-size:2.250em; }
.month-year { float:right; margin-right:8px; margin-left:2px; }
.month { display: block; margin-top: 8px; height: 14px; }
.year { display:block; }
.page article ul { list-style-position: inside; margin-left: 25px; }
/* Pagination */
.pagination { width:100%; margin: 20px 0; }
.navigation { text-align:center; }
.page-numbers { background: #3c4e55; height: 45px; position: relative; display: inline-block; margin: 0px; padding: 0 12px 0 8px; line-height: 45px; color:#fff; font-style:italic; }
.page-numbers:after { border-color: #3c4e55; border-bottom: 45px solid rgba(255, 255, 255, 0); border-left-width: 8px; border-left-style: solid; border-top: 0; right: -8px; content: ''; display: block; height: 0; position: absolute; width: 0; top: 0; }
.page-numbers:before { border-color: #3c4e55; border-bottom: 0 solid rgba(255, 255, 255, 0); border-right-width: 8px; border-right-style: solid; border-top: 45px solid rgba(255, 255, 255, 0); left: -8px; content: ''; display: block; height: 0; position: absolute; width: 0; top: 0; }
.page-numbers:visited { color:#fff; }
.page-numbers.current { color:#6b7c82; }
.page-numbers:hover { background:#306877; color:#fff; }
.page-numbers:hover:before { border-color: #306877; border-bottom: 0 solid rgba(255, 255, 255, 0); border-right-width: 8px; border-right-style: solid; border-top: 45px solid rgba(255, 255, 255, 0); left: -8px; content: ''; display: block; height: 0; position: absolute; width: 0; top: 0; }
.page-numbers:hover:after { border-color: #306877; border-bottom: 45px solid rgba(255, 255, 255, 0); border-left-width: 8px; border-left-style: solid; border-top: 0; right: -8px; content: ''; display: block; height: 0; position: absolute; width: 0; top: 0; }
.page-numbers.next:hover:after, .page-numbers.prev:hover:before { display:none; }
.next { background: #bbc7ce; height: 45px; position: relative; display: inline-block; width: 150px; padding: 0; text-align: left }
.next .text { text-transform: uppercase; font-style: italic; background: #3c4e55; display: block; height: 100%; color: #fff; line-height: 45px; letter-spacing: 2px; padding: 0px 15px; margin-right: 30px; }
.next .arrow { background: url(img/arrowr.png) no-repeat right center; display: block; position: absolute; right: 8px; z-index: 80; height: 45px; top: 0; width: 59px; }
.next .text:before { border-color: #3c4e55; border-bottom: 0 solid rgba(255, 255, 255, 0); border-right-width: 8px; border-right-style: solid; border-top: 45px solid rgba(255, 255, 255, 0); left: -8px; content: ''; display: block; height: 0; position: absolute; width: 0; top: 0; }
.next:hover { background:#fff; }
.next:hover > .text { background:#306877; }
.next:hover > .arrow { background: url(img/arrowr-d.png) no-repeat right center; }
.next:hover { background:#fff; }
.next:hover > .text:before { border-color: #306877; border-bottom: 0 solid rgba(255, 255, 255, 0); border-right-width: 8px; border-right-style: solid; border-top: 45px solid rgba(255, 255, 255, 0); left: -8px; content: ''; display: block; height: 0; position: absolute; width: 0; top: 0; }
.prev:before, .next:after { display:none; }
.prev { background: #bbc7ce; height: 45px; position: relative; display: inline-block; width: 150px; padding: 0; }
.prev .text { text-transform: uppercase; font-style: italic; background: #3c4e55; display: block; height: 100%; color: #fff; line-height: 45px; letter-spacing: 2px; padding: 0px 15px 0 45px; margin-left: 30px; }
.prev .arrow { background: url(img/arrowl.png) no-repeat right center; display: block; position: absolute; left: 8px; z-index: 80; height: 45px; top: 0; width: 59px; }
.prev .text:after { border-color: #3c4e55; border-bottom: 45px solid rgba(255, 255, 255, 0); border-left-width: 8px; border-left-style: solid; border-top: 0; right: -8px; content: ''; display: block; height: 0; position: absolute; width: 0; top: 0; }
.prev:hover { background:#fff; }
.prev:hover > .text { background:#306877; }
.prev:hover > .arrow { background: url(img/arrowl-d.png) no-repeat right center; }
.prev:hover { background:#fff; }
.prev:hover > .text:after { border-color: #306877; border-bottom: 45px solid rgba(255, 255, 255, 0); border-left-width: 8px; border-left-style: solid; border-top: 0; right: -8px; content: ''; display: block; height: 0; position: absolute; width: 0; top: 0; }

/* Article Footer */
.under-articles-widget { margin:10px 0; clear:both; overflow;auto}
article footer .comments { background: #f5f5f5; padding-left: 70px; height: 45px; vertical-align: middle; letter-spacing: 2px; font-style: italic; text-transform: uppercase; line-height: 45px; }
article footer .comments:hover { background:#000; color:#fff; }
article footer .comments:hover > a { color:#fff }
article footer .comments a { color:#303030; height:100%; width:100%; display:block; }
article footer .number { font-weight:900; font-size:2em; font-style:italic; float:left; margin-right:5px; }
article footer .readmore { background: #000; height: 45px; position: relative; margin-bottom:20px; }
article footer .readmore a { height:100%; width:100%; }
article footer .readmore .text { text-transform: uppercase; font-style: italic; background: #649baa; display: block; height: 100%; color: #fff; line-height: 45px; letter-spacing: 2px; padding: 0px 15px; margin-right: 30px; }
article footer .readmore .arrow { background: url(img/arrowr.png) no-repeat right center; display: block; position: absolute; right: 8px; z-index: 80; height: 45px; top: 0; width: 59px; }
article footer .readmore .text:before { border-color: #649baa; border-bottom: 0 solid rgba(255, 255, 255, 0); border-right-width: 10px; border-right-style: solid; border-top: 45px solid rgba(255, 255, 255, 0); left: -10px; content: ''; display: block; height: 0; position: absolute; width: 0; top: 0; }
article footer .readmore a:hover { background:#fff; }
article footer .readmore a:hover > .text { background:#306877; }
article footer .readmore a:hover > .arrow { background: url(img/arrowr-d.png) no-repeat right center; }
article footer .readmore:hover { background:#fff; }
article footer .readmore a:hover > .text:before { border-color: #306877; border-bottom: 0 solid rgba(255, 255, 255, 0); border-right-width: 10px; border-right-style: solid; border-top: 45px solid rgba(255, 255, 255, 0); left: -10px; content: ''; display: block; height: 0; position: absolute; width: 0; top: 0; }
@media only screen and (max-width: 72.01em) {
article footer .readmore .text { font-size:.8em; }
}
.tags { margin-left: 105px; text-align: right; }
.tags a, .tags a:visited { background: #649baa; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: .65em; padding: 5px 10px; position:relative; margin:0 3px; display: inline-block; height: 22px; }
.tags a:before { border-color:#649baa; border-bottom: 0 solid rgba(255, 255, 255, 0); border-right-width: 5px; border-right-style: solid; border-top: 22px solid rgba(255, 255, 255, 0); left: -5px; }
.tags a:after { border-color:#649baa; border-bottom: 22px solid rgba(255, 255, 255, 0); border-left-width: 5px; border-left-style: solid; border-top: 0; right: -5px; }
.tags a:before, .tags a:after { content: ''; display: block; height: 0; position: absolute; width: 0; top: 0; }
.tags a:hover { background:#306877; }
.tags a:hover:before { border-color:#306877; border-bottom: 0 solid rgba(255, 255, 255, 0); border-right-width: 5px; border-right-style: solid; border-top: 22px solid rgba(255, 255, 255, 0); left: -5px; }
.tags a:hover:after { border-color:#306877; border-bottom: 22px solid rgba(255, 255, 255, 0); border-left-width: 5px; border-left-style: solid; border-top: 0; right: -5px; }

/* Author Info */
.author-info { background:#f5f5f5; padding:15px; display:block; clear:both; overflow:auto; margin:20px 0; }
.author-avatar { border: 4px solid #dcdcdc; float:left; margin:0 15px 15px 0; }
.author-info .social a { width: 25px; background-size: 70% auto; height: 25px; }
.author-info .social { text-align:left; }
.author-description { margin-left: 120px; text-align: justify; }

/* Posts Next/Previous */
.newer a, .previous a { height: 100%; width: 100%; display: block; z-index: 155; position: absolute; }
.newer .textwrap { letter-spacing: 2px; line-height: 18px; padding: 5px 45px 5px 45px; text-transform: uppercase; font-style: italic; background: #bbc7ce; color: #fff; font-size: .7em; position: absolute; top: 0px; right: 30px; width: 100%; height: 45px; display: table; }
.newer .text { display: table-cell; vertical-align: middle; text-align: right; }
.newer .arrow { background: url(img/arrowr.png) no-repeat right center; display: block; position: absolute; right: 8px; z-index: 80; height: 45px; top: 0; width: 59px; }
.previous, .newer { background: #649baa; position: relative; height:45px; overflow:hidden; }
.previous .textwrap { letter-spacing: 2px; padding: 5px 45px 5px 45px; text-transform: uppercase; font-style: italic; background: #bbc7ce; color: #fff; font-size: .7em; position: absolute; top: 0px; left: 30px; width: 100%; height: 45px; display: table; line-height: 18px; }
.previous .text { display: table-cell; vertical-align: middle; text-align: left; }
.previous .arrow { background: url(img/arrowl.png) no-repeat left center; display: block; position: absolute; height:100%; left: 8px; z-index: 80; top: 0; width: 59px; }
.previous:hover > .textwrap, .newer:hover > .textwrap { background: #f5f5f5; color:#303030; }
.previous:hover > .arrow { background-image:url(img/arrowl-d.png); }
.newer:hover > .arrow { background-image:url(img/arrowr-d.png); }
.previous:hover, .newer:hover { background:#fff; }

/* Related Posts */
.wp_rp_content h3 { text-align: center; color: #649baa; margin-top: 10px; letter-spacing: 2px; font-size: 1em; }
ul.related_post li img { border-radius: 0px; box-shadow: none; border: 4px solid #dcdcdc; }
ul.related_post li img:hover { border: 4px solid #bbc7ce; }
ul.related_post { list-style-type:none; position: relative; margin: 0; padding: 0; text-transform:uppercase; text-align:center; font-size:.8em; letter-spacing:1px; }
.wp_rp_title { padding-top: 5px; font-size: .95em; font-weight: bold; display: inline-block; line-height: 1.3em; }
ul.related_post li { position: relative !important; display: inline-block !important; vertical-align: top !important; zoom: 1 !important; width: 150px !important; margin: 10px 10px 10px 0px !important; padding: 0 !important; background: none !important; }

/* Entry Sharing */
.entry-sharing { float:left; background:#fff; position: relative; padding-right: 5px; }
.entry-sharing:after { border-color:#fff; border-bottom: 45px solid rgba(255, 255, 255, 0); border-left-width: 10px; border-left-style: solid; border-top: 0; right: -10px; content: ''; display: block; height: 0; position: absolute; width: 0; top: 0; }
.entry-sharing ul { list-style-type:none; }
.entry-sharing a.share { height: 25px; display: inline-block; width:18px; position:relative; padding:0px; margin:0:
}
.entry-sharing .count { display:block; }
.entry-sharing ul li { display:inline-block; }

.facebook .count {visibility: hidden; }

.entry-sharing .facebook .share { background: url(img/facebook.png) no-repeat #4966b6; background-size: 90% auto; background-position: center center; }
.entry-sharing .facebook .share:before { border-color:#4966b6; border-bottom: 0 solid rgba(255, 255, 255, 0); border-right-width: 5px; border-right-style: solid; border-top: 25px solid rgba(255, 255, 255, 0); left: -5px; }
.entry-sharing .facebook .share:after { border-color:#4966b6; border-bottom: 25px solid rgba(255, 255, 255, 0); border-left-width: 5px; border-left-style: solid; border-top: 0; right: -5px; }
.entry-sharing .facebook .share:before, .entry-sharing .share:after { content: ''; display: block; height: 0; position: absolute; width: 0; top: 0; }
.entry-sharing .twitter .share { background: url(img/twitter.png) no-repeat #00abec; background-size: 90% auto; background-position: center center; }
.entry-sharing .twitter .share:before { border-color:#00abec; border-bottom: 0 solid rgba(255, 255, 255, 0); border-right-width: 5px; border-right-style: solid; border-top: 25px solid rgba(255, 255, 255, 0); left: -5px; }
.entry-sharing .twitter .share:after { border-color:#00abec; border-bottom: 25px solid rgba(255, 255, 255, 0); border-left-width: 5px; border-left-style: solid; border-top: 0; right: -5px; }
.entry-sharing .twitter .share:before, .entry-sharing .share:after { content: ''; display: block; height: 0; position: absolute; width: 0; top: 0; }
.entry-sharing .googleplus .share { background: url(img/googleplus.png) no-repeat #dd4b38; background-size: 90% auto; background-position: center center; }
.entry-sharing .googleplus .share:before { border-color:#dd4b38; border-bottom: 0 solid rgba(255, 255, 255, 0); border-right-width: 5px; border-right-style: solid; border-top: 25px solid rgba(255, 255, 255, 0); left: -5px; }
.entry-sharing .googleplus .share:after { border-color:#dd4b38; border-bottom: 25px solid rgba(255, 255, 255, 0); border-left-width: 5px; border-left-style: solid; border-top: 0; right: -5px; }
.entry-sharing .googleplus .share:before, .entry-sharing .share:after { content: ''; display: block; height: 0; position: absolute; width: 0; top: 0; }
.entry-sharing .share:hover { background-color:#306877; }
.entry-sharing .share:hover:before { border-color:#306877; border-bottom: 0 solid rgba(255, 255, 255, 0); border-right-width: 5px; border-right-style: solid; border-top: 25px solid rgba(255, 255, 255, 0); left: -5px; }
.entry-sharing .share:hover:after { border-color:#306877; border-bottom: 25px solid rgba(255, 255, 255, 0); border-left-width: 5px; border-left-style: solid; border-top: 0; right: -5px; }

/* Comments */
#comments .comments .number { font-weight: 900; font-size: 2em; font-style: italic; float: left; height: 45px; line-height: 45px; padding: 0px 10px; background: #000; position: relative; margin-left: 5px; }
#comments .comments .number:before { border-color: #000; border-bottom: 0 solid rgba(255, 255, 255, 0); border-right-width: 5px; border-right-style: solid; border-top: 45px solid rgba(255, 255, 255, 0); left: -5px; content: ''; display: block; height: 0; position: absolute; width: 0; top: 0; }
#comments .comments .number:after { border-color:#000; border-bottom: 45px solid rgba(255, 255, 255, 0); border-left-width: 5px; border-left-style: solid; border-top: 0; right: -5px; }
#comments .comments .number:before, #comments .comments .number:after { content: ''; display: block; height: 0; position: absolute; width: 0; top: 0; }
#comments .comments .commentbar { height: 30px; position: absolute; bottom: 0; background-color: #000; width: 100%; text-transform: uppercase; line-height: 30px; letter-spacing: 2px; padding-left: 6px; font-style:italic; }
#comments .comments { height:45px; position:relative; color:#fff; overflow:hidden; margin-bottom:10px; width: 100%; clear: both; }
.depth-2 { margin-left:32px; }
.depth-3 { margin-left:64px; }
.depth-4 { margin-left:96px; }
.comment-list .comment .comment-content { margin-left: 35px; padding: 0px 10px; background:#f5f5f5; }
.comment-list .avatar { float:left; }
.comment-list .comment-meta { background-color: #000; color: #fff; height: 32px; line-height: 32px; font-size:.9em; text-transform:uppercase; letter-spacing:1px; }
.comment-list .comment-meta a { color:#fff; }
.comment-list .comment-meta a:hover { color:#649baa; }
.comment-list .author-name { padding-left:10px; font-weight:bold; }
.comment-list .comment-time { float: right; padding-right: 10px; font-style:italic; }
.reply { background: #f5f5f5; margin-left: 35px; overflow: auto; clear: both; }
.reply a { float:right; background:#bbc7ce; color:#ffffff; font-weight:bold; padding:0 5px; text-transform:uppercase; font-size:.9em; letter-spacing:1px; font-style:italic; position:relative; height:21px; }
.reply a:before { border-color: #bbc7ce; border-bottom: 0 solid rgba(255, 255, 255, 0); border-right-width: 5px; border-right-style: solid; border-top: 21px solid rgba(255, 255, 255, 0); left: -5px; content: ''; display: block; height: 0; position: absolute; width: 0; top: 0; content: ''; display: block; height: 0; position: absolute; width: 0; top: 0; }
.reply a:hover { background:#000; color:#fff; }
.reply a:hover:before { border-color: #000; border-bottom: 0 solid rgba(255, 255, 255, 0); border-right-width: 5px; border-right-style: solid; border-top: 21px solid rgba(255, 255, 255, 0); left: -5px; content: ''; display: block; height: 0; position: absolute; width: 0; top: 0; content: ''; display: block; height: 0; position: absolute; width: 0; top: 0; }

.bypostauthor > .comment-meta { background:#4cb7d4; }
.comment-list .bypostauthor .comment-meta a:hover { color:#000; }

.comment-awaiting-moderation { background-color: #649baa; color: #fff; padding: 5px 10px; }
#respond { margin-top:10px; }
.submit, .button, #submit { background: #649baa; border: none; color: #fff; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; }
#submit { padding: 10px 15px; }
.submit:hover, .button:hover, #submit:hover { background:#000; }
#respond .button { margin-top:15px; }
#reply-title { margin-bottom:10px; text-transform: uppercase; letter-spacing: 2px; font-weight: 300; font-size: 1.3em; margin: 0; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.1px; color:#000; }

/*----- SIDEBAR------*/
.sidebar h2 { padding: 0.5em 0.5em 0 0em;
    color: #000;
    font-size: .85em;
    clear: both;
    overflow: auto;
    border-bottom: 1px #f5f5f5 solid;
    margin: 10px 0;}
.sidebar li { list-style-type:none; border-bottom:1px solid #f5f5f5; }
.sidebar h2:first-of-type {margin-top:0;}
.adbox { display: inline-block; vertical-align: top; }
/* Social Media */
.social { text-align:center; }
.social a { height:48px; width:48px; background-color:#649baa; display:inline-block; background-repeat: no-repeat; background-position:center center; }
.social a:hover { background-color:#306877; }
.fb { background-image:url("img/facebook.png"); }
.tweet { background-image:url("img/twitter.png"); }
.g { background-image:url("img/googleplus.png"); }
.flickr { background-image:url("img/flickr.png"); }
.youtube { background-image:url("img/youtube.png"); }
.instagram { background-image:url("img/instagram.png"); }
.linkedin { background-image:url("img/linkedin.png"); }
.picasa { background-image:url("img/picasa.png"); }
.vimeo { background-image:url("img/vimeo.png"); }
.pinterest { background-image:url("img/pinterest.png"); }
.rss { background-image:url("img/rss.png"); }

/*----- Widget Popular Posts ------*/
.wpp-list img { border:4px solid #f5f5f5; float:left; margin-right: 8px; }
.wpp-post-title { display:block; font-size:.8em; }
.wpp-list .post-stats { margin:0; padding:0; }
.wpp-list li { display: inline-block; width: 100%; padding: 7px 0px; }
.wpp-comments { text-transform: uppercase; color: #649baa; letter-spacing: 1px; font-size: 1.2em; display: block; font-weight: normal; }
.wpp-list a, .wpp-list a:visited { color:#303030; }
.wpp-list a:hover { color:#649baa; }


/*----- FOOTER------*/
.footer { background:#f5f5f5; color:#98a8b4; }
.footer .row { position:relative; }
.footer a, .footer a:visited { color:#649baa; }
.footer a:hover { color:#000; }
.footer .columns { font-size:.8em; }
.totop { display:block; position:absolute; right:0; top:-28px; height:28px; width:28px; background:url("img/top.png") no-repeat center center #f5f5f5; }
.totop a { display:block; height:100%; width:100%; }
.totop:hover { background:url("img/toph.png") no-repeat center center #f5f5f5; }
.menu-link { display: none; }
.credit { text-transform:uppercase; letter-spacing:1px; margin-top:25px; padding-bottom:10px; }
.credit div { font-size:.7em; line-height:13px; }
.footer .credit a { color:#98a8b4; }
.credit a:hover { color:#000; }
span.af { display: inline-block; background: url(img/af.png) no-repeat; width: 29px; height: 25px; float: right; }
a.af:hover > span.af { background: url(img/afh.png) no-repeat; }
a.af { width: 100px; display: block; }

/*----- MOBILE TOP BAR ------*/
@media all and (max-width: 70em) {
.top { width: 100%; height: auto; padding: 0; display:none; }
.top.active { display:block; }
.sub-menu { display:none; }
.main-nav .sub-menu.active { width: 100%; display: block; background:#639baa; }
.sub-menu li a:before, .sub-menu li a:after { border:0 none; display:none; }
li.menu-item-has-children, .menu-item-has-children a.active { background-image: url(img/sub-menu.png); background-repeat: no-repeat; background-position: 96% 50%; }
.menu-item-has-children a.active { background-color:#649baa; }
.menu-item-has-children a.active:hover { background-color:#306877; }
.main-nav .sub-menu li { height: auto; line-height: 69px; width: 100%; min-width: 100%; font-size: 1em; display: block; }
.main-nav ul li { padding:0; }
.main-nav ul li a { padding:0 18px; }
a.menu-link { display: block; color: #fff; top: 8px; padding: 0px; position: absolute; width: 50px; height: 50px; text-align: center; right: 8px; font-size: 3em; background: #233a44; line-height: 50px; z-index:300; }
a.menu-link:hover { background:#639baa; }
.logo { position:relative; margin:0 auto; }
.main-nav { margin-left: 0; border-top: 5px solid #b9c6cf; margin-top: -5px; }
.top ul.left { float:none !important }
.main-nav ul li { display: block; height: auto; line-height: auto; }
#sb-search { background:#3c4e55; position:relative; width:100%; height:69px; overflow:hidden; }
#sb-search form { margin:0; }
input[type="search"].sb-search-input { width: 100%; background: #3c4e55; height: 69px; line-height: 69px; margin: 0; color: #fff; border: 0; box-shadow: none; padding: 0 18px; }
.sb-icon-search, .sb-search-submit { width: 55px; height: 69px; display: block; position: absolute; right: 0; top: 0; padding: 0; margin: 0; line-height: 60px; text-align: center; cursor: pointer; padding:0 5px; }
.sb-search-submit { opacity: 0; color: transparent; border: none; outline: none; z-index: -1; }
.sb-icon-search { color: #fff; background:url(img/search.png) center center no-repeat #3c4e55; z-index: 80; }
}
@media all and (max-width: 490px) {
.logo { background: url(img/logosm.png) no-repeat #06161d;
    width: 100%;
    margin: 0; }
a.menu-link { margin-right:15px; }
}
 @media all and (max-width: 43em) {
header { display: block; clear: both; overflow: auto; text-align:center; }
.headerwrap { display:block; height:auto; }
header .time { background: transparent; display: block; width: 100%; text-align:center; margin-top: 5px; }
.month-year { float:none; display:inline-block; }
header time { display: block; width: 100%; background: #f5f5f5; }
.title { display:block; }
}

/*----- FORMS ------*/
button { color: #fff; text-transform: uppercase; background-color: #649baa; letter-spacing: 1px; }
button:hover { background-color:#306877; }
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea { background: #f5f5f5; border: 1px solid #eaeaea; box-shadow: none; }
::-webkit-input-placeholder { color: #bbbfc1; text-transform:uppercase; letter-spacing:1px;font-size:.8em;}
textarea::-webkit-input-placeholder {font-size:.7em;}
:-moz-placeholder {  /* Firefox 18- */  color: #bbbfc1;text-transform:uppercase; letter-spacing:1px;font-size:.8em;}
::-moz-placeholder {  /* Firefox 19+ */  color: #bbbfc1;text-transform:uppercase; letter-spacing:1px;font-size:.8em;}
:-ms-input-placeholder { color: #bbbfc1 !important;text-transform:uppercase !important; letter-spacing:1px !important;font-size:.8em !important;}
.placeholder { color: #bbbfc1 !important; text-transform:uppercase  !important; letter-spacing:1px;font-size:.7em  !important; }
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus { background: #f5f5f5; border-color: #dedede; outline: none; }