/*
Theme Name: Frontier
Theme URI: http://ronangelo.com/frontier/
Description: Frontier is a clean, multi-purpose theme built in HTML5 and CSS3 specifications. It incorporates responsive properties to accomodate mobile devices. Frontier lets you choose from 1, 2 or 3 column layouts in many configurations. Make use of the many widget areas and theme hooks to easily modify the theme to suit your needs. Make the theme your own by incorporating custom favicons, logos, header images and more. Frontier accomplishes all of these while maintaining minimal file size that makes for a fast and efficient WordPress.
Author: ronangelo
Author URI: http://ronangelo.com/
Version: 1.0.4
Tags: black, blue, white, dark, light, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, rtl-language-support

License: GNU General Public License, Version 3 or later
License URI: http://www.gnu.org/licenses/gpl.html
--------------------------------------------- */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html,body,h1,h2,h3,h4,h5,h6,p,img,ul,ol,li,form,fieldset {
	border: 0 none;
	margin: 0;
	padding: 0;
	list-style: none;
}

body {
	position: absolute;
	width: 100%;
	color: #303030;
	font-family: 'Arial', Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 20px;
	background-color: #505050;
}

h1 {font-size: 18px;}
h2 {font-size: 18px;}
h3 {font-size: 18px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Arial', Helvetica, Arial, Sans-serif;
	font-weight: normal;
	clear: both;
}

a {
	color: #0E4D7A;
	text-decoration: none;
	cursor: pointer;
}
a:hover {color: #00e;}

.x-table-row {display: table-cell;}
.x-table-cell {display: table-cell; vertical-align: top;}
.left {float: left;}
.right {float: right;}
.genericon {color: #2A5A8E;}

/*----------------------------------------------
   Main Containers
-----------------------------------------------*/
#container {
	margin: 0 auto;
	max-width: 100%;
	box-shadow: 0 0 6px #000;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

#top-bar {
	overflow: hidden;
    background-color: #222;
	border-bottom: 1px solid #000;
    padding: 4px;
	min-height: 32px;
}
#top-bar-info {float: left; margin-left: 12px;}
#site-title, #site-description {
    display: inline-block;
	margin-right: 4px;
}
#site-title {font-size: 20px;}
#site-title a {color: #DC8300;}
#site-description {color: #CCC; font-size: 15px;}

#header {
	overflow: hidden;
	background-color: #FFF;
	border-bottom: 0px solid #000;
}
#header-logo {display: inline-block; float: left;}
#header-logo, #header-logo img {max-width: 100%;}

#below-menu {overflow: hidden; width: 100%;}

#main {
	background-color: #F5F5F5;
	width: 100%;
	overflow: hidden;
}

#content {
	overflow: hidden;
	display: inline-block;
	padding: 10px
}
#content.no-sidebars {width:100%; max-width: 100%;}

.sidebar {display: inline-block;}

#footer {overflow: hidden; width: 100%;}
#bottom-bar {
	background-color: #222;
	border-top: 1px solid #000;
	min-height: 34px;
    overflow: hidden;
	color: #FFF;
	text-shadow: 0 0 2px #000;
}
#bottom-bar a {color: #DC8300;}
#bottom-bar-text {
	float: left;
	padding: 6px 8px;
	font-family: 'Arial', Helvetica, Arial, Sans-serif;
}
#theme-page {
	float: right;
	margin: 6px 10px;
	font-family: 'Arial', Helvetica, Arial, Sans-serif;
	font-size: 15px;
}
#theme-page a {color: #CCC;}
#theme-page a:hover {color: #DC8300;}


/* No Sidebar */
#main.col-c #content {width: 100%;}

/* 1 Sidebar - Left */
#main.col-sc #content, body.page-template-page-sc-php #main #content {float: right;}
#main.col-sc .sidebar, body.page-template-page-sc-php #main .sidebar {padding: 10px 0 10px 10px;}

/* 1 Sidebar - Right */
#main.col-cs #content, body.page-template-page-cs-php #main #content {float: left;}
#main.col-cs .sidebar, body.page-template-page-cs-php #main .sidebar {padding: 10px 10px 10px 0;}

