/*
	@name:		main.css
	@date:		03/07/2009
	@author:		Diego A. Peralta	
*/

	/*- Twitter Connect -*/
			#twc_connect { background:#fffde4; border:2px solid #e8da3d; -moz-border-radius:5px; padding:8px 10px; width:400px; width:94%; margin-left:1%; margin-right:5%;  }
			#twc_connect p { display:inline; padding:0; margin:0; text-shadow:1px 1px #FFF; }
			#twc_connect button { vertical-align:middle; }

/* ------------------------- basico ------------------------- */

* {
	margin: 0;
	padding: 0; }
 
body {
	background: #f0eee1;
	color: #5a5a5a;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px; }
 
a {
	color: #a7a7a7;
	text-decoration: none; }
 
	a img { border: 0; }
img{ border: 0; }
 img.alignleft, div.alignleft
    {
    float:left;
    margin:0 0.5em 0.5em 0;
    }
    img.alignright, div.alignright
    {
    float:right;
    margin:0 0 0.5em 0.5em;
    }
    img.aligncenter, div.aligncenter
    {
    text-align:center;
     margin:0 auto;
    }

 
ul li { list-style: none; }
 
p { line-height: 1.5em; }
 
/* ------------------------- estructura ------------------------- */

#main { width: 100%; }
 
	#main div.wrapper {
		background: url('../images/bg-wrapper.jpg') no-repeat center top;
		margin: 0 auto;
		width: 962px; }
 #fucker { margin-top: -25px }
#container {  }
 
#content {
	-moz-border-radius: 10px;
	background: #FFF;
	float: left;
	padding: 25px 0;
	width: 595px; }
 
#sidebar {
	-moz-border-radius: 10px;
	background: #FFF;
	float: right;
	padding: 25px 0 6px;
	width: 340px; }
 
#footer {
	background: #9a9a3a url('../images/bg-footer.gif') repeat-x left top;
	clear: both;
	margin: 20px 0 0 0;
	padding: 15px 0; }
 
/* ------------------------- header ------------------------- */

#header { height: 146px; overflow:hidden; }
 
	#header h1 {
		height: 140px;
		padding: 25px 0 0 0;
		float:left;
		width: 501px; }
 
		#header h1 a {
			background: url('../images/logo.png') no-repeat left top;
			display: block;
			height: 140px;
			text-indent: -9999em;
			width: 501px; }
	
	#header form { float:right; width:320px; padding:10px 10px; background:#FFF; -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; }
 
/* ------------------------- container ------------------------- */

/*- POST -*/
#content div.post li
	{ 
                list-style-image: url('../images/bullet.png');
		margin-bottom:15px;
                margin-top:15px;
                


margin-left: 50px;
	}

	blockquote {
	color: #264c01;
    margin: 1em 2em;
    border-left: 1px dashed #999;
    padding-left: 1em; }
 
blockquote p {
    font-variant: small-caps; }

#content div.post { margin:0 0 3.5em 0; }

#content h2
{ font-size: 1.6em; padding:5px 0 0 0; color: #b7a004; text-transform: none; margin: 0 0 .5em 0; font-weight: bold; }
 
	#content div.post div.title {
		background: url('../images/bg-title-green.gif') no-repeat left bottom;
		left: -20px;
		padding: 0 0 20px 0;
		position: relative; }
 
		#content div.post div.title h2 {
			-moz-border-radius-bottomright: 6px;
			-moz-border-radius-topright: 6px;
			background: #b0c730;
			font-size: 18px;
			letter-spacing: -1px;
			margin: 0 20px 0 0;
			padding: 8px 15px 8px 30px; }
 
			#content div.post div.title h2 a { color: #FFF; }
 
	/*- POST META -*/
#content div.post ul.meta {
		color: #a7a7a7;
		font-size: 11px;
		margin: 0;
		padding: 0 10px;
		position: relative;
		top: -12px; }
 
		#content div.post ul.meta li {
			display: inline;
			margin: 0 8px 0 0;
			padding: 0 0 2px 18px; }
 
			#content div.post ul.meta li a { color: #a7a7a7; }
 
				#content div.post ul.meta li a:hover {
					color: #a9a9a9;
					text-decoration: underline; }
 
			#content div.post ul.meta li.date { background: url('../images/ico-1.gif') no-repeat left center; }
 
			#content div.post ul.meta li.categories { background: url('../images/ico-2.gif') no-repeat left center; }
 
			#content div.post ul.meta li.comments { background: url('../images/ico-3.gif') no-repeat left center; }

