/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*------------------------------------------- TWASH CSS -----------------------------------------*/
/*----------------------------- by Ignacio Ricci (www.ignacioricci.com) -------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Reset Styles -----------------------------------------------------------*/
	
	
		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 
		cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, 
		ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button
		{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:transparent;}
		
		ol, ul {list-style:none;}
		h1, h2, h3, h4, h5, h6, li {line-height:100%;}
		blockquote, q {quotes:none;}
		table {border-collapse:collapse; border-spacing:0;}
		

/*- Fin de Reset Styles ----------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*- Estilos Generales ------------------------------------------------------*/

		
		body {font:76% Arial, Helvetica, sans-serif; background:url(../images/bodyBg.gif) repeat 0 0;}
		
			/*- Clear Div -*/
			.clearThis {clear:both;}
			
			/*- Sprites -*/
			.sprite {display:block; font-size:0; text-indent:-9999em; background:url(../images/twashSprite.gif) no-repeat 0 0;}
			img.sprite {display:inline; text-indent:0;}
	
			/*- Links -*/
			a {text-decoration:none;}
			a:hover {border-bottom:1px dotted;}
			a.sprite:hover,
			.actionLink:hover {border:none;}
			
			/*- Accesible -*/
			.accesible {position:absolute; top:0; left:-9999px;}
				
			/*- Contenedor general -*/
			.innerWrapper {padding-left:410px; width:550px;}
			
			/*- Links de acciones importantes -*/
			.actionLink {font-weight:bold; font-size:1.1em; color:#FFF; padding:8px 15px; background:#0E1B19; -moz-border-radius:5px; -webkit-border-radius:5px;}
		
		
/*- Fin de Estilos Generales -----------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*- Navegación superior ----------------------------------------------------*/


		#topNav {color:#CBECD1; padding:25px 0; background:url(../images/topNavBg.gif) repeat 0 0; border-bottom:1px solid #CBECD1;}
		
			#topNav p,
			#topNav #exploreTweetList,
			#addNewTweetLink {float:left; margin-right:10px;}
			
			/*- Lista de links superior -*/
			#exploreTweetList {}
				#exploreTweetList li {display:inline; margin-right:10px;}
				#exploreTweetList a {color:#A1E6E1;}
	
			#topNav #addNewTweetLink {margin:0 25px;}
			
				/*- Boton add new tweet -*/
				#topNav #addNewTweetLink .actionLink {padding-left:12px;}
				/*- Icono estrellita -*/	
				.addIcon {width:15px; height:14px; display:inline; vertical-align:top; margin-right:6px; background-position:-457px -194px;}
				
			/*- Formulario para agregar tweet -*/
			#addNewTweetForm {display:none;}
				#addNewTweetForm p {position:relative; top:-5px;}
				#addNewTweetForm input {vertical-align:middle;}
				/*- Campo Agregar -*/
				#addTweetsField {color:#1E3836; width:320px; padding:5px; background:#FFF; border:1px solid #315A59;}
				/*- Boton Agregar -*/
				#addTweetsBtn {cursor:pointer;}
				/*- Clase para en focus -*/
				.addFocus {font-weight:bold; border:1px solid #FF4400 !important;}
				
			#languageSelect a {color:#A1E6E1;}

/*- Fin de Navegación superior ---------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*- Header (Logo + Frase + Search) -----------------------------------------*/


		#header {background:#A6E7DF; position:relative;}
			
			/*- Logo -*/
			#header h1 {padding-top:65px;}
				#header h1 a {width:295px; height:86px; background-position:-388px 0;}
				
			
			/*- Frase -*/
			#header h2 {font:italic 1.4em Georgia, Times, serif; color:#4B7677; padding-top:20px; padding-bottom:25px;}
				#header h2 a {color:#1E3836; text-decoration:underline;}
				

			/*- Búsqueda -*/
			#search {height:71px; background:#5C5648; border-bottom:13px solid #CBECD1;}
				#search .innerWrapper {padding-top:24px;}		
					/*- Label de búsqueda -*/
					#search label {color:#D1CAAE; margin-right:5px;}
					/*- Campo de busqueda -*/
					#searchTweetsField {color:#97907A; padding:5px; background:#4D483D; border:1px solid #3B372F; width:320px;}
					/*- Boton buscar -*/
					#searchTweetsBtn {cursor:pointer;}
					/*- Campo de busqueda en focus -*/
					#searchTweetsField.searchFocus {border-color:#CEEDCF; color:#1E3836; background:#FFF; font-weight:bold;}
					
				
			/*- Pajarito en la casita -*/
			#homeTweetHome {width:387px; height:305px; position:absolute; left:0; bottom:0;}
				#homeTweetHome a {height:100%;}


/*- Fin de Header (Logo + Frase + Search) ----------------------------------*/

/*-----------------------------------------------------------------------------------------------*/

/*- Contenedor de todos los tweets -----------------------------------------*/

		
		#tweetsContainer {position:relative;}
		
			/*- Parte inferior del tronco -*/
			#trunkBottom {width:386px; height:90px; background-position:0 -306px; position:absolute; left:0; top:0;}
			
			/*- Titulo resultados -*/
			#tweetsContainer h3 {font-size:2.9em; letter-spacing:-0.04em; text-transform:lowercase; color:#A1E6E1; padding:50px 0 20px;}
	

/*- Fin de Contenedor de todos los tweets ----------------------------------*/
			
/*-----------------------------------------------------------------------------------------------*/

/*- Tweets -----------------------------------------------------------------*/		

			
		/*- Cada tweet -*/
		.tweet {width:518px; margin-bottom:15px; position:relative;}
			
			/*--------------------------------------------*/
			/*	Contenido del Tweet 					  */
			/*--------------------------------------------*/
			
			.tweet p {padding:0 40px 0 20px;}
			
				.tweet p,
				.tweet p q {display:block;}
				
				/*- Nombre del usuario -*/
				.tweet strong,
				.tweet strong a {color:#688100; padding-bottom:3px;}
				.tweet strong {font-size:1.2em;}
				.tweet strong a:hover {border:none;}
				
					/*- Arroba (agregado por JS) -*/
					.tweet span {margin-right:3px;}
				
				/*- Texto del tweet del usuario -*/
				.tweet q {color:#5C5648; line-height:130%;}
					.tweet q a {color:#5C5648;}
				
				/*- Bordes + Burbuja -*/
				.tweet .tBorder,
				.tweet .bBorder {width:518px; height:19px;}
				.tweet .bubble {width:19px; height:51px; position:absolute; top:11px; left:-18px;}
				
				/*- Votos -*/
				.tweet .votes {width:220px; position:absolute; top:15px; right:15px;}
					.tweet .votes a,
					.tweet .votes em {float:right;}
					/*- Sumar o restar -*/
					.tweet .votes a {width:16px; height:15px; margin-left:3px; cursor:pointer;}
					/*- Cantidad -*/
					.tweet .votes em {font:italic 1.3em Georgia, serif; color:#999; text-align:right; padding-right:5px; position:relative; top:-3px;}
				
			/*--------------------------------------------*/
			/*	Tweets blancos							  */
			/*--------------------------------------------*/
			
			/*- Texto del tweet -*/
			.tweet p {background:#FFF;}		
			/*- Borde Superior -*/
			.tweet .tBorder {background-position:-409px -88px;}
			/*- Borde Inferior -*/
			.tweet .bBorder {background-position:-409px -108px;}
			/*- Burbuja -*/
			.tweet .bubble {background-position:-389px -88px;}
			
			/*- Iconos de votar -*/
			.tweet .voteUp {background-position:-406px -194px;}
			.tweet .voteUp:hover {background-position:-440px -194px;}
			.tweet .voteDown {background-position:-389px -194px;}
			.tweet .voteDown:hover {background-position:-423px -194px;}
			
			
			/*--------------------------------------------*/
			/*	Tweets verdes							  */
			/*--------------------------------------------*/
			
			/*- Texto del tweet -*/	
			.oddTweet p {background:#D1F4D8;}
			/*- Borde Superior -*/
			.oddTweet .tBorder {background-position:-409px -128px;}
			/*- Borde Inferior -*/
			.oddTweet .bBorder {background-position:-409px -148px;}
			/*- Burbuja -*/
			.oddTweet .bubble {background-position:-389px -140px;}
			
			/*- Iconos de votar -*/
			.oddTweet .voteUp {background-position:-406px -210px;}
			.oddTweet .voteUp:hover {background-position:-440px -210px;}
			.oddTweet .voteDown {background-position:-389px -210px;}
			.oddTweet .voteDown:hover {background-position:-423px -210px;}
				
				
			/*--------------------------------------------*/
			/*	Luego de votar:							  */
			/*--------------------------------------------*/
				
			.tweet .votes .justVotedUp,
			.tweet .votes .justVotedDown {font-size:1.1em;}
			.tweet .votes .justVotedUp {font-weight:bold;}
				
				
/*- Fin de Tweets ----------------------------------------------------------*/		



/*- Comments -----------------------------------------------------------------*/		

			
		/*- Cada comment -*/
		.comment {width:518px; margin-bottom:15px; position:relative;}
			
			/*--------------------------------------------*/
			/*	Contenido del comment		  */
			/*--------------------------------------------*/
			
			.comment p {padding:0 40px 0 20px;}
			
				.comment p strong,
				.comment p q {display:block;}
				
				/*- Nombre del usuario -*/
				.comment strong,
				.comment strong a {color:#688100; padding-bottom:3px;}
				.comment strong {font-size:1.2em;}
				.comment strong a:hover {border:none;}
				
				/*- Texto del tweet del usuario -*/
				.comment q {color:#5C5648; line-height:130%;}
					.comment q a {color:#5C5648;}
				
				/*- Bordes + Burbuja -*/
				.comment .tBorder,
				.comment .bBorder {width:518px; height:19px;}
				/*.comment .bubble {width:19px; height:51px; position:absolute; top:11px; left:-18px;}*/
				
			/*--------------------------------------------*/
			/*	Tweets blancos							  */
			/*--------------------------------------------*/
			
			/*- Texto del tweet -*/
			.comment p {background:#FFF;}		
			/*- Borde Superior -*/
			.comment .tBorder {background-position:-409px -88px;}
			/*- Borde Inferior -*/
			.comment .bBorder {background-position:-409px -108px;}
			/*- Burbuja -*/
			.comment .bubble {background-position:-389px -88px;}
				
				
/*- Fin de Comments----------------------------------------------------------*/		
/*-----------------------------------------------------------------------------------------------*/	

/*- Paginacion -------------------------------------------------------------*/

	
		.pagination {padding:0 40px 10px 0; text-align:right;}
			.pagination a {color:#A1E6E1; background:#0E1B19; padding:3px 5px; margin-right:5px;}
			.pagination a:hover {color:#FFF; border:none;}
	


/*- Paginacion -------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/	

/*- Filtros de fechas en top.php -------------------------------------------*/


		.dateFilters {color:#CBECD1; padding:25px 45px 0 0; text-align:right;}
			.dateFilters a {color:#CBECD1;}
			.dateFilters a:hover {color:#FFF;}
		
		
/*- Filtros de fechas en top.php -------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/	
		

/*- Mensaje de error de busqueda -------------------------------------------*/

	
		.searchMsg {width:488px; color:#CC0000; font-weight:bold; padding:15px; margin-bottom:20px; background:#FFF; -moz-border-radius:10px; -webkit-border-radius:10px;}


/*- Fin de Mensaje de error de busqueda ------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/	

/*- Nueva Busqueda ---------------------------------------------------------*/

		
		#newSearch p {color:#CBECD1;}
			#newSearch a {color:#A1E6E1;}
		

/*- Fin de nueva Busqueda --------------------------------------------------*/	

/*-----------------------------------------------------------------------------------------------*/	

/*- Only Tweet -------------------------------------------------------------*/


		#onlyTweet {height:50px;}
			.tweetMeta {color:#999 !important; display:block; border-top:1px solid #EEE; margin-top:5px; padding-top:10px;}
			.linkInMeta {color:#999 !important; font-size:1em !important; display:inline !important;}
			.linkInMeta:hover {color:#333;}
			#socialIcons {padding-top:5px;}
			#socialIcons a {display:inline !important;}
			#socialIcons a:hover {border:none;}
			
/*- Fin de Only Tweet ------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/	

/*- Add twashes form -------------------------------------------------------*/


		#addTwashes {width:518px; padding:15px 0; margin-bottom:20px; background:#FFF; -moz-border-radius:10px; -webkit-border-radius:10px;}	
			#addTwashes label {font-weight:bold;}
			#addTwashes p {padding:5px 20px;}
			#user, #urlid , #tagsid{color:#1E3836; width:100%;}
			#languageid{color:#1E3836; width:100%;}
			.addFormBtnContainer {text-align:right; margin-right:10px;}
			
			
			#answer .answerError,
			#msg {width:488px; color:#CC0000; font-weight:bold; padding:15px; margin-bottom:20px; background:#FFF; -moz-border-radius:10px; -webkit-border-radius:10px;}
			#answer .tweet a {position:absolute; top:13px; right:20px; color:#666;}
			#answer .tweet a:hover {color:#333;}
			
			#msg a {color:#0E1B19;}
	
	
/*- Fin de Add twashes form ------------------------------------------------*/		

/*-----------------------------------------------------------------------------------------------*/	

/*- Footer -----------------------------------------------------------------*/


		#footer {padding:20px 0; margin-top:90px; background:#0E1B19; border-top:7px solid #274843;}
			#footer p {padding-left:110px; color:#396E6C;}
				#footer a {color:#86B600; text-decoration:none; margin-left:10px;}
				
				/*- Pajarito -*/
				.copyBird {width:21px; height:20px; vertical-align:bottom; margin-right:3px; background-position:-457px -209px;}
				

/*- Fin de Footer ----------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/	

/*- IE 6 + IE 7 Fixes ------------------------------------------------------*/

	
		/*- IE6 -*/
		* html #topNav #addNewTweetLink .actionLink {float:left;}
		* html #homeTweetHome {bottom:auto; top:35px;}
		* html #topNav p,
		* html #topNav #exploreTweetList {margin-top:8px;}
		* html #topNav #exploreTweetList a {position:relative; top:2px;}
		* html #addNewTweetForm {float:left; position:relative; top:-4px;}
		
		/*- IE7 -*/
		*+ html #topNav #addNewTweetLink .actionLink {float:left;}
		*+ html #topNav p,
		*+ html #topNav #exploreTweetList {margin-top:8px;}
		*+ html #topNav #exploreTweetList a {position:relative; top:2px;}
		*+ html #addNewTweetForm {float:left; position:relative; top:-4px;}


/*- Fin de IE 6 + IE 7 Fixes -----------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*--------------------------------------- END TWASH CSS -----------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/