/* 2 Sidebars - Left */
#main.col-ssc #content {float: right;}
#main.col-ssc .sidebar {float: left; padding: 10px;}
#main.col-ssc #sidebar-right, #main.col-ssc #sidebar-left {padding-right: 0;}

/* 2 Sidebars - Right */
#main.col-css #content {float: left;}
#main.col-css .sidebar {float: left; padding: 10px;}
#main.col-css #sidebar-right, #main.col-css #sidebar-left {padding-left: 0;}

/* 2 Sidebars - Left & Right */
body.page-template-page-scs-php #main #content  {float: none;}
#main.col-scs .sidebar, body.page-template-page-scs-php #main .sidebar {padding: 10px;}
#main.col-scs #sidebar-left, body.page-template-page-scs-php #main #sidebar-left {float: left; padding-right: 0; margin-right: 0;}
#main.col-scs #sidebar-right, body.page-template-page-scs-php #main #sidebar-right {float: right; padding-left: 0; margin-left: -4px;}


/*----------------------------------------------
   Navigation Menus
-----------------------------------------------*/
#menu-main {
	background-color: #2A5A8E;
	border-bottom: 0px solid #000;
	float: left;
	width: 100%;
	padding-left: 12px;
	z-index: 20;
}
#menu-main * {
	-moz-transition: all 0.1s ease-out; 
	-webkit-transition: all 0.1s ease-out; 
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}

.menu-main {
	float: left;
	border-left: 0px solid #023266;
	border-right: 0px solid #4878AC;
}
.menu-main li {float: left; position: relative;}

.menu-main > li, .menu-main > ul > .page_item {
	border-right: 0px solid #023266;
	border-left: 0px solid #4878AC;
}

.menu-main > li > a, .menu-main > ul > .page_item > a {
	background: linear-gradient(to bottom, transparent 70%, rgba(0, 0, 0, 0.15) 100%);
	min-width: 80px; 
	text-align: center;
}

.menu-main li a {
	display: block;
	padding: 8px 10px;
	color: #FFF;
	font-family: 'Arial', Helvetica, Arial, Sans-serif;
	font-size: 13px;
	text-shadow: 0 0 0px #222;
}
#menu-main .menu-main li a:hover {
	background-color: #FFF;
	color: #000;
	text-shadow: none;
}

#menu-main .menu-main > .parent-menu-item > a:after,
#menu-main .menu-main > ul  > .parent-menu-item > a:after {
	content: " \25BE";
}

#menu-main .sub-menu, #menu-main .children {
	width: 180px;
	background-color: #2B2B2B;
	border: 0px solid #000;
	position: absolute;
	z-index: 30;
	display: none;	/* initial hide */
	box-shadow: 0 0px 0px #000;
}

#menu-main .sub-menu li, #menu-main .children li {
	border-top: 0px solid #3B3B3B;
	border-bottom: 0px solid #000; 
}

#menu-main .sub-menu li:first-child, #menu-main .children li:first-child {border-top: none;}
#menu-main .sub-menu li:last-child, #menu-main .children li:last-child {border-bottom: none;}

#menu-main .sub-menu li a, #menu-main .children li a {
	float: left;
	width: 178px;
	padding: 10px 14px;
	color: #FFF;
	font-size: 15px;
}

#menu-main .sub-menu li .sub-menu, #menu-main .children li .children {top: -1px;}

#menu-main .sub-menu > .parent-menu-item > a:after,
#menu-main .children > .parent-menu-item > a:after {
	content: " \25BE";
}

/* Display Sub-Menus */
#menu-main li:hover > ul { display: inline;}

/* Top Menu */
#menu-top {float: right;}
.menu-top {float: left;}
.menu-top li {float: left;}
.menu-top li a {
	display: block;
	padding: 0 18px;
	margin-top: 2px;
	color: #FFF;
	font-family: 'Arial', Helvetica, Arial, Sans-serif;
	font-size: 14px;
}


