/** FONTS **/
 @font-face {
    font-family: 'HelveticaNeueLTStd75Bold';
    src: url('../fonts/helveticaneueltstd-bd-webfont.eot');
    src: url('../fonts/helveticaneueltstd-bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltstd-bd-webfont.woff') format('woff'),
         url('../fonts/helveticaneueltstd-bd-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneueltstd-bd-webfont.svg#HelveticaNeueLTStd75Bold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'TimesNewRomanMTStdBold';
    src: url('../fonts/timesnewromanmtstd-bold-webfont.eot');
    src: url('../fonts/timesnewromanmtstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/timesnewromanmtstd-bold-webfont.woff') format('woff'),
         url('../fonts/timesnewromanmtstd-bold-webfont.ttf') format('truetype'),
         url('../fonts/timesnewromanmtstd-bold-webfont.svg#TimesNewRomanMTStdBold') format('svg');
    font-weight: normal !important;
    font-style: normal !important;

}

@font-face {
    font-family: 'TimesNewRomanMTStdBoldItalic';
    src: url('../fonts/timesnewromanmtstd-boldit-webfont.eot');
    src: url('../fonts/timesnewromanmtstd-boldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/timesnewromanmtstd-boldit-webfont.woff') format('woff'),
         url('../fonts/timesnewromanmtstd-boldit-webfont.ttf') format('truetype'),
         url('../fonts/timesnewromanmtstd-boldit-webfont.svg#TimesNewRomanMTStdBoldItalic') format('svg');
    font-weight: normal !important;
    font-style: normal !important;

}

@font-face {
    font-family: 'TimesNewRomanMTStdItalic';
    src: url('../fonts/timesnewromanmtstd-italic-webfont.eot');
    src: url('../fonts/timesnewromanmtstd-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/timesnewromanmtstd-italic-webfont.woff') format('woff'),
         url('../fonts/timesnewromanmtstd-italic-webfont.ttf') format('truetype'),
         url('../fonts/timesnewromanmtstd-italic-webfont.svg#TimesNewRomanMTStdItalic') format('svg');
    font-weight: normal !important;
    font-style: normal !important;

}

@font-face {
    font-family: 'TimesNewRomanMTStdRegular';
    src: url('../fonts/timesnewromanmtstd-webfont.eot');
    src: url('../fonts/timesnewromanmtstd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/timesnewromanmtstd-webfont.woff') format('woff'),
         url('../fonts/timesnewromanmtstd-webfont.ttf') format('truetype'),
         url('../fonts/timesnewromanmtstd-webfont.svg#TimesNewRomanMTStdRegular') format('svg');
    font-weight: normal !important;
    font-style: normal !important;

}



/******************************************************************
VARIÁVEIS
******************************************************************/
@fonte-corpo: "TimesNewRomanMTStdRegular";
@fonte-italico: "TimesNewRomanMTStdItalic";
@fonte-bold: "TimesNewRomanMTStdBold";
@fonte-titulo: "HelveticaNeueLTStd75Bold";

@fonte-size1: 14px;
@fonte-size2: 26px;
@fonte-size3: 120px;
@cor1: #138980;
@cor2: #A54399;
@cor3: #ebebeb;


/******************************************************************
GENERAL LAYOUT STYLES
******************************************************************/

body {
	font-family: @fonte-corpo;
	font-size: @fonte-size1;
	line-height: 1.621;
	color: #444;
	margin: 0 auto;
}

p {
	line-height: 1.621;
}

a, a:active, a:hover, a:visited {
	color: black;
}
a:hover {
	text-decoration: line-through;
}

em, i { font-family: @fonte-italico; }
strong, b { font-family: @fonte-bold; }

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-family: @fonte-titulo; text-transform: uppercase; }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; }
/* h1, .h1 { font-size: @fonte-size3;  }
h2, .h2 { font-size: @fonte-size2;  }
 */

/*****************************************************************
HEADER
******************************************************************/
#headerblog {
	margin-top: 25px;
	margin-bottom: 25px;
	
	h1 {
		text-align: center;
		font-size: @fonte-size3;
		margin-bottom: 25px;
	}
	p {
		font-family: @fonte-italico;
		img { max-height: 350px; width: auto;}
	}

}

/*****************************************************************
MENU
******************************************************************/

#menu {
margin-bottom: 50px;
	ul { 
		margin-left: 0; padding-left: 0;
		list-style: none;	
		margin: 0 auto;
			.current_page_item {
					text-decoration: line-through;
				}
	
			li { 
				float: left; 
				margin-right: 6%;
				font-family: @fonte-titulo;
				text-transform: uppercase;
				&:last-child {
					margin-right: 0px;
				}
				a {
					&:active, &:visited {
						color: black;
					}
					&:hover {
						text-decoration: line-through;
					}
				}
			 }
		}
}


