html {
	height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	background: url(../images/basic/body.jpg) no-repeat center #FAFAFA fixed;
	}

input[type=text]{
	border: 0px;
	}

a, a:hover, a:active, a:visited, a:link{
	text-decoration: none;
	}

input[type=text]:focus, textarea:focus, div:focus {
	outline: none;
	}

h1, h2, h3, h4, h5, h6, p, ul, ol, li {
	margin: 0px;
	padding: 0px;
	}

noscript .center {
	z-index: 10000;
	font-family: "Tahoma", sans-serif;
	font-size: 16px;
	color: #FFF;
	text-align: center;
	position: fixed;
	background: #c73838;
	width: 100%;
	}

	noscript .center div {
		width: 1000px;
		padding: 10px;
		margin: auto;
		}
noscript .margin {
	width: 100%;
	height: 83px;
}



.clear {
	clear: both;
	}

.link_block {
	position: absolute;
	z-index: 200;
	display: block;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	}

.bigButton {
	display: block;
	background: #09F;
	color: #FFF;
	cursor: pointer;
	margin: 10px auto;
	padding: 5px 50px;
	text-align: center;
	border: 1px solid #08D;
	border-radius: 3px;
	width: 50%;
	}
	.bigButton:hover{
		background: #0AF;
		}

.greyBG { background-color: #999;}

.column {
	float: left;
	position: relative;
}

/* HEADER - BARRA DE TOPO DA PÁGINA */
.header {
	width: 100%;
	background: url(../images/basic/header/bg/main.png) repeat-x 0px 10px #E8E8E8;
	border-bottom: 5px solid #09F;
	overflow: hidden;
    height: 50px;
	}

/* HEADER - CONTEÚDO CENTRALIZADO */
.header .content {
	height: 50px;
	margin: auto;
	display: table;
	width: 920px;
	}
	
	/* HEADER - LOGOTIPO */
	.header .content h1 {
		background: url(../images/logos/header.png) no-repeat 0px 0px;
		border: 0px;
		float: left;
		height: 42px;
		margin: 2px 50px 0px 10px;
		overflow: hidden;
		position: relative;
		text-indent: 100%;
		white-space: nowrap;
		width: 111px;
		}
        .header .content h1:hover {
            background-position: -111px 0px;
        }
    
    /* HEADER - BOTÕES DE NAVEGAÇÃO */
.header .content .navegacao {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 22px;
    margin-top: 17px;
    float: left;
    overflow: hidden;
    border-right: 3px solid #09f;
}
.header .content .navegacao ul{
    list-style: none;
}
.header .content .navegacao ul li{
    display: table-cell;
    color: #F8F8F8;
    padding: 2px 18px 2px 18px;
    /*background: #09F;*/
}
.header .content .navegacao ul li:hover{
    background: #09F;
}
	/* HEADER - BARRA DE BUSCA */
	.header .content .searchBar {
		float: left;
		margin-top: 14px;
		overflow: hidden;
		padding: 0px;
		border-left: 3px solid #AAA;
		border-radius: 3px;
		}
		.header .content .searchBar:hover,
		.header .content .searchBar:hover .button {
			background-color: #09F;
			border-left-color: #09F;
			}
		.header .content .searchBar:hover input[type="text"] {
			color: #222;
			}
	
	/* HEADER - BOTÃO DA BARRA DE BUSCA */
	.header .content .searchBar .button {
		background: url(../images/basic/header/icons/magnifier.png) no-repeat center #AAA;
		cursor: pointer;
		float: left;
		height: 30px;
		width: 35px;
		}
		.header .content .searchBar .button:hover{
			background-color: #3AF;
			}
	
	/* HEADER - CAMPO DA BARRA DE BUSCA */
	.header .content .searchBar input[type="text"] {
		background: url(../images/basic/header/bg/search_field.png) repeat-x 0px top #F7F7F7;
		color: #888;
		float: left;
		font-family: "Roboto", sans-serif;
		font-size: 15px;
		height: 30px;
		width: 500px;
		padding: 0px 8px 0px 15px;
		}
	
	/* HEADER - GRUPO DE BOTÕES SOCIAIS */
	.header .content .social {
		float: right;
		margin: 10px 10px 0px 0px;
		list-style: none;
		}
	
	/* HEADER - BOTÕES SOCIAIS PADRÃO */
	.header .content .social a {
		float: left;
		padding: 19px 14px;
		position: relative;
		margin: 0px 3px;
		display: block;
		}
	
	/* HEADER - BOTÃO SOCIAL FACEBOOK */
	.header .content .social .btFacebook {
		background: url(../images/basic/header/icons/facebook.png) no-repeat center #3b5998;
		}
		.header .content .social .btFacebook:hover {
			background-color: #4e74c4;
			}
	
	/* HEADER - BOTÃO SOCIAL TWITTER */
	.header .content .social .btTwitter {
		background: url(../images/basic/header/icons/twitter.png) no-repeat center #09F;
		}
		.header .content .social .btTwitter:hover {
			background-color: #3AF;
			}






/* ADSENSE */
.ad1 {
	border: 1px solid #000;
	height: 40px;
	margin: 15px auto 15px auto;
	width: 720px;
	visibility: hidden;
	}


.ad2 {
	float: left;
	border: 1px solid #000;
	margin: 0px 0px 0px 10px;
	box-sizing: border-box;
	height: 250px;
	width: 360px;
	display: none;
	}

	.ad1 span,
	.ad2 span {
		font-family: 'Roboto', sans-serif;
		font-size: 10px;
		display: block;
		margin: 10px;
	}






/* SECTION - DESTAQUES */
.mid {
	width: 1000px;
	margin: 15px auto 0px auto;
	position: relative;
	}





/* SECTION - DESTAQUES MENU */
.mid .menu {
	list-style: none;
	opacity: 1;
	position: absolute;
	margin-top: 15px;
	font-family: 'Roboto', sans-serif;
	transition: opacity 0.5s;
	z-index: 9995;
	margin-left: 20px;
	}
	.mid .menu:hover {
		z-index: 9999;
		opacity: 1;
		}
	
	.mid .menu img {
		float: left;
		width: 31px;
		height: 31px;
		margin: 4px 3px;
		clear: both;
		border-radius: 3px;
	}
	
	.mid .menu li {
		transition: max-width 0.2s, padding 0.2s;
		transition-timing-function: ease-in-out;
		background-color: #F8F8F8;
		background-repeat: no-repeat;
		border: 1px solid #888;
		border-radius: 3px;
		border-right: 1px solid #9CA5A9;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
		cursor: pointer;
		margin: 1px 0px;
		max-width: 37px;
		height: 38px;
		overflow: hidden;
		padding: 0px 0px;
		}
		.mid .menu li:hover {
			max-width: 500px;
		}
	
	.mid .menu .spacer {
		width: 28px;
		border-bottom: 4px double rgba(0, 0, 0, 0.21);
		margin: 10px 0px 9px 5px;
	}
	
	.mid .menu .grpTexts {
		margin: 1px 7px 0px 3px;
		float: left;
		}
	
	.mid .menu h1,
	.mid .menu h2 {
		background: #F8F8F8;
		color: #323538;
		}
	
		.mid .menu h1 {
			font-size: 16px;
			font-weight: 400;
			}
		
		.mid .menu h2 {
			border-bottom: 1px solid #DDD;
			font-size: 12px;
			}

	.mid .menu span {
		margin: 9px 7px 0px 3px;
		float: left;
		background: #F8F8F8;
		color: #323538;
		font-size: 16px;
		font-weight: 500;
		}

.mid .fixed {
	position: fixed;
	top: 0px;
}

.mid .bottom {
	position: absolute;
	bottom: 15px;
}



/* ASIDE - BARRA LATERAL MUSICA */
.mid .music {	
	margin: 0px 0px 10px 10px;
	width: 360px;
	/*float: left;*/
	position: relative;
	background-image: url(../images/basic/fx/gradient.png), url(../images/basic/fx/black_noise.png);
	background-position: top, top;
	background-repeat: repeat-x, repeat;
	border-radius: 4px;
	list-style: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #DDD;
	transition: box-shadow 0.2s;
	}
	.mid .music:hover {
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		}
	.mid .music:hover ul {
		color: #FFF; 
		}
	
	.mid .music .cover {
		float: left;
		position: relative;
		margin-left: 7px;
		border: 1px solid #000;
		top: -3px;
		}
	
	.mid .music ul {
		margin: 7px 0px 10px 0px;
		padding-left: 5px;
		float: left;
		list-style: none;
		transition: color 0.2s;

		}

	.mid .music ul .band{
		font-size: 11px;
		margin-bottom: 0px;
		font-weight: bold;
		}

	.mid .music ul .title{
		border-bottom: 1px solid #666;
		font-family: "Roboto Condensed", "Arial Narrow", sans-serif;
		font-weight: 300;
		font-size: 23px;
		line-height: 90%;
		font-stretch: condensed;
		width: 252px;
		padding-bottom: 6px;
		margin-top: 0px;
		}

	.mid .music ul .album {
		margin-top: 4px;
		font-size: 12px;
		text-indent: 5px;
		font-weight: bold;
		}

	.mid .music ul .style{
		font-size: 12px;
		text-indent: 5px;
		}




/* ASIDE - BARRA LATERAL MAIS LIDOS */
.mid .mostRead {
	font-family: 'Roboto', sans-serif;
	margin: 0px 0px 10px 10px;
	width: 360px;
	/*float: left;*/
	position: relative;
	background-image: url(../images/basic/fx/gradient.png), url(../images/basic/fx/black_noise.png);
	background-position: top, top;
	background-repeat: repeat-x, repeat;
	border-radius: 4px;
	list-style: none;
	transition: box-shadow 0.2s;
	padding-bottom: 1px;
	}
	.mid .mostRead:hover {
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
		}
	
	
	.titleBar {
		font-family: 'Roboto', sans-serif;
		list-style: none;
		padding: 5px 10px;
		}
	
	.titleBar_indexPreview{
		position: absolute;
		z-index: 9995;
		/*left: 50px;*/
		right: -1px;
		}
		
		.titleBar li {
			display: inline-block;
			}
		
		.titleBar .title {
			background: no-repeat 0px 0px;
			font-size: 13px;
			font-weight: 700;
			margin: 2px 0px;
			padding-left: 22px;
			color: #eac666;
		}
		
		.titleBar .options {
			float: right;
			border-radius: 0px 0px 5px 5px;
			cursor: pointer;
			height: 17px;
			max-width: 0px;
			padding: 5px 0px 4px 26px;
			margin: -2px 0px 0px 4px;
			color: #FFF;
			font-size: 13px;
			font-weight: 500;
			position: relative;
			top: -5px;
			overflow: hidden;
			background: no-repeat 7px 7px #85B000;
			transition: max-width 0.5s, padding 0.5s, background-color 0.5s;
			transition-delay: 2s, 2s, 0s;
			border-top: 2px solid rgba(0, 0, 0, 0.15);
			white-space: nowrap;
			box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.65);
			}
			.titleBar .options:hover{
				transition-delay: 0s, 0s, 0s;
				background-color: #9bc124;
				max-width: 200px;
				padding: 5px 7px 4px 26px;
				}
			
		.titleBar .optionActive {
			background-color: #ffb100;
			max-width: 600px;
			padding: 5px 7px 4px 26px;
			transition-delay: 0s, 0s, 0s;
			}
			.titleBar .optionActive:hover {
				background-color: #ffbe2c;
			}
		
		.titleBar .playerIcon_Pos {
			background-position: 7px -22px;
			}
		
		.titleBar .starIcon {
			background-image: url(../images/basic/aside/icons/star.png)
			}
		
		.titleBar .playerIcon {
			background-image: url(../images/basic/aside/icons/pause-play.png)
			}
		
		.titleBar .menuIcon {
			background-image: url(../images/basic/aside/icons/menu.png)
			}
	
	.mid .mostRead .list {
		list-style: none;
		}
		
		.mid .mostRead .list li {
			position: relative;
			background: url(../images/basic/fx/top_list_gradient.png) repeat-x 0px bottom rgba(255, 255, 255, 0.05);
			box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.31);
			padding: 8px 8px 8px 8px;
			margin: 0px 0px 5px 5px;
			border-radius: 5px 0px 0px 5px;
			border-bottom: 1px dotted rgba(255, 255, 255, 0.07);
			border-top: 1px dotted rgba(255, 255, 255, 0.06);
			transition: background-color 0.2s;
			}
			.mid .mostRead .list li:hover {
				box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.31);
				background-color: rgba(255, 255, 255, 0.12);
			}
		
		.mid .mostRead .list li img {
			background: #4BF;
			position: relative;
			border: 2px solid #888;
			border-radius: 3px;
			float: left;
			margin: 0px 5px 0px 0px;
			height: 45px;
			width: 45px;
			}
		
		.mid .mostRead .list li .texts {
			border-left: 2px solid #444750;
			font-weight: 400;
			overflow: hidden;
			padding-left: 5px;
			position: relative;
			width: auto;
			}
		
		.mid .mostRead .list li h3 {
			margin: 0px 0px 5px 0px;
			line-height: 100%;
			font-family: "Archivo Narrow", "Arial Narrow", sans-serif;
			font-weight: 100;
			font-size: 22px;
			font-stretch: condensed;
			position: relative;
			color: #EEE;
			padding	: 5px 10px;
			border-radius: 3px;
			background: rgba(0, 153, 255, 0.3);
			
		}
		
		.mid .mostRead .list li h4 {
			position: relative;
			text-transform: uppercase;
			font-size: 10px;
			font-weight: 500;
			color: #6CF;
		}
		
		.mid .mostRead .list li p {
			padding: 4px 0px 5px 5px;
			color: #BBB;
			font-size: 13px;
			line-height: 100%;
		}