/*----------------------------------------------
   Article Elements
-----------------------------------------------*/
article, .author-info-box, .taxonomy-info, .form-404 {
	overflow: hidden;
	background-color: #FFF;
	border: 0px solid #333;
	box-shadow: 0 0 2px #333;
    margin: 0 0 10px;
    padding: 10px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.form-404 p {margin: 8px 0 10px;}

.taxonomy-title {text-transform: uppercase;}

.entry-header {margin-bottom: 4px;}
.entry-title a {color: #303030;}

.entry-byline {overflow: hidden;}
.entry-author,
.entry-date,
.entry-categories,
.entry-comment-info {
	float: left;
	margin-right: 10px;
}

.entry-content h1, .entry-content h2, .entry-content h3, 
.entry-content h4, .entry-content h5, .entry-content h6, 
.comment-body h1, .comment-body h2, .comment-body h3, 
.comment-body h4, .comment-body h5, .comment-body h6 {
	margin-bottom: 4px; 
	margin-top: 8px;
	clear: none;
}
.entry-updated {color: #555; font-size: 11px;}

.blog-view {border-top: 6px solid #2A5A8E;}
.blog-view.sticky {
	background-color: #FFDC8A;
	border-top: 6px solid #222;
}
.blog-view.sticky .entry-title:before {
	font-family: 'Genericons';
	content: '\f308';
	display: inline-block;
	vertical-align: top;
	-webkit-font-smoothing: antialiased;
}
.blog-view .entry-content {padding-top: 4px;}

.blog-view .post-thumbnail {
	display: table;
	background-color: #EEE;
	border: 1px solid #888;
	padding: 3px;
}
.blog-view .entry-thumbnail img {float: left; max-width: none;}

.entry-excerpt.x-table-cell {padding-left: 8px;}

.read-more {display: inline-block; float: right;}

#blog-pagination {overflow: hidden; padding: 4px;}
.link-prev {float: left;}
.link-next {float: right;}

.single-view .entry-title {line-height: 24px;}

.single-view.type-post .entry-content,
.single-view.type-page .entry-content,
.single-view.type-attachment .entry-content {
    font-family: 'Arial', Helvetica, Arial, Sans-serif;
    font-size: 12px;
    line-height: 21px;
}
.single-view.type-post .entry-content a,
.single-view.type-page .entry-content a,
.single-view.type-attachment .entry-content a {
	text-decoration: underline;
}

.single-view .entry-content p, .comment-body p {
    margin: 4px 0 14px;
}

.page-nav, .comment-nav {display: block; padding: 2px 0;}
.page-nav > *, .comment-nav > * {
    background-color: #2A5A8E;
    color: #FFF;
    display: inline-block;
    padding: 2px 8px;
	border-radius: 3px;
}
.page-nav a:hover, .comment-nav a:hover {color: #FFF; text-decoration: underline;}

.attachment-nav, .post-nav {overflow: hidden;}

.post-nav {
	margin-bottom: 10px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.post-nav div {max-width: 100%;}


/*-------------------------------------
   Content Elements
--------------------------------------*/
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"], #comments img {
	max-width: 100%;
    height: auto;
}

embed, iframe, object, video {max-width: 100%;}

.wp-caption {max-width: 100%;}
.wp-caption img {
	max-width: 100%;
	background-color: #EEE;
	border: 1px solid #CCC;
	padding: 4px;
}
.wp-caption .wp-caption-text, .gallery-caption {
	font-size: 12px; 
	color: #555;
	padding: 0 4px;
	line-height: 1.6;
}
.wp-caption-text, .gallery-caption {margin: 0 !important;}
.wp-caption .wp-caption-text {margin-top: -2px !important; padding: 0 6px;}

.alignnone {
	margin-top: 4px;
	margin-bottom: 4px;
}
.alignleft {
	display:inline;
	float:left;
	margin-top: 4px;
	margin-left: 0;
	margin-right: 8px;
	margin-bottom: 4px;
}
.alignright {
	display:inline;
	float:right;
	margin-top: 4px;
	margin-left: 8px;
	margin-right: 0;
	margin-bottom: 4px;
}
.aligncenter {
	display:block;
	clear: both;
	margin-top: 4px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4px;
}

.gallery .gallery-item {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}
.gallery img {
    padding: 4px;
	display: inline-block;
	border: 1px solid #CCC !important;
}
.gallery img:hover {
	background-color: #DDD;
	border: 1px solid #AAA !important;
}

pre {
    background-color: #F0F0F0;
    border: 1px solid #AAA;
	margin: 8px;
    padding: 8px;
	overflow: auto;
	-ms-word-wrap: normal;
	word-wrap: normal;
	line-height: 20px;
}

blockquote {
	background-color: #EDEDED;
    border-left: 6px solid #687888;
	/* clear: both; */
    margin: 20px;
    padding: 10px 14px;
	overflow: hidden;
}
blockquote p {
	font-style: italic;
	margin: 0 !important;
}
blockquote cite {
	float: right;
	margin-top: 6px;
	margin-bottom: 2px;
	font-size: 13px;
	font-style: normal;
}
blockquote cite:before {content: "– ";}
blockquote cite:after {content: " –";}

address {margin-bottom: 10px;}

.entry-content dl, .comment dl {margin-left: 20px;}
.entry-content dt, .comment dt {margin: 8px 0 0; font-weight: bold;} 
.entry-content dd, .comment dd {margin: 0 0 10px;}

.entry-content table, .comment table {
    border-collapse: collapse;
	width: 98%;
	margin: 10px auto;
}
.entry-content th, .comment th {background-color: #C8CACD;}
.entry-content th, .entry-content td, .comment th, .comment td {
	border: 1px solid #555;
	padding: 8px 10px;
	text-align: left;
	font-size: 13px;
}

.entry-content ul, .entry-content ol, .comment ul, .comment ol {
	margin-top: 4px;
	margin-bottom: 8px;
	padding-left: 20px;
}
.entry-content li, .comment li {
	list-style-position: inside;
	list-style-type: disc;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 5px;
	margin-right: 0;
}
.entry-content ol > li, .comment ol > li {list-style-type: decimal;}
.entry-content ol li ol li, .comment ol li ol li {list-style-type: lower-alpha;}
.entry-content ol li ol li ol li, .comment ol li ol li ol li {list-style-type: lower-roman;}

.sitemap-template .entry-content h3 {margin-left: 10px;}
.sitemap-template .entry-content ul {margin: 8px 0 15px 10px;}
.sitemap-template .entry-content ul li {list-style: square inside;}

/*-------------------------------------
   Author Info Box
--------------------------------------*/
.author-info-box {padding: 0;}
.author-info-box .title {
	background-color: #2A5A8E;
    color: #FFF;
    padding: 4px 8px;
    text-shadow: 1px 1px 2px #222;
}
.author-info {
	background-color: #FFF;
	overflow: hidden;
	padding: 3px;
}
.author-avatar, .author-description{
    display: table-cell;
    padding: 5px;
    vertical-align: top;
}
.author-avatar img {display: block;}

.author-post-count {text-align: center;}

.author-latest-posts {
	background-color: #FFF;
	border: 1px solid #333;
	box-shadow: 0 0 2px #333;
	padding: 8px;
}
.author-latest-posts li {
    list-style: square inside;
	margin: 4px 0 4px 4px;
}


/*-------------------------------------
   Comments
--------------------------------------*/
#comment-header, #respond, .no-comments, .pingback .comment-body {
    background-color: #FFF;
    border: 1px solid #333;
    box-shadow: 0 0 2px #333;
    margin: 10px 0;
	padding: 8px;
    overflow: hidden;
}

#comment-header .title {display: inline-block; float: left;}
#comment-header .respond-link {display: inline-block; float: right;}
#comment-header .respond-link a {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding-left: 8px;
    padding-right: 8px;
}
#comment-header .respond-link a:hover {text-decoration: underline;}

#comments .children li {list-style: none;}

.comment-author-admin .comment-body,
.bypostauthor .comment-body {border-top: 6px solid #2A5A8E;}

.comment-author {float: left;}

.comment-author .avatar, .comment-author .fn {
    float: left;
}

.comment-author .avatar {
    margin-left: -10px;
    margin-top: -10px;
}

.comment-author .fn {
    font-size: 14px;
    margin: 8px;
    word-wrap: break-word;
}

#comments .says {display: none;}

.comment-body .comment-awaiting-moderation {
	display: inline-block;
	float: right;
	margin: 0 8px;
	font-style: italic;
}

.comment-metadata {float: right;}
.comment-metadata a {color: #888;}

#comments .edit-link .comment-edit-link {
    background-color: #E0E0E0;
    color: #222;
    padding: 2px 8px;
}

.comment-content {
    clear: both;
	padding-top: 8px;
}

#comments .reply {
	margin-top: 8px;
	overflow: hidden;
}
#comments .reply .comment-reply-link {
	background-color: #2A5A8E;
	color: #FFF;
	display: inline-block;
	float: right;
    padding: 2px 10px;
}

.no-comments .genericon {
	font-size: 20px;
	color: #888;
}
.no-comments  h4 {
	display: inline-block;
	margin-left: 10px;
	color: #888;
}

#respond p {margin-top: 8px;}

#cancel-comment-reply-link {
    background-color: #F0F0F0;
    font-size: 16px;
    padding: 2px 8px;
}

.comment-form-author label,
.comment-form-email label,
.comment-form-url label {margin-left: 2px;}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
	display: block;
    border: 1px solid #555;
    box-shadow: 0 0 3px #888 inset;
}

.comment-form-comment label, .comment-form-comment textarea {display: block;}
.comment-form-comment {
    padding: 0 3px;
}
.comment-form-comment textarea {
    border: 1px solid #555;
    box-shadow: 0 0 3px #555 inset;
    padding: 4px;
    width: 100%;
}

.form-submit #submit {padding: 5px 10px;}

/* Popular Comment Systems */
#comment-area #disqus_thread {
    background-color: #FFF;
    border: 1px solid #333;
    box-shadow: 0 0 2px #333;
    padding: 10px;
}


