/*
Theme Name: rh
Version: 2.0
Author: Roana
Author URI: http://www.roanahernandez.com.br
*/

@import url('./style-common.css');

/* LAYOUT
========================================== */
body {
	font-size: 70%;
	line-height: 150%;
	background: url('images/background.jpg') no-repeat center top; /* no-repeat, repeat-y ou x */
	background-color: #3b3b3b;
	margin-top: 170px; /* margem da pagina */
}

div#page {
	width: 100%;
}

div.container {
	width: 835px;
	margin: 0 auto;
	height: 100%;
	overflow: auto;
}

div.small {
	width: 230px;
	float: left;
}

div.large {
	width: 605px;
	float: right;
}

div.full {
	width: 100%;
	float: left;
}

#content div.container.body .large {
	background: url('images/linha.jpg');
	padding-top: -5px;
	padding-bottom: 0px;
}

/* HEADER
========================================== */
#header {
	width: 100%;
	margin: 0 auto;
}

#header h1 {
	position: absolute;
	top: 15px;

}

#header h1 a:hover {
	background-color: transparent;
	text-decoration: none;
}

#header h4 {
	width: 360px;
	text-align: center;
	position: absolute;
	top: 60px;
	font: italic normal 24px/26px Georgia, "Times New Roman", Times, serif;
	color: #68391d;
}

/* MAIN NAVIGATION
========================================== */

#navigation .container {
	height: 42px;
	overflow: visible;
}
#nav {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 100;
	background: transparent url('images/nav-bg.png') repeat-x left top;
	text-align: right;
	line-height: 195%;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#nav li {
	position: relative;
	float: left;
	height: 42px;
	font-size: 100%;
}
#nav li.last-page-item a {
	background-image: none;
}
#nav li a {
	display: block;
	float: left;
	background: url('images/nav-separator.png') no-repeat right top;
	padding: 10px 10px 10px;
	color: #2d2d2d;
	font-weight: bolder;
	text-decoration: none;
	white-space: nowrap;
	text-align: left;
}
#nav li a:hover,
#nav ul li a:hover,
#nav li.current_page_item a,
#nav li.current_page_parent a {
	color: #ce6369;
	border-bottom:1px dotted #96a8ce;
	text-decoration: none;
}

/* CONTENT
========================================== */
#content {
	clear: both;
	width: 100%;
	margin: 0 auto;
}

#content #content {
	background: transparent;
	width: auto;
	padding: 20px;
	margin: 0;
	border: 0;
}

#content h1 {
	color: #503D43;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#content h2 a, #content h2 a:link, #content h2 a:visited,
#content h3 a, #content h3 a:link, #content h3 a:visited {
	color: #845e43;
	font: italic 36px Georgia, verdana, arial, "Times New Roman", Times, serif;
	text-decoration: none;
	line-height:33px;
	border-bottom:2px dotted #e2ecee; 
	margin-bottom:3px; 
}
#content h2 a:hover,
#content h3 a:hover {
	color: #9a9a9a;
	text-decoration: none;
	background-color: transparent;
}
	
/* POST
========================================== */
#content .post,
#content .post-nav,
#content #comments {
	clear: both;
	padding: 5px 10px 20px 13px;
	height: 100%;
	color:#3c3c3c;
	font-size: 13px;
	text-align:left;
	font-family: Georgia, verdana, arial, "Times New Roman", Times, serif;

}

#content .post-content img {
	max-width: 570px;
}

#content .post-title h2 {
	margin-bottom: auto;
	padding-bottom: auto;
}

#content .post-footer {
color:#888888;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:13px;
text-align:right;
padding-right:15px;
}

#content .post-footer a:link {
color:#6d9ca6;
}

#content .post-footer a:hover{
color: #f28f94;
background-color:#ececea;
}

.post .date {
	background-image: url('images/date.png');
	width: 89px;
	height: 73px;
	left:100px;
	text-align: center;
	float: right;
	text-transform: uppercase;
}

.post .date .month {
	display: block;
	font-size: 14px;
	line-height: 17px;
	padding-top: 3px;
	color: #a9a9a9;
	font-weight: bold;
}

.post .date .day {
	display: block;
	font-weight: bold;
	font-size: 20px;
	padding-top: 3px;
	line-height: 18px;
	color: #afafaf;
}

.post .date .year {
	display: block;
	font-size: 0.7em;
	padding-top: 3px;
	color: #a5a5a5;
}

/* --------- divisoria ----------- */
.divider {
    background: url('images/line.png') no-repeat bottom;
    text-align: left;
    border: 0px solid #343434;
    margin-bottom: 10px;
    height: 42px;
}

