/*
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.4
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: Verdana, Tahoma;
	font-size: 13px;
	line-height: 20px;
	background-color: #505050;
}

h1 {font-size: 22px;}
h2 {font-size: 20px;}
h3 {font-size: 16px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Verdana', Tahoma, Arial, Sans-serif;
	font-weight: normal;
	clear: both;
}

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

.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: 12px;
	width: 100%;
}
#top-bar-info {float: left;}
#site-title, #site-description {
    display: inline-block;
        margin-left: 10px;
	margin-right: 4px;
}
#site-title {font-size: 11px;font-weight: bold;}
#site-title a {color: #e5e5e5; text-decoration: none;}
#site-title a:hover {color: #fff; text-decoration: none;}
#site-description {color: #CCC; font-size: 11px;}

#header {
	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: #fff;}
#bottom-bar-text {
	float: left;
	padding: 20px 18px;
	font-family: Arial, Sans-serif;
}
#theme-page {
	float: right;
	margin: 6px 10px;
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-size: 11px;
}
#theme-page a {color: #CCC;}
#theme-page a:hover {color: #DC8300;}

/* 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: #336699;
	border-bottom: 1px solid #000;
	padding-left: 10px;
	width: 100%;
	z-index: 20;
}
#nav-main * {
	-moz-transition: all 0.14s ease-out; 
	-webkit-transition: all 0.14s ease-out; 
	-o-transition: all 0.14s ease-out;
	transition: all 0.14s ease-out;
}

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

#nav-main .nav-main > li,
#nav-main .nav-main > ul > .page_item {
	background: linear-gradient(to bottom, transparent 70%, rgba(0, 0, 0, 0.15) 100%);
	border-right: 1px solid #023266;
	border-left: 1px solid #4878AC;
}

#nav-main .nav-main > li > a,
#nav-main .nav-main > ul > .page_item > a {
	min-width: 80px;
	text-align: center;
}

#nav-main .nav-main li a {
	display: block;
	padding: 5px 10px;
	color: #FFF;
	font-family: Verdana, Tahoma, Arial, Sans-serif;
	font-size: 13px;
	text-shadow: 0 0 2px #222;
}
#nav-main .nav-main li a:hover {
	background-color: #285079;
	color: #fff;
	text-shadow: none;
        text-decoration: none;
}

#nav-main .menu-item-has-children > a:after,
#nav-main .page_item_has_children > a:after {
	font-family: Verdana, Tahoma;
	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;
	font-size: 15px;
}

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

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

/* Top Menu */
#nav-top {float: right;}
#nav-top .nav-top,
#nav-top .nav-top li {float: left;}
#nav-top .nav-top li a {
	display: block;
	padding: 0 11px;
	margin-top: 2px;
	color: #e5e5e5;
	font-family: Verdana, Tahoma;
	font-size: 11px;
        text-decoration: none;
}
#nav-top .nav-top li a:hover {
	color: #fff;
        text-decoration: none;
}


