/*---:[ custom styles for the Copyblogger theme that YOU define ]:---*/
/*---:[ ------------------------------------------------------- ]:---*/

/*---:[ to change the body background, the default font, and the default font color... ]:---*/
/*---:[ NOTE: if you change the body background color, you will need to update your image files also ]:---*/
/*---:[ Download the image template (.psd) with the Organic theme package at http://www.copyblogger.com/downloads/organic.zip ]:---*/

body.custom {
	background: #f7f7f7; color: #222; font-family: Verdana, sans-serif;
	}

/*---:[ uncomment the following lines only if you've uploaded updated image files to the a folder called "custom" within your copyblogger theme directory ]:---*/

/* 
.custom .add_comment { background: url('custom/icon_comment.gif') 0 50% no-repeat; }

.custom #rss { background: url('custom/rss.gif') 50% 0 no-repeat; }

.custom li.widget li, .custom li.linkcat li { background: url('custom/bullet.gif') 0 0.4167em no-repeat; }

.custom dl#comment_list dt { background: url('custom/comment_top.gif') 0 100% no-repeat; }

.custom dl#comment_list dt.author { background: url('custom/comment_author_top.gif') 0 100% no-repeat; }

.custom dl#comment_list dd { background: #dfdfdf url('custom/comment_bottom.gif') 0 100% no-repeat; }

.custom dl#comment_list dd.author { background: #f6f4c9 url('custom/comment_author_bottom.gif') 0 100% no-repeat; }
*/


/*---:[ to change the colors of the header and footer... ]:---*/

.custom #head_1 {
	width: 100%;
	height: 100%;
/*	border-bottom-color: #a69277;*/
	color: #fff;
	background: url(images/cab_fondo_1.jpg) repeat-x #FFF;
	}
.custom #head_2 {
	width: 100%;
	height: 100%;
/*	border-bottom-color: #a69277;*/
	color: #fff;
	background: url(images/cab_fondo_2.jpg) repeat-x #FFF;
	}
.custom #head_3 {
	width: 100%;
	height: 100%;
/*	border-bottom-color: #a69277;*/
	color: #fff;
	background: url(images/cab_fondo_3.jpg) repeat-x #FFF;
	}

.custom #footer { color: #666; background: #f7f7f7; width: 1003px; clear: both;}


/*---:[ to change link colors and behaviors... ]:---*/
#contenido {
	width: 1003px;
	margin: 0 auto;
		}

#content {
	width: 720px;
	float: right;
}

.custom a { color: #a69277; }

.custom a:hover { color: #a69277; }

	/*---:[ site title (logo) in the header ]:---*/
	
#logo {
	width:1003px;
	height:176px;
	}
		
.custom #logo a {
	color: #fff; font-family: Verdana, sans-serif;
	}

.custom #logo img {
	margin: 0 0 0 0 ;
	position: absolute;
	left: 0px;
	border: 0px;
}
	
	/*---:[ navigation links in the header ]:---*/
	
#container {
	background: #fff url(images/nav_bot.gif) repeat-x bottom;
	color: #fff;
	height: 9px;
	padding-bottom: 30px;
	padding-top: 10px;
	margin-top: 0px;
	}

/*	#sidebar {
		padding-top: 30px;
	}

#content {
	padding-top: 30px;
}
*/
#content h2 a {
	width: 720px;
}

.custom #nav {margin-top: 14px;}

.custom #nav ul li {margin-top: -10px;}

.custom #nav ul li a { color: #666; margin-top: -10px;}

.custom #nav ul li a.current img { color: #ff942a; margin-top: -20px; border: 0px;}
.custom #nav ul li a img { color: #ff942a; margin-top: -20px; border: 0px;}

/*---:[ headline link colors on the main page, archive pages, and search pages ]:---*/

