/** HAZY HAMLET - OFFICIAL WEBSITE *** HEAVY METAL FORGED IN BRAZIL
***
*** Thanks for visiting our home-page. This is our style sheet file for
*** visualization pages. Use whatever and however you want, but remember to
*** insert a link to our site as a way of thanking us.
*** Always support your nation's Heavy Metal and the PROFESSIONAL underground.
******************************************************************************/
/*********************************** Corpo ***********************************/
html, body {
	background-color: #000000;
	margin: 0;
	font-size: 10pt;
	color: #ccc;
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: none;
}
#container {
	position: relative;
	text-align: center;
}

#langs {width: 300px; margin: 1em auto 2em;}
#langs img.flag {margin: 0 0.5em 0.5em;}
.footer, .footer * {color: #666 !important;}

#leftcolumn {
	left: 0;
	top: 0;
	background: transparent url(../images/bground/wall_left.jpg) center bottom no-repeat;
}
#rightcolumn {
	right: 0;
	top: 0;
	background: transparent url(../images/bground/wall_right.jpg) center bottom no-repeat;
}
#leftcolumn img,
#rightcolumn img {
	display: block;
}

#leftcolumn,
#rightcolumn {
	position: fixed;
	display: inline;
	margin: 0;
	padding: 0;
	width: 125px;
	height: 100%;
	z-index: 3;
}
#leftcolumn a,
#rightcolumn a {
	display: block;
}

#leftcolumn span,
#rightcolumn span {
	display: none;
}

#topframe {
	position: fixed;
	top: 0;
	left: 125px;
	right: 125px;
	z-index: 2;
	background: #000 url(../images/mainlogo.jpg) center center no-repeat;
	text-align: center;
	height: 175px;
}
#topframe h1 {
	display: none;
}

#contents {
	position: relative;
	background-image: url('../images/bground/coat_of_arms.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50% 50%;
	padding: 10px 10px 200px;
	margin: 175px 125px 0;
	text-align: justify;
	min-height: 500px;
}
#footer {
	height: 110px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 75%;
	text-align: center;
	border-top: 10px solid #111;
	padding: 10px 10px 50px !important;
	background: #000 none;
}
#footer,
#footer * {color: #555;}
#footer .partners img {
	margin: 5px 10px;
}
/************************************ Headers *************************************/
h2 { margin-top: 0; text-align: center;}
/*********** Cor dos links, exceto imagens, cujas bordas são removidas ************/
a:link {color:#CCCCCC;}
a:visited {color:#999999;}
a:active {color:#FFFFFF;}
a:hover {color:#FFFFFF;}
a img { border-width: 0px;}
/****************************** Imagens com borda ***********************************/
img.comborda { border-width: 2px; border-style: solid; border-color: #999999;}
a:link img.comborda { border-width: 2px; border-style: solid; border-color: #999999;}
a:visited img.comborda { border-width: 2px; border-style: solid; border-color: #999999;}
a:active img.comborda { border-width: 2px; border-style: solid; border-color: #CCCCCC;}
a:hover img.comborda { border-width: 2px; border-style: solid; border-color: #CCCCCC;}
a.showexternal {padding-right: 12px; background: transparent url(../images/util/external_link.png) right center no-repeat;}
/***************************** Blocos de dados ************************************/
.navpanel { text-align: center; margin: 1em 0;}
.center { text-align: center !important; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.justify { text-align: justify !important; }
.dividido { border-bottom: 2px solid #666666;}
#topclear,
.clear {
	clear: both;
	line-height: 0;
}
.navpanel * {vertical-align: bottom;}
/*************************** Parágrafos e alinhamentos *******************************/
p { margin: 0.5em 0px; }
/*.paragrafo { text-indent: 40px; text-align: justify;}
.citacao { text-indent: 40px; text-align: justify; font-style: oblique;}*/
.mensagem { text-align: center; font-size: 8pt; font-weight: bold; }

p.message,
p.success,
p.error,
p.alert {
	display: block;
	margin: 0 auto;
	max-width: 450px;
	padding: 0.2em 0.5em;
	text-indent: 20px;
	text-align: justify;
	line-height: 16px;
	font-weight: bold;
}

p.success { border: 1px solid #0a0; background: #363 url(../images/icons/accept.png) 0.5em 0.2em no-repeat; }
p.error { border: 1px solid #a00; background: #633 url(../images/icons/exclamation.png) 0.5em 0.2em no-repeat; }
p.message { border: 1px solid #00a; background: #369 url(../images/icons/information.png) 0.5em 0.2em no-repeat; }
p.alert { border: 1px solid #fd6; background: #a60 url(../images/icons/alert.png) 0.5em 0.2em no-repeat; }
/*********************** Títulos e Rótulos Pré-Formatados ***************************/
.datetime { font-size: 8pt; font-style: italic;}
.title { font-size: 10.5pt; font-weight: bold; color: #eac598 !important; text-transform: capitalize;}
.subtitle {font-size: 10pt; font-weight: bold; color: #eac598; text-transform: capitalize;}
.text {}
.label { font-weight: bold; color: #CCCCCC; text-transform: capitalize;}
.rodape { text-align: center; text-transform: lowercase; font-size: 10pt; /*font-family: Arial, Helvetica, sans-serif; text-decoration: underline; */}
.more {text-align: center; text-transform: lowercase;}
.fakelink {cursor: pointer;}
.fakelink:hover {padding-right: 15px; background: transparent url(../images/arrow-down.png) center right no-repeat;}
/******************************* Tabelas e Células *********************************/
/*table { border: 0px; width: 100%; table-layout: fixed; border-collapse: collapse;}
td { padding: 2px 4px; border: inset 0px;}*/
/****************************** Itens de Formulário *********************************/
form { margin: 0 auto;}
fieldset {border-color: #300; border-width: 1px; border-style: solid;}

label {display: inline-block; width: 28%; text-align: right; font-weight: bold; color: #eac598;}
input.textfield,
textarea,
select {width: 68%;}

label,
input.textfield,
textarea,
select {vertical-align: middle; margin-bottom: 0.25em;}

input:focus,
textarea:focus,
select:focus,
#upload:focus { border-color: #850000; background-color: #100; color: #eac598;}

input,
textarea { color: #CCCCCC; background-color: #000000; border: 1px solid #303030; }
/****************************** Administração *********************************/
.buttonlogout {position: fixed; right: 30px; top: 320px; z-index: 10;}
.buttonadd,
.buttonsend {display: block; text-align: center; margin: 0 auto;}