.space {
    background: none;
}

/* GERAL
========================================== */

table { 
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0; 
	text-decoration:none;
}


/* --------- UNDERLINE, NEGRITO E ITALICO ----------- */

em           { color: #bf075f; text-decoration: none; }
i            { color: #9e146d; text-decoration:none; }
u            { color: #404798; border-bottom:1px dotted #96a8ce; text-decoration: none; border-left-width:1; border-right-width:1; border-top-width:1  }
b            { color: #9A8B72; text-decoration:none}


/* --------- Selecao de texto -------------- */

::-moz-selection {
color: #47363c;
background:#dfccd1;
}

::selection {
color: #47363c;
background:#dfccd1;
}

/* --------- Pagina dos links duas colunas ----------- */

#links-page {
width: 580px;
margin: 0px;
padding: 0px;
line-height: 13px;
}

#links-page ul li {
background: url('images/ball.gif') left no-repeat;
margin: 0px;
padding: 0px 0px 1px 15px;
border-bottom:1px solid #f0f0f0;
width: 140px;
height: auto;
float: left;
display: block;
}

#links-page ul li a:hover {
color: #8e6376;
background: #ffe0ea;
display: block;
}

li.linkcat {
list-style: none;
margin:0px;
}

.linkcat {
width: 580px;
clear: both;
}

.linkcat h2 {
background: none;
border: 0px;
color: #c96a8c;
font-family: Georgia, "Times New Roman", Times, serif;
clear: both;
}

/* Next and Previous Post Navigation
========================================== */
#content .post-nav {
	clear: both;
	text-align: right;
	padding-bottom: 8px;
	font: italic 13px Georgia, verdana, arial, "Times New Roman", Times, serif;
	background-color: #f8f8f8;
}
#content .post-nav,
#content .post-nav a,
#content .post-nav a:link,
#content .post-nav a:visited {
	font-size: 13px;
	color: #db8c8a;
}
#content .post-nav .previous {
	text-align: left;
	float: left;
}
#content .post-nav .next {
	text-align: right;
}

/* BLOCKQUOTE
========================================== */

blockquote {
	color:#434343;
	margin: 0 0 20px 0;
	padding: 6px 32px 6px 47px;
	border: 0px solid #fbe4f5;
	border-left-width: 0px;
	background: url('images/bk_blockquote.jpg') no-repeat top left;
}
blockquote p {
	padding: 4px 0;
}

/* COMMENTS
========================================== */
#comments #comment_form {
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
#comments .comment-wrap {
	color:#707070;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	height: 100%;
	overflow: auto;
	margin: 0 0 12px 0;
	padding: 0 12px 0;
	clear: both;
	background-color:#FFFFFF;
	background: #fff url('images/comments-bg.jpg') no-repeat top left;
}

#comments h3 {
	padding-top: 0;
}
#comments h3#respond {
	padding-top: 8px;
}

#comments .comment-wrap img.avatar {
	margin: 0;
	margin-bottom: 0px;
	padding: 0px;
	background-color: #e5eff1;
	border: 1px solid #e5eff1;
}

#comments .comment-wrap .left {
	width: 65px;
	padding-top: 12px;
	float: left;
}

#comments .comment-wrap .right {
	width: 457px;
	float: left;
	padding: 12px 0 6px 12px;
}

#comments .comment-wrap .right a {
	color:#cd6469;
	text-decoration: none;
}

#comments .comment-wrap .right a:hover {
	color:#2d2d2d;
	text-decoration: none;
}

#comments .comment-wrap .right cite {
	margin: 0;
	padding: 0;
	font-style: normal;
	display: block;
	height: 100%;
	overflow: auto;
}
#comments .comment-wrap .right cite b {
	float: left;
}
#comments .comment-wrap .right cite b a {
	
}
#comments .comment-wrap .right cite small {
	font-size: 90%;
	float: right;
}

#comments .comment-wrap .right p {
	padding: 12px 0;
	clear: both;
}

#comments .comment-wrap .right blockquote,
#comments .comment-wrap .right code,
#comments .comment-wrap .right pre {
	margin: 6px 0;
	clear: both;
}

#comments .alt {
	background: #fff url('images/comments-bg-alt.jpg') no-repeat top left;
}

#comments .author {
	background: #fff url('images/comments-bg-autor.jpg') no-repeat top left;
}

.responder {
font-style:italic;
font-size:11px; 
text-align:right;
background-color: none;
}


/* MAIN SIDEBAR
========================================== */
#sidebar-1 {
	background: url('images/linha-sidebar.png') repeat-y;
	color:#525252;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#sidebar-1 .sidebar:first-child,
