[Sakin]

@carlo caccialanza: We haven’t make this theme compatible with qTranslate-X plugin. So, you might want to build child theme. For child theme and sample child theme, refer to http://catchthemes.com/blog/create-child-theme-wordpress/ and then add the following code in child theme functions.php file.

if ( ! function_exists( 'catchresponsive_invalidcache' ) ) :
/**
 * Template for Clearing WPML Invalid Cache
 */
function catchresponsive_invalidcache() {
	delete_transient( 'catchresponsive_featured_content' );
	delete_transient( 'catchresponsive_featured_slider' );
	delete_transient( 'catchresponsive_footer_content' );	
	delete_transient( 'all_the_cool_cats' );
} // catchresponsive_invalidcache
endif;

add_action( 'after_setup_theme', 'catchresponsive_invalidcache' );

[mosign]

i have to ask this once again:
its possible to put the menu after the header image on the pages in the settings, but its not possible to do the same at the main page with the slider? this does not make sense, the menu should always be on the same position within the whole website to be userfriendly? could you please help me, i cant figure it out, im not a php specialist 🙂
i put the site online for you: http://www.fraeulein-mona.at/mona/ THX!

[Sakin]

@Juan: We are doing fine and we are slowing recovering.

Yes, it will not take custom post type. For that you need to build child theme, refer to child theme at http://catchthemes.com/blog/create-child-theme-wordpress/

1. Then copy catchbox_sliders() function to your child theme functions.php file and then edit the following code:

$get_featured_posts = new WP_Query( array(
	'posts_per_page' => $postperpage,
	'post__in'		 => $options[ 'featured_slider' ],
	'orderby' 		 => 'post__in',
	'ignore_sticky_posts' => 1 // ignore sticky posts
));

In the above code you need to add in post_type. So, it will be as below:

$get_featured_posts = new WP_Query( array(
	'posts_per_page'		=> $postperpage,
	'post_type'				=> 'post,events',
	'post__in'				=> $options[ 'featured_slider' ],
	'orderby'				=> 'post__in',
	'ignore_sticky_posts'	=> 1 // ignore sticky posts
));

Note: you need to change that events with your post type.

[Sakin]

@mosign: It would have been easy for me to explain if you had your site live. So, I could check in your slider and featured image. Also, you shouldn’t edit any core theme files such as header.php, index.php, functions.php, style.css and so on which are inside catch-responsive theme directory. As all these edits will be reverted back to original when you update or upgrade your theme.

If you want to edit any core theme files then you need to build child theme and edit it. For child theme, check out http://catchthemes.com/blog/create-child-theme-wordpress/. You can download sample child theme from there and then add the following code in your child theme functions.php file.

// Unhook default Catch Responsive functions
function unhook_catchresponsive_functions() {
    remove_action( 'catchresponsive_after_header', 'catchresponsive_primary_menu', 20 );
}
add_action( 'init', 'unhook_catchresponsive_functions' );

//Adding menu after slider
add_action( 'catchresponsive_before_content', 'catchresponsive_primary_menu', 20 );

[mosign]

how can i change the order of the header items, i need the menu at the bottom of the slider/featured image, tried to sort in header.php but it did not work, thanks a lot! (my site is not yet online)

[Sakin]

@alphaxyz: Abut the slider text. You slider image are too small that is why the text is not able to fill up. Please upload larger size images and it will fix this issue.

If you choose Slider Type as “Featured Image Slider”, then you can add title as much as you need it.

[Sakin]

@alphaxyz: We are all doing fine. But this frequent earthquake aftershocks are killing lot of people. We are also not feeling that well. Yesterday, I suddenly got fever. But we are trying to be strong and be safe. Thanks.

If you choose Slider type as “Featured Page Slider/Featured Post Slider/Featured Category Slider” then it will take “catchbase-slider” size of width 1200px and height 514px. So, if you upload less then this size then it will load your original image but in you upload image size greater then this then it will crop exactly in this size. But if you choose “Featured Image Slider” as the Slider type, then, theme doesn’t crop it. It will load the original image that you have uploaded.

[alphaxyz]

Hi Sakin,

First off, I hope you and your family is fine. My prayers are with you mate!

I would like to know whether the featured slider image can be customized in size. I mean, my website hosts pictures that are huge in size so if I put category in featured slider the image that come up is so huge. So my question is this…

Is it possible to limit the size of the image on the featured slider? Also a soft crop function would be awesome in addition to the ability to customize the size of the image for the featured slider.

I’m looking forward to your response mate.

[Sakin]

@aj: It’s strange. Can you check your settings at “Appearance => Customize => Featured Slider Options => Featured Slider Settings”. After this, try disabling plugin one by one as it might be plugin conflict issue with our slider. I will also email you and you can reply me there is it doesn’t work after all this.

[Jeanieandluluskitchen]

I’ve been using the featured post slider on my website http://jeanieandluluskitchen.com since I started using Simple Catch over a year ago. I went to update the posts featured on it today and now it only shows the first post I designated. There is no sliding to the other two featured posts and no little tabs on the bottom to even indicate that the other two posts are there. I’ve saved them and triple checked that I did it like I’ve always done. I logged out and closed my browser, then logged back in with no change. Any help would be appreciated! Thanks!

[Musa91]

I want to change an individual tab color to Red
but i cant find that in my stylesheet class.css

/*
Theme Name: Catch Box
Theme URI: http://catchthemes.com/themes/catchbox
Author: Catch Themes
Author URI: http://catchthemes.com
Description: Catch Box is simple, lightweight, box shaped, and adaptable WordPress Theme for bloggers and professionals. It is based on HTML5, CSS3 and Responsive Web Design to view in various devices. 10 Best Reasons to use Catch Box Theme. 1. Responsive Web Design, 2. Custom Menus (Primary, Secondary and Footer menus), 3. Theme Options for light, dark, blue, green, red, brown and orange color scheme, custom link colors, three layout choices, two content choices between excerpt and content option in homepage, feed redirection, custom css styles, 4. Featured Sliders where you can define number of slides and post IDs, 5. Social Links (Facebook, Twitter, RSS, Linkedin, Pinterest, etc), 6. Webmaster Tools (Google, Yahoo and Bing site verification ID, Header and Footer codes), 7. Custom Backgrounds, 8. Custom Header, 9. Catchbox Adspace widget to add any type of Advertisements, and 10. Support popular plugins. Multilingual Ready (WPML) and also currently translated in Brazilian Portuguese, Spanish, Danish, German, French, Polish, Czech, Croatian, Italian, Swedish, Russian, Arabic, Serbian, Dutch, Persian, Hungarian, Slovak, Japanese, Bosnian, Catalan, Romanian and Ukrainian. Theme Support at http://catchthemes.com/support/
Version: 3.5.2
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: dark, light, blue, white, black, gray, green, red, brown, orange, one-column, two-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* =Structure
----------------------------------------------- */

.site {
	width: 1000px;
}
#content {
	overflow: hidden;
}
#sidebar-header-top {
	width: 100%;
}
#primary {
	width: 590px;
}
#secondary {
	width: 320px;
}
#primary {
	float: left;
}
#secondary,
#sidebar-header-right {
	float: right;
}

/* Left-Sidebar, Content on Right */
.left-sidebar #primary {
	float: right;
}
.left-sidebar #secondary {
	float: left;
}
#hgroup {
	display: block;
}
/* No Sidebar */
.no-sidebar #primary,
.woocommerce-nosidebar #primary,
.error404 #primary {
	margin: 0;
	width: 100%;
}
.no-sidebar #content,
.woocommerce-nosidebar #content {
	position: relative;
	width: auto;
}
/* No Sidebar One Column */
.one-column .site {
	width: 740px;
}
.one-column #slider-wrap a {
    padding: 20px;
}
.one-column #nav-slider .nav-previous,
.one-column #nav-slider .nav-next {
    top: 140px;
}
.one-column #nav-slider .nav-previous {
    left: 20px;
}
.one-column #nav-slider .nav-next {
    right: 20px;
}
.one-column.no-sidebar .entry-header,
.one-column.no-sidebar .entry-content,
.one-column.no-sidebar .entry-summary,
.one-column.no-sidebar .post footer,
.one-column.no-sidebar #comments {
	width: auto;
}
/* Attachments */
.no-sidebar .single-attachment .entry-header,
.no-sidebar .image-attachment .entry-content {
	margin: 0 auto;
	width: auto;
}
.no-sidebar .image-attachment .entry-description {
	padding: 1em 0 0;
	text-align: center;
}
/* error404 */
.error404 #primary {
	float: none;
	margin: 0;
}
.error404 #primary #content {
	margin: 0 3%;
	width: auto;
}
/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 2em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 2em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#site-generator .copyright,
#site-generator .powered {
    width: 470px;
}

