@charset "UTF-8";
/* CSS Document */

/*   
Theme Name: wpx for coelho-music.com
Theme URI: 
Description: Exclusive theme for a musician.
Author: Alexandre Cobra
Author URI:
Version: 1.0
.
General comments/License Statement if any.
.
*/


/* layout --------------------------------------------------------------- */

#bg {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:0;
	background:url(img/layout_bg.jpg) top left no-repeat;
}


#cover-wrap {
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
}
	
	
	#cover-rightside {
		position:absolute;
		top:0px;
		right:0px;
		bottom:0px;
		width:391px;
	}
	
	
	#cover-big-img {
		position:absolute;
		top:0px;
		right:391px;
		bottom:0px;
		z-index:1;
		background-color:#242424;
		vertical-align:bottom;
		text-align:right;
	}
	
img.max {

	max-height: 100%;
}

/* fim do css do layout ------------------------------------------------- */





/* header.php ----------------------------------------------------------- */


#menu-header {
		position:fixed;
		top:20px;
		left:20px;
		height:81px;
		width:141px;
		border-top:1px dotted #000;
		z-index:7;
	}
	
	.menu-header-label {
		padding-top:5px;
		padding-left:16px;
	}
		
		
#content-header {
	position:absolute;
	top:20px;
	left:162px;
	right:0px;
	height:18px;
	border-top:1px dotted #000;
	z-index:7;
}
	
		
	#rss {
		position:absolute;
		left:31px;
		top:0px;
		height:16px;
		width:23px;
		border-right:1px dotted #000;
		padding-top:1px;
	}
	
	#coelho-music {
		position:absolute;
		left:54px;
		top:0px;
		height:24px;
		width:119px;
		padding-top:1px;
		background:url(img/coelho-music.png) no-repeat;
		background-position:8px 1px;
	}
	
	#category-header {
		position:absolute;
		left:177px;
		top:0px;
		height:24px;
		width:254px;
		padding-top:5px;
		margin-right:19px;
		text-align:right;
	}
	
	
#sidebar-header {
	position:fixed;
	top:20px;
	width:370px;
	right:20px;
	height:81px;
	border-top:1px dotted #828282;
	z-index:9;
}
	

	#redessociais {
		position:absolute;
		top:0px;
		left:0px;
		width:232px;
		height:24px;
	}
	
	
		.bto-redes {
			float:left;
			height:19px;
			padding-top:6px;
		}
		
		.bto-redes-txt {
			position: relative;
			float: left;
			padding-top:4px;
			text-align:center;
			height:15px;
			background-color: #21324a;
		}
		
		.bto-redes-canto-esq {
			position: relative;
			float: left;
			height:19px;
			width:4px;
			background:url(img/bto-redessociais-esq.png) no-repeat center;
		}
		
		.bto-redes-canto-dir {
			position: relative;
			float: left;
			height:19px;
			width:4px;
			background:url(img/bto-redessociais-dir.png) no-repeat center;
		}
	
	
	#agenda-header {
		position:absolute;
		top:0px;
		left:232px;
		height:81px;
		width:135px;
		border-left:1px dotted #828282;
	}
	
	
		.agenda-header-label {
			padding-top:5px;
			padding-left:16px;
		}


		.bto-agenda {
			float:left;
			height:19px;
			padding-top:6px;
		}
		
		.bto-agenda-txt {
			position: relative;
			float: left;
			padding-top:4px;
			text-align:center;
			height:15px;
			background-color: #21324a;
		}
		
		.bto-agenda-canto-esq {
			position: relative;
			float: left;
			height:19px;
			width:4px;
			background:url(img/bto-redessociais-esq.png) no-repeat center;
		}
		
		.bto-agenda-canto-dir {
			position: relative;
			float: left;
			height:19px;
			width:4px;
			background:url(img/bto-redessociais-dir.png) no-repeat center;
		}

/* fim de header.php ----------------------------------------------------------- */





/* menu.php -------------------------------------------------------------------- */


#menu{
	position:fixed;
	top:120px;
	left:20px;
	width:125px;
	padding-left:16px;
	bottom:20px;
	border-bottom:2px solid #000;
	z-index:7;
}
		
	.bto-home{
		position:relative;
		top:0px;
		left:0px;
		height:19px;
		width:40px;
		background:url(img/bto-home.png) no-repeat center;
		padding-top:8px;
		margin-top:-3px;
		margin-bottom:10px;
		text-align:center;
	}	
		
	.lista-categorias{
		position:relative;
		list-style:none;
		margin-left:4px;
		line-height:17px;
	}


/* fim de menu.php --------------------------------------------------------------- */





/* content ----------------------------------------------------------------------- */


#content-container{
	position:absolute;
	top:80px;
	left:193px;
	width:400px;
	z-index:7;
}


