/*

Theme Name: Tuned

Theme URI: http://www.tunedthemes.com

Description: Tuned Theme is a simple responsive full width theme for WordPress. The translation ready responsive Tuned theme looks good on any devices(mobile, tablet, nootebook, PC...). Supports custom menus, cudtom header, custom background, RTL languages and the following extras: Hero Unit, Carousel, Infinite Scroll Blog, Front Page Template.

Author: Elod Horvath

Author URI: http://www.webtudom.com

Version: 1.1.6

Tags: gray, blue, two-columns, right-sidebar, custom-colors, flexible-width, custom-header, custom-menu, custom-background, full-width-template, featured-images, translation-ready, rtl-language-support



License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html









/* CSS Reset http://meyerweb.com/eric/tools/css/reset

---------------------------------------------*/
#wp_email_capture input.wp-email-capture-email{
	margin-bottom: 10px;
}

.menu-toggle {
	width: 250px;
}

.toska {
	font-family: 'bearboldbold';
	font-size: 40px;
	color: red;

	float: left;
}

.freemusic {
	font-family: 'bearboldbold';
	color: blue;
	font-size: 30px;
	width: 120px;
	float: right;
	text-decoration: underline;
}

.tshirt {
	font-family: 'bearboldbold';
	font-size: 40px;
	text-align: center;
	text-decoration: underline;
	color: blue;
	padding-top: 50px;
	padding-bottom: 20px;
}

@font-face {
    font-family: 'bearboldbold';
    src: url('http://redmouthmusic.com/wp-content/themes/tuned/fonts/bear_bold-webfont.eot');
    src: url('http://redmouthmusic.com/wp-content/themes/tuned/fonts/bear_bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('http://redmouthmusic.com/wp-content/themes/tuned/fonts/bear_bold-webfont.woff') format('woff'),
        url('http://redmouthmusic.com/wp-content/themes/tuned/fonts/bear_bold-webfont.ttf') format('truetype'),
        url('http://redmouthmusic.com/wp-content/themes/tuned/fonts/bear_bold-webfont.svg#font-name') format('svg');
    font-weight: normal;
    font-style: normal;
}

#wp_email_capture {
	line-height: 25px;
}

.wp-email-capture-submit wp-email-capture-widget-worldwide {
	display: none;
}


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, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}



/* HTML5 display-role reset for older browsers 

-----------------------------------------------*/

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}





/* WordPress Core

-------------------------------------------------------------- */

.alignnone {

    margin: 5px 20px 20px 0;

}



.aligncenter,

div.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



.alignright {

    float:right;

    margin: 5px 0 20px 20px;

}



.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



a img.alignright {

    float: right;

    margin: 5px 0 20px 20px;

}



a img.alignnone {

    margin: 5px 20px 20px 0;

}



a img.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto

}



.wp-caption {

    background: #fff;    

    max-width: 96%; /* Image does not overflow the content area */

    padding: 5px 3px 10px;

    text-align: center;

}



.wp-caption.alignnone {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignleft {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignright {

    margin: 5px 0 20px 20px;

}



.wp-caption img {

    border: 0 none;

    height: auto;

    margin: 0;

    max-width: 98.5%;

    padding: 0;

    width: auto;

}



.wp-caption p.wp-caption-text {

    font-size: 12px;

	font-style: italic;

    line-height: 17px;

    margin: 0;

    padding: 5px 4px 5px;

}



/* Clearing floats */

#main:before,

#main:after,

#content:before,

#content:after,

#content nav:before,

#content nav:after {

	display: table;

	content: "";

}



#main:after,

#content:after,

#content nav:after {

	clear: both;

}





/* Base 

-----------------------------------------------------*/

html {	

}



body {	

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #e0e0e0;

}





/* Typography 

----------------------------------------------------*/

h1 {

	font-family: 'bearboldbold';
	
	margin-bottom: 18px;

	font-weight: 300;

	clear: both;

	font-size: 400%;
	
	color: #f61e17

}



h2,

h3,

h4,

h5,

h6,

hr {	

	margin-bottom: 13px;

	font-weight: 300;

	clear: both;

}