/* =Padding and Margins
----------------------------------------------- */

.site {
	margin: 30px auto;
}
#main,
#supplementary {
	padding: 30px 30px 0;
}
#header-content,
#access div,
#access-secondary div,
#access-footer div {
	margin: 0 30px;
}
#header-content {
	padding: 30px 0;
}
.page-header,
.commentlist > li.comment,
.commentlist .pingback,
#respond,
.commentlist .children li.comment {
	padding: 30px;
}
#slider-wrap a,
#slider-wrap .featured-img span,
.one-column #slider-wrap a,
.one-column #slider-wrap .featured-img span {
	padding: 10px;
}
#slider-wrap .featured-text,
.one-column #slider-wrap .featured-text {
    padding: 0 10px 10px;
}
#slider,
.hentry,
.no-results,
#author-info,
#disqus_thread,
#content .error404,
.page-header,
p,
ul,
ol,
.home #content nav,
.archive #content nav,
.widget,
.commentlist > li.comment,
.commentlist .pingback,
#respond,
#supplementary .widget {
	margin-bottom: 30px;
}
.commentlist #respond,
.commentlist .children li.comment {
	margin-top: 30px;
}
.hentry,
.no-sidebar.full-width .hentry,
.one-column.no-sidebar .hentry,
.no-results,
#author-info,
#disqus_thread,
#content .error404 {
    padding: 10px 30px 30px;
}
.entry-title {
	padding: 10px 0 5px;
}
ul,
ol {
	margin-left: 25px;
}
#site-generator {
	padding: 25px 30px;
}
#comments-title {
    padding-bottom: 30px;
}
.entry-content,
.entry-summary {
	padding-top: 30px;
}
#nav-single {
	padding-bottom: 10px;
}
#branding ul.menu,
#colophon #access-footer ul.menu {
	margin: 0;
}

#branding ul.menu,
#colophon #access-footer ul.menu {
	padding: 0;
}
.widget {
	padding: 10px;
}
.widget-title {
	margin: 0 -10px 10px;
    padding: 0 10px 10px;
}
.no-sidebar .hentry {
    padding: 50px;
}
.one-column #slider-wrap .featured-text {
	padding: 0 20px 20px;
}

/* =Global
----------------------------------------------- */

body, input, textarea {
	color: #373737;
	font-family:  "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.62em;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}
body {
	background: #ccc;
}
.site {
	background: #eee;
	-moz-border-radius: 5px;
    border-radius: 5px;
}
/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 2em;
}
/* Text elements */
ul {
	list-style: disc;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 2em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 2em;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	font-family: Georgia, "Bitstream Charter", serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 2em;
	overflow: auto;
	padding: 0.75em 2em;
}
code, kbd {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 2em;
}
ins {
    background: none;
    text-decoration: none;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
/* Forms */
input[type=text],
input[type=email],
input[type=password],
textarea {
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ccc;
	color: #888;
	max-width: 97%;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
	color: #373737;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text],
input[type=email] {
	padding: 3px;
}
input#s {
	background: url("images/search.png") no-repeat scroll 5px 6px #f0f0f0;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
	height: 22px;
	line-height: 1.2em;
	padding: 4px 10px 4px 28px;
}
input#searchsubmit {
	display: none;
}
select {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	max-width: 100%;
}

/* Links */
a {
	color: #1982d1;
	text-decoration: none;
}
a:focus,
a:active,
a:hover {
	text-decoration: underline;
}
/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ccc;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 3%;
}
/* close commented backslash hack */
.displayblock {
	display: block;
}
.displaynone {
	display: none;
}

/* =Clearing
================================================== */

/* clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
	height:1%;
}
.clearfix {
	display: block;
}
.clear {
	clear: both;
}
.widget:after {
	content: "020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#ie7 .social-profile ul {
    display: block;
    height: 1%;
    overflow: hidden;
}
#ie7 .social-profile ul li {
	padding-bottom: 10px;
}

/* =Header
----------------------------------------------- */

#branding {
	background-color: #fff;
	position: relative;
	z-index: 21;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
#site-title {
	padding: 0;
	font-size: 36px;
	line-height: 46px;
}
#site-title a {
	color: #111;
	font-weight: bold;
	text-decoration: none;
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
	color: #1982d1;
}
#site-description {
	color: #7a7a7a;
	font-size: 14px;
	line-height: 1.62em;
}
.logo-wrap {
	clear: both;
	display: inline-block;
    float: left;
    max-width: 100%;
}
#branding img {
	height: auto;
	max-width: 100%;
}
#site-logo {
    line-height: 0;
}
#header-content {
	position: relative;
}

/* =Menu
-------------------------------------------------------------- */

#branding #access,
#colophon #access-footer {
	background: #3d3d3d; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#585858, #3d3d3d);
	background: -o-linear-gradient(#585858, #3d3d3d);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#585858), to(#3d3d3d)); /* older webkit syntax */
	background: -webkit-linear-gradient(#585858, #3d3d3d);
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 2px;
	width: 100%;
}
#branding ul.menu,
#colophon #access-footer ul.menu {
	font-size: 14px;
	list-style: none;
}
#branding ul.menu li {
	border-left: 1px solid #444;
	float: left;
	position: relative;
}
#branding ul.menu a,
#colophon #access-footer ul.menu a {
	color: #eee;
	line-height: 3em;
	padding: 0 1.2125em;
	text-decoration: none;
}
#branding ul.menu a {
	display: block;
}
#branding ul.menu ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3em;
	left: 0;
	list-style: none;
	width: 188px;
	z-index: 99999;
}
#branding ul.menu ul ul {
	left: 100%;
	top: 0;
}
#branding ul.menu ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ccc;
	color: #444;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px;
	width: 168px;
}
#branding ul.menu li:first-child,
#branding ul.menu ul li {
	border:none;
}
#branding ul.menu li:hover > a,
#branding ul.menu a:focus,
#colophon #access-footer ul.menu a:hover,
#colophon #access-footer ul.menu a:focus {
	background: #e5e5e5; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
	background: -o-linear-gradient(#f9f9f9, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e5e5e5'); /* for IE */
	color: #373737;
}
#branding ul.menu li:hover > ul {
	display: block;
}
#branding .menu .current-menu-item > a,
#branding .menu .current-menu-ancestor > a,
#branding .menu .current_page_item > a,
#branding .menu .current_page_ancestor > a,
#colophon .menu .current-menu-item a {
	font-weight: bold;
}
#access-secondary {
	background-color: #e6e6e6;
	clear: both;
    display: block;
    float: left;
    margin: 0 auto 2px;
    width: 100%;
}
#branding #access-secondary ul.menu {
	font-size: 13px;
}
#branding #access-secondary ul.menu li {
    border-left: 1px solid #dedede;
}
#branding #access-secondary ul.menu a {
	color: #373737;
	line-height: 2.5em;
}
#branding #access-secondary ul.menu ul {
    list-style: none;
    top: 2.5em;
}
#branding #access-secondary ul.menu ul a {
    line-height: 1.5em;
}
#branding #access-secondary ul.menu ul ul {
	top: 0;
}
#colophon #access-footer {
	margin-bottom: 0;
}
#colophon #access-footer ul.menu li {
	border-left: 1px solid #444;
	float: left;
}
#colophon #access-footer ul.menu ul {
	border-left: 1px solid #444;
    display: inline;
    float: left;
    list-style: none outside none;
    margin: 0;
}
#colophon #access-footer ul.menu a {
    display: inline;
    float: left;
}
#branding #access-secondary ul.menu li:first-child,
#colophon #access-footer ul.menu li:first-child {
    border: none;
}

/* =Responsive Menu (Tinynav.js)
-------------------------------------------------------------- */

.tinynav {
    display: none;
	font-size: 16px;
}
.default-menu {
	display: none !important;
}

/* =Search Form
----------------------------------------------- */

