/*
Theme Name: Attitude Child
Theme URI: http://themehorse.com/themes/attitude
Author: Miladin Prolic
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 and Russian. Get free support on http://themehorse.com/support-forum/
Version: 1.0.0
Template: attitude
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, flexible-width, custom-menu, custom-background, custom-header, featured-images, full-width-template, theme-options, threaded-comments, translation-ready, sticky-post
Text Domain: attitude-child

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
-------------------------------------------------------------- */
@import url("../attitude/style.css");
#main {
	padding: 10px 0 10px;
}

@media screen and (max-width: 1060px) 
{  
  #main { padding-top: 100px; }
}

.wrapper {
    background-color: #FFFFFF;
    box-shadow: none;
	border: 1px solid #cccccc;
    margin: 0 auto;
    max-width: 1038px;
}

body, input, textarea, p {
	color: #777;
	font: 14px 'Droid Sans', sans-serif;
	line-height: 20px;
	word-wrap: break-word;
}

body {
    background: #f9f9f9;
}

img
{
	max-width:100%;
	height:auto;
	vertical-align:top;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #cccccc;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: 'Droid Sans', sans-serif;
	color: #555;
}

h1 {
	font-size: 30px;
	line-height: 36px;
}
h2 {
	font-size: 20px;
	line-height: 26px;
}
h3{
	font-size: 18px;
	line-height: 24px;
}
h4 {
	font-size: 16px;
	line-height: 22px;
}
h5 {
	font-size: 14px;
	line-height: 20px;
}
h6 {
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
}

#site-title {
	font: 36px 'Droid Sans', sans-serif;
  	line-height: 42px;
}

/* Slogan */
.slogan-wrap {	
	font-family: 'Droid Sans', sans-serif;
	background-color: #05a9c5;	
	padding: 24px 0;
	margin-bottom: 4px;	
}

#access {
    border-bottom: none;
    border-top: 2px solid #EAEAEA;
}

.sticky {
    background-color: #f3f3f3;
    padding: 10px;
}

.featured-text .featured-title {
	font: 24px 'Droid Sans',sans-serif;
	line-height: 30px;
	padding: 10px 20px;
	background: #05A9C5;
	background: rgba(5, 169, 197, 0.9);
	float: right;
	max-width: 525px;
}

.entry-meta-bar {
    border-bottom: none;
    border-top: none;
}

.entry-meta {
    float: left;
    width: 100%;
}
/* TOP MENU */
#access a {
    color: #777777;
    display: block;
    float: left;
    font-size: 13px;
    height: 39px;
    padding: 16px 0 0;
    text-transform: uppercase;
}

#content .post {
    border-top: 1px solid #EAEAEA;
    padding-bottom: 10px;
}

.widget-title {
    font-size: 13px;
    line-height: 26px;
    padding-bottom: 7px;
	text-transform: uppercase;
}

#colophon .widget {
    text-align: center;
    margin-left: 2.97%;
    /*width: 30.35%; */
	width: 100%;
}

#colophon .widget_info, #colophon .widget_text {
	text-align: center;
    margin-bottom: 15px;
}

.widget ul li, .widget ul li a {	
	font-size: 13px;
}

#headerteaser {
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 100%;
    padding-right: 24px;
    padding-top: 10px;
    right: -50px;
}

.entry-title {
	font: 22px 'Droid Sans', sans-serif;
	line-height: 30px;
	color: #05a9c5;
}


.entry-title,
.entry-title a {
	color: #05A9C5;
}

.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	color: #05A9C5;
}