/* SECTION */
.postList {
	width: 1000px;
	margin: 15px auto 70px auto;
	font-family: 'Roboto', sans-serif;
	}
	
	/*.postList .sectionTitle {
		background: url(../images/basic/list/icons/pencil.png) no-repeat 40px 8px;
		color: #09f;
		font-size: 21px;
		font-weight: bold;
		padding: 7px 0px 7px 70px;
		margin: auto;
		}*/

	.postList .item {
		position: relative;
		display: block;
		background: url(../images/basic/list/bg/list_shadow.png) no-repeat;
		border-left: 5px solid transparent;
		border-bottom: 1px dashed #BBB;
		border-top: 0px solid #CCC;
		margin: 1px auto;
		padding: 20px 50px 30px 50px;
		border-radius: 5px 0px 0px 5px;
		transition: border-left 0.2s, background-color 0.2s;
		}
		.postList .item ~ .item {
			border-top: 0px;
			}
		.postList .item:hover {
			background-color: #F3F3F3;
			border-left: 5px solid #09F;
			
			}
		.postList .item:hover .dateTime .date,
		.postList .item:hover .texts h3,
		.postList .item:hover .texts h4 {
			color: 	#008be8;
			}
		.postList .item:hover .dateTime .time {
			background: #008be8;
			}
		.postList .item:hover .texts p {
			color: 	#555;
			}
		.postList .item:hover .texts span {
			opacity: 1;
			}
		.postList .item:hover .texts {
			border-color: #88c1e6;
			}
		.postList .item:hover ul .likes {
			color: #069;
			background-position: 0px 25px;
			}
		.postList .item:hover ul .totalcomments {
			color: #333;
			background-position: 0px 25px;
			}
		.postList .item:hover img {
			box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
			}
		.postList .item:hover ul li img {
				box-shadow: none;
			}
		
		.postList .item .dateTime {
			float: left;
			margin: 3px 15px 0px 0px;	
			text-align: center;
			font-weight: 500;
			}
			
			.postList .item .dateTime .date {
				display: block;
				color: #09F;
				font-size: 16px;
				}
			
			.postList .item .dateTime .time {
				display: block;
				background: #09F;
				border-radius: 14px;
				color: #FFF;
				font-size: 14px;
				padding: 3px 19px;
				}
		
		.postList .item img {
			box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
			float: left;
			margin-right: 5px;
			border: 1px solid #666;
			transition: box-shadow 0.2s;
			width: 150px;
			height: 110px;
			}
		
		.postList .item .texts {
			float: left;
			padding: 0px 25px 0px 15px;
			width: 470px;
			position: relative;
			border-right: 5px solid #CCC;
			margin-top: -5px;
			min-height: 117px;
			}
			
			.postList .item .texts h3 {
				color: #09f;
				font-family: "Archivo Narrow", "Arial Narrow", sans-serif;
				font-weight: 300;
				font-size: 26px;
				margin: -5px 0px 0px 0px;
				}
			
			.postList .item .texts h4 {
				color: #09f;
				font-family: "Archivo Narrow", "Arial Narrow", sans-serif;
				font-weight: 300;
				margin: 0px;
				font-size: 16px;
				}
			
			.postList .item .texts p {
				color: #777;
				font-size: 13px;
				line-height: 120%;
				margin: 0px;
				text-indent: 0px;
				text-align: justify;
				font-weight: 400;
				}
				
			.postList .item .texts span {
				opacity: 0.8;
				display: inline-block;
				font-family: "Roboto Condensed", "Arial Narrow", sans-serif;
				color: #FFF;
				font-size: 11px;
				padding: 1px 10px;
				font-weight: 700;
				border: 1px solid rgba(0, 0, 0, 0.3);
				}
		
		.postList .item ul {
			float: left;
			padding-left: 15px;
			}
			
			.postList .item ul li {
				font-size: 15px;
				font-weight: 700;
				padding-top: 60px;
				text-align: center;
				list-style: none;
				float: left;
				margin: 0px 10px;
				}
				
				.postList .item ul .likes {
					width: 38px;
					height: 38px;
					background: url(../images/basic/list/icons/like.png) no-repeat -38px 25px;
					color: #6e85b6;
					}
				
				.postList .item ul .totalcomments {
					width: 38px;
					height: 38px;
					background: url(../images/basic/list/icons/comments.png) no-repeat -38px 25px;
					color: #777;
					}
				
				.postList .item ul li img {
					width: 18px;
					height: 18px;
					background: none;
					border: none;
					box-shadow: none;
					float: none;
					}

	.postList > .menu {
		padding: 10px 5px 10px 50px;
		border: 1px solid #CCC;
		border-radius: 3px;
		margin-bottom: 10px;
		background: url(../images/basic/fx/noise.png) #EEE;
		position: relative;
		}
		.postList > .menu ~ .menu {
			margin: 10px 0px 20px 0px; 
			}

		.postList .menu span {
			font-family: 'Roboto', sans-serif;
			font-weight: 300;
			display: block;
			float: left;
			color: #555;
			border-right: 2px solid #888;
			padding: 6px 15px 6px 0px;
			margin-right: 10px;
			text-align: right;
			}

		.postList .menu .active {
			color: #FFF;
			background: #45b5ff;
			border-color: #45b5ff;
			cursor: default;
			}
			.postList .menu .active:hover {
				color: #FFF;
				}

		.postList .menu a {
			display: block;
			float: left;
			border: 1px solid #b3d9ff;
			border-bottom-width: 2px;
			font-family: "Roboto Condensed", "Arial Narrow", sans-serif;
			color: #09F;
			padding: 5px 13px;
			font-weight: 500;
			border-radius: 3px;
			margin: 0px 3px;
			background: rgba(255, 255, 255, 0.3);
			}
			.postList .menu a:hover {
				border-color: #45b5ff;
				color: #09F;
				}

		.postList .menu .pages {
			display: table;
			margin: auto
			}