#branding .searchform {
	position: absolute;
	top: 2.8em;
	right: 0;
	text-align: right;
}
#branding .searchform div {
	margin: 0;
}
#branding #s {
	float: right;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 72px;
}
#branding #s:focus {
	background-color: #f9f9f9;
	width: 196px;
}
#branding #searchsubmit {
	display: none;
}
#branding .only-search .searchform {
	top: 5px;
	z-index: 1;
}
#branding .only-search #s {
	background-color: #666;
	border-color: #000;
	color: #222;
}
#branding .only-search #s,
#branding .only-search #s:focus {
	width: 85%;
}
#branding .only-search #s:focus {
	background-color: #bbb;
}
#branding .with-image .searchform {
	top: auto;
	bottom: -27px;
	max-width: 195px;
}
#branding .only-search + #access div {
	padding-right: 205px;
}

/* =Content
----------------------------------------------- */

#main {
	background-color: #eee;
	clear: both;
}
.page-header {
    background-color: #FFFFFF;
    border-bottom: 2px solid #CCCCCC;
     -moz-border-radius: 5px;
	border-radius: 5px;
}
.page-header .page-title, .page-header p {
	margin: 0;
}
.page-title {
	color: #666;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 18px;
	margin: 0 0 2em;
	text-transform: uppercase;
}
.page-title a {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	text-transform: none;
}
.hentry,
.no-results,
#author-info,
#disqus_thread,
#content .error404 {
    background-color: #fff;
    border-bottom: 2px solid #ccc;
    -moz-border-radius: 5px;
	border-radius: 5px;
    position: relative;
	width: auto;
	word-wrap: break-word;
}
.blog .sticky .entry-header .entry-meta {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.entry-title {
	clear: both;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.5em;
}
.entry-title,
.entry-title a {
	color: #222;
	text-decoration: none;
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	color: #1982d1;
}
.entry-meta {
	color: #666;
	clear: both;
	font-size: 12px;
	line-height: 18px;
}
.entry-meta a {
	font-weight: bold;
}
.page .entry-content,
.error404 .entry-content {
	padding: 1em 0 0;
}
.entry-content h1 {
    font-size: 26px;
}
.entry-content h2 {
    font-size: 24px;
}
.entry-content h3 {
    font-size: 22px;
    font-weight: bold;
	margin: 0 0 0.8125em;
}
.entry-content h4 {
    font-size: 20px;
    margin: 0 0 0.5em;
}
.entry-content h5 {
    font-size: 18px;
}
.entry-content h6 {
    font-size: 16px;
}
.entry-content h1,
.entry-content h2,
.comment-content h1,
.comment-content h2 {
	color: #000;
	font-weight: bold;
	margin: 0 0 .8125em;
}
.comment-content h3 {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ccc;
	margin: 0 0 2em;
	width: 100%;
}
.entry-content th,
.comment-content th {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #ccc;
	padding: 6px 10px 6px 0;
}
.entry-content #s {
	width: 75%;
}
.comment-content ul,
.comment-content ol {
	margin-bottom: 2em;
}
.comment-content ul ul,
.comment-content ol ol,
.comment-content ul ol,
.comment-content ol ul {
	margin-bottom: 0;
}
dl.gallery-item {
	margin: 0;
}
.page-link {
    clear: both;
    display: block;
    float: right;
	margin: 0 0 2em;
}
.entry-meta .edit-link a,
.commentlist .edit-link a {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	float: right;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: 300;
	text-decoration: none;
	padding: 0 8px;
}
.no-sidebar .entry-header,
.no-sidebar .entry-content,
.no-sidebar .entry-summary,
.no-sidebar .post footer,
.error404 .entry-header,
.error404 .entry-content {
    margin: 0 auto;
    width: 660px;
}
.no-sidebar.full-width .entry-header,
.no-sidebar.full-width .entry-content,
.no-sidebar.full-width .entry-summary,
.no-sidebar.full-width .post footer,
.no-sidebar.full-width .post footer {
	margin: 0;
	width: 100%;
}
.no-sidebar .entry-meta .edit-link a {
    margin: 0.35em;
}
.entry-meta .edit-link a:hover,
.commentlist .edit-link a:hover {
	background: #888;
	color: #fff;
}
.entry-content .edit-link {
	clear: both;
	display: block;
}
a.more-link {
	white-space: nowrap;
}
/* Images */
.entry-content img,
.comment-content img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
	height: auto;
}
.widget img {
	max-width: 100%;
	text-align: center;
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.wp-post-image {
	max-width: 97.4%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 2em;
}
p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	background: #eee;
	margin-bottom: 2em;
	max-width: 96%;
	padding: 9px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.2em;
	padding: 10px 0 0 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}
#content .gallery {
	margin: 0 auto 2em;
}
#content .gallery a img {
	border: none;
}
img#wpstats {
	display: block;
	margin: 0 auto 2em;
}
#content .gallery-columns-5 .gallery-item {
    padding: 0 1%;
    width: 18%;
}
#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding: 0 1%;
}
#content .gallery-columns-5 .gallery-item img,
#content .gallery-columns-4 .gallery-item img,
#content .gallery-columns-3 .gallery-item img {
    padding: 6% !important;
    max-width: 86%;
}
#content .gallery-columns-3 .gallery-item {
    padding: 0 1%;
    width: 31.33%;
}
#content .gallery-columns-1 .gallery-item img {
	max-width: 97%
}
#content .gallery dd.gallery-caption {
	margin-bottom: 1em;
}
/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img,
img.wp-post-image,
img.attachment-thumbnail{/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 1px solid #ccc;
	padding: 6px;
}
.wp-caption img {
	border-color: #eee;
	padding: 0;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img,
a:hover img.wp-post-image,
.gallery-thumb a:hover img.attachment-thumbnail {/* Add some useful style to those fancy borders for linked images ... */
	background: #eee;
	border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
	background: #fff;
	border-color: #ccc;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}
/* Password Protected Posts */
.post-password-required .entry-header .comments-link {
	margin: 2em 0 0;
}
.post-password-required input[type=password] {
	margin: 0.8125em 0;
}
.post-password-required input[type=password]:focus {
	background: #f7f7f7;
}
/* Author Info */
#author-info {
	font-size: 12px;
	overflow: hidden;
	padding-top: 2em;
}
.archive #author-info {
	border-bottom: 1px solid #ccc;
	margin: 0 0 2.2em;
	padding: 0 0 2.2em;
}
#author-avatar {
    display: inline;
    float: left;
    width: 13%;
}
#author-avatar img {
	background: #fff;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #bbb;
	-moz-box-shadow: 0 1px 2px #bbb;
	box-shadow: 0 1px 2px #bbb;
	height: auto;
    max-width: 90%;
    padding: 5%;
}
#author-description {
    display: inline;
    float: right;
    width: 82%;
}
#author-description h2 {
	color: #000;
	font-size: 15px;
	font-weight: bold;
	margin: 5px 0 10px;
}
/* Featured Slider */
#slider {
    background-color: #555;
    border-bottom: 2px solid #ccc;
    border-radius: 5px;
	-moz-border-radius: 5px;
    position: relative;
}
#slider-wrap a,
#slider-wrap .featured-img span {
	display: block;
}
#slider-wrap a.more-link {
	display: inline;
	padding: 0;
}
#slider-wrap img {
    border: none;
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    padding: 0;
}
#slider-wrap a:hover img {
	background: none;
	border: none;
}
#slider-wrap .featured-text {
    color: #fff;
}
#content nav#nav-slider {
	margin: 0;
	padding: 0;
}
#nav-slider img {
	 max-width:33px;
	 height:auto;
	 width:100%;
}
#nav-slider .nav-previous,
#nav-slider .nav-next {
    cursor: pointer;
    display: block;
    max-width: 33px;
    opacity: 0.7;
    position: absolute;
    top: 106px;
    width: 6%;
    z-index: 20;
}
.no-sidebar.full-width #nav-slider .nav-previous,
.no-sidebar.full-width #nav-slider .nav-next,
#slider.slider-fullwidth #nav-slider .nav-previous,
#slider.slider-fullwidth #nav-slider .nav-next {
	top: 35%;
}
#nav-slider .nav-previous:hover,
#nav-slider .nav-next:hover {
	opacity: 10;
}
#nav-slider .nav-previous {
    left: 10px;
}
#nav-slider .nav-next {
    right: 10px;
}
/* Controllers */
#controllers {
	display: none;
}
/*
Post Formats Headings
To hide the headings, display: none the ".entry-header .entry-format" selector,
and remove the padding rules below.
*/
.entry-header .entry-format {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	position: absolute;
	text-transform: uppercase;
	top: 0;
	right: 5px;
}
.entry-header #hgroup .entry-title {
	padding-top: 15px;
}
article.format-aside .entry-content,
article.format-link .entry-content,
article.format-status .entry-content {
	padding: 20px 0 0;
}
article.format-status .entry-content {
	min-height: 65px;
}
.recent-posts .entry-header .entry-format {
	display: none;
}
.recent-posts .entry-header #hgroup .entry-title {
	padding-top: 0;
}
/* Singular content styles for Posts and Pages */
#content .error404 {
    padding: 3em 5%;
}
blockquote.pull {
	font-size: 21px;
	font-weight: bold;
	line-height: 1.6125em;
	margin: 0 0 2em;
	text-align: center;
}
.no-sidebar blockquote.pull {
	margin: 0 -22.25% 2em;
}
.pull.alignleft {
	margin: 0 2em 0 0;
	text-align: right;
	width: 33%;
}
.no-sidebar .pull.alignleft {
	margin: 0 2em 0 -22.25%;
}
.pull.alignright {
	margin: 0 0 0 2em;
	text-align: left;
	width: 33%;
}
.no-sidebar .pull.alignright {
	margin: 0 -22.25% 0 2em;
}
.no-sidebar blockquote.pull.alignleft,
.no-sidebar blockquote.pull.alignright {
	width: 33%;
}