#content div.post ul.meta li.vota { background: url('../images/bita.gif') no-repeat left center; }
 
	/*- POST CONTENT -*/
#content div.post div.entry { padding: 0 10px; }
 
		#content div.post div.entry p { margin: 0 0 1em 0; font-size:13px; line-height:1.6em; }
		
		#content div.post div.entry a { color:#e95b2a; }
		
		#content div.post div.entry a:hover { text-decoration:underline; }
		
		.postmetadata { padding:6px 0px; border-top:1px dotted #CCC; border-bottom:1px dotted #CCC; margin:30px 10px 0; font-size:11px; }
		
		.postmetadata  a { color:#e95b2a;}
 
/*- POST SHARE -*/
#share-post {  }
 
	#share-post div.title {
		background: url('../images/bg-title-yellow.gif') no-repeat left bottom;
		left: -16px;
		padding: 0 0 16px 0;
		position: relative; }
 
		#share-post div.title h3 {
			-moz-border-radius-bottomright: 6px;
			-moz-border-radius-topright: 6px;
			background: #fec34c;
			color: #FFF;
			font-size: 16px;
			letter-spacing: -1px;
			margin: 0 350px 0 0;
			padding: 8px 15px 8px 30px; }
 
	#share-post ul {
		margin: 0 0 1.3em 0;
		padding: 0 10px; }
 
		#share-post ul li {
			display: inline;
			padding: 0 6px 0 0; }
 
/*- RELATED POST -*/
#related-posts {  }
 
	#related-posts div.title {
		background: url('../images/bg-title-red.gif') no-repeat left bottom;
		left: -16px;
		padding: 0 0 16px 0;
		position: relative; }
 
		#related-posts div.title h3 {
			-moz-border-radius-bottomright: 6px;
			-moz-border-radius-topright: 6px;
			background: #f15956;
			color: #FFF;
			font-size: 16px;
			letter-spacing: -1px;
			margin: 0 350px 0 0;
			padding: 8px 15px 8px 30px; }
 
	#related-posts ul {
		margin: 0 0 1.3em 0;
		padding: 0 10px; }
 
		#related-posts ul li {
			background: url('../images/ico-4.gif') no-repeat left top;
			margin: 0 0 6px 0;
			padding: 0 0 0 22px; }
 
			#related-posts ul li a { color: #283462; }
 
				#related-posts ul li a:hover { text-decoration: underline; }
 
/*- COMMENTS LIST -*/
#comments {  }
	#comments a { color:#; }
	
	#comments div.title {
		background: url('../images/bg-title-blue.gif') no-repeat left bottom;
		left: -16px;
		padding: 0 0 16px 0;
		position: relative; }
 
		#comments div.title h3 {
			-moz-border-radius-bottomright: 6px;
			-moz-border-radius-topright: 6px;
			background: #283462;
			color: #FFF;
			font-size: 16px;
			letter-spacing: -1px;
			margin: 0 250px 0 0;
			padding: 8px 15px 8px 30px; }
 
			#comments div.title h3 span {
				font-size: 12px;
				letter-spacing: normal;
				position: absolute;
				right: 250px;
				top: 11px;
				width: 100px; }
 
#comments-list {
	margin: 0 0 1em 0;
	padding: 0 10px; }
 
	#comments-list div.comment { margin: 0 0 1em 0; }
 
		#comments-list div.comment div.comment-author {
			background: url('../images/bg-comments.gif') no-repeat right center;
			float: left;
			padding:0 0 0 15px;
			text-align:center;
			width: 85px; }
 
			#comments-list div.comment div.comment-author img {
				display: block;
				margin: 0 0 5px 0; }
 
			#comments-list div.comment div.comment-author p {
				font-size: 11px;
				line-height: 1.2em;
				padding:0 35px 0 0; }
 
				#comments-list div.comment div.comment-author p a { color: #d26f27; }
 
		#comments-list div.comment div.comment-content {
			-moz-border-radius: 10px;
			background: #e9e9e5;
			float: left;
			padding: 12px 0 0 0;
			width: 460px; }
 
			#comments-list div.comment div.comment-content p {
				margin: 0 0 1em 0;
				padding: 0 10px; }
				
			#comments-list div.comment div.comment-author p span.date { display:block; }
 