.post-cel{
	position:relative;
	left:0px;
	right:0px;
	width:400px;
	border-bottom:1px solid #2d2d2d;
	margin-bottom:50px;
	z-index:7;
}


	.date-cel{
		position:relative;
		top:-27px;
		left:355px;
		width:46px;
		height:21px;
		background:url(img/moldura-data.png) center no-repeat;
		z-index:7;			
	}
	
			.day-cel{
				position:absolute;
				top:0px;
				left:0px;
				width:22px;
				height:21px;
				text-align:center;
				padding-top:4px;
				padding-left:1px;
			}
			
				.day-txt{
					font-size:14px;
					font-weight:bold;
					color:#FFF;
				}
			
			.month-cel{
				position:absolute;
				top:0px;
				left:20px;
				width:24px;
				height:21px;
				text-align:center;
				padding-top:4px;
			}
	
				.month-txt{
					font-size:11px;
					color:#FFF;
					text-decoration:underline;
				}


.tags-cel{
	position:relative;
	left:0px;
	right:0px;
	width:400px;
	height:55px;
	padding-top:20px;
	border-top:1px dotted #000;
}				
	
	
	.tags-bottomline{
		position:absolute;
		left:0px;
		right:0px;
		bottom:0px;
		width:400px;
		height:1px;
	}


	.tags-box{
		position:absolute;
		top:40px;
		left:0px;
		width:200px;
		padding-bottom:20px;
		font-size:10px;
	}
	

.comments-label{
	padding-top:20px;
	padding-bottom:20px;
}


	/* meta field */
	
	.meta-label{
		position:relative;
		top:-10px;
		width:346px;
		z-index:7;
		margin-bottom:10px;
	}
	
	.post-meta-key {
		display:none;
	}
			
				
			
/* fim de content ----------------------------------------------------------------------- */





/* sidebar.php -------------------------------------------------------------------------- */


#sidebar-container {
	position:fixed;
	top:0px;
	right:0px;
	bottom:0px;
	width:391px;
	z-index:8;
	background:url(img/new-sidebar-bg.jpg) repeat;
}


#grafico {
	position:absolute;
	top:0px;
	right:0px;
	width:391px;
	height:335px;
	background:url(img/sidebar-bg-grafico.png) right top no-repeat;
	z-index:9;
}


	#sidebar-about {
		position:absolute;
		top:120px;
		left:0px;
		bottom:184px;
		width:200px;
		z-index:10;
		padding:0 16px 0 16px;
		line-height:15px;
	}
	
	
		#player {
			position:absolute;
			left:16px;
			bottom:20px;
			width:232px;
			height:83px;
			z-index:10;
		}
	
	
	#sidebar-agenda {
		position:absolute;
		top:120px;
		left:248px;
		width:119px;
		bottom:20px;
		border-bottom:2px solid #000;
		z-index:10;
	}


		.agenda-box {
			list-style:none;
			line-height:15px;
		}
			
			
		.bto-seeall {
			position:absolute;
			left:0px;
			bottom:28px;
			width:47px;
			height:19px;
			text-align:center;
			padding-top:5px;
			background:url(img/bto-seeall.png) no-repeat center;
		}


		
/* fim de sidebar.php ----------------------------------------------------------------------- */





/* 404.php ---------------------------------------------------------------------------------- */


.error_cel {
	position:absolute;
	top:84px;
	left:0px;
	bottom:0px;
	width:400px;
	border-bottom:2px solid #000;
}


/* fim de 404.php --------------------------------------------------------------------------- */





/* footer.php ------------------------------------------------------------------------------- */


.footer-cel {
	position:relative;
	left:0px;
	right:0px;
	width:400px;
	margin-bottom:20px;
	border-bottom:2px solid #000;
	list-style:none;
}


	.footer-nav {
		position:relative;
		margin-top:0px;
		margin-left:0px;
		margin-right:0px;
		padding-bottom:10px;
		height:20px;
		width:400px;
	}
	
	
			.footer-nav-alignleft {
				position:absolute;
				left:0px;
				top:0px;
				height:20px;
				width:100px;
				text-align:left;
			}
			
			
			.footer-nav-alignright {
				position:absolute;
				right:0px;
				top:0px;
				height:20px;
				width:100px;
				text-align:right;
			}
	
	
	.footer-header {
		position:relative;
		margin-top:20px;
		margin-left:0px;
		margin-right:0px;
		height:48px;
		width:400px;
		background:url(img/linha.png) bottom no-repeat;
		display:block;
	}
	
	
	img.footer-pad {
		padding-bottom:17px;
	}
	
		
	.footer-content{
		position:relative;
		margin-left:0px;
		margin-right:0px;
		width:400px;
		padding-top:20px;
		padding-bottom:20px;
	}
	
	
	.footer-footer{
		position:relative;
		margin-top:20px;
		margin-left:0px;
		margin-right:0px;
		height:1px;
		width:400px;
		border-bottom:1px solid #000;
	}
	
	.footer-search{
		position:relative;
		margin-top:20px;
		margin-left:0px;
		margin-right:0px;
		height:70px;
		width:400px;
		border-bottom:1px solid #000;
	}

		