hr {

	border: 0;

	height: 1px;

	background-color: #CCC;

}



h2 {

	font-size: 180%;

}



h3 {

	font-size: 160%;

}



h4 {

	font-size: 140%;

}



h5 {

	font-size: 120%;

}



h6 {

	font-size: 100%;

}



p {

	margin: 0 0 10px 0;

}



abbr,

acronym {

	border-bottom: dotted 1px;

	text-transform: uppercase;

	cursor: help;

}



b,

strong {

	font-weight: bold;

}



big {

	font-size: 120%;

}



cite,

dfn,

em,

i,

var {

	font-style: italic;

}



code,

kbd,

samp,

tt {

	font-family: "Courier New", Courier, monospace;

}



del,

s {

	text-decoration: line-through;

}



ins,

u {

	border-bottom: 1px solid;

}



blockquote{

	margin: 0 20px 10px 20px;

	padding: 20px;

	background: #AAA;

	font-style: italic;
	
	color: #000000;

}



small,

sub,

sup {

	font-size: 75%;

}



sub,

sup {

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}



sup {

	bottom: 1ex;

}

sub {

	top: .5ex;

}



pre {

	background: #EEE;

	font-family: "Courier New", Courier, monospace;	

	line-height: 1.5;

	margin-bottom: 20px;

	padding: 20px;

	overflow: auto;

	max-width: 100%;

}





/* Links 

-------------------------------------------------*/

a {

	color: #0040FF;

	text-decoration: none;

}



a:hover,

a:focus,

a:active {

	color: #81BEF7;

}



/* Lists 

----------------------------------------------------*/

ul ,

ol {

	margin: 0 0 10px 20px;

	line-height: 1.5;

}



ul {

	list-style: disc;

}



ol {

	list-style: decimal;

}



ul ul,

ol ol,

ul ol,

ol ul {

	margin: 0 0 0 20px;

	line-height: 1;

}





dt {

	font-weight: bold;

}



dd {

	margin-left: 10px;

}





/* Responsive images 

----------------------------------------------------*/

img {

	max-width: 100%;

	height: auto;

}



/* Responsive objects/embeds 

---------------------------------------------------*/

object,

video,

embed,

iframe {

	max-width: 100%;

}





/* Forms 

-----------------------------------------------------*/

label {

	font-weight: 700;

	padding: 3px 0;

}



select,

textarea,

input[type="text"],

input[type="password"] {

	border: 1px solid #CCC;

	font-size: 100%;

	font-family: inherit;

	padding: 6px 0;

	border-radius: 3px;

	box-sizing: border-box;

	-moz-box-sizing:border-box; /* Firefox */

	-webkit-box-sizing:border-box; /* Safari */

}



select,

input[type="text"],

input[type="password"] {	

	width: 100%;	

}



textarea {

	height: auto;

	overflow: auto;

	width: 80%

}



/* Buttons

----------------------------------------------------*/

.menu-toggle,

.btn-hero,

.flex-caption .more-link,

button,

input[type="button"],

input[type="submit"],

input[type="reset"] {

	padding: 6px 10px;

	background-color: #0040FF;

	color: #FFF;

	border: none;

	border-radius: 3px;

	display: inline-block;

	cursor: pointer;	

	font-size: 14px;

}



.menu-toggle:hover,

button:hover,

input[type="button"]:hover,

input[type="submit"]:hover,

input[type="reset"]:hover {

	background-color: #3567FF;

}



.menu-toggled,

button:active,

input[type="button"]:active,

input[type="submit"]:active,

input[type="reset"]:active {

	background-color: #3567FF;

}



/* Text only for screen readers 

----------------------------------------------------*/

.assistive-text {	

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

}



/* Tables 

---------------------------------------------------*/

table {	

	width: 100%;

}



table,

th,

td {

	border: 1px solid #CCC;

}



th,

td {

	padding: 5px;

}



th {

	font-weight: bold;

	text-align: center;

	text-transform: uppercase;

}





/* Site structure 

---------------------------------------------------*/

.tuned-row {

	max-width: 940px;

	margin: 0 auto;

	padding: 0 10px;

}

