/*
 *   Mago Janjão
 *   Copyright (C) 2009-11-09 Matheus Rennê
**/

/*
_______________________________
SOBRE MAGO */

#content #sobre-mago {
  height: 220px;
}
#content #sobre-mago img {
  float: left;
  margin-right: 10px;
}

/*
_______________________________
FORM PERGUNTE */
#content #pergunte-mago {height:320px;}
#content #frm-pergunte {display:block; clear:both; margin:20px auto;}

#content #frm-pergunte fieldset {border:none;}

#content #frm-pergunte fieldset .campos {display:block; clear:both; min-height:20px; height:auto !important; height:20px; margin:0 0 10px;}
#content #frm-pergunte fieldset .campos label {float:left; width:60px; padding-right:10px; font-weight:bold; text-align:right; line-height:24px;}
#content #frm-pergunte fieldset .campos input,
#content #frm-pergunte fieldset .campos select,
#content #frm-pergunte fieldset .campos textarea {float:left; width:190px; padding:4px; border:1px solid #ADADAD; background-color:#F9F9F9;}

#content #frm-pergunte fieldset .campo-opcao label {float:none; width:330px; margin-left:70px; padding:0; font-weight:normal; text-align:left; line-height:20px;}
#content #frm-pergunte fieldset .campo-opcao input {display:inline-block; float:none; width:auto; padding:0; border:none; background:none; vertical-align:middle;}

#content #frm-pergunte fieldset .opcoes {float:right; width:330px;}
#content #frm-pergunte fieldset .opcoes label {display:table; float:left; width:45px; height:25px; margin:0 20px 5px 0; padding:0; text-align:left; line-height:25px;}
#content #frm-pergunte fieldset .opcoes input {width:auto; vertical-align:middle; padding:0; border:none; background:none;}
* html #content #frm-pergunte fieldset .opcoes input {width:16px;}
#content #frm-pergunte fieldset .opcoes label img {float:right; vertical-align:middle;}

#content #frm-pergunte .coluna-campos-esquerda {float:left; width:270px;}

#content #frm-pergunte .coluna-campos-direita {float:right; width:400px;}

#content #frm-pergunte #negative {display:none;}

#content #frm-pergunte button {margin-left:70px;}

#content #frm-pergunte fieldset .error {display:block; margin:3px 0 0 70px; padding:2px; font-size:11px; color:#C00; border:1px solid #C00; background-color:#FFF2F2;}

/*
_______________________________
ULTIMAS RESPOSTAS */
#content dl.ultimas-respostas {margin-bottom:20px;}
#content dl.ultimas-respostas dt,
#content dl.ultimas-respostas dd,
#content dl.ultimas-respostas-content dt,
#content dl.ultimas-respostas-content dd {display:block; min-height:56px; height:auto !important; height:56px; margin-bottom:10px; padding:5px; border:1px solid #ADADAD; font-weight:normal; line-height:16px; background-color:#F9F9F9;}
#content dl.ultimas-respostas dt,
#content dl.ultimas-respostas-content dt {margin-bottom:0; border-bottom:none; background-color:#E9E9E9;}
#content dl.ultimas-respostas dd,
#content dl.ultimas-respostas-content dd {clear:both; padding:5px; border-top:none;}
#content dl.ultimas-respostas dt img,
#content dl.ultimas-respostas dd img,
#content dl.ultimas-respostas-content dt img,
#content dl.ultimas-respostas-content dd img {display:inline; float:left; margin-right:10px; padding:1px; border:2px solid #FFF; background-color:#ADADAD;}
#content dl.ultimas-respostas dt strong,
#content dl.ultimas-respostas dd strong,
#content dl.ultimas-respostas-content dt strong,
#content dl.ultimas-respostas-content dd strong {margin-bottom:5px; text-transform:uppercase;}

#content dl.ultimas-respostas-content dt {
	border: 1px solid #666;
	border-bottom: none;
}
#content dl.ultimas-respostas-content dd {
	margin-bottom: 20px;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
}

/*
_______________________________
ULTIMAS MAGO */
#content #ultimas-mago .link {padding:3px 5px; color:#FFF; background-color:#691E79;}
#content #ultimas-mago .link:hover {background-color:#AEB81E;}

/*
_______________________________
HOROSCOPO */
#content .box-horoscopo {height:278px;}
#content .box-horoscopo a {display:inline; float:left; width:75px; height:83px; margin:25px 20px;}
* html #content .box-horoscopo a {margin:25px 19px;}

/*
_______________________________
H2 */
#content h2 {margin:10px 0 0; padding:0; font:bold 18px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left; color:#333; background:none;}

/*
_______________________________
MEU ANJO */
#content ul.meu-anjo {width:500px; margin:auto;}
#content ul.meu-anjo li {height:25px; margin:2px 5px;}
#content ul.meu-anjo li a:link,
#content ul.meu-anjo li a:visited,
#content ul.meu-anjo li a:active {display:block; padding:3px 0 3px 11px; line-height:20px; color:#9C0; background-color:#F9F9F9;}
#content ul.meu-anjo li a:visited {color:#666;}
#content ul.meu-anjo li a:hover {padding:3px 0 3px 10px; border-left:1px solid #F90; color:#F90; background-color:#F0F0F0;}

/*
_______________________________
LISTA ANJOS */
#content dl#lista-anjos {margin:10px auto;}
#content dl#lista-anjos:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}
#content dl#lista-anjos h2 {margin-bottom:10px;}
#content dl#lista-anjos p {margin:8px 0;}
#content dl#lista-anjos dd {margin-bottom:30px; padding:0 5px 5px;  border-bottom:1px dotted #666;}
#content dl#lista-anjos dd span {display:block; padding:2px; text-align:right; color:#C00; cursor:pointer;}

#content .foto-anjo {display:inline; float:left; margin:0 20px 0 0;}

/*
_______________________________
CLEAR FIX */
#content #frm-pergunte:after,
#content #frm-pergunte fieldset .campos:after {clear:both; content:"."; display:block; height:0; visibility:hidden;}