/*  
Theme Name: ProCut
Theme URI: http://komirad.com
Description: A <a href="http://komirad.com/procut" title="ProCut">professional theme</a> by <a href="http://komirad.com" title="komirad">Komirad</a> also known as <a href="http://jclee.name">JC LEE</a>. Support available at <a href="http://komirad.com/forums/index.php?board=3.0">Komirad's Wordpress Themes Support Forum</a>
Version: 1
Author: Komirad (JC LEE)
Author URI: http://komirad.com
*/
@charset "utf-8";
@charset "utf-8";
/* CSS Document */

* { 
	margin: 0;
	padding: 0;
	border: none;
}

ul, li {
	list-style: none;
}

html, body {
	width: 100%;
}

body {
	background-color: #f9faf3;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #3e3f3d;
}

h1{
	float: right;
	margin-right: 20px;
	display: block;
	text-indent: -100000em;
		xxborder: 1px #000 solid;
}

h1 a{
	display: block;
	width:202px;
	height:53px;
	background:url(http://www.pparalelo.art.br/imagens/pparalelo.gif) no-repeat;	
}

h1 a:hover{
	background-image:url(http://www.pparalelo.art.br/imagens/pparalelo-hover.gif);
}

.esquerda {
	float: left;
}

a {
	color: #000000;
}


div#header {
	width: 775px;
	height: 70px;
	margin: 0 auto;
	margin-top: 20px;
	background:url(http://www.pparalelo.art.br/imagens/bg-header.jpg) no-repeat;
}


div#header #menu {
	display: block;
	width: 500px;
	padding: 30px 0 0 10px;
}

div#header #menu li {
	float: left;
	margin-right: 5px; 
}

div#header #menu li a {
	display: block;
	padding: 6px;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #454545;
}

div#header #menu li a:hover {
	background-color: #e6e7e1;
}

#nao-coletivo div#header #menu #a-nao-coletivo,
#artistas div#header #menu #a-artistas,
#acoes div#header #menu #a-acoes,
#contato div#header #menu #a-contato,
#home div#header #menu #a-home,
#docs div#header #menu #a-docs {
	background-color: #ff4200;
	color: #fff;
}

#map-image {
	height: 190px;
	text-align: center;
	background: url(http://www.pparalelo.art.br/imagens/header-map.jpg) repeat-x center top;
}

 .map-image-sylvia {
	background: url(http://www.pparalelo.art.br/imagens/header-map-sylvia.jpg) repeat-x center top;
}

div#map-image p {
	width: 775px;
	margin: 0 auto;
	text-align: right;
	padding-top: 134px;
	font: bolder 45px Verdana, Helvetica, sans-serif;
	color: #f9faf3;
}

div#map-image p span {
	display: block;
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #7d2325;
	margin-top: -12px;
	text-align: right;
}

div#ferramentas {
	float: right;
	width: 178px;
	height: 30px;
	margin-left: 15px; 
}

div#ferramentas a {
	display: block;
	float: right;
	background-color: #e6e7e1;
	font-size: 11px;
	color: #000;	
	padding: 6px;
	margin-left: 4px;
	text-decoration: none;
}

div#ferramentas a:hover {
	background-color: #999;
	color: #FFFFFF
}

div#main{
	width: 750px;
	margin: 0 auto;
	margin-top: 0px;
}

div#direita {
	width: 480px;
	float: left;

}

div#esquerda {
	width: 230px;
	float: right;
	padding: 10px;
	background-color:#e0e1da;
}

div#main .post h2{
	margin-bottom: 7px;
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #666666;
}

div#main img{
	margin: 0 10px 10px 0;
	border: 1px #999 solid;	
}

div#main p{
	margin-bottom: 20px;
	text-align: left;
}

div#main .linklaranja{
	padding: 8px;
	background-color: #666666;
	text-decoration: none;
	color: #FFFFFF;
}

div#main ul#menu-artistas {
	float: left;	
}

div#main ul#menu-artistas li {
	width: 170px;
	margin: 1px;
}

div#main ul#menu-artistas li a  {
	display: block;
	padding: 9px;
	text-decoration: none;
}

div#main ul#menu-artistas li a:hover  {
	background-color: #e6e7e1;
}

.ch-board {
	width: 230px;
	height: 240px;
	float: left;
	margin-right: 10px;
	margin-top: 15px;
}

.ch-board-agenda {
	width: 235px;
	float: left;
	margin-right: 10px;
	margin-top: 15px;
	
} 

.ch-board p {
	text-align: left;
	margin-right: 20px;
}

.ch-board-agenda p {
	font-size: 11px;
	font-family: Arial;
}

.ch-board img {
	margin: 0;
}

.ch-board p a {
	color: #000000;
	text-decoration: none;
}

div#main .class .postmetadata {
	color: #ff4200;
	margin-right: 3px;
}

div#main .post .post-info {
	color: #ff4200;
}

.ch-board p .laranja a {
	color: #ff4200;
	margin-right: 3px;
}

div#artista-fotos {
	width: 175px;
	float: right;
	margin-left: 15px;
}

div#artista-fotos img {
	margin: 0 0 10px 0;
	float: none;
}

div#artista-fotos ul li {
	float: left;
	margin-right: 10px;
}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;

	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	margin: 10px;
	}

.alignleft {
	float: left
	}
/* End Images */