/* =Aside
----------------------------------------------- */

.format-aside .entry-title,
.format-aside .entry-header .comments-link {
	display: none;
}
.no-sidebar .format-aside .entry-title {
	display: block;
}
.format-aside .entry-content {
	padding: 0;
}
.no-sidebar .format-aside .entry-content {
	padding: 2em 0 0;
}

/* =Link
----------------------------------------------- */

.format-link .entry-title,
.format-link .entry-header .comments-link {
	display: none;
}
.no-sidebar .format-link .entry-title {
	display: block;
}
.format-link .entry-content {
	padding: 0;
}
.no-sidebar .format-link .entry-content {
	padding: 2em 0 0;
}

/* =Gallery
----------------------------------------------- */

.format-gallery .gallery-thumb {
	float: left;
	display: block;
	margin: .375em 2em 0 0;
}

/* =Status
----------------------------------------------- */

.format-status .entry-title,
.format-status .entry-header .comments-link {
	display: none;
}
.no-sidebar .format-status .entry-title {
	display: block;
}
.format-status .entry-content {
	padding: 0;
}
.no-sidebar .format-status .entry-content {
	padding: 2em 0 0;
}
.format-status img.avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	float: left;
	margin: 4px 10px 2px 0;
	padding: 0;
}

/* =Quote
----------------------------------------------- */

.format-quote blockquote {
	color: #555;
	font-size: 17px;
	margin: 0;
}

/* =Image
----------------------------------------------- */

.indexed.format-image .entry-header {
	min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */
}
.indexed.format-image .entry-content {
	background-color: #eee;
	padding-top: 0;
}
.indexed.format-image p,
.indexed.format-image p img {
	margin: 0;
}
.indexed.format-image footer.entry-meta {
	background: #ccc;
	margin-top: -7px;
	padding: 20px;
	overflow: hidden;
}
.indexed.format-image div.entry-meta {
	display: inline-block;
	float: left;
	width: 35%;
}
.indexed.format-image div.entry-meta + div.entry-meta {
	float: none;
	width: 65%;
}
.indexed.format-image .entry-meta span.cat-links,
.indexed.format-image .entry-meta span.tag-links,
.indexed.format-image .entry-meta span.comments-link {
	display: block;
}
.indexed.format-image footer.entry-meta a {
	color: #444;
}
.indexed.format-image footer.entry-meta a:hover {
	color: #fff;
}
#content .indexed.format-image img {
	border: none;
	max-width: 100%;
	padding: 0;
}
.indexed.format-image .wp-caption {
    background: none;
    margin-bottom: 0;
}
.indexed.format-image .wp-caption .wp-caption-text {
	color: #666;
}
.indexed.format-image .wp-caption .wp-caption-text:before {
	color: #444;
}
.indexed.format-image a:hover img {
	opacity: 0.8;
}

/* =chat
----------------------------------------------- */

/* Wrapper for entire chat transcript. */
.chat-transcript {
    background-color: #f4f4f4;
    margin-bottom: 2em;
    padding: 2em 2em 0.1em;
}
/* Individual section of the chat. */
.chat-row {
    clear: both;
}
.chat-author cite {
    font-weight: bold;
    text-transform: uppercase;
}

/* =error404
----------------------------------------------- */

.error404 #main .searchform {
	background: #f9f9f9;
	border: 1px solid #ccc;
	border-width: 1px 0;
	overflow: hidden;
	padding: 2em 8.9%;
}
.error404 #main #s {
    display: block;
    margin: 0 auto;
    width: 85%;
}
.error404 #main .widget {
	clear: none;
	float: left;
	margin-right: 3.7%;
	width: 30.85%;
}
.error404 #main .widget_archive {
	margin-right: 0;
}
.error404 #main .widget_tag_cloud {
	float: none;
	margin-right: 0;
	width: 100%;
}
.error404 .widgettitle {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}

/* =Showcase
----------------------------------------------- */