.subscribe-cel {
	position:relative;
	left:0px;
	right:0px;
	width:400px;
	margin-bottom:20px;
	list-style:none;
}		
	
	
	.newsletter{
		position:relative;
		margin-left:0px;
		margin-right:0px;
		margin-top:20px;
		height:130px;
		width:400px;
	}
		

						
/* fim de footer.php ----------------------------------------------------------------------- */



/* archive.php */

.archive_title{
	position:absolute;
	top:37px;
	right:0px;
	width:200px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000;
}

		.archive_title a:link{
			color:#000;
			text-decoration:none;
			font-weight:bold;
		}
		
		.archive_title a:visited{
			color:#333;
			text-decoration:none;
			font-weight:bold;
		}
		
		.archive_title a:hover, .archive_title a:visited:hover{
			color:#75695c;
			text-decoration:none;
			font-weight:bold;
		}
	
/* fim de archive.php */



/* comments.php ----------------------------------------------------------------------- */

.comments_cel{
	position:relative;
	left:0px;
	right:0px;
	width:400px;
}

ol.commentlist{
	margin:0;
	padding:0;
}

.commentlist li{
	list-style:none;
	margin-bottom:14px;
}

.comment_box{
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	width:400px;
	border-bottom:1px solid #000;
	padding-bottom:18px;
	margin-bottom:30px;
}

		.comment_header{
			position:relative;
			left:0px;
			width:400px;
			text-decoration:none;
			font-style:normal;
			padding-bottom:10px;
			margin-bottom:16px;
			border-bottom:1px dotted #000;
		}
		
		.comment_quote_left{
			position:absolute;
			left:0px;
			top:0px;
			width:24px;
			height:19px;
			background:url(img/quote_esq.png) top no-repeat;
		}
		
		.comment_quote_right{
			position:absolute;
			right:0px;
			bottom:0px;
			width:24px;
			height:19px;
			background:url(img/quote_dir.png) bottom no-repeat;
		}
		
		.comment_text{
			position:relative;
			left:0px;
			width:332px;
			font-size:10px;
			line-height:13px;
			padding-right:34px;
			padding-left:34px;
		}
		
				.time{
					color:#000;
					font-size:10px;
				}
				
						.comment_header, .time a:link{
							color:#000;
							text-decoration:none;
						}
						
						.comment_header, .time a:visited{
							color:#333;
							text-decoration:none;
						}
						
						.comment_header, .time a:hover, .commentlist, .time a:active{
							color:#75695c;
							text-decoration:none;
						}
						
				
				.author{
					color:#000;
					font-weight:bold;
					font-size:11px;
					line-height:18px;
				}
				
						.author a:link{
							color:#000;
							text-decoration:none;
							font-weight:bold;
						}
						
						.author a:visited{
							color:#333;
							text-decoration:none;
							font-weight:bold;
						}
						
						.author a:hover, .author a:active{
							color:#75695c;
							text-decoration:none;
							font-weight:bold;
						}
				
				.comment_moderation{
					color:#666;
					font-size:10px;
					text-decoration:none;
					font-style:italic;
					padding-top:20px;
				}
				
	
		

.comment_form_cel{
	position:relative;
	left:0px;
	right:0px;
	width:400px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:11px;
	padding-bottom:40px;
}

		.form{
			position:relative;
			left:0px;
			right:0px;
			width:400px;
		}
		
			.field{
				position:relative;
				width:400px;
				height:25px;
				left:0px;
				right:0px;
				clear:both;
				font-size:11px;
			}
			
					.field a:link{
						color:#000;
						text-decoration:none;
						font-weight:bold;
					}
					
					.field a:visited{
						color:#333;
						text-decoration:none;
						font-weight:bold;
					}
					
					.field a:hover, .field a:active{
						color:#75695c;
						text-decoration:none;
						font-weight:bold;
					}
			
			.field_name{
				float:left;
				width:39px;
				height:25px;
				padding-top:3px;
			}
			
			.field_input{
				float:left;
				width:371px;
				height:25px;
			}
			
			.field_textarea{
				position:relative;
				width:400px;
				padding-top:15px;
				left:0px;
				right:0px;
				clear:both;
			}
		
		input.fields{
			border:#333;
			border-bottom:solid thin;
			margin-bottom:10px;
			background:transparent;
			color:#666;
		}
		
		input.textarea{
			border:#333 solid thin;
		}
			
			



	
/* fim de comments.php ----------------------------------------------------------------------- */