/* FOOTER - RODAPÉ DA PÁGINA */
.footer {
	margin: 15px auto 0px auto;
	position: relative;
	background-image: url(../images/basic/fx/gradient.png), url(../images/basic/fx/black_noise.png);
	background-position: center -10px, top;
	background-repeat: repeat-x, repeat;
	border-top: 5px solid #09F;
	}
	.footer a{
		color: #07F;
		}
	.footer a:hover{
		color: #3AF;
		}
	
	.footer .about {
		margin: 0px auto 0px auto;
		width: 1000px;
		position: relative;	
		padding: 60px 0px;
		background: rgba(0, 0, 0, 0.2);
		}
		
		.footer .about .logo {
			float: left;
			position: relative;
			margin: 0px 20px 20px 0px;
			}
		
		.footer .about .photo {
			position: relative;
			float: left;
			border: 2px solid #09F;
			margin: 0px 20px 20px 0px;
			width: 70px;
			height: 70px;
			}
		.footer .about h5 {
			color: #FFF;
			font-size: 22px;
			font-weight: 700;
			margin-bottom: 20px;
			font-family: "Archivo Narrow", "Arial Narrow", sans-serif;
			position: relative;
			}
		
		.footer .about p {
			font-family: 'Roboto', sans-serif;
			position: relative;
			color: #DDD;
			font-size: 13px;
			font-weight: 400;
			line-height: 120%;
			display: table-cell;
			}
		
		.footer .about .site {
			float: left;
			width: 559px; padding: 10px 20px 20px 20px;
			}
		
		.footer .about .author {
			float: left;
			width: 360px; padding: 10px 20px 20px 20px;
			border-left	: 1px dashed #555;
			
			}
		
		.footer .about .button {
			text-align: center;
			font-family: 'Roboto', sans-serif;
			position: relative;
			color: #DDD;
			display: block;
			font-size: 13px;
			border-left: 3px solid #006cb4;
			padding: 8px 15px;
			margin: 20px 20px 0px 20px;
			font-size: 16px;
			background: rgba(0, 0, 0, 0.2);
			border-radius: 3px;
			}
			.footer .about .button:hover {
				background: rgba(0, 0, 0, 0.3);
				border-color: #09F;
				color: #3AF;
			}
	
	.footer .siteMap {
		background: #0e0f10;
		font-family: 'Roboto', sans-serif;
		}
		
		.footer .siteMap .center {
			width: 1000px;
			margin: auto;
			}
		
		.footer .siteMap .center span {
			display: block;
			font-size: 12px;
			color: #999;
			padding: 10px 15px;
			font-weight: 300;
			position: relative;
			}
		
		.footer .siteMap .center ul {
			float: right;
			padding: 0px;
			font-weight: 400;
			margin: auto;
			padding: 0px 0px 0px 15px;
			font-size: 12px;
			list-style: none;
			position: relative;
			z-index: 997;
			}
		
		.footer .siteMap .center ul li {
			display: inline-block;
			padding: 10px 15px;
			}
			.footer .siteMap .center ul li a{
				color: #999;
				}
			.footer .siteMap .center ul li a:hover{
				color: #09F;
				}