h1.showcase-heading {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
/* Intro */
article.intro {
	background: #f9f9f9;
	border-bottom: none;
	margin: -1.855em -8.9% 2em;
	padding: 0 8.9%;
}
article.intro .entry-title {
	display: none;
}
article.intro .entry-content {
	color: #111;
	font-size: 16px;
	padding: 2em 0 0.625em;
}
/* Featured post */
section.featured-post {
	float: left;
	margin: -2em -8.9% 2em;
	padding: 2em 8.9% 0;
	position: relative;
	width: 100%;
}
section.featured-post .hentry {
	border: none;
	color: #666;
	margin: 0;
}
section.featured-post .entry-meta {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
/* Small featured post */
section.featured-post .attachment-small-feature {
	float: right;
	height: auto;
	margin: 0 -8.9% 2em 0;
	max-width: 59%;
	position: relative;
	right: -15px;
}
section.featured-post.small {
	padding-top: 0;
}
section.featured-post .attachment-small-feature:hover,
section.featured-post .attachment-small-feature:focus,
section.featured-post .attachment-small-feature:active {
	opacity: .8;
}
article.feature-image.small {
	float: left;
	margin: 0 0 2em;
	width: 45%;
}
article.feature-image.small .entry-title {
	line-height: 1.2em;
}
article.feature-image.small .entry-summary {
	color: #555;
	font-size: 13px;
}
article.feature-image.small .entry-summary p a {
	background: #222;
	color: #eee;
	display: block;
	left: -23.8%;
	padding: 9px 26px 9px 85px;
	position: relative;
	text-decoration: none;
	top: 20px;
	width: 180px;
	z-index: 1;
}
article.feature-image.small .entry-summary p a:hover {
	background: #1982d1;
	color: #eee;
	color: rgba(255,255,255,0.8);
}
/* Large featured post */
section.feature-image.large {
	border: none;
	max-height: 288px;
	padding: 0;
	width: 100%;
}
section.feature-image.large .showcase-heading {
	display: none;
}
section.feature-image.large .hentry {
	border-bottom: none;
	left: 9%;
	margin: 2em 9% 0 0;
	position: absolute;
	top: 0;
}
article.feature-image.large .entry-title a {
	background: #222;
	background: rgba(0,0,0,0.8);
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-weight: 300;
	padding: .2em 20px;
}
section.feature-image.large:hover .entry-title a,
section.feature-image.large .entry-title:hover a {
	background: #eee;
	background: rgba(255,255,255,0.8);
	color: #222;
}
article.feature-image.large .entry-summary {
	display: none;
}
section.feature-image.large img {
	display: block;
	height: auto;
	max-width: 117.9%;
	padding: 0 0 6px;
}
/* Featured Slider */
.featured-posts {
	border-bottom: 1px solid #ccc;
	display: block;
	height: 328px;
	margin: 2em -8.9% 20px;
	max-width: 1000px;
	padding: 0;
	position: relative;
	overflow: hidden;
}
.featured-posts .showcase-heading {
	padding-left: 8.9%;
}
.featured-posts section.featured-post {
	background: #fff;
	height: 288px;
	left: 0;
	margin: 0;
	position: absolute;
	top: 30px;
	width: auto;
}
.featured-posts section.featured-post.large {
	max-width: 100%;
	overflow: hidden;
}
.featured-posts section.featured-post {
	-webkit-transition-duration: 200ms;
	-webkit-transition-property: opacity, visibility;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 200ms;
	-moz-transition-property: opacity, visibility;
	-moz-transition-timing-function: ease;
}
.featured-posts section.featured-post {
	opacity: 0;
	visibility: hidden;
}
.featured-posts #featured-post-1 {
	opacity: 1;
	visibility: visible;
}
.featured-post .feature-text:after,
.featured-post .feature-image.small:after {
	content: ' ';
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
	width: 100%;
	height: 45px;
	position: absolute;
	top: 230px;
}
.featured-post .feature-image.small:after {
	top: 253px;
}
#content .feature-slider {
	top: 5px;
	right: 8.9%;
	overflow: visible;
	position: absolute;
}
.feature-slider ul {
	list-style-type: none;
	margin: 0;
}
.feature-slider li {
	float: left;
	margin: 0 6px;
}
.feature-slider a {
	background: #3c3c3c;
	background: rgba(60,60,60,0.9);
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
	-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
	display: block;
	width: 14px;
	height: 14px;
}
.feature-slider a.active {
	background: #1982d1;
	-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
	-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
	cursor: default;
	opacity: 0.5;
}
/* Recent Posts */
section.recent-posts {
	padding: 0 0 2em;
}
section.recent-posts .hentry {
	border: none;
	margin: 0;
}
section.recent-posts .other-recent-posts {
	border-bottom: 1px solid #ccc;
	list-style: none;
	margin: 0;
}
section.recent-posts .other-recent-posts li {
	padding: 0.3125em 0;
	position: relative;
}
section.recent-posts .other-recent-posts .entry-title {
	border-top: 1px solid #ccc;
	font-size: 17px;
}
section.recent-posts .other-recent-posts a[rel="bookmark"] {
	color: #373737;
	float: left;
	max-width: 84%;
}
section.recent-posts .other-recent-posts a[rel="bookmark"]:after {
	content: '-';
	color: transparent;
	font-size: 11px;
}
section.recent-posts .other-recent-posts .comments-link a,
section.recent-posts .other-recent-posts .comments-link > span {
	border-bottom: 2px solid #999;
	bottom: -2px;
	color: #444;
	display: block;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.76333em;
	padding: 0.3125em 0 0.3125em 1em;
	position: absolute;
	right: 0;
	text-align: right;
	text-transform: uppercase;
	z-index: 1;
}
section.recent-posts .other-recent-posts .comments-link > span {
	border-color: #bbb;
	color: #888;
}
section.recent-posts .other-recent-posts .comments-link a:hover {
	color: #1982d1;
	border-color: #1982d1;
}
section.recent-posts .other-recent-posts li:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;
}

/* =Attachments
----------------------------------------------- */

.image-attachment div.attachment {
    background: f9f9f9;
    overflow: hidden;
    text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto 2em;
	max-width: 100%;
}
.image-attachment div.attachment a img {
    border: 1px solid #ccc;
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 97%;
    padding: 1%;
}
.image-attachment div.attachment a:focus img,
.image-attachment div.attachment a:hover img,
.image-attachment div.attachment a:active img {
	border-color: #bbb;
	background: #eee;
}
.image-attachment .entry-caption p {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	margin: 0 0 2.6em;
	text-transform: uppercase;
}

/* =Navigation
-------------------------------------------------------------- */

#content nav {
	clear: both;
	overflow: hidden;
}
#content nav a {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	line-height: 2.2em;
}
#nav-above {
	padding: 0 0 1.625em;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content nav .meta-nav {
	font-weight: normal;
}
#nav-below .wp-pagenavi {
	float: right;
}
#nav-below .wp-pagenavi a,
#nav-below .wp-pagenavi span,
#nav-below #wp_page_numbers ul li a,
.page-link span,
.page-link a span {
	border: none;
	float:left;
	height:32px;
	background:#ddd;
	color:#555;
	text-align:center;
	font-size:14px;
	line-height:30px;
	display:block;
	padding:0 12px;
	text-decoration:none;
}
#nav-below .wp-pagenavi a,
#nav-below .wp-pagenavi span,
.page-link span {
	margin: 0 0 0 10px;
}
#nav-below .wp-pagenavi span.pages,
.page-link span.pages {
	color: #555;
	background: none;
	padding: 2px 0 0 0;
}
#nav-below .wp-pagenavi a:hover,
#nav-below #wp_page_numbers ul li a:hover,
.page-link a span:hover {
	background:#444;
	color:#fff;
}
#nav-below .wp-pagenavi span.current,
#nav-below #wp_page_numbers ul li.active_page a,
.page-link span {
	background:#444;
	color:#fff;
	font-weight: normal;
}
#nav-below #wp_page_numbers {
    background: none repeat scroll 0 0 transparent;
    float: right;
    margin: 0;
    width: auto;
}
#nav-below #wp_page_numbers ul {
	border: none;
    list-style: none;
}
#nav-below #wp_page_numbers ul li {
    color: #aaa;
    float: left;
    font-size: 12px;
    line-height: 30px;
    margin-left: 10px;
}
#nav-below #wp_page_numbers ul li.page_info {
	background: none;
	border: none;
}
/* Singular navigation */
#nav-single {
    float: right;
    position: relative;
    right: 3%;
    text-align: right;
    top: 20px;
    z-index: 1;
}
#nav-single .nav-previous,
#nav-single .nav-next {
	float: none;
	width: auto;
}
#nav-single .nav-next {
	padding-left: .5em;
}

/* =Widgets
----------------------------------------------- */

.widget-area {
	font-size: 12px;
	line-height: 1.62em;
}
.widget {
    background-color: #fff;
	border-bottom: 2px solid #ccc;
    -moz-border-radius: 5px;
    border-radius: 5px;
    clear: both;
}
.sidebar-top .widget_catchbox_social_widget {
	margin-bottom: 1em;
}
.sidebar-top .widget:last-child {
	margin-bottom: 0;
}
#secondary .widget_catchbox_social_widget {
    padding: 1em 1em 0.2em;
}
.sidebar-top .widget {
	background-color: transparent;
	border: none;
	border-radius: 0;
	float: right;
	padding: 0;
}
.widget-title {
    border-bottom: 2px solid #ccc;
    color: #222;
	font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.1em;
}
.sidebar-top .widget-title {
    border: none;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}
.widget-title a {
    color: #222;
	font-size: 16px;
    font-weight: bold;
}
.widget-title a:hover {
	text-decoration: none;
}
.widget .paddingtop {
    display: block;
    padding-top: 0.5em;
}
.widget ul {
    font-size: 15px;
    margin: 0 0 0 1em;
}
.widget ul ul {
	margin-left: 1.5em;
}
.widget ul li {
	color: #777;
	font-size: 13px;
}
.widget a {
	font-weight: 400;
	text-decoration: none;
}
.widget a:hover,
.widget a:focus,
.widget a:active {
	text-decoration: underline;
}
/* Search Widget */
.widget_search #s {
	width: 87%;
}
.widget_search #searchsubmit {
	background: #ccc;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	color: #888;
	font-size: 13px;
	line-height: 25px;
	position: relative;
	top: -2px;
}
.widget_search #searchsubmit:active {
	background: #1982d1;
	border-color: #0861a5;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	color: #bfddf3;
}
/* Twitter */
.widget_twitter li {
	margin-bottom: 14px;
}
.widget_twitter .timesince {
	display: block;
	font-size: 11px;
	margin-right: -10px;
	text-align: right;
}
/* Widget Image */
.widget_image img {
	height: auto;
	max-width: 100%;
}
/* Calendar Widget */
.widget_calendar #wp-calendar {
	color: #555;
	width: 100%;
	text-align: center;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
}
.widget_calendar #wp-calendar caption {
	font-size: 11px;
	font-weight: 500;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/* =Comments
----------------------------------------------- */