/*****************************************************************
NEWS
******************************************************************/
h1.row { font-size: @fonte-size1; margin-bottom: 25px;} // TITULO NEWS
#postheader {
		margin: 0px;
		h1 { font-size: @fonte-size1; font-family: "TimesNewRomanMTStdBold"; text-transform: uppercase; margin-bottom: 0px; text-align: left;}
		.meta { font-family: @fonte-italico; }
}
.sharebar {
			float: right;
}
strong { font-weight: normal;}
.text-player-container {
	margin: 0px;
}
#player-buttons1 {
	margin-left: 0px !important;
}

.fb_edge_widget_with_comment {
	top: -4px !important;
}
.widgettitle {
	font-family: @fonte-titulo;
	font-size: @fonte-size1;
}

.bones_page_navi {
	float: left;
	width: 400px;
	li {
		float: left;
		margin-left: 10px;
	}
}

#posts {

	/***** POST ****/
	article[role="artigo"] {
		a { color: magenta; }
		h1 {font-size: @fonte-size1; font-family: @fonte-bold; text-transform: none; 
		a { color: black; }
		}
		header {
			h1 {font-size: @fonte-size1; font-family: @fonte-bold; text-transform: uppercase;}
		}		
		footer {
			p { 
				font-family: @fonte-italico; 
			}
		}
		padding-bottom:50px;
		border-bottom: 1px solid lightgray;
		&:last-child { border-bottom: 0px; }
		margin-top: 70px;
		&:first-child {
			margin-top: 0;
		}
		p { 
			img.right { margin: 1%; }
		}
	}
	
	/**** SINGLE POST ****/
	article[role="single"] {
		border-bottom: 0px;
		h1 { text-transform: uppercase !important;}
	}
	
	#sidebar { 
	.widget {
		margin-bottom: 20px;
	}
		h4 { font-size: @fonte-size1;}
		ul {
			list-style: none;
			margin-left: 0;
			padding-left: 0;
			li {
				margin-bottom: 0px;

				text-transform: uppercase;
			}
		}
	}
	/***** PÁGINA ****/
	article[role="pagina"], article[role="single"] {
		header {
			h1 { font-size: @fonte-size1; font-family: "TimesNewRomanMTStdBold"; text-transform: uppercase; margin-bottom: 0px; text-align: left;}
		}
		h1 { font-size: @fonte-size1; font-family: "TimesNewRomanMTStdBold"; text-transform: none;}
		footer {
			p { 
				font-family: @fonte-italico; 
			}
		}
		p.bloco {
			img {
				max-width: 34%;
				height: auto;
				margin-right: 10px;
				margin-bottom: 10px;
				&:last-child { margin-right: 0px;}
			}
		}
		margin-bottom:50px;
		margin-top: 70px;
		&:first-child {
			margin-top: 0;
		}
		p { 
			img.right { margin: 1%; }
		}
		ul {
		list-style: square;
		margin-left: 20px;
		li {
			margin-bottom: 0px;
			}
		}
	}

}

.searchbar {
	form {
		border: 0;
	}
}

/*****************************************************************
FOOTER
*****************************************************************/
#footer {
	border-top: 1px solid lightgray;
	padding-top: 25px;
	margin-bottom: 50px;
	
	.widget {
		margin-bottom: 0px;
	}
	h4 { font-size: @fonte-size1;}
	#wrapper {	
		.widget {
		width: 30%;
		float: left;
		padding: 1%;
		margin-right: 2%;
		&:last-child { margin-right: 0px; }
		h1 { font-size: @fonte-size1;}
		ul {
			list-style: none;
			margin-left: 0;
			padding-left: 0;
			li {
				margin-bottom: 0px;
				text-transform: uppercase;
			}
			}

		}
	}
	.footer_center {
		float: none;
		clear: both;
		text-align: center;
	}
}

.haiku-button {
}
	
/******************************************************************
MEDIA QUERIES & DEVICE STYLES
To use a responsive design, it's reccomended to use the responsive version of Bones. You can find it on github: https://github.com/eddiemachado/bones-responsive
******************************************************************/

@media only screen and (min-width: 480px) {
	/* insert styles here */
}

@media only screen and (min-width: 768px) {
/* insert styles here */
}

@media only screen and (min-width: 992px) {
/* insert styles here */
}

@media only screen and (min-width: 1382px) {
/* insert styles here */
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
/* insert styles here */
}

/******************************************************************
PRINT STYLES
(Handled by default, but if you want to edit it, feel free)
******************************************************************/

@media print { }

/******************************************************************
IE SPECIFIC FIXES
******************************************************************/

/*
Thanks to the HTML5 Boilerplate there's an easier way
to target IE specific bugs. Simply use the html class
to target the specific version of IE.

To target the .post_content area in IE6, use:
html.ie6 .post_content { ... }

To target the .post_content area in IE7, use:
html.ie7 .post_content { ... }

To target the .post_content area in IE8, use:
html.ie8 .post_content { ... }


Much easier right? This way, you don't have to call
any more stylesheets, you can leave it at the bottom
and it will overwrite depending on the html class.
*/