/*	-------------------------------------------------------------
	TRESMANGASVERDES.COM
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description: css styles for Pixelpost 1.5
	Author:	Abraham Castro (cucharadepalo@gmail.com)
	Date: September 2006
	-------------------------------------------------------------	*/
	
/*	-----------------------------------------------------
	GENERAL STYLES. Used everywhere
	- - - - - - - - - - - - - - - - - - - - - - - - - - - */
	body {
		background: #000;
		margin: 0;
		padding: 0;
		text-align: center;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
		font-size: small;
		color: #FFF;
		line-height: 1.3em;
	}
		
	h1, h2, h3, h4, caption {
		font-family: Helvetica, Arial, sans-serif;
		color: #777;
		letter-spacing: -0.033em;
	}
	
	h1 {font-size: 2em; font-weight: bold;}
	h2 {font-size: 1.4em; font-weight: bold; text-transform: uppercase;}
	h3 {font-size: 1.2em; font-weight: bold; text-transform: uppercase;}
	
	.thumbnails {
		padding: 5px;
		background: #FFF;
		margin: 0 1px 2px 1px;
		border: none;
	}
	
	.current-thumbnail {
		padding: 0.25em;
		background: #CF0;
		margin: 0 2px 2px 0;
		border: none;
	}
	
	a:hover .thumbnails {
		background: #CF0;
	}
	
	a:hover .current-thumbnail {
		background: #777;
	}
	
	.clearFloats {
		clear: both;
	}

/*	-----------------------------------------------------
	CALENDAR
	- - - - - - - - - - - - - - - - - - - - - - - - - - - */

	#calendar {
		clear: both;
		padding: 0 0 1em;
		text-align: center;
	}
	
	.table-calendar {
		border-collapse: collapse;
		margin: 0 auto;
		border: none;
	}
	
	.table-calendar td {text-align: center;}
	
	.td-calendar-days, .td-calendar-days-imagefound, .td-calendar-days-current {
		font-size: 0.9em;
		font-family: Helvetica, Arial, sans-serif;
	}
	
	.td-calendar-days {
		border-bottom: 1px solid #999;
		color: #999;
		padding: 0.25em 0.4em 0.1em;
	}
	
	.td-calendar-days:hover {
		background: #222;
		color: #444;
		cursor: pointer;
	}
	
	.td-calendar-days-imagefound {
		border: 1px solid #999;
		padding: 0;
	}
	
	.td-calendar-days-imagefound:hover {
		background: #CF0;
	}
	
	.td-calendar-days-imagefound a, .td-calendar-days-imagefound a:visited {
		text-decoration: none;
		color: #FFF;
		display: block;
		padding: 0.25em 0.4em 0.1em;
	}
	
	.td-calendar-days-imagefound a:hover {
		color: #222;
	}
	
	.td-calendar-days-current {
		border: 1px solid #999;
		background: #999;
	}
	
	.td-calendar-days-current:hover {
		background: #CF0;
	}
	
	.td-calendar-days-current a, .td-calendar-days-current a:visited {
		text-decoration: none;
		color: #222;
		display: block;
		padding: 0.25em 0.4em 0.1em;
	}
	
	.td-calendar-days-current a:hover {
		color: #222;
	}
	
	.td-calendar-navi {
		padding: 0.25em;
		border-bottom: 1px solid #999;
		text-transform: uppercase;
		font: bold 1.1em Helvetica, Arial, sans-serif;
		vertical-align: middle;
	}
	
	.td-calendar-navi * {
		vertical-align: middle;
	}
	
	.td-calendar-navi a {
		color: #FFF;
		text-decoration: none;
	}
	
	.td-calendar-navi a:hover {
		color: #CF0;
	}
	
	.td-calendar-navi a[class] {
		width: 20px;
		height: 16px;
		display: block;
	}
	
	.td-calendar-navi a span {
		display: none;
	}
	
	.td-calendar-navi a.previous {
		background: url(tmv.slider.calendar.gif) no-repeat 0 0;
		float: left;
	}
	
	.td-calendar-navi a.previous:hover {
		background: url(tmv.slider.calendar.gif) no-repeat 0 -16px;
	}

	.td-calendar-navi a.next {
		background: url(tmv.slider.calendar.gif) no-repeat -20px 0;
		float: right;
	}
	
	.td-calendar-navi a.next:hover {
		background: url(tmv.slider.calendar.gif) no-repeat -20px -16px;
	}		
		
/*	-----------------------------------------------------
	LOGO
	- - - - - - - - - - - - - - - - - - - - - - - - - - - */
	#logo {
		padding: 1.5em 0;
		background: url(tmv.logo.grande.gif) no-repeat center top;
	}
	
	#logo h1 {
		visibility: hidden;
		margin: 0;
	}
	
/*	#logo h1 {
		font-size: 2em;
		font-weight: bold;
		color: #CCC;
		margin: 0;
	}*/
	