/* ARTICLE - ARTIGO [SERVE TANTO PRA INDEX QUANTO PRO ARTIGO EM SI] */
.article{
	font-family: 'Roboto', sans-serif;
	background-color: #F8F8F8;
	border: 1px solid #a7a7a7;
	border-radius: 4px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	padding: 10px 0px 0px 0px;
	position: relative;
	margin: 0px 38px;
	/*z-index: 1;*/
	}
	
.fx_noise {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-image: url(../images/basic/fx/noise.png);
	z-index: 0;
}

.mid .indexFix {
	margin: 0px 0px 0px 38px;
	float: left;
	overflow: hidden;
	width: 590px;
	min-height: 650px;
    }

.mid .indexFix p {
    font-size: 15px;
    }

.article .preview {
	position: relative;
	height: 100%;
	background: url(../images/basic/fx/noise.png) #F8F8F8;
	margin-bottom: 10px;
	overflow: hidden;
}

.mid .test{
	position:absolute;
	width: 42px; /*569*/
	height: 42px; /*98*/
	background: rgba(0, 153, 255, 0.89);
	top: 10px; /*132*/
	left: 350px; /*39*/
	z-index: 9996;
	border-radius: 0px 5px 5px 0px;
}

.article .cover {
	position: relative;
	font-family: "Archivo Narrow", "Arial Narrow", sans-serif;
	border: 1px solid #4A525B;
	background-position: center;
	border-left: 0px;
	border-radius: 0px 3px 3px 0px;
	padding-bottom:10px;
	margin-right: 10px;
	}
	
	.article .cover span {
        display: block;
        background-color: rgba(29, 31, 34, 0.65);
        background-image: url(../images/basic/fx/gradient.png), url(../images/basic/fx/noise.png);
        background-position: 0px -20px, top;
        background-repeat: repeat-x, repeat;
        border-radius: 0px 5px 5px 0px;
        color: #ffffff;
        margin: 148px 10px 0px 0px;
        padding: 14px 0px 14px 20%;
        border: 1px solid rgba(0, 0, 0, 0.56);
        box-shadow: 0px 0px 10px #000000;
        border-left: 0px;
        text-shadow: 2px 2px 4px #000;
		}
	
	.article .cover h1 {
		border-bottom: 2px solid #FFF;
		font-size: 35px;
		font-weight: bold;
		margin: -6px 0px 0px -1px;
		padding-bottom: 5px;
		}

	.article .cover h2 {
		font-size: 20px;
		font-weight: 300;
		margin: 0px 0px 0px 0px;
		}