#sidebar-1 .sidebar.first-child {
	background: url('images/bg-first-child.jpg');
	color:#525252;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:12px;
}

#content .sidebar {
	padding: 3px 12px 12px;
	margin: 0 0 0px 0;
	clear: both;
	height: 100%;
	overflow: hidden;
	line-height:12px;
}

#content .sidebar a:link,
#content .sidebar a:visited {
	color: #0978c7;
	font-weight: normal;

}
#content .sidebar a:hover,
#content .sidebar a:active {
	color: #f59196;
	text-decoration: none;
	background-color: transparent;
}

.first-child-fim {
	width:230px;
	height:42px;
	background:url('images/bg-first-child-fim.jpg') no-repeat;
}

/* BRANCO
========================================== */
.branco {
	width:230px;
	background: url('images/linha-sidebar.png') repeat-y;
	font: bold italic  14px Georgia, verdana, arial, "Times New Roman", Times, serif;
}

.look {
	background:url('images/look-fundo.png') no-repeat;
	padding: 60px 5px 63px 180px;
	color:#5e5e5e;
	font: 13px Georgia, verdana, arial, "Times New Roman", Times, serif;
}

.escrita {
	color:#000000;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* TWITTER
========================================== */

.twitter {
	background:url('images/twitter.png') no-repeat top center;
	padding-top:19px;
	color:#5e5e5e;
	padding-left: 60px;
	font: bold italic 14px Georgia, verdana, arial, "Times New Roman", Times, serif;
}
.twitter a,
.twitter a:link { 
color: #4e4e4e;
text-decoration:none;
}

.twitter a:hover { 
color: #5e777b;
text-decoration: none; 
}

.twitter-linha {
	width:220px;
	background: url('images/linha-sidebar.png') repeat-y;
	font: normal 12px arial, Georgia, verdana, arial, "Times New Roman", Times, serif;
	padding: 5px 1px  5px 2px;

}
.twitter-linha  ul {
	margin:0;
	padding:0;
	text-align:left;
}
.twitter-linha li {
	margin: 0;
	padding: 5px 0 0 8px;
	line-height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	list-style:none;
	color:#434343;
}
.twitter-linha  ul li a {
	color:#41bad3;
	text-align:left;
	width:212px;
	font-size:11px;

}
.twitter-linha  ul li a:hover {
	text-align:left;
	text-decoration:none;
	color:#cf5093;

}
.twitter-fim {
	width:230px;
	height:65px;
	background:url('images/twitter-fim.png') no-repeat;
}

/* TAG COULD
========================================== */

.tags {
	background:url('images/tags.png') no-repeat top center #ffffff;
	font: bold 140%/100% Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	margin: 0;
	padding: 37px 15px 23px 0;
	text-align: center;
}

.tags-linha {
	width:210px;
	background: url('images/linha-sidebar.png') repeat-y;
	font: bold italic  14px Georgia, verdana, arial, "Times New Roman", Times, serif;
	text-align:center;
	padding-left:8px;
}

/* RECENTES
========================================== */

.recentes {
	background:url('images/recentes.jpg') no-repeat top center;
	padding-top:70px;
}

#recent-comments ul {
	margin: 0;
	margin-left:8px;
	padding: 8px 0 0 0;
	width:210px;
}
#recent-comments ul li {
	background: url('images/comments-bullet.png') no-repeat left 2px;
	padding: 0 0 10px 20px;
	clear: both;
}