/*	-----------------------------------------------------
	IMAGE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - */
	
	.image-wrapper {
		margin: 0 auto;
		padding: 0 0 1.5em;
	}
	
	.image-wrapper p#picture {
		margin: 0 0 2em;
	}
	
	#image {
		padding: 5px;
		background: #FFF;
	}
	
/*	RIGHT COLUMN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - */
	
	.txt-info {
		width: 65%;
		text-align: left;
		float: right;
	}
	
	.txt-info h2.headline {
		margin-right: 0.33em;
		display: inline;
	}
	
	p.meta{
		font-size: 0.9em;
		display: inline;
		color: #777;
	}
	
	p.meta a {
		color: #777;
		text-decoration: underline;
	}
	
	p.meta a:hover {
		color: #CF0;
	}
	
	.markdown-txt a {
		text-decoration: underline;
		color: #777;
	}
	
	.markdown-txt a:visited {
		color: #555;
	}
	
	.markdown-txt a:hover, .markdown-txt a:active {
		color: #CF0;
	}
	
	.markdown-txt ul {
		list-style-type: square;
		margin-left: 2em;
		padding: 0;
	}
	
	.markdown-txt blockquote {
		font-style: italic;
		color: #CCC;
		padding-left: 2em;
		margin-left: 0;
		background: url(tmv.blockquote.gif) no-repeat left top;
	}
	
	.markdown-txt h3 {
		margin-bottom: 0;
	}
	
/*	LEFT COLUMN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - */
	
	.slide-navigation {
		width: 34%;
		float: left;
		text-align: left;
		font-size: 16px;
	}
	
	.slide-navigation p {
		margin: 0 0 1em;
	}

	.slide-navigation p#slider a span {
		display: none;
	}
	
	.slide-navigation p#slider a {
		display: block;
		float: left;
		margin-right: 2px;
		width: 30px;
		height: 20px;
		padding-top: 4px;
		color: #FFF;
		text-decoration: none;
		font-weight: bold;
		font-family: Helvetica, Arial, sans-serif;
		text-align: center;
	}
	
	.slide-navigation p#slider a:hover {
		color: #222;
	}
	
	.slide-navigation a.previous {
		background: url(tmv.slider.gif) no-repeat 0 0;
	}
	
	.slide-navigation a.previous:hover {
		background: url(tmv.slider.gif) no-repeat 0 -24px;
	}
	
	.slide-navigation a.random {
		background: url(tmv.slider.gif) no-repeat -30px 0;
	}
	
	.slide-navigation a.random:hover {
		background: url(tmv.slider.gif) no-repeat -30px -24px;
	}

	.slide-navigation a.next {
		background: url(tmv.slider.gif) no-repeat -60px 0;
	}
	
	.slide-navigation a.next:hover {
		background: url(tmv.slider.gif) no-repeat -60px -24px;
	}
	
	.slide-navigation a.bttn {
		background: url(tmv.bttn.gif) no-repeat 0 0;
	}
	
	.slide-navigation a.bttn:hover {
		background: url(tmv.bttn.gif) no-repeat 0 -24px;
	}
	
	
/*	-----------------------------------------------------
	COMMENTS
	- - - - - - - - - - - - - - - - - - - - - - - - - - -
	Inside txt-info
	- - - - - - - - - - - - - - - - - - - - - - - - - - - */
	
	a.gotocomments {
		background: url(tmv.comments.gif) no-repeat 10px 0;
		padding-right: 16px;
	}
	
	a.gotocomments:hover {
		background: url(tmv.comments.gif) no-repeat 10px -36px;
	}
	
	#add-comment {
	}
	
	#add-comment label {
		display: block;
		margin: 0.5em 0;
	}
	
	#add-comment label span {
		display: none;
	}
	
	.input {
		background: #222;
		color: #FFF;
		border: 1px solid #999;
		padding: 0.2em;
	}
	
	#add-comment textarea {
		background: #222;
		color: #FFF;
		font: normal 1em/1.2em "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
		border: 1px solid #999;
		padding: 0.2em;
	}
	
	#comments {
		clear: both;
		padding: 3em 0 0 2em;
		font-size: 0.9em;
	}
	
	#comments p {
		margin: 0;
	}
	
	#comments a {
		color: #777;
		text-decoration: underline;
	}
	
	#comments a:hover {
		color: #CF0;
	}
	
	#comments ul {
		list-style-type: none;
		margin: 1.5em 0;
		padding: 0;
	}
	
	#comments li {
		border-top: 1px solid #999;
		padding: 0.33em 0;
	}
	
	#comments li a {
		font-style: normal;
	}
	
	#comments li a:hover {
		text-decoration: underline;
	}
	
