/*   
Theme Name: RenatoCN.com
Theme URI: http://www.renatocn.com
Description: Theme created for www.renatocn.com
Author: Renato Nitta
Author URI: http://renatocn.com/
Version: 1.0
Tags: RenatoCN, web, development
*/


/* utilities */
img {
	border: none;
}

.zera
{
   float: none;
   clear: both;
   font-size: 1px;
   height: 0px;
   margin: 0;
   padding: 0;
}

* {
	margin: 0;
	padding: 0;
}

.spacer10 {
	height: 10px;
}

.border_bot {
	border-bottom: 1px dashed #ccc;
}

.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}

.center {
	text-align: center;
}

body {
	background-color: #b0b0b0;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Tahoma;
	font-size: 14px;
}

/* HTML TAGS */
h2 {
	font-family: Georgia;
	color: #333333;
	font-size: 26px;
}

h2 a, h2 a:visited {
	color: #333;
	text-decoration: none;
}

h3 {
	font-family: Georgia;
	font-size: 18px;
	color: #666;
}

h2 a:hover, h2 a:active {
	color: #666;
	text-decoration: underline;
}

h4 { /* side box title */
	font-family: Georgia;
	color: #585858;
	width: 250px;
	height: 23px;
	margin: 10px 10px;
}

p {
	margin: 0 0 18px 0;
	font-family: Georgia;
	font-size: 14px;
	line-height: 18px;
	color: #333;
}

a, a:visited {
	color: #7dda03;
	text-decoration: none;
	font-weight: bold;
}

a:hover, a:active {
	text-decoration: underline;
}

blockquote p {
	margin: 15px;
	padding: 10px;
	border: dashed 1px #ccc;
	color: #666;
}

.terminal {
	display: block;
	margin: 0 15px 15px 15px;
	padding: 0 10px 10px 10px;
	color: #23ff18;
	background-color: #1d1d1d;
	font-family: "Andale Mono", Arial, Verdana;
	font-size: 11px;
}

/* lightbox */
.black_overlay{
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}

.white_content {
    position: absolute;
    top: 10%;
    left: 25%;
    width: 50%;
    height: 70%;
    padding: 16px;
    border: 10px solid #ccc;
    background-color: white;
    z-index:1002;
    overflow: auto;
}

/* structure */
#header_container {
	height: 140px;
}

#header_in {
	width: 989px;
	margin: 0 auto;
}

#header_up {
	height: 109px;
	background-image: url(images/bg_header.gif);
	background-repeat: repeat-x;
}

#logo {
	width: 355px;
	height: 66px;
	margin: 28px 0 0 0;
	float: left;
}

#about {
	width: 110px;
	height: 35px;
	float: left;
	margin: 0 0 0 115px;
}

#about a:link, #about a:visited {
	display: block;
	width: 110px;
	height: 35px;
	background-image: url(images/bt_sobre_slide.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#about a:hover, #about a:active {
	background-image: url(images/bt_sobre_slide.png);
	background-position: top right;
}

#search {
	float: right;
	width: 297px;
	height: 25px;
	margin: 46px 0 0 0;
}

.search_form div {
	float: left;
}

.search_input {
	width: 201px; /*207*/
	height: 15px; /*21*/
	border: solid 1px #999;
	background-color: #eaeaea;
	font-size: 13px;
	color: #666;
	padding: 3px;
}

.search_bt {
	margin: 0 0 0 5px;
}

#menu_out {
	height: 31px;
	background-image: url(images/bg_menu.gif);
}

#menu_in {
	width: 989px;
	margin: 0 auto;
}

#menu_in ul {
	list-style: none;
}

#menu_in ul li {
	display: inline;
}

#menu_in ul li a, #menu_in ul li a:visited {
	display: block;
	float: left;
	height: 26px; /*31*/
	font-family: Georgia;
	font-size: 16px;
	color: #e6e6e6;
	padding: 5px 30px 0 30px;
	text-align: center;
	border-left: 1px solid #b45e61;
}