/*----------------------------------------------
   Widgets
-----------------------------------------------*/
.widget {
	overflow: hidden;
	background-color: #FFF;
	border: 0px solid #333;
	box-shadow: 0 0 2px #333;
	margin: 0 0 10px;
	padding: 8px;
}
.widget-title {
    background-color: #2A5A8E;
    color: #FFF;
    font-family: 'Arial', Helvetica, Arial, Sans-serif;
    font-size: 18px;
    margin: -8px -8px 8px;
    padding: 4px 8px;
    text-shadow: 0px 0px 0px #222;
    text-transform: none;
}
.widget-title a {color: #FFF;}

.widget > ul {margin-bottom: 8px;}
.widget ul {padding: 0 4px;}
.widget ul li {padding: 4px 0; border-bottom: 1px solid #E0E0E0;}
.widget ul li ul {padding-left: 15px;}
.widget .children li:last-child {border-bottom: none;}
.widget select {max-width: 100%;}

.widget-body {display: inline-block;}
.widget-header {display: inline-block; float: left; margin: 0;}

.widget-header,
.widget-before-post,
.widget-before-post-content,
.widget-after-post-content,
.widget-after-post {
	background-color: transparent;
	border: none;
	box-shadow: none;
}

.widget-after-post {margin: 10px 0 0;}

.widget-footer {
    float: left;
    margin: 0 0.5% 10px;
    width: 32.3%;
}

#widgets-wrap-below-menu {
	background-color: rgba(0, 0, 0, 0.25);
	width: 100%;
	padding: 10px 10px 0;
	overflow: hidden;
}
#widgets-wrap-before-post,
#widgets-wrap-before-post-content,
#widgets-wrap-after-post-content,
#widgets-wrap-after-post {clear: both;}
#widgets-wrap-after-post {margin-top: 8px;}
#widgets-wrap-footer {
	background-color: rgba(0, 0, 0, 0.25);
	border-top: 1px solid #000;
	padding: 10px;
	overflow: hidden;
}