/*----------------------------------------------
   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: 20px;
	-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: 8px; 
	margin-top: 8px;
	clear: none;
}

.entry-content  {
	padding-top: 4px;
}

.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: Verdana, Tahoma;
	content: "\f308";
	vertical-align: top;
	padding-right: 4px;
	display: inline-block;
}

.blog-view .entry-content {
	padding-top: 10px;
	padding-bottom: 10px;
    text-align: left;
}

.blog-view .entry-content p {margin: 4px 0 10px;}

.entry-thumbnail {float: left; padding-right: 15px; padding-bottom:10px;}
.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: #5b5b5b;
	color: #000;
        text-decoration: none;
}

.continue-block {
	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: center;
	padding: 4px 5px;
	color: #555;
	border: 1px solid #CCC;
	border-radius: 4px;
        line-height: 100%;
}

.continue-block:hover {
	border-color: #5b5b5b;
	color: #000;
        text-decoration: none;
}

.link-prev {float: left;}
.link-next {float: right;}

.link-prev a:hover {text-decoration: none;}
.link-next a:hover {text-decoration: none;}

.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: 12px;}

.single-view.type-post .entry-content {
    font-family: Verdana, Tahoma, Arial, Sans-serif;
    font-size: 12px;
    line-height: 21px;
    text-align: left;
}
.single-view.type-page .entry-content {
    font-family: Verdana, Tahoma, Arial, Sans-serif;
    font-size: 12px;
    line-height: 21px;
}

.single-view.type-post .entry-content a,
.single-view.type-page .entry-content a {
	text-decoration: none;
}

.single-view.type-post .entry-content a:hover,
.single-view.type-page .entry-content a:hover {
	text-decoration: underline;
}

.type-attachment .entry-content div.attachment {
	margin-bottom: 10px;
	text-align: center;
}

.single-view .entry-content p, .comment-body p {
    margin: 10px 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;}

.img-left {
	margin-right: 15px;
}


.img-right {
	margin-left: 15px;
}

.alignnone1 {
	margin-top: 4px;
	margin-bottom: 4px;
}

.alignnone {
	margin-top: 14px;
	margin-bottom: 14px;
}

.alignnone2 {
	margin-top: 24px;
	margin-bottom: 24px;
}

.alignnone2 {
	margin-top: 24px;
	margin-bottom: 24px;
}

.alignnone3 {
	margin-top: 34px;
	margin-bottom: 34px;
}

.alignnone4 {
	margin-top: 44px;
	margin-bottom: 44px;
}

.alignnone5 {
	margin-top: 54px;
	margin-bottom: 54px;
}

.alignnone6 {
	margin-top: 64px;
	margin-bottom: 64px;
}

.alignnone7 {
	margin-top: 74px;
	margin-bottom: 74px;
}

.alignnone8 {
	margin-top: 84px;
	margin-bottom: 84px;
}

.alignleft {
	display:inline;
	float:left;
	margin-top: 4px;
	margin-left: 0;
	margin-right: 8px;
	margin-bottom: 4px;
}
.alignleft2 {
	display:inline;
	float:left;
	margin-top: 4px;
	margin-left: 0;
	margin-right: 15px;
	margin-bottom: 4px;
}
.alignleft3 {
	display:inline;
	float:left;
	margin-top: 14px;
	margin-left: 0;
	margin-right: 15px;
	margin-bottom: 14px;
}
.alignleft4 {
	display:inline;
	float:left;
	margin-top: 24px;
	margin-left: 0;
	margin-right: 15px;
	margin-bottom: 24px;
}
.alignleft4 {
	display:inline;
	float:left;
	margin-top: 24px;
	margin-left: 0;
	margin-right: 15px;
	margin-bottom: 24px;
}
.alignleft5 {
	display:inline;
	float:left;
	margin-top: 34px;
	margin-left: 0;
	margin-right: 15px;
	margin-bottom: 34px;
}
.alignleft6 {
	display:inline;
	float:left;
	margin-top: 44px;
	margin-left: 0;
	margin-right: 15px;
	margin-bottom: 44px;
}
.alignright {
	display:inline;
	float:right;
	margin-top: 4px;
	margin-left: 8px;
	margin-right: 0;
	margin-bottom: 4px;
}
.alignright2 {
	display:inline;
	float:right;
	margin-top: 4px;
	margin-left: 15px;
	margin-right: 0;
	margin-bottom: 4px;
}
.alignright3 {
	display:inline;
	float:right;
	margin-top: 14px;
	margin-left: 15px;
	margin-right: 0;
	margin-bottom: 14px;
}
.alignright4 {
	display:inline;
	float:right;
	margin-top: 24px;
	margin-left: 15px;
	margin-right: 0;
	margin-bottom: 24px;
}
.alignright5 {
	display:inline;
	float:right;
	margin-top: 34px;
	margin-left: 15px;
	margin-right: 0;
	margin-bottom: 34px;
}
.alignright6 {
	display:inline;
	float:right;
	margin-top: 44px;
	margin-left: 15px;
	margin-right: 0;
	margin-bottom: 44px;
}
.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: #f8f8f8;
    border-left: 3px solid #687888;
    margin: 5px;
    padding: 10px 14px 4px;
    overflow: hidden;
}
blockquote p {font-style: normal;}
blockquote cite {
	float: right;
	margin-top: 8px;
	margin-bottom: 15px;
	font-size: 11px;
	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;
	font-size: 12px;
}

.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; font-size: 13px; font-weight: bold;}
#comment-header .respond-link {display: inline-block; float: right;}
#comment-header .respond-link a {
    display: inline-block;
    font-size: 13px;
    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: 0px;
    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 #reply-title {margin-bottom: 8px;}

#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
-----------------------------------------------*/
.frontier-widget {
	background-color: #FFF;
	border: 1px solid #333;
	box-shadow: 0 0 2px #333;
	margin: 0 0 10px;
	padding: 8px;
}
.frontier-widget:after {
    clear: both;
    content: "";
    display: table;
}
.widget-title {
    background-color: #2A5A8E;
    color: #EEE;
    font-family: Verdana, Tahoma, Arial, Sans-serif;
    font-size: 12px;
    margin: -8px -8px 8px;
    padding: 4px 8px;
    text-shadow: 1px 1px 2px #222;
    text-transform: none;
}
.widget-title a {color: #FFF;}

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

.widget-body {display: inline-block;}
.widget-header {display: inline-block; float: right; 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 {
	width: 100%;
	padding: 0;
}

#classictextwidget-4 {
background-image:url("images/pozadi-okno.png"); 
background-repeat:repeat-x; 
background-color:#fff;
}

#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;
}

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