.article .dateTime {
	position: relative;
	list-style: none;
	border-bottom: 1px dotted #BBB;
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	padding: 7px 25px;
	color: #555;
	font-weight: 500;
	}
	
	.article .dateTime li{
		display: inline-block;
		margin: 0px 5px;
		padding: 0px 0px 0px 17px;
	}
	
	.article .dateTime .date{
		background: url(../images/basic/article/icons/calendar.png) no-repeat 0px center;
	}
	
	.article .dateTime .time{
		background: url(../images/basic/article/icons/clock.png) no-repeat 0px center;
	}
	
	.article .dateTime .author{
		float: right;
		background: url(../images/basic/article/icons/author.png) no-repeat 0px center;
	}


.article .brief {
	position: relative;
	font-weight: 300;
	font-size: 17px;
	display: block;
	border-radius: 5px;
	padding: 5px 15px;
	margin: 25px 7% 25px 13%;
	color: #09F;
	font-weight: 400;
	border-left: 5px solid #09F;
	line-height: 115%;
	}

.article .quote {
	position: relative;
	font-weight: 300;
	font-size: 17px;
	display: block;
	border-radius: 5px;
	text-align: center;
	padding: 15px;
	margin: 35px auto;
	color: #444;
	border: 2px solid #CCC;
	border-width: 2px 0px;
	font-style: italic;
	width: 470px;
	}
	.article .quote::before {
		content: open-quote;
		}
	.article .quote::after {
		content: close-quote;
		}