.widget .textwidget img {
	max-width: 100%;
    height: auto;
}

.widget .search-form .search-submit {
    background-color: #2A5A8E;
    border: 1px solid #333;
    border-radius: 3px;
    box-shadow: 0 0 0 #333;
    color: #FFF;
    cursor: pointer;
    padding: 2px 4px;
}

#wp-calendar {
    background-color: #333;
	width: 100%;
	margin: 0 auto;
	border-spacing: 1px;
	text-align: center;
}
#wp-calendar caption {
	background-color: #2A5A8E;
    color: #FFF;
    padding: 4px;
}
#wp-calendar th {
	background-color: #E0E0E0;
    padding: 4px;
}
#wp-calendar td {
	background-color: #FFF;
	padding: 4px;
}


/*-------------------------------------
   Basic Slider
--------------------------------------*/
#slider {
    background-color: #FFF;
    border: 1px solid #333;
    box-shadow: 0 0 2px #333;
    display: block;
    overflow: hidden;
}
.slider-main {margin: 10px 10px 0;}
.slider-content {margin-bottom: 10px;}

.bjqs-prev a {margin-left: 10px;}
.bjqs-next a {margin-right:10px;}
.slider-prev {background-image: url('images/slider-prev.png');}
.slider-next {background-image: url('images/slider-next.png');}
.slider-prev, .slider-next {
	display: block;
	height: 32px;
	width: 38px;
}