.frontier-widget .search-form label .screen-reader-text {
	margin: 2px 0;
}
.frontier-widget .search-form label .search-field {
    margin: 2px 2px 2px 0;
	background-color: #EEE;
	min-width: 40%;
	max-width: 90%;
	border: 1px solid #555;
	box-shadow: 0 0 2px #333 inset;
	padding: 3px;
}
.frontier-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
--------------------------------------*/
#wpadminbar {box-shadow: 0 0 3px #000;}

/* 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;
}

samp {
color:#000;
font-size:15px;
font-weight: bold;
}

.cla-text-maly {
font-weight:normal;
font-size:11px;
text-align:left;
}

.okno {
background-image:url("images/pozadi-okno.png");
background-repeat:repeat-x;
background-color:#fff;
color:#000;
text-align:left;
padding:15px;
border:1px solid #3f7ebd;
}

.okno2 {
background-color:#f0f0f0;
text-align: center;
padding: 15px;
margin-right: 7px;
margin-left: 7px;
border:1px solid #000;
}

#horni_panel4_obal{position:relative;float:right;width:38px;margin:9px 1px 0px 0px;}
#horni_panel3_obal{position:relative;float:right;width:38px;margin:9px 1px 0px 0px;}
.subd2{margin-bottom:8px;margin-top:8px;}

/* IMAGES STYLES */
.imagesList{list-style:none;}
.imagesList li{margin:0 0 1px 0;text-align:center;}
.imagesList li div{text-align:center;}
.subpagesList li img, .imagesList li img, .imagePreview img, #products li .photo img{padding:1px;background:#c0bfbf;border:4px solid #eee;}
.subpagesList li img:hover, .imagesList li img:hover, .imagePreview img:hover, #products li .photo a:hover img{border:4px solid #c9cdce;}

#imagesList1{float:left;margin:9px 1px 0 0;}
#imagesList2{clear:right;float:right;margin:8px 0 0 1px;}

.imagePreview div{margin:5px 0 10px;text-align:center;}
#imagesListPreview{float:left;margin:9px 10px 0 0;}
* html #imagesListPreview{margin-top:-5px;}
.imagesList#imagesListPreview li{margin-bottom:3px;}
.imagesList#imagesListPreview li img{border-width:2px;}
.imagesList#imagesListPreview li img:hover{border-width:2px;}

#product #box{float:right;width:190px;margin:5px 0 4px 5px;padding:2px 0 10px;border-top:0px solid #d4d4d4;border-bottom:0px solid #d4d4d4;text-align:center;}
#product #box form{font-weight:bold;}
#product #box #price, #product #box #noPrice{padding:10px 0; margin-top:10px; border-top:1px solid #bebebe;border-bottom:1px solid #bebebe;background-color:#336699;color:#fff;font-size:12px;text-align:center;}
#product #box #noPrice{color:#fff;}
#product #box #price em{font-style:normal;}
#product #box #price strong{padding:0 6px;font-size:13px;color:#fff;font-weight:bold;}
#product #box #available{padding:1px 2px 0 0;background-color:transparent;color:#666;font-weight:bold;font-size:12px;}
#product #box #addBasket{padding:1px 0 0;}
#product #box #addBasket .submit11{width:130px;padding:12px 25px 8px 5px;border:0;background:url('images/button_cart.png') no-repeat right bottom;background-color:inherit;color:#fff;font-size:1.1em;font-weight:bold;}
#product #box #addBasket .submit:hover{}

#social_media_widget-2 {float:center;}
.widget_social_media_widget {float:center;}

.tabulky1 {background-color:transparent;border-right:0px;border-left:1px;border-top:1px;border-bottom:0px;border-color:#000;border-style:solid;}
.tabulky1 th {font-weight:normal;font-size:12px;color:#000;padding-left:3px;padding-right:6px;padding-top:6px;padding-bottom:6px;border-left:0px;border-right:1px;border-top:0px;border-bottom:1px;border-color:#000;border-style:solid;background-color:#f0f0f0;}
.tabulky1 td {font-size:11px;color:#000;padding:6px;border-bottom:1px;border-left:0px;border-right:1px;border-top:0px;border-style:solid;border-color:#000;}
.tabulky1 tr {font-size:11px;color:#000;padding-left:6px;padding-right:6px;}

.mezera {margin:5px;}
.mezera2 {margin:2px;}

code {font-size:11px;color:#000;}

#seznam-stranek {padding-left: 10px,}

@media screen and (min-width:840px){
	.responzive-obr {display: none; padding-bottom: 20px;}
}

@media screen and (max-width:840px){
	.responzive-obr-none {display: none; padding-bottom: 20px;}
}