#comments-title {
    color: #222;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
}
#comments-title span {
	text-transform: uppercase;
}
.nopassword,
.nocomments {
	color: #aaa;
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
}
.commentlist {
	list-style: none;
	margin: 0 auto;
	word-wrap: break-word;
}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
	width: 100%; /* reset the width for the one-column and sidebar page layout */
}
.commentlist > li.comment {
	background: #f6f6f6;
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position: relative;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li.comment {
	border-left: 1px solid #ccc;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	position: relative;
}
.commentlist .children li.comment .fn {
	display: block;
}
.comment-meta .fn {
	font-style: normal;
}
.comment-meta {
    color: #666666;
    font-size: 12px;
    line-height: 2.2em;
    margin-left: 18%;
}
.comment-content {
    margin-left: 18%;
}
.commentlist .children li.comment .comment-meta {
	line-height: 2em;
	margin-left: 14%;
}
.commentlist .children li.comment .comment-content {
	margin: 2em 0 0;
}
.comment-meta a {
	font-weight: bold;
}
.commentlist .avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	left: 30px;
	padding: 0;
	position: absolute;
	top: 30px;
	height: auto;
    max-width: 11%;
}
.commentlist > li.pingback:before {
	content: '';
}
.commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left: 30px;
	max-width: 10%;
	padding: 0;
	top: 30px;
}
a.comment-reply-link {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	display: inline-block;
	font-size: 12px;
	padding: 0 8px;
	text-decoration: none;
	margin-top: 0.5em;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	background: #888;
	color: #fff;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}
/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #ccc;
	border-color: #d3d3d3;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}
/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
	background: #ccc;
	border-color: #d3d3d3;
}
/* Comment Form */
#respond {
	background: #ccc;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	width: auto;
}
.no-sidebar #comments {
	margin: 0 auto;
	width: 68.9%;
}
.no-sidebar.full-width #comments {
    width: auto;
}
#respond input[type="text"],
#respond input[type="email"],
#respond textarea {
	background: #fff;
	border: 4px solid #eee;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	position: relative;
	padding: 10px;
	text-indent: 80px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	background: #eee;
	-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	color: #555;
	display: inline-block;
	font-size: 13px;
	left: 4px;
	min-width: 60px;
	padding: 0 10px;
	position: relative;
	top: 32px;
	z-index: 1;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
}
#respond textarea {
	resize: vertical;
	width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #bd3500;
	font-size: 22px;
	font-weight: bold;
	left: 75%;
	position: absolute;
	top: 45px;
	z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as {
	font-size: 13px;
}
#respond p {
	margin: 0;
}
#respond .form-submit {
	float: right;
	margin: -20px 0 10px;
}
#respond input#submit {
	background: #222;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #eee;
	cursor: pointer;
	font-size: 15px;
	margin: 20px 0;
	padding: 5px 42px 5px 22px;
	position: relative;
	left: 30px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
#respond input#submit:active {
	background: #1982d1;
	color: #bfddf3;
}
#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
.commentlist #respond {
	width: auto;
}
#reply-title {
	color: #373737;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 10px;
}
#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 2em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	color: #ff4b33;
}
#respond label {
	line-height: 2.2em;
}
#respond input[type=text] {
	display: block;
	height: 24px;
	width: 75%;
}
#respond p {
	font-size: 12px;
}
p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}

/* =Footer
----------------------------------------------- */

#colophon {
    border-top: 1px solid #ccc;
    clear: both;
}
#supplementary {
    background-color: #eee;
    overflow: hidden;
}
/* Two Footer Widget Areas */
#supplementary.two .widget-area {
	float: left;
	width: 48.5%;
}
#supplementary.two .widget-area + .widget-area {
	float: right;
}
/* Three Footer Widget Areas */
#supplementary.three .widget-area {
    float: left;
    margin-right: 3%;
    width: 31.3%;
}
#supplementary.three .widget-area + .widget-area + .widget-area {
	margin-right: 0;
}
/* Site Generator Line */
#site-generator {
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 2px solid #aaa;
	clear: both;
	display: block;
	-moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
	text-align: center;
}
#site-generator a {
	color: #555;
	font-weight: bold;
}
#site-generator .sep {
	margin: 0 7px;
}
#site-generator .copyright {
	clear: both;
	display: inline;
	float: left;
    text-align: left;
}
#site-generator .powered {
	display: inline;
	float: right;
    text-align: right;
}
/* Social Profile */
#site-generator .social-profile {
    clear: both;
    float: right;
    margin-right: 2.8%;
    padding-bottom: 0.9em;
}
.social-profile ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.social-profile ul li {
	margin: 0 0 10px 10px;
	float: left;
}
.widget .social-profile {
    margin-left: -10px;
}
.social-profile ul li a {
	display: block;
	background: url("images/social-profiles.png") no-repeat right top;
	width: 34px;
	height: 34px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-indent: -99999px;
}
.social-profile ul li a:active {
	-moz-box-shadow: inset 0 0 6px #000;
	-webkit-box-shadow: inset 0 0 6px #000;
	box-shadow: inset 0 0 6px #000;
}
.social-profile ul li.facebook a {
	background-position: 0 0;
}
.social-profile ul li.facebook a:hover {
	background-position: 0 -44px;
}
.social-profile ul li.twitter a {
	background-position: -44px 0;
}
.social-profile ul li.twitter a:hover {
	background-position: -44px -44px;
}
.social-profile ul li.rss a {
	background-position: -88px 0;
}
.social-profile ul li.rss a:hover {
	background-position: -88px -44px;
}
.social-profile ul li.you-tube a {
	background-position: -132px 0;
}
.social-profile ul li.you-tube a:hover {
	background-position: -132px -44px;
}
.social-profile ul li.linkedin a {
	background-position: -176px 0;
}
.social-profile ul li.linkedin a:hover {
	background-position: -176px -44px;
}
.social-profile ul li.tumblr a {
	background-position: -220px 0;
}
.social-profile ul li.tumblr a:hover {
	background-position: -220px -44px;
}
.social-profile ul li.viemo a {
	background-position: -264px 0;
}
.social-profile ul li.viemo a:hover {
	background-position: -264px -44px;
}
.social-profile ul li.slideshare a {
	background-position: -264px 0;
}
.social-profile ul li.slideshare a:hover {
	background-position: -264px -44px;
}
.social-profile ul li.dribbble a {
	background-position: -308px 0;
}
.social-profile ul li.dribbble a:hover {
	background-position: -308px -44px;
}
.social-profile ul li.my-space a {
	background-position: -352px 0;
}
.social-profile ul li.my-space a:hover {
	background-position: -352px -44px;
}
.social-profile ul li.aim a {
	background-position: -396px 0;
}
.social-profile ul li.aim a:hover {
	background-position: -396px -44px;
}
.social-profile ul li.myspace a {
	background-position: -352px 0;
}
.social-profile ul li.myspace a:hover {
	background-position: -352px -44px;
}
.social-profile ul li.flickr a {
	background-position: -440px 0;
}
.social-profile ul li.flickr a:hover {
	background-position: -440px -44px;
}
.social-profile ul li.pinterest a {
	background-position: -484px 0;
}
.social-profile ul li.pinterest a:hover {
	background-position: -484px -44px;
}
.social-profile ul li.google-plus a {
	background-position: -528px 0;
}
.social-profile ul li.google-plus a:hover {
	background-position: -528px -44px;
}
.social-profile ul li.wordpress a {
	background-position: -572px 0;
}
.social-profile ul li.wordpress a:hover {
	background-position: -572px -44px;
}
.social-profile ul li.deviantart a {
	background-position: -616px 0;
}
.social-profile ul li.deviantart a:hover {
	background-position: -616px -44px;
}
.social-profile ul li.slideshare a {
	background-position: -660px 0;
}
.social-profile ul li.slideshare a:hover {
	background-position: -660px -44px;
}
.social-profile ul li.instagram a {
	background-position: -704px 0;
}
.social-profile ul li.instagram a:hover {
	background-position: -704px -44px;
}
.social-profile ul li.skype a {
	background-position: -748px 0;
}
.social-profile ul li.skype a:hover {
	background-position: -748px -44px;
}
.social-profile ul li.soundcloud a {
	background-position: -792px 0;
}
.social-profile ul li.soundcloud a:hover {
	background-position: -792px -44px;
}
.social-profile ul li.email a {
	background-position: -837px 0;
}
.social-profile ul li.email a:hover {
	background-position: -837px -44px;
}
.social-profile ul li.xing a {
	background-position: -882px 0;
}
.social-profile ul li.xing a:hover {
	background-position: -882px -44px;
}
.social-profile ul li.specificfeeds a {
	background-position: -927px 0;
}
.social-profile ul li.specificfeeds a:hover {
	background-position: -927px -44px;
}
img#wpstats {
	display: none;
}