.article sup {
    color: #09F;
    display: none;
    position: relative;
    margin: 0px 0px 0px 2px;
    font-size: 12px;
    font-style: none;
    }

.article h3 {
	font-family: "Archivo Narrow", "Arial Narrow", sans-serif;
	padding: 8px 0px 9px 14%;
	margin: 55px 55px 25px auto;
	color: #444;
	position: relative;
	border-radius: 0px 3px 3px 3px;
	font-size: 28px;
	font-weight: 300;
	border: 3px solid #444;
	border-width: 1px 3px 3px 1px;
	background-color: #E9E9E9;
	background-image: url(../images/basic/fx/noise.png);
	left: -3px;
	}

.article .photo {
	margin: 35px auto;
	border: 1px solid #AAA;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
	border-radius: 5px 5px 0px 0px;
	background: #FFF;
	display: table;
	width: 1px;
	text-align: center;
   	position: relative;
   	z-index: 9995;
	}
	.article .photoLeft {
		float: left;
		margin: 5px 3% 10px 7%;
	}
	.article .photoRight{
		float: right;
		margin: 5px 7% 10px 3%;
	}
	.article .photo img {
		margin: 5px;
		border-radius: 5px;
		}
	.article .photo .description {
		position: relative;
		padding: 0px;
		margin: 0px;
		line-height: 110%;
		display: block;
		font-size: 13px;
		color: #222;
		padding: 5px 5px 5px 5px;
		border-top: 1px dotted #CCC;
		font-weight: 500;
		}
	.article .photo .reference {
		position: relative;
		display: block;
		line-height: 110%;
		margin-bottom: 5px;
		padding: 0px 15px;
		font-size: 11px;
		font-weight: bold;
		color: #AAA;
		}