.custom h2 a { color: #333333; }

	
/*---:[ category links located underneath headlines ]:---*/
	
.custom .post_date a, .custom .post_date a:visited { color: #8f7451; }
	
.custom .post_date a:hover { color: #333; background: none; }
	
/*---:[ link behavior within posts ]:---*/
	
.custom .entry a, .entry a:visited { color: #8f7451; text-decoration: underline; }	
	
.custom .entry a:hover { color: #8f7451}
	
/*---:[ link to comments that follows posts on the main page, archive pages, and search pages ]:---*/
	
.custom .post_meta a, .custom .post_meta a:visited { color: #8f7451; }	
	
.custom .post_meta a:hover { color: #333; border-color: #a69277; }
	
/*---:[ inter-post navigation (found at the bottom of main pages or at the top of single post pages) ]:---*/
	
.custom .navigation a:hover { color: #333; border-color: #a69277; }
	
/*---:[ sidebar link colors ]:---*/
	
/*---:[ calendar widget link colors ]:---*/
	
.custom table#wp-calendar td a, .custom table#wp-calendar td a:visited { color: #a69277; }
	
.custom table#wp-calendar td a:hover { color: #a69277; }
	
/*---:[ comment permalink colors (precedes the commenter's name on each comment) ]:---*/
	
.custom dl#comment_list dt .comment_num a, .custom dl#comment_list dt .comment_num a:visited { color: #999; }
	
.custom dl#comment_list dt .comment_num a:hover { color: #a69277; }
	
/*---:[ comment author's link colors ]:---*/
	
.custom dl#comment_list dt strong a, .custom dl#comment_list dt strong a:visited { color: #999; border: 0px;}
	
.custom dl#comment_list dt strong a:hover { color: #999; border: 0px;}

.custom dl#comment_list dt.author strong a, .custom dl#comment_list dt.author strong a:visited { color: #FFF; border: 0px;}
	
.custom dl#comment_list dt.author strong a:hover{ color: #FFF; border: 0px;}

.custom dl#comment_list dt.author span.comment_num a, .custom dl#comment_list dt.author span.comment_num a:visited { color: #FFF; border: 0px;}
	
.custom dl#comment_list dt.author span.comment_num a:hover{ color: #FFF; border: 0px;}

.custom dl#comment_list dt.author { color: #FFF; border: 0px;}
	
/*---:[ footer link colors ]:---*/
	
.custom #footer a, .custom #footer a:visited { color: #8f7451; text-decoration: underline; border: 0px; }

.custom #footer a:hover { color: #8f7451; text-decoration: underline; border: 0px; }


/*---:[ to change all of the gray double-borders in one fell swoop... ]:---*/



/*---:[ other stuff you may want to change... ]:---*/

/*---:[ headlines ]:---*/

.custom h1, .custom h2, .custom h3, .custom h4 { font-family: Verdana, Helvetica, Arial, sans-serif; }

.custom h1, .custom h2 { color: #333; font-size: 2.4em; font-weight:bold; }
	
.custom .archive h1 { color: #333; }
	
.custom #sidebar h2 { color: #333; font-size: 1.2em; font-weight: bold; }

.custom h3, .custom h4 { color: #333; }

/*---:[ in-post stuff ]:---*/

.custom blockquote { font-family: Verdana, Helvetica, Arial, sans-serif; color: #555; border-color: #dedede; }

.custom code { color: #090; font-family: Courier, "Courier New", monospace; }

.custom .post_date {
	color: #555;
	}

.custom img.frame { border-color: #ddd; }

/*---:[ calendar widget ]:---*/

.custom table#wp-calendar caption { border-color: #ccc; }

.custom table#wp-calendar th { color: #666; border-color: #ccc; }

.custom table#wp-calendar td { color: #999; }

/*---:[ comments ]:---*/

.custom dl#comment_list dt { color: #999; }

.custom dl#comment_list dt strong { color: #333; } /* Comment author's name */

/*---:[ comment form elements ]:---*/

.custom #comment_form .text_input { color: #a69277; font-family: Verdana, sans-serif; border-top: 1px solid #c9c9c9; }
	
.custom #comment_form .form_submit { color: #333; font-family: Verdana, Helvetica, Arial, sans-serif;
		width:100px;  
		padding:2px; 
		margin: 0 0 0 0;
		font-size:1em;
		background:url(../images/button-bg.gif) repeat-x; 
		border:1px solid #adadad!important;
		border-left-color:#ececec!important; 
		border-top-color:#ececec!important;

	} /* This is the submit button on the comment form */
	
.custom #comment_form .form_submit:hover { color: #a69277; }
	
/*---:[ search form ]:---*/
	
.custom #search_form .search_input { color: #777; font-family: Verdana, sans-serif; border-top: 1px solid #c9c9c9; border-left: 0px; height: 15px; margin: 0 0 0 0; }
	
.custom #mail_form .mail_input { color: #777; font-family: Verdana, sans-serif; border-top: 1px solid #c9c9c9; border-left: 0px; height: 15px; margin: 0 0 3px 0; }
	
/*.custom #search_form .search_input:focus { border-top-color: #666; border-left-color: #666; border-right-color: #ddd; border-bottom-color: #ddd; }*/

.searchsubmit {margin-left: 0px; height: 20px; width: 20px; margin-top:10px; margin-bottom: -5px;}
.mailsubmit {margin-top: 10px; margin-bottom: 0px; padding: padding:7px 5px 0 6px;}
.mailsubmit img {border: 0px;
}
.custom #mail_form {
	padding: 0px;
}

.custom .page .entry h2 { font-size: 1.5em; }