﻿/*
Theme Name: Frontier
Theme URI: http://ronangelo.com/frontier/
Description: Frontier is a clean, multi-purpose theme built on HTML5 and CSS3 standards. It incorporates responsive properties to accommodate 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 a custom favicon, logo, header image 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.1.3
Tags: black, blue, white, dark, light, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, 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 {
	width: 100%;
	color: #303030;
	font-family: Arial, Sans-serif;
	font-size: 13px;
	line-height: 20px;
	background-color: #505050;
}

h1 {font-size: 24px;}
h2 {font-size: 22px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto Condensed', Arial, Sans-serif;
	font-weight: normal;
	clear: both;
}

a {
	color: #0E4D7A;
	text-decoration: none;
	cursor: pointer;
}
a:hover {color: #00E;}

.cf:after {
    clear: both;
    content: "";
    display: table;
}

/*----------------------------------------------
   Main Containers
-----------------------------------------------*/
#container {
	margin: 0 auto;
	box-shadow: 0 0 6px #000;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

#top-bar {
    background-color: #222;
	border-bottom: 1px solid #000;
    padding: 4px;
	min-height: 32px;
	width: 100%;
}
#top-bar-info {float: left;}
#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 {
	background-color: #FFF;
	background-position: center;
	border-bottom: 1px solid #000;
	width: 100%;
}
#header-logo {display: inline-block;}
#header-logo, #header-logo img {
	max-width: 100%;
	float: left;
}

#below-menu {width: 100%;}

#main {
	background-color: #F5F5F5;
	padding: 5px;
	width: 100%;
}

#content {
	display: inline-block;
	padding: 5px;
}

.sidebar {
	display: inline-block;
	float: left;
	padding: 5px;
}

#footer {width: 100%;}
#bottom-bar {
	background-color: #222;
	border-top: 1px solid #000;
	min-height: 34px;
	color: #FFF;
	text-shadow: 0 0 2px #000;
	width: 100%;
}
#bottom-bar a {color: #DC8300;}
#bottom-bar-text {
	float: left;
	padding: 6px 8px;
	font-family: Arial, Sans-serif;
}
#theme-page {
	float: right;
	margin: 6px 10px;
	font-family: 'Roboto Condensed', Arial, Sans-serif;
	font-size: 15px;
}
#theme-page a {color: #CCC;}
#theme-page a:hover {color: #DC8300;}

/* Defaults */
#container {width: 948px;}
#header {min-height: 140px;}
#content {width: 610px;}
#sidebar-left {width: 278px;}
#sidebar-right {width: 328px;}

/* No Sidebar */
#content.no-sidebars,
.col-c #content {width: 100%; max-width: 100%;}

/* 1 Sidebar - Left */
.col-sc #content {float: right;}

/* 1 Sidebar - Right */
.col-cs #content {float: left;}

/* 2 Sidebars - Left */
.col-ssc #content {float: right;}

/* 2 Sidebars - Right */
.col-css #content {float: left;}

/* 2 Sidebars - Left & Right */
.col-scs #sidebar-left {float: left; margin-right: 0;}
.col-scs #sidebar-right {float: right; margin-left: -4px;}

.page-template-page-sc-php #main #content {float: right;}
.page-template-page-cs-php #main #content {float: left;}
.page-template-page-scs-php #main #content  {float: none;}
.page-template-page-scs-php #main #sidebar-left {float: left; margin-right: 0;}
.page-template-page-scs-php #main #sidebar-right {float: right; margin-left: -4px;}

/*----------------------------------------------
   Navigation Menus
-----------------------------------------------*/
#nav-main {
	background-color: #2A5A8E;
	border-bottom: 1px solid #000;
	padding-left: 10px;
	width: 100%;
	z-index: 20;
}
#nav-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;
}

.nav-main {
	float: left;
	border-left: 1px solid #023266;
	border-right: 1px solid #4878AC;
}
.nav-main li {float: left; position: relative;}