.article .playlist {
    margin: 35px auto;
    border: 1px solid #AAA;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    border-radius: 5px 5px 0px 0px;
    background: #FFF;
    display: table;
    width: 1px;
    text-align: left;
    position: relative;
    z-index: 9995;
    padding: 5px;
    }
    .article .playlistLeft{
		float: left;
		margin: 5px 3% 10px 7%;
    }
    .article .playlistRight{
		float: right;
		margin: 5px 7% 10px 3%;
	}
    .article .playlist iframe {
        position: relative;
        border-radius: 5px;
    }
    .article .playlist .musiclist {
        position: relative;
        margin: 3px 0px;
        border-radius: 5px;
        border: 1px #E8E8E8 solid;
        padding: 5px;
        overflow: hidden;
        }
        .article .playlist .musiclist img {
            position: relative;
            width:70px;
            height: 70px;
            float: left;
            border: 1px #a7acaf solid;
            margin-right: 5px;
            border-radius: 5px 5px 15px 5px;
        }
        .article .playlist .musiclist .musicdata {
            position: relative;
            float: left;
            list-style: none;
            width:25%;
            }
            .article .playlist .musiclist .musicdata .album {
                font-size: 10px;
                text-transform: uppercase;
            }
            .article .playlist .musiclist .musicdata .band {
                font-size: 15px;
                font-weight: bold;
                line-height: 16px;
            }
            .article .playlist .musiclist .musicdata .date {
                font-size: 11px;
                line-height: 12px;
            }
        
        .article .playlist .musiclist .contentlist {
            position: relative;
            list-style: decimal;
            font-size: 13px;
            max-height: 150px;
            overflow-y: auto;
            color: #313b4a;
            min-height: 72px;
            }
            .article .playlist .musiclist .contentlist li{
                position: relative;
                border-bottom: 1px #e8eef3 solid;
                padding: 2px 32px 2px 5px;
                font-size: 10px;
                font-weight: bold;
                margin: 0px 0px 2px 15px;
                border-left: 3px solid #dfe6ea;
                border-radius: 4px;
            }
            .article .playlist .musiclist .contentlist li:hover,
            .article .playlist .musiclist .contentlist li:hover .duration{
                cursor: pointer;
                border-bottom-color: #c7e9ff;
                border-left-color: #8fd2ff;
                color: #17bdff;
            }
            .article .playlist .musiclist .contentlist .name{
                position: relative;
                font-size:13px;
                font-weight:500;
            }
            .article .playlist .musiclist .contentlist .duration{
                position: absolute;
                width: auto;
                font-size: 11px;
                font-weight: 500;
                top: 3px;
                right: 5px;
                color: #888;
            }
            
            .article .playlist .musiclist .autoButton {
            	position:absolute;
            	cursor: pointer;
            	font-size: 13px;
            	font-weight: 500;
            	height:24px;
            	bottom:5px;
            	opacity:0.5;
                }
                .article .playlist .musiclist .autoButton:hover {
                	opacity:1;
                }
                .article .playlist .musiclist .autoButton img {
                	display:block;
                	float:left;
                	width: 16px;
                	height:16px;
                	margin:0px 3px 0px 5px;
                	padding:2px;
                	border: 1px #EEE solid;
                	border-radius: 5px;
                }
                .article .playlist .musiclist .autoButton span {
                	position: relative;
                	display: block;
                	line-height: 110%;
                	margin-bottom: 5px;
                	padding: 0px 15px;
                	font-size: 11px;
                	font-weight: bold;
                	color: #AAA;
                }
                /*COLOCAR ESTE COMANDO DENTRO DA TAG MUSICLIST
                <div class="autoButton">
                	<img src="images/basic/article/icons/repeat.png" />
                	<span>Desativar Reprodução Automática</span>
                </div>*/

    .article .playlist .description {
        position: relative;
        padding: 0px;
        margin: 0px;
        line-height: 110%;
        display: block;
        font-size: 13px;
        color: #222;
        padding: 5px 5px 5px 5px;
        font-weight: 500;
        }
    
    .article .playlist .reference {
        position: relative;
        display: block;
        line-height: 110%;
        margin-bottom: 5px;
        padding: 0px 5px;
        font-size: 11px;
        font-weight: bold;
        color: #AAA;
        }

.article p {
	position: relative;
	color: #444;
	font-size: 17px;
	font-weight: 400;
	line-height: 150%;
	margin: 0px 0px 15px 0px;
	text-indent: 7%;
	text-align: justify;
	padding: 0px 7%;
	}
	
	.article p a,
	.article p a:visited,
	.article p a:active,
	.article p a:link {
		text-decoration: none;
		color: #07F;
		padding: 0px 2px;
		border-radius: 3px;
		border-bottom: 1px solid #07F;
		}
		.article p a:hover {
			color: #0AF;
			border-bottom: 1px solid #0AF;
			}
	
	.article .occlusionMask{
		background: url(../images/basic/fx/noise.png) #ebebeb;
		width: 100%;
		position: absolute;
		bottom: 0px;
		border-top: 1px dotted #AAA;
		height: 
	}

.article .list {
	position: relative;
	list-style: square;
	margin: 35px 7%;
	}
	
	.article .list li {
		padding: 5px 0px 5px 10px;
		margin: 0px 0px 0px 70px;
		border-left: 2px solid #DDD;
		color: #3b5998;
		}
	
	.article .list li span {
		color: #444;
		font-weight: 300;
		}

.article .references {
	position: relative;
	margin: 50px 7% 30px 7%;
	font-size: 12px;
	}
	
	.article .references span {
		display: block;
		padding-bottom: 10px;
		}
	
	.article .references ul {
		padding: 0px 5px;
		list-style:lower-alpha;
		cursor: default;
		max-height: 400px;
		overflow-y: auto;
		}
		
		.article .references ul a {
			color: #999;
			}
			.article .references ul a:hover {
				text-decoration: underline;
				}
		
		.article .references ul li {
			padding: 3px 0px 3px 5px;
			margin: 0px 0px 0px 15px;
			font-weight: 400;
			border-left: 2px solid #DDD;
			color: #666;
			}
		
		.article .references ul li:hover {
			border-left: 2px solid #09F;
			background: rgba(0, 153, 255, 0.04);
			color: #333;
			}
		.article .references ul li:hover a {
			color: #09F;
			}