/* =IE7
----------------------------------------------- */

#ie7 article.intro {
	margin-left: -3%;
	margin-right: -3%;
	padding-left: -3%;
	padding-right: -3%;
	max-width: 1000px;
}
#ie7 section.featured-post {
	margin-left: -3%;
	margin-right: -3%;
	max-width: 850px;
}
#ie7 section.recent-posts {
	margin-right: 3%;
}

/* =Contactform7
----------------------------------------------- */

#content span.wpcf7-not-valid-tip {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #FF0018;
    font-size: 12px;
    left: 5px;
    line-height: 12px;
    padding: 2px;
    top: 0;
}

/* =WooCommerce
----------------------------------------------- */

#main #catchbox-woocommerce .product {
	background-color: transparent;
	border: none;
}
#catchbox-woocommerce .hentry {
	padding: 0;
}

/* =Jetpack plugins
----------------------------------------------- */

/* Infinite Scroller */
#content #infinite-handle {
    display: block;
    padding-bottom: 2em;
    text-align: center;
    width: 100%;
}
#content #infinite-handle span {
    background-color: #444;
    display: block;
    font-size: 14px;
    padding: 10px 0;
    width: 100%;
}
#content #infinite-handle span:hover {
	background-color: #000;
}

/* =Scrollup
----------------------------------------------- */

a#scrollup {
	background-color: #000;
	bottom: 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
	display: none;
	-webkit-font-smoothing: antialiased;
	font: normal 24px/1 'Genericons';
	padding: 5px;
	position: fixed;
	right: 20px;
	text-decoration: none;
	vertical-align: top;
	opacity: 0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
	z-index: 999;
}
a#scrollup:before {
	content: '\f432';
}
a#scrollup:hover {
	opacity: 1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

/*--------------------------------------------------------------
Responsive Style
--------------------------------------------------------------*/

/* Media queries ----------- */
/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

/* Smaller than standard 1024px (devices and browsers) ----------- */
@media screen and (max-width: 1024px) {
	.site {
		width: 960px;
  	}
	#nav-slider .nav-previous,
  	#nav-slider .nav-next {
    	top: 94px;
  	}
  	#primary {
	    width: 565px;
	}
	#site-generator .copyright,
	#site-generator .powered {
	    width: 445px;
	}
	#respond input#submit {
		left: 25px;
	}
	.commentlist .avatar,
	.commentlist .children .avatar {
		left: 25px;
		top: 25px;
	}
	.one-column .site {
		width: 730px;
	}

	/* =Padding and Margins
	----------------------------------------------- */
	.site {
		margin: 25px auto;
	}
	#main,
	#supplementary {
		padding: 25px 25px 0;
	}
	#header-content,
	#access div,
	#access-secondary div,
	#access-footer div {
		margin: 0 25px;
	}
	#header-content {
		padding: 25px 0;
	}
	.page-header,
	.commentlist > li.comment,
	.commentlist .pingback,
	#respond,
	.commentlist .children li.comment {
		padding: 25px;
	}
	#slider,
	.hentry,
	.no-results,
	#author-info,
	#disqus_thread,
	#content .error404,
	.page-header,
	p,
	ul,
	ol,
	.home #content nav,
	.archive #content nav,
	.widget,
	.commentlist > li.comment,
	.commentlist .pingback,
	#respond,
	#supplementary .widget {
		margin-bottom: 25px;
	}
	.commentlist #respond,
	.commentlist .children li.comment {
		margin-top: 25px;
	}
	.hentry,
	.no-sidebar.full-width .hentry,
	.one-column.no-sidebar .hentry,
	.no-results,
	#author-info,
	#disqus_thread,
	#content .error404 {
	    padding: 10px 25px 25px;
	}
	.entry-title {
		padding: 10px 0 5px;
	}
	#site-generator {
		padding: 20px 25px;
	}
	#comments-title {
	    padding-bottom: 20px;
	}
	.entry-content,
	.entry-summary {
		padding-top: 20px;
	}
}

@media screen and (max-width: 990px) {
	.site {
		width: 910px;
  	}
  	#primary {
  		width: 515px;
  	}
	#site-generator .copyright,
	#site-generator .powered {
	    width: 420px;
	}
}

/* iPad Portrait and other Smaller then standard 960 (devices and browsers) ----------- */
@media screen and (max-width: 960px) {
	.site {
		width: 720px;
	}
	#primary,
	#secondary,
	#site-generator .copyright,
	#site-generator .powered {
		display: block;
		float: none;
		width: 100%;
	}
	#site-generator .copyright,
	#site-generator .powered {
		text-align: center;
	}
	/* Simplify the basic layout */
	#nav-slider .nav-previous,
	#nav-slider .nav-next {
		top: 140px;
	}
	.no-sidebar.full-width #nav-slider .nav-previous,
	.no-sidebar.full-width #nav-slider .nav-next,
	#slider.slider-fullwidth  #nav-slider .nav-previous,
	#slider.slider-fullwidth  #nav-slider .nav-next {
		top: 25%;
	}
	#nav-slider .nav-previous {
		left: 20px;
	}
	#nav-slider .nav-next {
		right: 20px;
	}
	#nav-below {
		border-bottom: 1px solid #ccc;
	}
	#branding ul.menu a,
	#colophon #access-footer ul.menu a {
   		padding: 0 0.83em;
	}
	/* Remove the margin on singular articles */
	.no-sidebar .entry-header,
	.no-sidebar .entry-content,
	.no-sidebar .entry-summary,
	.no-sidebar footer.entry-meta,
	.error404 .entry-header,
	.error404 .entry-content,
	.no-sidebar #comments-title  {
	    width: 100%;
	}
	/* Simplify the pullquotes and pull styles */
	.no-sidebar blockquote.pull {
		margin: 0 0 2em;
	}
	.no-sidebar .pull.alignleft {
		margin: 0 2em 0 0;
	}
	.no-sidebar .pull.alignright {
		margin: 0 0 0 2em;
	}
	.no-sidebar #author-info {
		margin: 2.2em -8.8% 0;
		padding: 20px 8.8%;
	}
	.widget_search #s {
		width: 93.8%;
	}
	/* Make sure we have room for our comment avatars */
	.commentlist {
		width: 100%;
	}
	.commentlist > li.comment,
	.commentlist .pingback {
		width: auto;
	}
	/* And a full-width comment form */
	#respond {
		width: auto;
	}
	/* No need to float footer widgets at this size */
	#colophon #supplementary .widget-area {
		float: none;
		margin-right: 0;
		width: auto;
	}
	/* No need to float 404 widgets at this size */
	.error404 #main .widget {
		float: none;
		margin-right: 0;
		width: auto;
	}
	.format-gallery .gallery-thumb {
		max-width: 100%
	}
	/* Menu */
	#access .menu-header-container,
	#access-secondary .menu-secondary-container,
	#access-footer .menu-footer-container {
		padding: 14px 0;
	}
	#branding ul.menu,
	#access-secondary.mobile-disable,
	#access-footer ul.menu,
	#colophon #access-footer.mobile-disable {
		display: none;
	}
	#branding ul.menu li,
	#access-footer ul.menu li {
		border: none;
	    float: none;
	    text-align: center;
    }
	#colophon #access-footer ul.menu a {
		display: block;
		float: none;
	}
	.tinynav {
		background: url("images/menu.png") right 1px no-repeat;
		border: none;
		color: #fff;
		display: block;
		margin-bottom: 0;
		margin-left: auto;
		margin-top: 0;
		overflow: hidden;
		width: 100%;
	}
	.tinynav2 {
		color: #373737;
	}
	.tinynav option {
		color: #000;
	}
	#respond input#submit {
		left: 20px;
	}
	.commentlist .avatar,
	.commentlist .children .avatar {
		left: 20px;
		top: 20px;
	}
	.one-column .site {
		width: 720px;
	}
	/* =Padding and Margins
	----------------------------------------------- */
	.site {
		margin: 20px auto;
	}
	#main,
	#supplementary {
		padding: 20px 20px 0;
	}
	#header-content,
	#access div,
	#access-secondary div,
	#access-footer div {
		margin: 0 20px;
	}
	#header-content {
		padding: 20px 0;
	}
	#slider-wrap a,
	#slider-wrap .featured-img span
	.page-header,
	.commentlist > li.comment,
	.commentlist .pingback,
	#respond,
	.commentlist .children li.comment {
		padding: 20px;
	}
	#slider,
	.hentry,
	.no-results,
	#author-info,
	#disqus_thread,
	#content .error404,
	.page-header,
	p,
	ul,
	ol,
	.home #content nav,
	.archive #content nav,
	.widget,
	.commentlist > li.comment,
	.commentlist .pingback,
	#respond,
	#supplementary .widget {
		margin-bottom: 20px;
	}
	.commentlist #respond,
	.commentlist .children li.comment {
		margin-top: 20px;
	}
	.hentry,
	.no-sidebar .hentry,
	.no-sidebar.full-width .hentry,
	.one-column.no-sidebar .hentry,
	.no-results,
	#author-info,
	#disqus_thread,
	#content .error404 {
	    padding: 10px 20px 20px;
	}
	#site-generator {
		padding: 20px;
	}
	#comments-title,
	#nav-below {
	    padding-bottom: 20px;
	}
	.entry-content,
	.entry-summary {
		padding-top: 20px;
	}
	#slider-wrap .featured-text {
		padding: 0 20px 20px;
	}
}