ul.bjqs {
	position:relative;
	list-style:none;
	padding:0;
	margin:0;
	overflow:hidden;
	display:none;
}
li.bjqs-slide {position:absolute; display:none;}
li.bjqs-slide a {display: block;}
li.bjqs-slide img {display: block; margin: auto;}

ul.bjqs-controls {list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a {position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a {right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a {left:0;}
ol.bjqs-markers {list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered {text-align: center;}
ol.bjqs-markers li {display:inline;}
ol.bjqs-markers li a {display:inline-block;}
.slider-element {display: none;}
.bjqs-heading {
	background-color: rgba(0, 0, 0, 0.65);
	width:100%;
	color: #EEE;
	padding:8px;
	position:absolute;
	top:0;
	font-size: 16px;
}
.bjqs-descript {
	display:block;
	width:100%;
	margin:0;
	padding:8px;
	position:absolute;
	bottom:0;
	background-color: rgba(0, 0, 0, 0.65);
	color: #EEE;
}


/*-------------------------------------
   BBPress Properties
--------------------------------------*/
#content #bbpress-forums a {text-decoration: none;}
#bbpress-forums .avatar {min-height: 20px; min-width: 20px;}

#bbpress-forums .bbp-topic-permalink {
    color: #333;
    font-family: Helvetica, Arial, Sans-serif;
    font-size: 14px;
}
#bbpress-forums p.bbp-topic-meta {margin: 5px 0 0px; color: #888;}

#bbpress-forums .bbp-topics ul.topic {
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 100%);
    border-top: 1px solid #CCC !important;
}

#content.no-sidebars #bbpress-forums .bbp-body .forum,
#content.no-sidebars #bbpress-forums .bbp-body .topic {
    padding: 8px 40px !important;
}

#bbpress-forums .forums .bbp-reply-content {
    padding: 10px 0 0;
}
#bbpress-forums .forums .bbp-body .topic, #bbpress-forums .forums .bbp-body .reply {
    padding: 0;
}

.bbp-pagination-links > * {
    background-color: #222;
    border: 1px solid #000 !important;
    color: #FFF;
    padding: 2px 8px !important;
}
.bbp-pagination-links .page-numbers.current {background-color: #444;}
.bbp-pagination-links > a:hover {
    background-color: #E0E0E0;
    color: #000;
    font-weight: bold;
}


/*-------------------------------------
   Responsive Properties
--------------------------------------*/
@media screen and (max-width:800px){
	#content {display: block;}
	#content, .sidebar  { 
		width: 100% !important;
		max-width: 100% !important;
	}
	.sidebar {padding: 10px !important;}
}

@media screen and (max-width:640px){
	.widget-footer {
		float: none;
		margin: 0 0 10px;
		width: 100%;
	}
}

@media screen and (max-width:480px){
	#header-logo {margin: 0;}
	#menu-main {padding-left: 0;}
	.menu-main {float: none !important; border: none !important;}
	.menu-main > li, .menu-main > ul > li {
		float: none !important;
		border-bottom: 1px solid #222 !important;
		border-left: none !important;
		border-right: none !important;
	}
	#menu-top {
		display: block;
		float: none;
		clear: both;
	}
	.menu-top {float: none;}
}

@media screen and (max-width:360px){
	.entry-thumbnail.x-table-cell, .entry-excerpt.x-table-cell {
		display: inline-block;
		padding-left: 0;
	}
	.entry-thumbnail.x-table-cell {margin-bottom: 4px;}
	.bjqs-heading, .bjqs-descript {display: none;}
}