.article .tags {
	position: relative;
	padding: 10px 7%;
	background: url(../images/basic/fx/noise.png) #E8E8E8;
	margin-bottom: 10px;
	}
	
	.article .tags span {
		font-family: "Roboto", sans-serif;
		font-size: 12px;
		color: #09F;
		margin-top: 3px;
		float: left;
		margin-right: 10px;
		}
	
	.article .tags ul{
		list-style: none;
		display: table;
		padding-left: 10px;

		border-left: 2px solid #CCC;
		}
	
	.article .tags ul li {
		float: left;
		font-family: "Roboto Condensed", "Arial Narrow", sans-serif;
		color: #FFF;
		font-size: 12px;
		padding: 1px 10px;
		font-weight: 700;
		border: 1px solid rgba(0, 0, 0, 0.3);
		background: #09F;
		margin: 1px;
		}




.socialmedia {
	background-image: url(../images/basic/fx/gradient.png), url(../images/basic/fx/black_noise.png);
	background-repeat: repeat-x, repeat;
	margin: 15px 38px 0px 38px;
	border-radius: 3px;
	padding: 20px;
	font-family: 'Roboto', sans-serif;
	height: 90px;
	color: #FFF;
	position: relative;
	}

	.socialmedia .texts {
		float: left;
		text-align: right;
		margin-right: 10px;
		padding: 2px 10px;
		border-right: 1px solid #BBB;
		height: 80px;
		width: 200px;
		color: #FFF;
		line-height: 110%;
		font-weight: 300;
		}

	.socialmedia .texts h6{		
		font-size: 19px;
		margin-bottom: 5px;
		}

	.socialmedia .texts span {
		display: block;
		font-size: 13px;
		}
	
	.socialmedia .socialButtons,
	.socialmedia .shortUrl {
		float: left;
		height: 100%;
		padding: 0px 20px;
		position: relative;
		
		}
	
	.socialmedia .socialButtons .twitterButton{
		display: block;
		margin: 5px 0px;
		}
	
	.socialmedia .shortUrl span {
		text-align: center;
		display: block;
		color: #FFF;
		margin: 0px 0px 5px 0px;
		line-height: 110%;
		font-weight: 300;
		font-size: 15px;
		}
	
	.socialmedia .shortUrl input[type="text"] {
		font-family: "Roboto", sans-serif;
		background: url(../images/basic/header/bg/search_field.png) repeat-x 0px top #F7F7F7;
		text-align: center;
		color: #333;
		font-size: 15px;
		padding: 3px 3px;
		border-radius: 3px;
		border: 1px solid #CCC;
		width: 180px;
		}





.comments {
	padding: 10px 0px;
	background: url(../images/basic/fx/noise.png) #E7E7E7;
	border: 1px solid #CCC;
	border-width: 1px 0px;
	}
	
	.comments .wid {
		width: 930px;
		margin: auto;
		}
	
	.sectionTitle {
		border-bottom: 1px solid #CCC;
		}
		
		.sectionTitle img {
			float: left;
			width: 31px;
			height: 31px;
			margin: 4px 3px;
			border-radius: 3px;
			}

		.sectionTitle span {
			color: #444b52;
			font-size: 21px;
			font-weight: 700;
			display: block;
			float: left;
			margin: 7px 0px 7px 5px;
			font-family: 'Roboto',sans-serif;
			}
	
	.comments .wid .externalData {
		margin: auto;
		}



.search_withoutresult {
	color: #09F;
	text-align: center;
	font-weight: 300;
	position: relative;
	background: url(../images/basic/list/bg/list_shadow.png) no-repeat;
	margin: 1px auto;
	padding: 60px 20px;
}

.moreMarginSpace {
	margin-top: 70px;
	margin-bottom: 70px;
	}

.morebottomspace {
	margin-bottom: 50px;
	}

.mid .errorPages {
	font-family: 'Roboto Condensed', sans-serif;
	position: relative;
	margin: 0px 38px 90px 38px;
    padding: 1px;
	}

.mid .errorPages img{
    display: block;
    margin: 30px auto 20px auto;
}

.mid .errorPages span{
    display: block;
    font-size: 22px;
    text-align: center;
    line-height: 110%;
}
.mid .errorPages .error {
    font-size: 16px;
    margin: 15px auto;
}
.mid .errorPages .phrase {
    position: relative;
    width: 350px;
    border: 1px #CCC solid;
    border-radius: 5px;
    padding: 10px;
    font-size: 16px;
    color: #09F;
    margin: 2px auto 80px auto;
    background: #FFF;
}

.mid .errorPages .title {
    position: relative;
    margin-top: 50px;
    font-size: 12px;
    color: #09F;
    text-transform: uppercase;
    font-weight: bold;  
}