.recentes-linha {
	width:230px;
	background: url('images/recentes-linha.png') repeat-y;
	color:#9a9a9a;
	line-height:14px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.recentes-linha  ul li a {
	color:#a4453b;
	text-align:left;
	width:212px;
	font: bold italic 13px Georgia, verdana, arial, "Times New Roman", Times, serif;
}
.recentes-linha  ul li a:hover {
	text-align:left;
	text-decoration:none;
	color:#f49c8c;

}

.recentes-post {
	background:url('images/recentes-post.jpg') no-repeat top center;
	padding-top:35px;
}

.recentes-linha-post {
	width:230px;
	background: url('images/recentes-linha.png') repeat-y;
	color:#9a9a9a;
	line-height:14px;
	font-size:10px;
	padding-left: 13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.recentes-link a {
	background: url('images/seta.gif') no-repeat left 2px;
	padding: 0 10px 12px 20px;
	clear: both;
	font: bold italic 13px Georgia, verdana, arial, "Times New Roman", Times, serif;
	color:#a4453b;
}

.recentes-link a:hover {
	text-align:left;
	color:#f49c8c;

}

.recentes-fim {
	width:230px;
	height:37px;
	background:url('images/recentes-fim.png') no-repeat;
}

/* ARQUIVOS
========================================== */

.calendario {
	margin: 0;
	padding-left:17px;
	font: bold italic 19px Georgia, verdana, arial, "Times New Roman", Times, serif;
}
.calendario li {
	margin: 0;
	padding-left:17px;
	background: url('images/star.gif') left no-repeat;
	line-height: 120%;
	font: bold italic 12px Georgia, verdana, arial, "Times New Roman", Times, serif;
	list-style:none;
	color:#f49c8c;
}


/* TOP
========================================== */

.top {
	background:url('images/top.png') no-repeat top center;
	padding-top:9px;
	line-height: 11px;
	text-align:left;
	padding-left:14px;
	line-height: 120%;
	font: bold italic 12px Georgia, verdana, arial, "Times New Roman", Times, serif;
}
.top-title {
	font: bold italic 19px Georgia, verdana, arial, "Times New Roman", Times, serif;
	list-style:none;
	color:#968085;
	text-align:center;
	margin-bottom:5px;
}

.top a {
	margin: 0;
	padding-left:17px;
	background: url('images/who.png') left no-repeat;
	line-height: 120%;
	font: bold italic 12px Georgia, verdana, arial, "Times New Roman", Times, serif;
	list-style:none;
	color:#5b5b5b;
}
.top a:hover {
	color:#b4939a;
	background-color: #F5F1D8;
}
.top-fim {
	width:230px;
	height:51px;
	background:url('images/top-fim.jpg') no-repeat;
}


/* --------- agenda -------------- */

.agenda {
	background-color:#f8f8f8;
	padding-top:2px;
}

/* IMAGENS BORDAS
========================================== */

.gravatar {
	padding: 6px;
	background: url('images/fundo.png');
	border: 1px solid #e0e0e0; 
	border-width: 1px 1px 1px 1px;
	margin: 3px;
}

.fundo {
	padding: 10px;
	background-color: #ffffff;
	border: 1px solid #dadada;
	border-width: 1px 1px 1px 1px;
}

.imagem {
	margin: 0;
	padding: 14px;
	background: url('images/imagens.jpg');
	border: 1px dashed #dadada; 
    border-width: 1px 1px 1px 1px;
}

.opacidade
        {filter:alpha(opacity=50);
        -moz-opacity:0.52;
        opacity:0.52;} 
.opacidade:hover
        {filter:alpha(opacity=100);
        -moz-opacity:1.0;
        opacity:1.0;}

/* FOOTER IMAGEM
========================================== */
#footer-bg {
	background:url('images/bg_footer.jpg') right no-repeat;
	height:225px;
}


/* CREDITS - FIM DA PAGINA
========================================== */
#credits {
	clear: both;
	width: 100%;
	padding: 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#credits a,
#credits a:visited {
	color: #e55ea3;
}

#credits a:hover,
#credits a:active {
	color: #85435e;
}

/* Footer Credits
========================================== */
	
#credits ul.nav {
	padding:0;
	text-align: right;
}

#credits ul.nav li {
	color: #f6f0d8;
	margin: 0;
	display: inline;
}

#credits ul.nav li a {
	display: inline;
	margin: 0;
	padding: 0px 6px 0px 4px;
	border-right: 1px solid #BDAEB4;
}
#credits ul.nav li a,
#credits ul.nav li a:visited {
	
}
#credits ul.nav li a:hover,
#credits ul.nav li a:active {
	
}
#credits ul.nav li a.top {
	border: 0;
	padding-right: 0;
}

/* WIDGETS AND PLUGINS */
/* Search form
========================================== */
form#search-form {
	height: 25px;
	padding: 7px;
	background-color: #fff;
	margin: 0;
	margin-left:19px;
	position: relative;
}

form#search-form input.text,
form#search-form label.overlabel-apply {
	font-size: 100%;
}

form#search-form input.text {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 110px;
	height: 15px;
	padding: 4px 15px 4px 4px;
	margin: 0;
	z-index: 0;
	color:#333333;
	background: #f8f8f8;
}
form#search-form input.button-search {
	position: absolute;
	top: 3px;
	right: 13px;
	margin: 0px;
	display: block;
	line-height: 100%;
	width: 50px;
	height: 25px;
}
form#search-form label.overlabel {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
form#search-form label.overlabel-apply {
	display: block;
	color: #666;
	position: absolute;
	top: 10px;
	left: 9px;
	margin: 0;
	z-index: 1;
	cursor: text;
	line-height: 100%;
	font-size: 100%;
}