/*- COMMENT FORM -*/
#commentForm { padding: 0 10px; }
 
	#commentForm h4 {
		border-bottom: 1px solid #DCDCDC;
		color: #283462;
		font-size: 16px;
		letter-spacing: -1px;
		margin: 0 0 1em 0;
		padding: 0 0 5px 0;
		text-transform: uppercase; }
 
	#commentForm form { padding: 0 10px; }
 
		#commentForm form p { margin: 0 0 6px 0; }
 
			#commentForm form p label {
				display: block;
				float: left;
				font-weight: bold;
				width: 80px; }
 
			#commentForm form p input, #commentForm form p textarea {
				border-bottom: 1px solid #d5d5d5;
				border-left: 1px solid #d5d5d5;
				border-right: 1px solid #d5d5d5;
				border-top: 2px solid #cfcfcf;
				padding: 3px;
				width: 350px; }
 
			#commentForm form p input#notify {
				border: 0;
				margin: 0 0 0 80px;
				vertical-align: middle;
				width: auto; }
 
			#commentForm form p input#submitComment {
				background: url('../images/bg-button.gif') no-repeat left top;
				border: 0;
				color: #FFF;
				height: 26px;
				margin: 0 0 0 80px;
				width: 79px; }
 
/* ------------------------- sidebar ------------------------- */

#sidebar .box {
	margin: 0 0 1.6em 0;
	padding: 0 10px; }
 
	#sidebar .box h3 {
		color: #e64117;
		font-size: 18px;
		font-weight: lighter;
		letter-spacing: -1px;
		margin: 0 0 0.5em 0;
		text-transform: uppercase; }
 
#sidebar p { margin: 0 0 1em 0; }
 
/*- CONTACT FORM -*/
#contact.box {  }
 
	#contact.box p {  }
 
		#contact.box p span { color: #004d96; cursor:pointer; }
 
	#contact.box form { display: none; }
 
		#contact.box form p { margin: 0 0 4px 0; }
 
			#contact.box form p label {
				display: block;
				float: left;
				width: 80px; }
 
			#contact.box form p input, #contact.box form p textarea {
				border-bottom: 1px solid #d5d5d5;
				border-left: 1px solid #d5d5d5;
				border-right: 1px solid #d5d5d5;
				border-top: 2px solid #cfcfcf;
				padding: 2px;
				width: 200px; }
 
			#contact.box form p input#submitContact {
				background: url('../images/bg-button.gif') no-repeat left top;
				border: 0;
				color: #FFF;
				height: 26px;
				margin: 5px 0 0 80px;
				width: 79px;
			}
 
/*- SIDEBAR -*/
#search.box {  }
 
	#search.box h3 {  }
 
	#search.box form {  }
 
		#search.box form p {  }
 
#s {
	background: url('../images/bg-search.gif') no-repeat left top;
	border: 0;
	color: #555555;
	height: 22px;
	padding: 6px 0 0 25px;
	width: 313px; }
 
/*- TWITTER -*/
#twitter.box { margin: 0 0 0.5em 0; }
 
	#twitter.box div.twitter-message {
		background: url('../images/bg-twitter.gif') no-repeat left center;
		padding: 20px 0 20px 91px; }
 
.twitter-content {
	-moz-border-radius: 6px;
	background: #c1eaff;
	padding: 6px 8px 6px 12px;
	width: 201px; }
 
#twitter.box div.twitter-message p { margin: 0; }
 
	#twitter.box div.twitter-message p small {  }
 
		#twitter.box div.twitter-message p small a {  }
 
#twitter.box p.alignright {
	padding: 0 10px 0 0;
	text-align: right; }
 
#twitter.box p a { color: #004d97; }
 