.nav-main > li, .nav-main > ul > .page_item {
	border-right: 1px solid #023266;
	border-left: 1px solid #4878AC;
}

.nav-main > li > a, .nav-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;
}

.nav-main li a {
	display: block;
	padding: 8px 14px;
	color: #FFF;
	font-family: 'Roboto Condensed', Arial, Sans-serif;
	font-size: 16px;
	text-shadow: 0 0 2px #222;
}
#nav-main .nav-main li a:hover {
	background-color: #FFF;
	color: #000;
	text-shadow: none;
}

#nav-main .nav-main > .parent-menu-item > a:after,
#nav-main .nav-main > ul  > .parent-menu-item > a:after,
#nav-main .sub-menu > .parent-menu-item > a:after,
#nav-main .children > .parent-menu-item > a:after {
	font-family: "Genericons";
	content: "\f431";
	vertical-align: top;
	padding-left: 4px;
}

#nav-main .sub-menu, #nav-main .children {
	width: 180px;
	background-color: #2B2B2B;
	border: 1px solid #000;
	position: absolute;
	z-index: 30;
	display: none;
	box-shadow: 0 1px 4px #000;
}

#nav-main .sub-menu li, #nav-main .children li {
	border-top: 1px solid #3B3B3B;
	border-bottom: 1px solid #000; 
}

#nav-main .sub-menu li:first-child, #nav-main .children li:first-child {border-top: none;}
#nav-main .sub-menu li:last-child, #nav-main .children li:last-child {border-bottom: none;}

#nav-main .sub-menu li a, #nav-main .children li a {
	float: left;
	width: 178px;
	padding: 10px 14px;
	color: #FFF;
	font-size: 15px;
}

#nav-main .sub-menu li .sub-menu, #nav-main .children li .children {top: -1px;}

/* Display Sub-Menus */
#nav-main li:hover > ul {display: inline;}

/* Top Menu */
#nav-top {float: right;}
.nav-top {float: left;}
.nav-top li {float: left;}
.nav-top li a {
	display: block;
	padding: 0 18px;
	margin-top: 2px;
	color: #FFF;
	font-family: 'Roboto Condensed', Arial, Sans-serif;
	font-size: 14px;
}

/*----------------------------------------------
   Content Elements
-----------------------------------------------*/
article, .author-info-box, .archive-info, .form-404 {
	background-color: #FFF;
	border: 1px solid #333;
	box-shadow: 0 0 2px #333;
    margin: 0 0 10px;
    padding: 10px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.archive-title {color: #666;}
.archive-title span {color: #333;}
.archive-description {
    border-top: 2px dotted #888;
    margin-top: 8px;
    padding-top: 2px;
}

.form-404 h2 {
    border-bottom: 2px dotted #888;
    padding-bottom: 10px;
}
.form-404 p {margin: 4px 0 10px;}

.entry-header {margin-bottom: 4px;}
.entry-title a {color: #303030;}

.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-footer {clear: both;}
.entry-updated {
	font-size: 11px;
	color: #555;
}

.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";
	vertical-align: top;
	padding-right: 4px;
	display: inline-block;
}

.blog-view .entry-content {padding-top: 4px;}

.blog-view .entry-content p {margin: 4px 0 10px;}

.entry-thumbnail {float: left; padding-right: 8px;}
.entry-thumbnail .post-thumbnail {
	display: table;
	background-color: #EEE;
	border: 1px solid #888;
	padding: 3px;
}
.entry-thumbnail img {
	float: left;
	width: auto;
	max-width: none;
}

.blog-view .entry-content .entry-excerpt p {margin: 0 0 4px;}

.continue-reading {
	background: #EEE;
	background: -moz-linear-gradient(top, #FBFBFB 0%, #E5E5E5 100%);
	background: -webkit-linear-gradient(top, #FBFBFB 0%, #E5E5E5 100%);
	background: linear-gradient(to bottom, #FBFBFB 0%, #E5E5E5 100%);
	display: inline-block;
	float: right;
	padding: 2px 10px;
	color: #555;
	border: 1px solid #CCC;
	border-radius: 4px;
}
article.sticky .continue-reading {border-color: #AAA;}
.continue-reading:hover {
	border-color: #AAA;
	color: #333;
}

.link-prev {float: left;}
.link-next {float: right;}

.blog-nav {padding: 4px 0;}
.blog-nav, .post-nav {margin-bottom: 10px;}

.blog-nav div[class*="link-"] a, .post-nav a {
	background-color: #FFF;
    display: inline-block;
    padding: 2px 8px;
    border: 1px solid #333;
    box-shadow: 0 0 2px #333;
    color: #333;
}
.blog-nav div[class*="link-"] a:hover, .post-nav a:hover {
    color: #333;
}

.single-view .entry-title {line-height: 24px;}
.single-view .entry-byline {margin-bottom: 8px;}

.single-view.type-post .entry-content {
    font-family: Varela, Arial, Sans-serif;
    font-size: 14px;
    line-height: 21px;
}
.single-view.type-page .entry-content {
    font-family: Varela, Arial, Sans-serif;
    font-size: 14px;
    line-height: 21px;
}

.single-view.type-post .entry-content a,
.single-view.type-page .entry-content a {
	text-decoration: underline;
}

.type-attachment .entry-content div.attachment {
	margin-bottom: 10px;
	text-align: center;
}

.single-view .entry-content p, .comment-body p {
    margin: 4px 0 14px;
}

.page-nav, .comment-nav {
	display: block;
	padding: 2px 0;
	font-family: Arial, Sans-serif;
	font-size: 13px;
	line-height: 20px;
}

.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;
}

/*-------------------------------------
   Post Elements
--------------------------------------*/
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"], .entry-content img, #comments img {
	max-width: 100%;
    height: auto;
}

embed, iframe, object, video {max-width: 100%;}

.wp-caption {max-width: 100%;}
.wp-caption img {
	width: 100%;
	max-width: 100%;
	background-color: #EEE;
	border: 1px solid #CCC;
	padding: 4px;
}
.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-text {margin-top: -2px !important; padding: 0 6px;}

.wp-smiley {width: auto !important;}

.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 0;
    padding: 8px;
	overflow: auto;
	-ms-word-wrap: normal;
	word-wrap: normal;
	line-height: 20px;
}

blockquote {
	background-color: #EDEDED;
    border-left: 6px solid #687888;
    margin: 20px;
    padding: 10px 14px 4px;
	overflow: hidden;
}
blockquote p {font-style: italic;}
blockquote cite {
	float: right;
	margin-bottom: 8px;
	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; font-weight: normal;}
.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 ul ul, .entry-content ol ol, .comment ul ul, .comment ol ol {
	padding-left: 15px;
}
.entry-content li, .comment li {
	list-style-position: outside;
	list-style-type: disc;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 15px;
	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;
	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,
.pingback .comment-body,
.trackback .comment-body,
.no-comments {
    background-color: #FFF;
    border: 1px solid #333;
    box-shadow: 0 0 2px #333;
    margin: 0 0 10px;
	padding: 8px;
}

#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 {
	position: relative;
    border: 1px solid #555;
    box-shadow: 0 0 3px #555 inset;
    padding: 4px;
    width: 100%;
}

.form-submit #submit {padding: 5px 10px;}

.comment-navigation {margin-bottom: 10px;}

.page-numbers.current {cursor: default;}

#comment-area #disqus_thread {
    background-color: #FFF;
    border: 1px solid #333;
    box-shadow: 0 0 2px #333;
    padding: 10px;
}

/*----------------------------------------------
   Widgets
-----------------------------------------------*/
.widget {
	background-color: #FFF;
	border: 1px solid #333;
	box-shadow: 0 0 2px #333;
	margin: 0 0 10px;
	padding: 8px;
}
.widget:after {
    clear: both;
    content: "";
    display: table;
}
.widget-title {
    background-color: #2A5A8E;
    color: #EEE;
    font-family: 'Roboto Condensed', Arial, Sans-serif;
    font-size: 18px;
    margin: -8px -8px 8px;
    padding: 4px 8px;
    text-shadow: 1px 1px 2px #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 {
	display: inline-block;
	float: left;
	margin: 0 0.5% 10px;
}

.widget-column-1 .widget-footer {width: auto; display: block; margin: 0 0 10px; float: none;}
.widget-column-2 .widget-footer {width: 48.98%;}
.widget-column-3 .widget-footer {width: 32.32%;}
.widget-column-4 .widget-footer {width: 23.98%;}
.widget-column-5 .widget-footer {width: 18.98%;}
.widget-column-6 .widget-footer {width: 15.65%;}

.widget-column-2 .widget-footer:nth-child(2n+1) {clear: left;}
.widget-column-3 .widget-footer:nth-child(3n+1) {clear: left;}
.widget-column-4 .widget-footer:nth-child(4n+1) {clear: left;}
.widget-column-5 .widget-footer:nth-child(5n+1) {clear: left;}
.widget-column-6 .widget-footer:nth-child(6n+1) {clear: left;}

#widgets-wrap-below-menu {
	background-color: rgba(0, 0, 0, 0.25);
	width: 100%;
	padding: 10px 10px 0;
}
#widgets-wrap-before-post,
#widgets-wrap-before-post-content,
#widgets-wrap-after-post-content,
#widgets-wrap-after-post {
	position: relative;
	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;
}

.widget .textwidget img {
	max-width: 100%;
    height: auto;
}

.widget .search-form label .screen-reader-text {
	margin: 2px 0;
}
.widget .search-form label .search-field {
    margin: 2px 2px 2px 0;
	background-color: #EEE;
	min-width: 40%;
	border: 1px solid #555;
	box-shadow: 0 0 2px #333 inset;
	padding: 3px;
}
.widget .search-form .search-submit {
    background-color: #2A5A8E;
	min-width: 20%;
    border: 1px solid #333;
    border-radius: 3px;
    box-shadow: 0 0 0 #333;
    color: #FFF;
    cursor: pointer;
	margin: 2px 0;
    padding: 3px;
}

#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: 5px;}
.slider-content {margin-bottom: 10px;}

.bjqs {
	position: relative;
	padding: 0;
	margin: 0;
	overflow: hidden;
	display: none;
}
.bjqs-slide {position: absolute; display:none;}
.bjqs-slide a {display: block;}
.bjqs-slide img {display: block; margin: auto;}

.bjqs-controls {list-style: none; margin: 0; padding: 0; z-index: 9999;}
.bjqs-controls a {
	position: absolute;
	-webkit-transition: left 0.3s ease-in-out;
	-webkit-transition-property: left, right;
	-moz-transition: left 0.3s ease-in-out;
	-moz-transition-property: left, right;
	transition: left 0.3s ease-in-out;
	transition-property: left, right;
}
.bjqs-prev a {left: -50px;}
.bjqs-next a {right: -50px;}
.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;
}
#basic-slider:hover li.bjqs-next a {right: 10px;}
#basic-slider:hover li.bjqs-prev a {left: 10px;}

.slider-element {display: none;}

.bjqs-heading, .bjqs-descript {
	background-color: rgba(0, 0, 0, 0.65);
	color: #EEE;
	padding: 8px;
	width: 100%;
}
.bjqs-heading {
	position: absolute;
	top: 0;
	font-size: 16px;
}
.bjqs-descript {
	position: absolute;
	bottom: 0;
}

.page-template-page-c-php #basic-slider,
.page-template-page-sc-php #basic-slider,
.page-template-page-cs-php #basic-slider,
.page-template-page-scs-php #basic-slider {
	max-width: 100% !important;
}

/*-------------------------------------
   Extra
--------------------------------------*/

/* BBPress */
#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: 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;
}

#wpadminbar {box-shadow: 0 0 3px #000;}