/* Smaller then standard 767 (devices and browsers) ----------- */
@media screen and (max-width: 767px) {
	.site,
	.one-column .site {
		width: 600px;
	}
	.logo-wrap {
		display: block;
		float: none;
		text-align: center;
	}
	#sidebar-header-right,
	#sidebar-header-right .widget,
	#branding #s {
		float: none;
	}
	#sidebar-header-top,
	#sidebar-header-right {
		text-align: center;
		width: 100%;
	}
	input#s {
		font-size: 16px;
	}
	#branding .searchform {
		padding-top: 15px;
		position: static;
		text-align: center;
		width: 100%;
	}
	#header-content {
		text-align: center;
	}
	.no-sidebar.full-width #nav-slider .nav-previous,
	.no-sidebar.full-width #nav-slider .nav-next,
	#slider.slider-fullwidth #nav-slider .nav-previous,
	#slider.slider-fullwidth #nav-slider .nav-next {
		top: 20%;
	}
	/* Reposition the site title and description slightly */
	#site-title {
		padding: 0;
	}
	#site-title,
	#site-description {
		margin-right: 0;
	}
	/* Floated content doesn't work well at this size */
	.alignleft,
	.alignright {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	/* Make sure the post-post navigation doesn't collide with anything */
	#nav-single {
		display: block;
	}
	.no-sidebar.page .hentry {
		padding: 2em 5%;
	}
	.widget_search #s {
		width: 89%;
	}
	/* Talking avatars take up too much room at this size */
	.commentlist .children li.comment .comment-meta {
		margin-left: 16%;
	}
	.commentlist > li.comment,
	.commentlist > li.pingback {
		margin-left: 0 !important;
	}
	/* Pagination */
	#content #infinite-handle {
		padding-bottom: 1em;
	}
	#nav-below .wp-pagenavi a,
	#nav-below .wp-pagenavi span,
	#nav-below #wp_page_numbers ul li a,
	.page-link span

[Sakin]

@Thomas: That loading time depend on your server and cache. So, we don’t have control on that with theme. If you are using latest version, then we have added “Image Loader” setting at “Appearance => Customize => Featured Slider Options => Featured Slider Settings”.

For more about Image loader you can read this http://jquery.malsup.com/cycle2/demo/loader.php

[Tremblay]

Hi,
How do I change the title and content size (font size) and colors in the Featured images slider ?

Thanks

[Sakin]

@aj: If you have latest version of Catch Base Pro theme then you can go to “Appearance => Customize => Featured Slider Options”. Then in “Featured Slider Type”, you can choose the type. For example, you can choose “Featured Image Slider”. Then upload image one by one in “Featured Slide #1, Featured Slide #2, Featured Slide #3 and so on”. Also check in “Featured Slider Settings” for Enable slider on, effect and all. For more, check out theme instructions page at http://catchthemes.com/theme-instructions/catch-responsive-pro/#featured-slider

If this doesn’t work then, please send me your site URL and then I can check in.

[webtussi]

Hi,

maybe, somebody could help please. Here is the page:

http://www.ghl-usa.com/

[Sakin]

@Hugh: You can refer to theme instructions page at http://catchthemes.com/theme-instructions/catch-evolution/. If you want to disable the slider then go to “Appearance => Theme Options => Featured Post Slider => Slider Options” and in “Enable Sidebar” option, you need to check in “Disable” and save change.

But if you like to add in your own. Then you can refer to post slider at http://catchthemes.com/blog/videos-blog/video-series-adding-featured-post-slider/

[Sakin]

@KenRoy: Did you check in our theme instructions page for Catch Responsive Pro theme at http://catchthemes.com/theme-instructions/catch-responsive-pro/

Catch Responsive theme comes with demo content for 3 sections. 1) Featured Slider 2) Promotion Headline and 3) Featured Content.

1. Featured Slider:
– You can replace this demo slider by choosing Slider type from option “Featured Image Slider, Featured Page Slider, Featured Post Slider, Featured Category Slider”.
– For this, just go to “Appearance => Customize => Featured Slider Options => Select Slider Type” and select it.
– Then fill in necessary. For example, if you chose Featured Image Slider, you can upload your one image, add in title, content and link as per your need.
– For more about Featured Slider, please refer to http://catchthemes.com/theme-instructions/catch-responsive-pro/#featured-slider

2. Promotion Headline
– You can change that from “Appearance => Customize => Theme Options => Promotion Headline Options”
– For more about Promotion Headline, please refer to http://catchthemes.com/theme-instructions/catch-responsive-pro/#promotion-headline

3. Featured Content:
– You can replace this demo featured content by choosing Featured content type from option “Featured Post Content, Featured Page Content, Featured Category Content and Featured Image Content”.
– For this, just go to “Appearance => Customize => Featured Content Options => Featured Content Type” and select it.
– Then fill in necessary. For example, if you chose Featured Image Content, you can upload your one image, add in title, content and link as per your need.
– For more about Featured Content, please refer to http://catchthemes.com/theme-instructions/catch-responsive-pro/#featured-content

[Sakin]

@bennyvaldes: Sorry for that and thanks for your appreciation. Can you find the following css that I gave you earlier:

div.layout-978,
#mainmenu,
#featured-slider,
#featured-slider .slides,
#featured-slider .featured {
    width: 1170px;
}

Just replace above block of css with the following css:

div.layout-978,
#header #mainmenu,
.featured-slider,
.featured-slider .slides,
.featured-slider .featured {
    width: 1170px;
}

[Sakin]

@bennyvaldes: Your title is scrunched up together as there is css loaded from your google font plugin, which uses h1 letter-spacing as -5px. See the css:

h1 {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 100;
    letter-spacing: -5px;
}

So, either you need to rectify that from your google font plugin css or add in the following css in “Appearance => Theme Options => Custom CSS” box:

#site-title {
    letter-spacing: 0;
}

If you want to increase the width of the site then you can add the following css in “Appearance => Theme Options => Custom CSS” box:

div.layout-978,
#mainmenu,
#featured-slider,
#featured-slider .slides,
#featured-slider .featured {
    width: 1170px;
}
.featured img {
    width: 100%;
}
#main #content {
    width: 740px;
}
#content .col5 {
    width: 480px;
}
#main .sidebar {
    width: 400px;
}
#footer .powered-by {
    float: right;
}

[Sakin]

@Brandon: When I check in your site. It’s loading fine. It’s just 2 second like that and slider changes after the image is loaded. You are try changing your Image Loader settings at “Appearance => Customize => Featured Slider Options => Featured Slider Settings”