/*
Theme Name: Attitude
Theme URI: http://themehorse.com/themes/attitude
Author: Theme Horse
Author URI: http://themehorse.com
Description: Attitude is a Simple, Clean and Responsive Retina Ready WordPress Theme which adapts automatically to your tablets and mobile devices. Theme is easily customizable with numerous theme options. Some of the highlighted options are two site layout (Narrow and Wide), 5 layouts for every post/page, 5 Page Templates, 5 widget areas, 4 custom widgets, featured slider to highlight your post/page, 11 social icons and many more. Also has custom background, header, menu, favicon, CSS, webclip icon, and logo. Supports popular plugins like Breadcrumb NavXT, WP-PageNavi and Contact Form 7. It is also translation ready. Available Translation: Traditional Chinese (Taiwan), Spanish, Norwegian (Nynorsk), German, Russian, Dutch, Italian and Danish. Get free support on http://themehorse.com/support-forum/
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, light, blue, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fluid-layout, custom-menu, custom-background, custom-header, featured-images, full-width-template, theme-options, threaded-comments, translation-ready, sticky-post
Text Domain: attitude

Attitude WordPress Theme, Copyright 2013 Theme Horse
Attitude is distributed under the terms of the GNU GPL
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
.widget {
	margin-bottom: 40px;
}
.widget ul li a {
	color: #777;
}
.widget ul li a:hover {
	color: #05a9c5;
}
.widget-title {
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 15px;
}
.widget-title, .widget-title a {
	color:#555;
}
.widget-title a:hover {
	color: #05A9C5;
}
/* Search Widget */
.widget_search input.s {
	height: 40px;
	padding: 0 15px 0 15px;
	color: #777;
	background-color: #f9f9f9;
	background-position: right 10px;
	border-color: #eaeaea;
	cursor: text;
	text-indent: 0;
    width: 100%;
    box-sizing: border-box;
}
.widget_search input.s:focus {
	border-color: #ccc;
}
/* Calendar Widget */
.widget_calendar #wp-calendar {
	color: #555;
	width: 95%;
	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;
}
/* Article Widget */
.widget_article {
	margin-bottom: 20px;
}
.widget_article .article-title, .widget_article .article-title a {

}
.widget_article .article-title a:hover {
	text-decoration: underline;
}
.widget_article .post {
	padding-bottom: 20px;
}
.widget_article .article-content p {
	margin-bottom: 0px;
}
/* Testimonial widget */
.widget_testimonial .testimonial-icon {
	width: 25px;
	height: 19px;
	float: left;
	background: url('images/testimonial-icon.png') no-repeat top center;
	margin-right: 3.06%;
}
.widget_testimonial .testimonial-post {
	padding: 20px;
	background-color: #f9f9f9;
	border: 1px solid #eaeaea;
	-webkit-box-shadow: 0 1px 4px #eaeaea inset;
	-moz-box-shadow: 0 1px 4px #eaeaea inset;
	box-shadow: 0 1px 4px #eaeaea inset;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-style: italic;
	margin-bottom: 15px;
	display: block;
	overflow: hidden;
}
.widget_testimonial .testimonial-author {
	text-align: right;
	clear: both;
}
.widget_testimonial .testimonial-author span {
	font-weight: bold;
	display: block;
}

/* Tag Cloud */
.widget_tag_cloud a {
	margin-right: 5px;
	color: #777;
	padding: 10px 0;
	}
.widget_tag_cloud a:hover {
	color: #05A9C5;
	}

/* Custom Tag Cloud */
.widget_custom-tagcloud {
	margin-bottom: 32px;
}
.widget_custom-tagcloud a {
	margin:0 4px 8px 0;
	background-color: #F9F9F9;
	border: 1px solid #eaeaea;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	padding: 1px 8px 2px;
	color: #777;
}
.widget_custom-tagcloud a:hover {
	border: 1px solid #0596AF;
	color: #fff;
	background: #06B8D7;
	background: -webkit-linear-gradient(#06B8D7, #05aac6);
	background: -moz-linear-gradient(#06B8D7, #05aac6);
	background: -ms-linear-gradient(#06B8D7, #05aac6);
	background: -o-linear-gradient(#06B8D7, #05aac6);
	background: -webkit-gradient(#06B8D7, #05aac6);
	background: linear-gradient(#06B8D7, #05aac6);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
.widget_custom-tagcloud a:active {
	-webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
}

/* Service Widget*/
.widget_service {
	margin-bottom: 0;
	padding-bottom: 10px;
}

/* Recent Work Widget*/
.widget_recent_work {
	margin-bottom: 10px;
}


/* WP Caption */
.wp-caption {
	margin-bottom: 30px;
	max-width: 100%;
}
.wp-caption .wp-caption-text, .gallery-caption {
	font-style: italic;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0;
	padding: 15px 0;
	border-bottom: 1px solid #EAEAEA;
}

/* =Footer
----------------------------------------------- */
footer h3.widget-title {
	padding: 0px 0px 0px 28px;
    background: rgba(0, 0, 0, 0) url(../images/footermenu_h3.png) no-repeat scroll;
    background-position: 0 2px;
    background-size: 23px;
}
footer h3.widget-title,
footer h3.widget-title a {
	color: #ffffff;
}
footer .widget-area .widget a {
    color: #ffffff;
}
#colophon {

}
.menu-footer-menu-container ul {
	margin-left: 30px;
}
#colophon select {
	background-color: #F9F9F9;
	border: 1px solid #EAEAEA;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 40px;
	padding: 10px 8px;
	width: 100%;
	color: #777777;
}
#colophon form input, #colophon form textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#colophon .widget-wrap {
	background-color: #687277;
	font-family: Bookman Old Style;
}
#colophon .widget-area {
	margin-left: -3.06%;
	padding: 40px 0 10px;
}
#colophon .widget {
   float: left;
   margin-left: 2.97%;
   width: 30.35%;
}
#colophon .widget_archive,
#colophon .widget_pages,
#colophon .widget_nav_menu,
#colophon .widget_recent_entries,
#colophon .widget_categories,
#colophon .widget_recent_comments,
#colophon .widget_meta,
#colophon .widget_rss {
   margin-bottom: 22px;
}
#colophon .widget_archive ul li,
#colophon .widget_pages ul li,
#colophon .widget_nav_menu ul li,
#colophon .widget_recent_entries ul li,
#colophon .widget_categories ul li,
#colophon .widget_recent_comments ul li,
#colophon .widget_meta ul li,
#colophon .widget_rss ul li {
   padding-bottom: 8px;
}
#colophon .widget-title {
   font-size: 19px;
   text-transform: uppercase;
   line-height: 25px;
}
#colophon .widget_article {
	margin-bottom: 10px;
}
#colophon .widget_info,
#colophon .widget_text {
	margin-bottom: 15px;
}
#colophon a {

}
#colophon a:hover {

}
#colophon ul {

}
#supplementary .widget-area {

}
#supplementary .widget-title {

}
#supplementary #first,
#supplementary #second,
#supplementary #third {

}
#supplementary #first {

}
#supplementary #second {

}
#supplementary #third {

}

/* Site Generator */
#site-generator {
	padding: 20px 0px;
	color: #999;
}
#site-generator .social-profiles {
   float: right;
   width: 31.28%;
}
#site-generator .copyright {
   float: left;
   padding-top: 5px;
   width: 65.64%;
}
#site-generator .copyright a {
   color: #777;
}
#site-generator .copyright a:hover {
   color: #05A9C5
}

/* =Responsive Structure