/*	-----------------------------------------------------
	ARCHIVE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - */
	
	#archive-wrapper {
		padding: 0 0 1.5em;
		width: 710px; /* ojo con la imagen de fondo de las miniaturas */
		margin: 0 auto;
	}
	
	#archive-navigation {
		padding: 0 0 15px;
		background: #111;
		font-size: 0.9em;
		font-weight: bold;
		font-family: Helvetica, Arial, sans-serif;
		text-transform: uppercase;
	}
	
	#archive-navigation ul {
		list-style: none;
		text-align: center;
		margin: 0;
		padding: 0 0 1px;
		border-bottom: 1px solid #999;
		background: #000;
	}
	
	#archive-navigation ul li {
		display: inline;
		padding: 0 3px 0 0;
		margin: 0;
	}
	
	#archive-navigation a, #archive-navigation a:visited {
		padding: 5px 10px 3px;
		border-width: 1px 1px 0px 1px;
		border-style: solid;
		border-color: #999;
		text-decoration: none;
		color: #FFF;
		background: #111;
		margin: 0;
	}
	
	#archive-navigation a:hover {
		color: #222;
		border-width: 1px 1px 0 1px;
		border-style: solid;
		border-color: #999;
		background: #CF0;
	}
	
	#archive-navigation a:active {
		color: #FFF;
		border-width: 1px 1px 0 1px;
		border-style: solid;
		border-color: #999;
	}
	
	#archive-thumbnails {
		padding: 0;
		text-align: left;
		background: url(tmv.thumbnail.background.gif);
		margin-bottom: 1.5em;
	}
	
	#archive-wrapper .txt-info h2 {
		margin: 0;
	}
	
/*	-----------------------------------------------------
	FOOTER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - */	
	#footer {
		clear: both;
		padding: 2em 0 0;
	}
	
	#footer p.nav {
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold;
	}
	
	#footer p.nav a, #footer p.nav a:visited {
		color: #FFF;
		text-decoration: none;
	}
	
	#footer p.nav a:hover {
		color: #CF0;
		text-decoration: underline;
	}
	
	#footer p.tech {
		color: #888;
		font-size: 0.8em;
		padding: 0.25em 0 1em;
		margin: 0.5em 0 0;
	}
	
	#footer p.tech a {
		color: #888;
		text-decoration: none;
	}
	
	#footer p.tech a:hover {
		color: #CF0;
		text-decoration: underline;
	}

/*	-----------------------------------------------------
	SYSTEM MESSAGES (COMMENTS)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - */
	div.system-message {
		background: url(tmv.logo.peque.gif) no-repeat center top;
		width: 200px;
		margin: 3em auto;
		padding: 40px 0 0;
	}
	
	div.system-message a {
		text-decoration: underline;
		color: #777;
	}
	
/*	-----------------------------------------------------
	ABOUT PAGE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - */
	#counters {
		width: 160px;
		margin: 0 auto;
	}
	
	#counters div{
		float:left;
		width: 80px;
		height: 40px;
		text-align: center;
		padding-top: 40px;
		color: #000;
		margin: 0;
		font: bold 12px Helvetica, Arial, sans-serif;
	}
	
	#counters div span {
		display: none;
	}
	
	div#photos {
		background:url(tmv.contador.fotos.jpg) no-repeat center center;
	}
	
	div#visitors {
		background:url(tmv.contador.visitas.jpg) no-repeat center center;
	}
	
	#about {
		clear: both;
		width: 30em;
		margin: 0 auto;
		padding: 1.5em 0;
		text-align: left;
	}
	
	#about h1, #about h2, #about h3, #about h4 {
		text-align: center;
	}

/*	-----------------------------------------------------
	ARCHIVE CALENDAR
	- - - - - - - - - - - - - - - - - - - - - - - - - - - */
	
	#archive-calendar-wrapper {
		width: 994px;
		margin: 0 auto;
		padding: 0;
	}
	
	#archive-calendar-wrapper div, .td-calendar-names {
		width: 142px;
	}
	
	#archive-calendar-wrapper div {
		float: left;
		height: 162px;
		margin: 0;
	}
	
	span.date {
		display: block;
		height: 17px;
		overflow: hidden;
		padding-top: 3px;
		margin: 0 1px;
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold;
	}
	
	#archive-calendar-wrapper .table-calendar {
		margin-bottom: 3px;
	}
	
	.td-calendar-names {
		padding: 0.25em 0;
		border-bottom: 1px solid #999;
		font-size: 0.9em;
	}
	
	.no-day {
		background: #000;
	}
	
	.day-noimage {
		background: #000 url(tmv.thumbnail.background.gif) no-repeat 0 20px;
	}
	
	.day-noimage .date {
		background: #222;
		color: #999;
	}
	
	.day-imagefound {
		background: #000;
	}
	
	.day-imagefound .date {
		background: #FFF;
		color: #000;
	}
	
	.day-imagefound:hover .date {
		background: #CF0;
	}