#menu_in ul li a:hover, #menu_in ul li a:active {
	text-decoration: none;
	color: #fff;
	background-image: url(images/bg_menu_on.gif);
	background-repeat: repeat-x;
}

.menu_last {
	border-right: solid 1px #b45e61;
}

/* content */
#background {
	background-image: url(images/bg_background.gif);
	background-repeat: repeat-x;
}

#container_out {
	width: 989px;
	margin: 0 auto;
	background-color: #f4f3f3;
}

#content_col_e {
	background-image: url(images/bg_contentColE.gif);
	background-repeat: repeat-x;
	background-color: #fff;
	width: 689px;
	border-right: dotted 2px #d4d2d2;
	float: left;
	min-height: 550px;
	padding-bottom: 20px;
}

#content_col_d {
	background-image: url(images/bg_contentColD.gif);
	background-repeat: repeat-x;
	background-color: #f4f3f3;
	width: 298px;
	float: left;
	min-height: 500px;
}


#content_container {

}

.post_box {
	width: 652px;
	margin: 45px 0 0 20px;
	border-bottom: 1px dashed #ccc;
}

.date {
	font-size: 10px;
	color: #ccc;
}

.comentarios_link a, .comentarios_link a:visited {
	color: #7dda03;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.comentarios_link a:hover {
	text-decoration: underline;
}

.post_txt {
	margin: 10px 0 15px 0;
}

.meta_box {
	margin: 0 0 3px 0;
}

.meta_box a, .meta_box a:visited {
	color: #7dda03;
	text-decoration: none;
}

.meta_box a:hover, .meta_box a:active {
	text-decoration: underline;
}

.cat_icon {
	background-image: url(images/icons/category.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	font-size: 11px;
	color: #999;
	margin-bottom: 5px;
}

.tag_icon {
	background-image: url(images/icons/tag.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	font-size: 11px;
	color: #999;
	min-height: 17px;
	margin-bottom: 5px;
}

.comment_icon {
	background-image: url(images/icons/comment_bubble.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	font-size: 11px;
	color: #999;
	min-height: 17px;
}

.navigation {
	width: 652px; /*652*/
	height: 15px; /*15*/
	margin: 15px auto 0 auto;
	font-family:  Verdana;
	font-size: 10px;
	color: #666;
}

.navigation a, .navigation a:visited {
	color: #666;
	font-weight: normal;
}

.archive_top {
	width: 652px;
	margin: 15px 0 0 20px;
	border-bottom: 1px dashed #ccc;
}

.archive_top h2{
	font-size: 11px;
	font-family: Verdana;
	font-weight: normal;
	color: #999999;
}

.archive_top span {
	color: #6bbc01;
}

.read_more_out {
	margin: -10px 0 10px 0;
	width: 100px;
}

.read_more_out a, .read_more_out a:visited {
	color: #6bbc01;
	font-weight: normal;
	font-size: 11px;
}

.search_top {
	width: 652px;
	margin: 20px 0 0 20px;
	border-bottom: 1px dashed #b34343;
	font-family: Georgia;
	color: #b34343;
}

.search_h2 {
	text-align: center;
	color: #999;
	margin-top: 35px;
	line-height: 40px;
}


/*
.read_more {
	background-color: #6fc105;
	border-left: solid 2px #559405;
	color: #fff;
	font-weight: normal;
	font-size: 11px;
	padding: 2px 5px;
}

.read_more a, .read_more a:visited {
	color: #fff;
	font-weight: normal;
	font-size: 11px;
}
*/

/* comments */

#comment_header {
	width: 643px; /*650*/
	height: 22px; /*29*/
	padding: 7px 0 0 7px;
	margin: 15px auto 0 20px;
	background-image: url(images/bg_comment_header.gif);
	background-repeat: repeat-x;
	border: solid 1px #dcdada;
	font-family: Georgia;
	color: #666;
}

.comment_container {
	width: 652px;
	margin: 20px 0 0 20px;
}

.comment {
	border: solid 1px #e4dfdf;
	margin: 0 0 20px 32px;
	background-color: #f8f8f8;
}

.comment p {
	margin-left: 20px;
	margin-right: 15px;
	font-family: Verdana;
	font-size: 12px;
	line-height: 16px;
	color: #333;
}

.comment-author {
	color: #b4b5b4;
	margin: 0 0 0 0;
	font-family: Georgia;
}

.comment-author-renatocn {
	background-color: #effce2;
}

.comment-author a, .comment-author a:visited {
	color: #666;
	text-decoration: underline;
}

.comment-author a:hover {
	color: #999;
}

.avatar {
	margin: -1px 0 0 -34px;
	border: solid 1px #e4dfdf;
}

.fn {
	margin: 0 0 0 20px;
	color: #666;
}

.commentlist em {
	margin: 0 0 0 20px;
	color: #c09f9f;
}

.commentmetadata {
	margin: 0 15px 12px 20px;
	font-size: 9px;
	font-family: Verdana;
	border-bottom: dashed 1px #ccc;
	font-weight: normal;
}

.commentmetadata a {
	color: #ccc;
	font-weight: normal;
	cursor: default;
}

.commentmetadata a:hover {
	text-decoration: none;
}

#respond {
	width: 652px;
	margin: 35px 0 0 20px;
}

.input_txt {
	font-family: Georgia;
	color: #a4a4a4;
	font-size: 15px;
}

.comment_input {
	width: 360px; /*370*/
	height: 27px; /*35*/
	padding: 8px 10px 0 10px;
	background-color: #f8f8f8;
	border: solid 1px #cccccc;
	color: #666;
	font-size: 16px;
}

.comment_msg {
	width: 640px; /*650*/
	height: 218px; /*226*/
	padding: 8px 0 8px 10px;
	background-color: #f8f8f8;
	border: solid 1px #cccccc;
	color: #666;
	font-size: 14px;
}

#bt_comment {
	text-align: right;
}

.bt_submit_comment {
	width: 92px;
	height: 28px;
	border: solid 1px #942c2b;
	background-image: url(images/bg_btSubmitComment.gif);
	background-repeat: repeat-x;
	cursor: hand !important;
}

.bypostauthor {
	background-color: #faf2e3;
}

/* plug in contact form */
.contact_input {
	width: 330px; /*340*/
	height: 24px; /*35*/
	padding: 4px 10px 0 10px;
	background-color: #f8f8f8;
	border: solid 1px #cccccc;
	color: #4f4f4f;
	font-size: 14px;
	margin-right: 5px;
	font-family: Verdana;
}

.contact_msg {
	width: 460px; /*650*/
	height: 218px; /*226*/
	padding: 8px 0 8px 10px;
	background-color: #f8f8f8;
	border: solid 1px #cccccc;
	color: #4f4f4f;
	font-size: 14px;
}

.contact_input_warm {
	width: 330px; /*340*/
	height: 24px; /*35*/
	padding: 4px 10px 0 10px;
	background-color: #f8f8f8;
	border: solid 1px #8f1419;
	color: #4f4f4f;
	font-size: 14px;
	margin-right: 5px;
	font-family: Verdana;
}

.contact_msg_warm {
	width: 460px; /*650*/
	height: 218px; /*226*/
	padding: 8px 0 8px 10px;
	background-color: #f8f8f8;
	border: solid 1px #8f1419;
	color: #4f4f4f;
	font-size: 14px;
}


/* 404 */
.error_page {
	background-image: url(images/bg_contentColE.gif);
	background-repeat: repeat-x;
	background-color: #fff !important;
	min-height: 550px;
}

#box404 {
	background-image: url(images/bg_404.jpg);
	background-repeat: no-repeat;
	background-position: center;
	height: 211px;
	margin: 50px 0px 0 0px;
	
}

#box404_msg {
	border-top: dashed 1px #ccc;
	border-bottom: dashed 1px #ccc;
	margin: 0 15px;
	color: #333;
	font-family: Georgia;
	padding: 20px 0;
}

#box404_msg ul {
	list-style: none;
	margin-left: 50px;
	line-height: 40px;
	font-size: 18px;
}

#box404_msg ul small {
	color: #999;
}



/* sidebar */

#sidebar_in {
	width: 274px;
	margin: 40px 0 20px 11px;
}

#side_rss_box {
	width: 274px;
	height: 89px;
	background-image: url(images/bg_rssSide.jpg);
	background-repeat: no-repeat;
	text-align: right;
}

#rss_bt {
	width: 204px;
	height: 46px;
	margin: 9px 0 0 62px;
}

#rss_bt a {
	display: block;
	width: 204px;
	height: 46px;
	background-image: url(images/bt_rss_slide.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}

#rss_bt a:hover {
	background-image: url(images/bt_rss_slide.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

.rss_pos {
	margin: 15px 10px 0 0;
}

.side_box {
	margin: 17px 0 0 0;
}

.side_box_header {
	background-image: url(images/side_box_header.gif);
	background-repeat: no-repeat;
	width: 272px;
	height: 34px;
}

.side_box_content {
	background-color: #fff;
	width: 270px;
	border-left: solid 1px #ededed;
	border-right: solid 1px #ededed;
	min-height: 50px;
}

.side_box_bottom {
	background-image: url(images/side_box_bottom.gif);
	background-repeat: no-repeat;
	width: 272px;
	height: 9px;
}

.tt_h4_category {
	background-image: url(images/icons/category.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.tt_h4_tag {
	background-image: url(images/icons/tag.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.tt_h4_ruby {
	background-image: url(images/icons/ruby.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.category {
	padding: 5px 8px;
	width: 254px;
	color: #999;
	font-size: 12px;
}

.category li {
	list-style: none;
	width: 249px;
	height: 23px; /*28*/
	border-bottom: dotted 1px #ccc;
	padding: 5px 0 0 5px;
}

.category ul li a {
	color: #ca1313;
	text-decoration: none;
}

.category ul li a:hover {
	text-decoration: underline;
}

ul.children {
	padding-left: 10px;
}

.tag_cloud {
	padding: 5px 8px;
	width: 254px;
}

.tag_cloud a, .tag_cloud a:visited {
	color: #65a614;
	text-decoration: none;
}

.tag_cloud a:hover, .tag_cloud a:active {
	text-decoration: underline;
}


/* footer */
#footer {
	background-image: url(images/bg_footer.gif);
	background-repeat: no-repeat;
	width: 989px;
	height: 27px; /*37*/
	margin: 0 auto 20px auto;
	border-top: #ba3b3a 4px solid;
	font-weight: normal;
	text-align:  center;
	padding: 10px 0 0 0;
}

#footer p {
	font-family: Georgia;
	font-size: 12px;
	color: #c5c5c5;
}

#footer a, #footer a:visited {
	color: #e6e6e6;
	font-family: Georgia;
}

#footer a:hover, #footer a:active {
	color: #fff;
}

/* shared classes */
.link2 a, .link2 a:visited {
	color: #666;
	text-decoration: underline;
	font-size: 12px;
	font-family: Georgia;
}

.link2 a:hover, .link2 a:active {
	color: #000;
}

.box_aviso {
	background-color: #020202;
	margin: 15px 20px;
	border: solid 4px #ccc;
	background-image: url(images/bg_box_aviso.gif);
	background-repeat: repeat-x;
}

.box_aviso p {
	color: #eaeaea;
	font-size: 18px;
	margin: 0;
	font-family: Georgia;
}

.box_aviso small {
	color: #eaeaea;
	font-size: 14px;
}

.ruby_box {
	background-image: url(images/ruby.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 20px;
}

.about_box {
	margin: 10px;
	float: left;
}

.about_box img {
	border: solid 2px #ececec;
}

.about_name {
	margin: 27px 0 0 10px;
	float: left;
}

.about_name h1 {
	color: #e3e3e3;
	font-family: Georgia;
	font-size: 30px;
	letter-spacing: 3px;
	word-spacing: 7px;
}

.hr_dashed {
	border-bottom: dashed 1px #ccc;
	margin: 10px 20px;
}