/*- ADS -*/
#ads.box {  }
 
	#ads.box h3 {  }
 
		#ads.box h3 a {
			color: #004d97;
			font-size: 11px;
			letter-spacing: normal;
			margin: 0 0 0 40px;
			text-transform: none; }
 
	#ads.box ul { margin:20px 0 0 30px;  }
 
		#ads.box ul li {
			display: block;
			float: left;
			margin: 0 8px 8px 0; }
 
			#ads.box ul li a {  }
 
				#ads.box ul li a img {  }
 
/*- RSS -*/
#rss.box {  }
 
	#rss.box h3 {  }
 
	#rss.box ul {  }
 
		#rss.box ul li {
			background: url('../images/ico-7.gif') no-repeat left center;
			display: block;
			margin: 0 0 5px 0;
			padding: 5px 0 5px 35px; }
 
			#rss.box ul li.rss-email {
				background: url('../images/ico-8.gif') no-repeat left center;
				display: block;
				margin: 0 0 5px 0;
				padding: 5px 0 5px 35px; }
 
			#rss.box ul li a { color: #004c95; }
 
			#rss.box ul li form {  }
 
			#rss.box ul li form { display: inline; }
 
				#rss.box ul li form span label { color: #004c95; }
 
				#rss.box ul li form span input {
					-moz-border-radius: 5px;
					border: 1px solid #d5d2d2;
					font-size: 11px;
					margin: 0 0 0 5px;
					padding: 2px;
					width: 150px; }
 
/*- BLOG -*/
#categories.box { margin: 0; }
 
	#categories.box h3 {  }
 
	#categories.box ul {  }
 
		#categories.box ul li {
			background: url('../images/ico-6.gif') no-repeat left center;
			border-bottom: 1px solid #DCDCDC;
			padding: 6px 18px; }
 
			#categories.box ul li a { color: #3a3a3a; }
 
			#categories.box ul li:last-child { border: none; }
			
#recent-post ul li { border-bottom:1px dotted #CCC; margin:0 0 10px 0; }	
	#recent-post ul li h4 { margin:0 0 4px 0; }
	#recent-post ul li p { line-height:1.2em; }
 
/* ------------------------- footer ------------------------- */

#footer div.wrapper {
	background: none;
	padding: 0 0 20px 0; }
 
	#footer div.wrapper div {
		float: left;
		width: 306px; }
 
	#footer div.wrapper h3 {
		border-bottom: 1px solid #7d7b24;
		color: #2b2b09;
		font-size: 18px;
		letter-spacing: -1px;
		margin: 0 0 10px 0;
		padding: 0 0 5px 0;
		text-transform: uppercase; }
 
/*- LATEST ENTRIES -*/
#latest-entries.box {  }
 
	#latest-entries.box h3 {  }
 
	#latest-entries.box ul {  }
 
		#latest-entries.box ul li {
			margin: 0 !important;
			margin: 0 0 -14px 0; }
 
			#latest-entries.box ul li a {
				background: #8c7f3b;
				color: #FFF;
				display: block;
				margin: 0 0 2px 0;
				padding: 8px; }
 
/*- LATEST COMMENTS -*/
#latest-comments.box { margin: 0 20px; }
 
	#latest-comments.box h3 {  }
 
	#latest-comments.box ul {  }
 
		#latest-comments.box ul li { margin: 0 0 12px 0; }
 
			#latest-comments.box ul li div.comment-gravatar {
				float: left;
				width: 50px; }
 
				#latest-comments.box ul li div.comment-gravatar img {  }
 
			#latest-comments.box ul li div.comment-content {
				float: right;
				width: 245px; }
 
				#latest-comments.box ul li div.comment-content p { color: #3d3c2c; }
 
/*- ARCHIVE -*/
#archive.box {  }
 
	#archive.box h3 {  }
 
	#archive.box ul { padding: 0 0 0 10px; }
 
		#archive.box ul li {
			background: url(../images/ico-5.gif) no-repeat left center;
			display: block;
			float: left;
			font-size: 11px;
			margin: 0 0 6px 0;
			padding: 0 0 0 20px;
			width: 75px; }
 
			#archive.box ul li a { color: #3d3c2c; }
 
/* ------------------------- herramientas ------------------------- */

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden; }
 
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
 
* html .clearfix { height: 1%; }

.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }