/*
|---------------------------------------------------------------
| TEMPORARIO
|---------------------------------------------------------------
| É suposto a cor de fundo ser associada a uma imagem!
|
*/
body {
	background-color: #000000;
}
.error {
	color: #FF0000;
}

/*
|---------------------------------------------------------------
| STANDARD
|---------------------------------------------------------------
*/
html { overflow-y: scroll; }
html, body { 	margin: 0; padding: 0; }
img { border: none; }
table, tbody, td, tr { margin: 0; padding: 0; border: none; }
a { text-decoration: none; }
ul, li, dl, dd, dt { list-style: none; padding: 0; margin: 0; }
.clear { font-size: 0px; line-height: 0px; height: 0px; padding: 0px; margin: 0px; clear: both; }
form, legend, fieldset, input, textarea, button { padding: 0; margin: 0; border: none; }
.hidden { display: none; }
.error { color: #FF0000; }
h1, h2, h3, h4, h5, h6, h7 { margin: 0; padding: 0; }
p { margin: 0; padding: 10px 0 0 0; }
.no_drag { -moz-user-select: none; -khtml-user-select: none; user-select: none; outline: none; }
.no_drag:select { -moz-user-select: none; -khtml-user-select: none; user-select: none; outline: none; }
.no_drag:focus { -moz-user-select: none; -khtml-user-select: none; user-select: none; outline: none; }
.no_focus:focus { outline: none; }

/*
|---------------------------------------------------------------
| LOGO
|---------------------------------------------------------------
*/
#logo_main {
	position: absolute;
	left: 35px;
	top: 71px;
}

/*
|---------------------------------------------------------------
| MAIN
|---------------------------------------------------------------
*/
#main.homepage {
}
#main.homepage embed, #main.homepage object {
	margin: 0;
	padding: 0;
}

#floating_blur {
	position: absolute;
	display: block;
	z-index: -10;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

#logo_main, #menu_sections, #menu_highlight_wrapper, #menu_worked_with {
	z-index: 50;
}
	
	
#main, #footer {
	position: relative;
	top: 216px;
	left: 250px;
	width: 642px;
}

#main a.project {
	display: block;
	position: relative;
	margin-bottom: 11px;
	width: 663px;
	height: 120px;
	background-color: #0C0010;
	color: #999;
}

/* repaced by JS
#main a.project:hover {
	background-color: #1D0028;
}
#main a.project:hover .text {
	color: #FFFFFF;
}
*/
#main a.project .foto {
	display: block;
	width: 160px;
	height: 120px;
	position: absolute;
	left: 24px;
}
#main a.project .date {
	font: 11px Georgia, "Times New Roman", Times, serif;
	color: #CC0066;
	display: block;
	position: absolute;
	left: 200px;
	top: 17px;
	cursor: pointer;
}
#main a.project .text {
	font: 18px Georgia, "Times New Roman", Times, serif;
	display: block;
	position: absolute;
	left: 200px;
	top: 34px;
	cursor: pointer;
}

/*
|---------------------------------------------------------------
| MENU TOPO
|---------------------------------------------------------------
*/
#menu_worked_with {
	float: right;
	margin: 0 30px 0;
}
#menu_working_on {
	float: right;
}
#menu_highlight_wrapper {
	width: 463px;
	position: absolute;
	left: 418px;
	top: 67px;
	font: 11px Georgia, "Times New Roman", Times, serif;
	color: #605F64;
}
#menu_highlight_wrapper li, #menu_highlight_wrapper li a {
	color: #CCCCCC;
}
#menu_highlight_wrapper li a:hover {
	color: #FFFFFF;
}

/*
|---------------------------------------------------------------
| LABELS AND STUFF FOR SHOWREEL
|---------------------------------------------------------------
*/
#label {
	position: relative;
	top: 0;
	left: 0;
	font: 18px Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
}
#label .titulo {
	background-color: #CCC;
	padding: 1px 8px;
	display: block;
	float: left;
	margin: 0 0 1px 0;
}
#label .showreelindex {
	background-color: #8291A8;
}
a#back {
	background: url(/images/icon_arrow_1.png) 50% 13px no-repeat;
	display: block;
	width: 23px;
	height: 120px;
	background-color: #37004C;
	position: absolute;
	left: -24px;
	top: 0;
}
a#back:hover {
	background-color: #0C0010;
}
a#back:focus {
	outline: none;
}
#showreelhighlight {
	position: relative;
	margin: 0 0 20px 0;
}
a.showreelmov {
	position: relative;
	background-color: #000000;
	margin: 30px 0 0 0;
	clear: both;
	min-height: 120px;
}
.showreelmov .image {
	position: absolute;
	display: block;
	width: 200px;
	height: 120px;
	min-height: 120px;
	float: left;
	cursor: pointer;
}
.showreelmov .data {
	display: block;
	font: 11px Georgia, "Times New Roman", Times, serif;
	color: #CCCCCC;
	padding: 6px 0 0 215px;
	cursor: pointer;
}
.showreelmov .texto {
	display: block;
	right: 0px;
	width: 400px;
	height: 100%;
	padding: 10px 15px 10px 215px;
	font: 17px Georgia, "Times New Roman", Times, serif;
	line-height: 135%;
	color: #999999;
	cursor: pointer;
}
a.showreelmov {
	display: block;
}
a.showreelmov:hover {
	background-color: #090909;
}

/*
|---------------------------------------------------------------
| LABELS AND STUFF FOR SHOWREEL
|---------------------------------------------------------------
*/
#main.projects #showreelhighlight {
	margin: 0;
	background-color: #1D0028;
	/* min-height: 25px; seams like this is just messing up */
}
#main.projects #project_desc {
	background-color: #1D0028;
}
#main.projects #project_data {
	padding: 50px 0 0 150px;
	width: 360px;
	font: 11px Georgia, "Times New Roman", Times, serif;
	color: #CC0066;
}
#main.projects #project_text {
	padding: 20px 0 30px 150px;
	width: 360px;
	font: 14px Georgia, "Times New Roman", Times, serif;
	line-height: 130%;
	color: #CCCCCC;
}

/*
|---------------------------------------------------------------
| MAIN TEXT
|---------------------------------------------------------------
*/
.text a, .text a:link, .text a:visited {
	color: #FFFFFF;
}
.text a:hover, .text a:active {
	text-decoration: underline;
}

/*
|---------------------------------------------------------------
| CONTACTS
|---------------------------------------------------------------
*/
#contact_details {
	display: block;
	width: 663px;
	background: url(/images/bkg_transp_1.png) repeat;
	font: 18px Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
}
#contact_details span {
	display: block;
	width: 400px;
	position: relative;
	left: 200px;
}
#contact_details .text_inform {
	padding: 20px 0;
}
#contact_details .text_title {
	font-size: 11px;
	color: #990066;
}
#contact_details .text_info {
	color: #999999;
	padding: 4px 0 8px 0;
}
#contact_details .text_info a {
	color: #999;
}
#contact_details .text_info a:hover {
	color: #BBB;
}
#contact_form {
	margin-top: 17px;
	padding-top: 27px;
	background-color: #0C0010;
	font: 20px Georgia, "Times New Roman", Times, serif;
	color: #999999;
}
#contact table td {
	height: 49px;
	vertical-align: top;
}
#contact table td.right {
	text-align: right;
	padding-right: 10px;
	width: 180px;
}
#contact input {
	width: 390px;
	height: 23px;
	display: block;
	background-color: #2F0026;
	font: 17px Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	vertical-align: middle;
	padding: 2px 5px 0 5px;
}
#contact textarea {
	width: 390px;
	height: 150px;
	background-color: #2F0026;
	padding: 5px;
	font: 14px Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	overflow: auto;
}
#contact button {
	display: block;
	width: 100px;
	height: 25px;
	margin: 14px 0 35px 0;
	background-color: #2F0026;
	cursor: pointer;
}
#contact td.error {
	padding: 0 0 10px 0;
	color: #FFFFFF;
}
#contact td.error li {
	font-size: 12px;
	color: #999999;
	margin: 4px 0 4px 22px;
}
#formsent {
	padding: 0 50px 50px 200px;
}
#formsent .name {
	color: #FFFFFF;
	font-size: 18px;
}

/*
|---------------------------------------------------------------
| ABOUT
|---------------------------------------------------------------
*/
#main.about {
	position: relative;
	overflow: hidden;
	z-index: 0;
}
#main.about .transparency {
	position: absolute;
	width: 10000px;
	height: 10000px;
	top: 0;
	left: 0;
	background: url(/images/bkg_transp_about.png);
	z-index: 10;
}
#about_image {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 216px;
	left: 280px;
	z-index: -20;
}
#main.about .text {
	position: relative;
	top: 0;
	left: 0;
	margin: 20px 0 95px 220px;
	width: 400px;
	z-index: 25;
	color: #CCCCCC;
	font: 14px Georgia, "Times New Roman", Times, serif;
	line-height: 150%;
}
#main.about .text strong {
	font-size: 18px;
	font-weight: normal;
}
#main.about .text h1 {
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	color: #CC0033;
	margin: 10px 0;
}
#main.about .text a {
	color: #CC0033;
}
#main.about .text a:hover {
	text-decoration: underline;
}

/*
|---------------------------------------------------------------
| BLOG
|---------------------------------------------------------------
*/
#main.blog {
	background-color: #1D0028;
}
.list_post {
	color: #CCCCCC;
	position: relative;
}
.list_post a.title, .list_post .image, .list_post .date-tag-container, .list_post .text {
	position: relative;
	margin: 0 0 0 167px;
}
.list_post a.title {
	font: 18px Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	background-color: #0E0014;
	padding: 12px 10px;
	display: block;
}
.list_post .date {
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #CC00CC;
	padding: 20px 10px 16px;
}
.list_post .tags {
	position: absolute;
	left: 25px;
	top: 48px;
	width: 130px;
	padding: 20px 0 0 0;
}
.list_post .tags strong {
	color: #605F64;
	font: 11px Georgia, "Times New Roman", Times, serif;
	padding: 0 0 2px 0;
	display: block;
}
.list_post .tags a, .list_post .tags a:link, .list_post .tags a:visited {
	color: #CCCCCC;
	font: 10px Georgia, "Times New Roman", Times, serif;
	padding: 1px 0 1px 8px;
	display: block;
	text-transform: capitalize;
}
.list_post .tags a:hover {
	color: #FFF;
}
.list_post .text {
	font: 14px Georgia, "Times New Roman", Times, serif;
	color: #CCC;
	line-height: 150%;
	padding: 0 10px 50px 10px;
}
.list_post .text a.continue {
	color: #CCC;
	text-decoration: underline;
	padding: 20px 0 0 0;
	display: block;
}
.list_post .text a.continue:focus {
	border: none;
}
#share_button {
	text-align: right;
	padding: 0 20px 20px 0;
}
.archive h3 {
	color: #FFFFFF;
	font: 22px Georgia, "Times New Roman", Times, serif;
	margin: 0;
}
.archive h4 {
	font: 18px Georgia, "Times New Roman", Times, serif;
	color: #CC00CC;
	margin: 6px 24px;
}
#main.blog .archive {
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #999999;
}
#main.blog .text a.archive-link, #main.blog .text a.archive-link:link, #main.blog .text a.archive-link:visited {
	color: #999999;
}
#main.blog .text a.archive-link:hover, #main.blog .text a.archive-link:active {
	color: #FFF;
	text-decoration: none;
}

/*
|---------------------------------------------------------------
| TAGS PAGE
|---------------------------------------------------------------
*/
#main.tags {

}
.tags h1.title {
	font: 22px Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	background-color: #000;
	padding: 12px 10px;
	margin-bottom: 20px;
}
.tags h1.title .tag-desc {
	color: #666666;
	font-size: 16px;
}
.tags .post {
	padding: 4px;
	color: #CCCCCC;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.tags .post .date {
	width: 90px;
	text-align: right;
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #CC00CC;
	display: block;
	float: left;
}
.tags .post a.titulo, .tags .post a.titulo:link, .tags.post a.titulo:visited {
	color: #CCCCCC;
	padding: 0 0 0 12px;
}
.tags .post a.titulo:hover {
	text-decoration: underline;
}
.tags .text {
	font: 14px Georgia, "Times New Roman", Times, serif;
	color: #CCCCCC;
	line-height: 130%;
	padding: 0 50px 30px;
}
#tag_cloud {
	font-size: 40px;
	text-align: center;
	padding: 0 0 30px;
}
#tag_cloud a {
	color: #999999;
	padding: 0px 6px;
	height: 44px;
	line-height: 44px;
}
#tag_cloud a:hover {
	text-decoration: underline;
	color: #CCCCCC;
}
.search h3 {
	color: #CCCCCC;
	font: 16px Georgia, "Times New Roman", Times, serif;
	padding: 10px 12px 0 36px;
}

/*
|---------------------------------------------------------------
| BLOG FOOTER
|---------------------------------------------------------------
*/
#blog_footer {
	border-top: #000 solid 3px;
	height: 137px;
	background-color: #0C0010;
}
#blog_footer label {
	font: 18px Georgia, "Times New Roman", Times, serif;
	color: #CC00CC;
	display: block;
	padding: 8px 8px 0;
}
#blog_footer input {
	width: 112px;
	font: 14px Georgia, "Times New Roman", Times, serif;
	color: #CCCCCC;
	padding: 6px;
	background-color: #1D0028;
}
#blog_footer .element {
	float: right;
	padding: 17px 61px 0 0;
}
#blog_footer .element a {
	font: 14px Georgia, "Times New Roman", Times, serif;
	color: #CCC;
	padding: 8px 8px 9px;
	display: block;
	width: 65px;
}
#blog_footer .element strong {
	font: 18px Georgia, "Times New Roman", Times, serif;
	color: #CC00CC;
	display: block;
}

/*
|---------------------------------------------------------------
| BLOG COMMENTS
|---------------------------------------------------------------
*/
#main.blog #comments h3 {
	position: relative;
	font: 18px Georgia, "Times New Roman", Times, serif;
	color: #CC00CC;
	margin: 0 0 20px 167px;
}

#comment-form form {
	font: 14px Georgia, "Times New Roman", Times, serif;
	color: #CCCCCC;
}
#comment-form form legend {
	display: none;
}
#comment-form form label {
	font-size: 14px;
	line-height: 20px;
	display: block;
	width: 150px;
	text-align: right;
	float: left;
	clear: left;
	padding: 4px 8px;
	margin: 0 0 5px 0;
}
#comment-form form input, #comment-form form input[disabled="disabled"], #comment-form form input.disabled {
	display: block;
	clear: right;
	margin: 0 0 10px 0;
	padding: 4px 2px;
	height: 18px;
	background-color: #0C0010;
	width: 200px;
	border: #1D0028 solid 1px;
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	color: #999999;
}
#comment-form form input#website {
	width: 360px;
}
#comment-form form textarea {
	width: 360px;
	padding: 6px 4px;
	background-color: #0C0010;
	border: #1D0028 solid 1px;
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	line-height: 150%;
	color: #999999;
	overflow: auto;
}
#comment-form input#submit_comment {
	clear: both;
	margin: 10px 0 35px 166px;
	padding: 4px 3px;
	cursor: pointer;
	background-color: #0C0010;
	color: #999999;
	border: #0C0010 solid 1px;
	width: auto;
	height: auto;
	font: 14px Georgia, "Times New Roman", Times, serif;
}

#main.blog .comment {
	position: relative;
	padding: 20px 0 20px 0;
	margin: 0 60px 0 167px;
	border-bottom: #666 solid 1px;
}
.comment .com-image {
	position: absolute;
	left: -60px;
	top: 24px;
}
.comment .com-date {
	color: #555555;
	padding: 5px 0 0 0;
	font: 12px Georgia, "Times New Roman", Times, serif;
}
.comment .com-name, .comment .com-name a, .comment .com-name a:link, .comment .com-name a:visited {
	color: #CCCCCC;
	font: 18px Georgia, "Times New Roman", Times, serif;
}
.comment .com-name a:hover, .comment .com-name a:active {
	text-decoration: underline;
}
.comment .com-text {
	color: #999999;
	font: 14px Georgia, "Times New Roman", Times, serif;
	padding: 10px 10px 10px 0;
}

/*
|---------------------------------------------------------------
| FOOTER
|---------------------------------------------------------------
*/
#footer {
	font: 11px Georgia, "Times New Roman", Times, serif;
	color: #605F64;
	padding: 30px 0 120px 0;
}
#footer #signatures {
	float: left;
}
#footer a.pacifica-signature {
	display: block;
	float: left;
	padding: 4px 0 0 0;
	color: #202020;
}
#footer a.pacifica-signature:hover {
	color: #3C3C3C;
}

#footer #subscribe_newsletter {
	float: right;
	width: 172px;
}
#footer #newsletter {
	position: relative;
}
#footer #newsletter input#nsemail {
	padding: 4px 6px;
	margin: 0;
	width: 138px;
	height: 14px;
	color: #555;
	font: 11px Georgia, "Times New Roman", Times, serif;
	display: block;
	background-color: #1E1E1E;
	float: left;
}
#footer #newsletter input#nsemail:focus {
	outline: none;
}
#footer #newsletter #btn_newsletter {
	display: block;
	width: 22px;
	height: 22px;
	float: right;
	background: #333 url(/images/icon_arrow1.png) right -66px no-repeat;
	cursor: pointer;
}
#footer #newsletter #btn_newsletter:hover, #footer #newsletter #btn_newsletter:focus {
	background: #333 url(/images/icon_arrow1.png) right -66px no-repeat;
}
#newsletter_log {
	position: relative;
	display: block;
	clear: right;
	float: right;
	margin: 5px 0;
	width: 172px;
}
#newsletter_log_message {
	padding: 4px;
	background-color: #1E1E1E;
	color: #999999;
	display: none;
}

/*
|---------------------------------------------------------------
| PRELOADER
|---------------------------------------------------------------
| This gets here just to pre-load the arrow icon in the menu
|
*/
#menu_sections {
	background-image: url(/images/icon_arrow1.png);
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
}

/*
|---------------------------------------------------------------
| MENU
|---------------------------------------------------------------
| A cor do menu deve ser alterada em backoffice!
|
*/
#menu_sections {
	position: absolute;
	top: 67px;
	left: 250px;
}
ul#menu_sections, ul#menu_sections li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}
#menu_sections li a {
	display: block;
	height: 22px;
	padding: 0;
	vertical-align: bottom; /* This fixes the IE5 Win gap! */
	margin-bottom: 1px;
}
ul#menu_sections li a span, ul#menu_sections li .arrow {
	display: none;
}
ul#menu_sections li .arrow {
	display: block;
	position: absolute;
	background-image: url(/images/icon_arrow1.png);
	left: -20px;
	width: 23px;
	height: 22px;
	display: none;
}
ul#menu_sections li:hover .arrow {
	display: block;
	position: absolute;
}
#menu_sections li.menu_about a {
	background: #CC0033 url(/images/menu_sections.png) 4px 2px no-repeat;
	padding-top: 3px;
	height: 19px;
	width: 64px;
}
#menu_sections li.menu_about .arrow {
	background-color: #CC0033;
}
#menu_sections li.menu_projects a {
	background: #CC0066 url(/images/menu_sections.png) 4px -22px no-repeat;
	width: 91px;
}
#menu_sections li.menu_projects .arrow {
	background-color: #CC0066;
}
#menu_sections li.menu_contact a {
	background: #990066 url(/images/menu_sections.png) 4px -44px no-repeat;
	width: 81px;
}
#menu_sections li.menu_contact .arrow {
	background-color: #990066;
}
#menu_sections li.menu_blog a {
	background: #CC00CC url(/images/menu_sections.png) 4px -67px no-repeat;
	width: 56px;
	height: 19px;
	padding-bottom: 3px;
}
#menu_sections li.menu_blog .arrow {
	background-color: #CC00CC;
}