#container {	

	

}



#masthead,

#main,

#colophon {

	clear: both;

}



#masthead {	

		margin-bottom: 30px;

		border-bottom: solid 1px #CCC;

}



#main {

	margin-bottom: 30px;

}



#primary {

	float: left;

	width: 65%;		

	margin-right: 2%;

}



#secondary {

	float: right;

	width: 33%;		

	margin-bottom: 30px;

}



#colophon {

		border-top: solid 1px #CCC;

}



.fullbox {		

	text-align: center;

	margin-bottom: 40px;

}









/* Header 

--------------------------------------------------*/

.logo {

	text-align: center;
	width: 100%;

}



.site-name {

	font-family: 'Montserrat', sans-serif;

	font-weight: 700;

	font-size: 32px;

	margin-top: 10px;

	margin-bottom: 5px;

}



.site-name a {

	color: #424242;

}



.site-description {

	font-family: 'Montserrat', sans-serif;

	font-weight: 400;

	font-size: 15px;

	font-style: italic;

}



.menu-toggle {	

	display: none;

}





/* Main Navigation */

.main-navigation ul {

	width: 100%;

	list-style: none;

	margin-left: 0;

	margin-right: 0;

	margin-top: 0;

	margin-bottom: 0;	

	line-height: 1;

	text-align: center;	

}



.main-navigation li {

	display: inline-block;

	*display: inline !important;

	zoom: 1;

	position: relative;

	margin: 0 20px 0 0;

}



.main-navigation li a {	

	font-family: 'bearboldbold';
	
	font-size: 250%;

	padding: 14px 10px; 

	color: #ffffff;

	display: block;

	*display: inline !important;

	zoom: 1;

	text-transform: uppercase;

	white-space: nowrap;

}



.main-navigation li a:hover {

	color: #3567FF;

}



.main-navigation li ul {

	display: none;

	position: absolute;

	top: 100%;

	left: 0;

	z-index: 1;	

}



.main-navigation li ul  ul {

	top: 0;

	left: 100%;	

}



.main-navigation ul li:hover > ul {	

	display: block;

	text-align: left;

}



.main-navigation li ul li a {

	background: #424242;	

	color: #FFF;

	width: 175px;

	font-size: 11px;

	white-space: normal;

	padding: 12px 10px;

	border-right: 1px solid #FFF;

	border-bottom: 1px solid #FFF;

}



.main-navigation li ul li a:hover {

	background: #3567FF;

	color: #FFF;

}



/* Hero unit */

.hero-unit {	

	text-align: center;

	padding: 100px;

	background: url('css/bg.png');

	color: #FFF;

}



.hero-unit h1 {

	font-family: 'Montserrat', sans-serif;

	font-size: 120px;

	font-weight: bold;

	margin-bottom: 20px;

}



.hero-unit p {

	font-family: 'Montserrat', sans-serif;

	font-size: 40px;

	font-weight: 300;

	margin-bottom: 30px;

}



.btn-hero {

	font-size: 24px;

	padding: 15px 40px;	

}





/* Carousel */

.flexslider {

	border: 0 !important;

	border-radius: 0 !important;

	box-shadow: none !important;

	text-align: left;

}



.flex-direction-nav .flex-next {

	right: 0 !important; 

}

.flex-direction-nav .flex-prev {

	left: 0 !important;

}



.flex-control-nav li {	

	text-align: center;

}



.flex-caption {	

	width: 96%;

	padding: 5px 2% 10px 2%;

	position: absolute;

	left: 0;

	bottom: 0;

	font-weight: 300;

	background: rgba(0,0,0,0.6);  

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* For IE 7*/

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; /* For IE 8*/

	color: #fff;

}



.flex-caption h1,

.flex-caption p {

	margin: 0;

}



.flex-caption h1 {

	font-size: 22px;

}



.flex-caption p {

	font-size: 14px;

}



.flex-caption a {

	color: #FFF;

}



.flex-caption .more-link {	

	margin-top: 5px;

	font-size: 14px;

	padding: 6px 12px;

	

}





/* Site content 

----------------------------------------------------*/

.site-content .entry-title {

	line-height: 1.1;

}

.site-content .post,

.site-content .page {

	line-height: 1.6;

	word-wrap: break-word;

}



.site-content .post {

	margin-bottom: 40px;

}



.infinite-scrolled-blog .site-content .post {

	width: 30%;

	float:left;

	margin-right: 1%;	

	vertical-align: top;

}



.infinite-scrolled-blog #infscr-loading {

	position: absolute;

	bottom: 0;

	left: 50%;

	max-width: 100%;

	text-align: center;

}



.infinite-scrolled-blog #infscr-loading img ,

.infinite-scrolled-blog #infscr-loading div {

	position: relative;

	left: -50%;

}



.site-content img {

	

}



.site-content .wp-post-image {	

	margin-bottom: 18px;

}



.entry-meta-author {

	display: none;

	margin-top: -18px;

	margin-bottom: 18px;

	font-size: 11px;

}



.entry-meta-ct {

	font-size: 11px;	

	clear: both;

}



.edit-link {

	display: block;

	margin-top: 20px;

	clear: both;	

}



.category-list a,

.tag-list a {

	text-decoration: underline;

}



#respond label {

	display: block;

}



.comment {

	margin-top: 20px;

	margin-bottom: 20px;

}



.comment-body {

	border-bottom: 4px double #CCC;

}



.comment-title,

#reply-title {

	margin: 24px 0;

}



.comment-author img {

	float: left;

	margin-right: 5px;

}



.site-content .nav-previous {

	width: 50%;

	float: left;

	text-align: left;

}



.site-content .nav-next {

	width: 50%;

	float: right;

	text-align: right;

}



.nav-content,

.page-links {

	clear: both;

}



.sticky {

	padding: 0 0 20px 0;

	border-bottom: 4px double #CCC;

}



.bypostauthor {

	background-color: #CCC;

	padding: 10px;

}



/* Gallery */

.gallery-icon a {

	display: block;

	width: 90%;

}



.gallery-icon img {

	max-width: 90%;

	height: auto;

	padding: 5%;	

	border-radius: 3px;

	box-shadow: 2px 2px 4px #CCC;

}



.gallery .wp-caption-text {

	font-size: 12px;

	font-style: italic;

}



.gallery .gallery-caption {

	width: 90%;

	text-align: center;

	padding: 5px 0;

}



/* Widget area 

--------------------------------------------*/

.widget-area ul{

	list-style: none;

}



.widget-title {

	text-transform: uppercase;
	
	font-family: 'bearboldbold';
	
	font-size: 200%;
	
	color: #f61e17;

}



label.screen-reader-text {

	display: none;

 }

 

 .widget-area #s {

	width: 55%;

 }

 

 .widget-area .widget {

	margin-bottom: 30px;

 }





/* Footer 

-------------------------------------------*/

.site-info {

	text-align: center;

	padding: 20px 0;

	font-size: 12px;

}





/* Full Width Template(Template without Sidebar) 

----------------------------------------------*/

.full-width {

	float: none !important;

	width: auto !important;

	margin-right: 0 !important;

}



.full-width #respond {

	max-width: 73%;

}





/* Grids

----------------------------------------------*/

.grid {	

	text-align: center;	

}



.grid ul {

	list-style: none;

}



.grid img {

	max-width: 30%;

	height: auto;

	border-radius: none;

	box-shadow: none;

}



.grid h1 a {

	color: #424242;

}



#grid1 {

	font-size: 16px;

}



#grid1 h1 {

	font-size: 60px;

}



#grid1 h2 {

	font-size: 40px;

}



#grid1 .grid-1 {

	margin-bottom: 30px;

	padding: 0 1.5% 20px 1.5%;

	border-bottom: solid 1px #CCC;

	font-weight: 300;

}



#grid3 .grid-3 {

	float: left;

	padding: 0 1.5%;

	width: 30%;	

	margin-bottom: 20px;

}





/* Media queries 

---------------------------------------------*/



@media ( max-width: 767px ) {





	.toska {
		float: none;
		font-family: 'bearboldbold';
		font-size: 35px;
		color: red;
	}

	.freemusic {
		width: 100%;
		font-family: 'bearboldbold';
		color: blue;
		font-size: 30px;
		text-decoration: underline;
	}

	.tshirt {
		width: 100%;
		font-family: 'bearboldbold';
		font-size: 30px;
		text-decoration: underline;
		color: blue;
	}


	/* Site structure */

	#masthead {				

		text-align: center;

	}



	#primary {	

		float: none;

		width: auto;

		margin-right: 0;

		margin-bottom: 30px;

	}

	

	.front-page {

		margin-bottom: 0 !important;

	}



	#secondary {		

		float: none;

		width: auto;

	}

	

	/* Forms */

	select,

	input[type="text"],

	input[type="password"] {	

		width: 40%;	

	}



	textarea {

		height: auto;

		overflow: auto;

		width: 80%

	}

	

	/* Hero unit */

	.hero-unit {

		padding: 50px 20px;

		margin-bottom: 20px;

	}

	

	.hero-unit h1 {

		font-size: 80px;

	}

	

	.hero-unit p {

		font-size: 22px;

	}

	

	.btn-hero {

		font-size: 20px;

		padding: 12px 24px;

	}

	

	/* Carousel */

	.flex-caption p {

		display: none;

	}

	

	.flex-caption h1 {

		font-size: 14px;

		font-weight: 700;

	}	

	

	/* Navigation */

	.menu-toggle {

		display: inline-block;

		margin-top: 13px;

	}

	

	.main-navigation .menu {

		display: none;

	}

	

	.menu {

		padding-bottom: 20px;

	}

	

	.main-navigation li {

		display: block;

		margin-right: 0;

		text-align: left;	

	}

	

	.main-navigation li a {

		padding: 5px;

		border-right: 0;

		border-bottom: 0;

		border-bottom: solid 1px #EEE;

	}

	

	.main-navigation li ul {

		display: inline;

		position: static;	

	}

	

	.main-navigation li ul li {

		padding-left: 20px;		

	}



	.main-navigation li ul li a {

		padding: 3px;

		width: auto;

		background: transparent;

		color: #424242;		

	}

	

	.main-navigation li ul li a:hover {

		background: transparent;

		color: #81BEF7;

	}

	

	/* Grids */

	#grid3 .grid-3,

	.infinite-scrolled-blog .site-content .post {

		float: none;

		width: auto;

	}

	

	/* Infinite Scroll */

	.infinite-scrolled-blog #infscr-loading  {

		max-width: 50%;

		font-size: 80%;

	}



}



@media ( max-width: 480px ) {

	.toska {
		float: none;
		font-family: 'bearboldbold';
		font-size: 25px;
		color: red;
	}

	.freemusic {
		width: 100%;
		font-family: 'bearboldbold';
		color: blue;
		font-size: 20px;
		text-decoration: underline;
	}

	.tshirt {
		width: 100%;
		font-family: 'bearboldbold';
		font-size: 20px;
		text-decoration: underline;
		color: blue;
	}

	/* Forms */

	select,

	input[type="text"],

	input[type="password"] {	

		width: 80%;	

	}



	textarea {

		height: auto;

		overflow: auto;

		width: 100%

	}

	

	/* Hero unit */

	.hero-unit h1 {

		font-size: 40px;

	}

	

	.hero-unit p {

		font-size: 18px;

	}

	

	.btn-hero {

		font-size: 18px;

		padding: 8px 20px;

	}		

	

	/* Grids */

	#grid1 .grid-1 h1,

	#grid1 .widgettitle {

		font-size: 30px;

	}

	

	#grid1 .grid-1 p,

	#grid1 .textwidget{

		font-size: 16px;

	}



}



@media print {



	/* Base */

	body {

		background: none;

		color: #000;

		font-size: 10pt;

	}

	

	/* Visibility */

	.hero-unit,

	.main-navigation,

	#respond,

	#secondary,

	#colophon,

	.fullbox {

		display: none;

	}

	

	/* Site structure */

	#primary {

		float: none;

		margin-left: auto;

		margin-right: auto;		

		width: auto;

	}

		

}