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

Título		: Ten Thousand Things
Autor		: Juanma Teixido
URL 		: www.ttthings.com

Descripción : Sharing my universe, one thing at a time

Creado 		: Noviembre 19, 2007
Modificado	: Febrero 29, 2008

- - - - - - - - - - - - - - - - - - - - - */
/* As Veerle says: (http://veerle.duoh.com/) 
"You may adapt and learn from the elements of this CSS to use in your own
projects, but you may not copy the design (the unique combination of images,
colors, sizes, typography, and positioning) since this is copyright of Juanma Teixidó
and may not be reproduced. 
------------------------------------------------------------------*/


body {
	background: black url('../gfx/backgrounds/back_wraper_cabecera.jpg') repeat-x;
	background-color: black;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: small;
	}

* 	html body { 
	font-size: x-small; /* para IE5/WIN */
	f\ont-size: small; /*for other IE versions*/
}

body,td,th {
	font-family: "Lucida Grande", Verdana, "Trebuchet MS", Arial, sans-serif;
/*	color: #9299ab; original*/ 
/*	color: #b0b6c7; lighter*/
	color: #919cb9; /*new*/
	line-height: 160%;
}
.reset_float { 
	clear: both;
}

/*****************************************************/
/* RESETTERS AND GLOBAL SETTINGS               		 */
/***************************************************/

h1, h2, h3, h4 { 
	margin-top: 0px;
	margin-bottom: 15px;
	color: white;
}
h1 { 
	font: 190% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	line-height: 110%;
}
h2 { 
	font: 160% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}
h2 span { 
	display: none;
}
small { 
	margin: 0;
	color: white;
}
p { 
	margin-top: 0;
}
a img { 
	border: 0;
}
ul { 
	line-height: 158%;
}
img.foto_post { 
	float: left;
	margin-right: 15px;
}
p img { 
	border: 1px dotted #1d1b33;
	padding: 7px;
/*	background-color: white;*/
}

img.float_left { 
	float: left;
	border: 1px dotted #1d1b33;
	padding: 7px;
	margin-right: 15px;
	margin-bottom: 15px;
}
img.float_right { 
	float: right;
	border: 1px dotted #1d1b33;
	padding: 7px;
	margin-left: 15px;
	margin-bottom: 10px;
}
p img.center_no_borders { 
	border: 0;
}

/*****************************************************/
/* A, LINKS                                 		 */
/***************************************************/

a { 
	color: white;
	text-decoration: none;
}
a:hover { 
	text-decoration: underline;
	color: #a0c545;
}
h1 a:hover { 
	color: #a0c545;
	text-decoration: none;
}


/*****************************************************/
/* TYPOGRAPHY                               		 */
/***************************************************/

/* INTRO
----------------------------------------------- */

h1.intro { 
	font-size: 230%;
	margin-top: 5px;
}

p.intro { 
	font-size: 120%;
	line-height: 200%;
}
div.shop_info h1 { 
	margin-top: 15px;
	margin-bottom: 30px;
}
div.post_info h1, div.portfolio_info h1 { 
	margin-bottom: 5px;
	margin-top: -2px;
}
p.centered { 
	text-align: center;
	clear:both;
/*	padding: 20px;*/
}
p.previous_page { 
	float: left;
	background: url('../gfx/iconos/i_back.gif') no-repeat top left;
	padding-left: 25px;
	font: 100% Verdana, sans-serif;
	height: 22px;
	padding-top: 3px;
}
p.next_page{ 
	float:right;
	background: url('../gfx/iconos/i_forward.gif') no-repeat top right;
	padding-right: 25px;
	font: 100% Verdana, sans-serif;
	height: 22px;
	padding-top: 3px;
}
p em { 

}
p strong { 
	text-transform: uppercase;
	font-size: 85%;
}
q { 
	line-height: 200%;
	padding-left: 30px;
	padding-right: 30px;
/*	padding-bottom: 15px;*/
	color: white;
	display: block;
	font-size: 120%;
}
ul.dialogue { 
	font-size: 120%;
	padding-left: 30px;
	padding-right: 30px;
	line-height: 200%;
	list-style: none;
}
ul.dialogue li.white { 
	color: white;
}

/* TITULOS DE PAGINA
----------------------------------------------- */

h1.h1_search { 
	background: url('../gfx/iconos/i_search.gif') no-repeat left center;
	padding-left: 32px;
}
h1.h1_contact { 
	background: url('../gfx/iconos/i_contact.gif') no-repeat left center;
	padding-left: 38px;
}

/* TITULOS DEL SIDEBAR
----------------------------------------------- */

h2#twitter { 
	background: url('../gfx/headlines/h2_twitter.gif') no-repeat;
	height: 76px;
	width: 230px;
	margin-bottom: -25px;
}
h2#good_ol_search { 
	background: url('../gfx/headlines/h2_good_ol_search.gif') no-repeat;
	height: 76px;
	width: 230px;
	margin-bottom: -12px;
	margin-top: 26px;
}
h2#most_popular { 
	background: url('../gfx/headlines/h2_most_popular.gif') no-repeat;
	height: 76px;
	width: 230px;
	margin-top: 26px;
	margin-bottom: -18px;
}
h2#flickr { 
	background: url('../gfx/headlines/h2_flickr.gif') no-repeat;
	height: 76px;
	width: 230px;
	margin-top: 26px;
	margin-bottom: -21px;
}
h2#featured_on { 
	background: url('../gfx/headlines/h2_featured_on.gif') no-repeat;
	height: 76px;
	width: 230px;
	margin-top: 26px;
	margin-bottom: -16px;
}
h2#things_i_heart { 
	background: url('../gfx/headlines/h2_things_i_heart.gif') no-repeat;
	height: 76px;
	width: 230px;
	margin-top: 26px;
	margin-bottom: -21px;
}

h2#recommended { 
	background: url('../gfx/headlines/h2_recommended.gif') no-repeat;
	height: 76px;
	width: 230px;
	margin-top: 26px;
	margin-bottom: -21px;
}
h2#categories { 
	background: url('../gfx/headlines/h2_categories.gif') no-repeat;
	height: 76px;
	width: 230px;
	margin-top: 26px;
	margin-bottom: -21px;
}

/* TITULOS DEL FOOTER
----------------------------------------------- */
h2#hot_new { 
	background: url('../gfx/headlines/h2_hot_new_work.gif') no-repeat;
	height: 16px;
	margin-bottom: 8px;
}
h2#what_is_graphic_design { 
	background: url('../gfx/headlines/h2_what_is_graphic.gif') no-repeat;
	height: 16px;
	margin-bottom: 8px;
}
h2#shooting_tags { 
	background: url('../gfx/headlines/h2_shooting_tags.gif') no-repeat;
	height: 16px;
	margin-bottom: 8px;
}

/* CALENDARIO DEL POST y PORTFOLIO
----------------------------------------------- */

.post_calendar p, .portfolio_calendar p { 
	margin: 0;
	color: #333;
	line-height: 100%;
	font-family: "Trebuchet MS", Arial, sans-serif;
}
.post_calendar p.mes, .portfolio_calendar p.mes  { 
	font-size: 80%;
	margin-bottom: -1px;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, sans-serif;
}
.post_calendar p.dia, .portfolio_calendar p.dia  { 
	font-size: 120%;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, sans-serif;
}


/* POSTS Y COMENTARIOS
----------------------------------------------- */
h3 { 
	margin-bottom: 10px;
	font-weight: normal;

}
p.comentario_nro { 
	font-size: 15px;
	font-weight: bold;
	margin-top: 4px;
	line-height: 15px;
	font-family: "Trebuchet MS", Arial, sans-serif;
}
span.post_date { 
	background: url('../gfx/iconos/i_posted.gif') no-repeat center left;
	padding-left: 20px;
	margin-left: 5px;
}
h3 em { 
	background: url('../gfx/backgrounds/back_dotted_vertical_line_white.gif') no-repeat right;
	padding-right: 10px;
	margin-right: 8px;
	font-style: normal;
}

/* SEARCH
----------------------------------------------- */

ul strong { 
	color: #a0c545;
}

/*****************************************************/
/* UL, LISTS, ETC                             		 */
/***************************************************/


ul.stars { 
	list-style: none;
}


/* SIDEBAR
----------------------------------------------- */


#sidebar ul { 
	margin-top: 0px;
	margin-bottom: 0;
	list-style: none;
	margin-left: 68px;
	padding-left: 0px;
}
#sidebar li, ul.stars li { 
	background: url('../gfx/iconos/i_bullet.gif') no-repeat top left;
	padding-left: 17px;
	margin-bottom: 7px;
	line-height: 130%;
}
#sidebar li a{ 
	color: #919cb9;
}
#sidebar li a:hover{ 
	color: #fff;
}

/* POSTS
----------------------------------------------- */

ul.post_info { 
	margin: 0px;
	padding: 0px;
	list-style: none;
	font: 80% Verdana, Arial, sans-serif;
}
ul.post_info li { 
	float: left;
	margin-right: 15px;
	height: 19px;
	padding-top: 1px;
}
li.posted { 
	background: url('../gfx/iconos/i_posted.gif') no-repeat top left;
	padding-left: 20px;
}
li.tags { 
	background: url('../gfx/iconos/i_tags.gif') no-repeat;
	padding-left: 22px;
}
li.comments { 
	background: url('../gfx/iconos/i_comments.gif') no-repeat;
	padding-left: 20px;
}

/* MENU
----------------------------------------------- */

#menu { 
	float: left;
	margin-top: 229px;
	margin-left: 25px;
}
#menu ul { 
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#menu ul li { 
	float: left;
}
li span { 
	display: none;
}
li#boton_blog a { 
	width: 91px;
	height: 30px;
	display: block;
	background: url('../gfx/botones/blog_off.gif') no-repeat;
}

li#boton_blog, li#boton_blog a:hover { 
	background: url('../gfx/botones/blog_on.gif') no-repeat;
}
body#blog li#boton_blog a, li#boton_blog a:active { 
	background: url('../gfx/botones/blog_active.gif') no-repeat;
}
li#boton_about a { 
	width: 104px;
	height: 30px;
	display: block;
	background: url('../gfx/botones/about_off.gif') no-repeat;
}
li#boton_about, li#boton_about a:hover { 
	background: url('../gfx/botones/about_on.gif') no-repeat;
}
body#about li#boton_about a, li#boton_about a:active { 
	background: url('../gfx/botones/about_active.gif') no-repeat;
}
li#boton_portfolio a { 
	width: 130px;
	height: 30px;
	display: block;
	background: url('../gfx/botones/portfolio_off.gif') no-repeat;
}
li#boton_portfolio, li#boton_portfolio a:hover { 
	background: url('../gfx/botones/portfolio_on.gif') no-repeat;
}
body#portfolio li#boton_portfolio a, li#boton_portfolio a:active { 
	background: url('../gfx/botones/portfolio_active.gif') no-repeat;
}
li#boton_shop a { 
	width: 94px;
	height: 30px;
	display: block;
	background: url('../gfx/botones/shop_off.gif') no-repeat;
}
li#boton_shop, li#boton_shop a:hover { 
	background: url('../gfx/botones/shop_on.gif') no-repeat;
}
body#shop li#boton_shop a, li#boton_shop a:active { 
	background: url('../gfx/botones/shop_active.gif') no-repeat;
}
li#boton_contact a { 
	width: 118px;
	height: 30px;
	display: block;
	background: url('../gfx/botones/contact_off.gif') no-repeat;
}
li#boton_contact, li#boton_contact a:hover { 
	background: url('../gfx/botones/contact_on.gif') no-repeat;
}
body#contact li#boton_contact a, li#boton_contact a:active { 
	background: url('../gfx/botones/contact_active.gif') no-repeat;
}
li#boton_rss a { 
	width: 98px;
	height: 30px;
	display: block;
	background: url('../gfx/botones/rss_off.gif') no-repeat;
}
li#boton_rss, li#boton_rss a:hover { 
	background: url('../gfx/botones/rss_on.gif') no-repeat;
}
li#boton_rss a:active { 
	background: url('../gfx/botones/rss_active.gif') no-repeat;
}
body#blog li#boton_blog a, body#about li#boton_about a, body#portfolio li#boton_portfolio a, body#contact li#boton_contact a { 
	cursor: default;
}

/* FOOTER
----------------------------------------------- */

#footer ul { 
	list-style: none;
	margin: 0px;
	padding: 0px;
}
li#visit_my_portfolio a { 
	width: 137px;
	height: 27px;
	display: block;
	background: url('../gfx/botones/visit_my_portfolio.gif') no-repeat;
}
li#get_it_at_the_shop a { 
	width: 134px;
	height: 27px;
	display: block;
	background: url('../gfx/botones/get_it_at_the_shop.gif') no-repeat;
}

/* SHOOTING TAGS
----------------------------------------------- */

ul#tags_1 { 
	float: left;
	width: 80px;
	margin-right: 15px;
}
ul#tags_2 { 
	float: left;
	width: 80px;
	margin-right: 15px;
}
ul#tags_3 { 
	float: left;
	width: 60px;
}
#footer ul li a { 
	color: #76859a;
} 
ul#tags_1 li, ul#tags_2 li, ul#tags_3 li { 
	background: url('../gfx/iconos/i_tags_footer.gif') no-repeat;
	padding-left: 20px;
}

/* CREDITS
----------------------------------------------- */

ul#credits { 
	padding: 0px;
	margin: 0;
	margin-left: 320px;
}
ul#credits li#copyright { 
	float: left;
}
ul#credits li#powered { 
	float: right;
}
/* SHOP OPTIONS
----------------------------------------------- */
ul.shop_options { 
	margin: 0;
	padding: 0px;
	margin-bottom: -10px;
	list-style: none;
	font: 110% Verdana, Arial, sans-serif;
}
ul.shop_options li.add a { 
	display: block;
	padding-left: 45px;
	padding-top: 10px;
	padding-bottom: 12px;
}
ul.shop_options li.add { 
	background: url('../gfx/iconos/i_add_to_cart.gif') no-repeat top left;
}

/* ARTICLE OPTIONS
----------------------------------------------- */

ul.article_options { 
	margin: 0px;
	padding: 0px;
	list-style: none;
	font: 110% Verdana, Arial, sans-serif;
}
ul.article_options li { 
	margin-right: 15px;
	height: 22px;
	padding-top: 1px;
	margin-top: 10px;
	margin-bottom: -5px;
}
li.back_to_homepage { 
	float: left;
	background: url('../gfx/iconos/i_back.gif') no-repeat top left;
	padding-left: 25px;
}
li.article_rss { 
	float: left;
	background: url('../gfx/iconos/i_article_rss.gif') no-repeat;
	padding-left: 30px;
}
li.permalink { 
	float: left;
	background: url('../gfx/iconos/i_permalink.gif') no-repeat;
	padding-left: 30px;
}
li.read_more { 
	background: url('../gfx/iconos/i_read_more.gif') no-repeat top right;
	padding-right: 35px;
	float: right;
}

/*****************************************************/
/* LAYOUT                                   		 */
/***************************************************/

/* CABECERA
----------------------------------------------- */
#wraper_cabecera { 
	background: url('../gfx/backgrounds/back_wraper_cabecera.jpg') repeat-x;
}
#cabecera{ 
	background: url('../gfx/backgrounds/back_cabecera_sharing_my_universe.gif') no-repeat 320px 156px;
	width: 955px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 259px;	
}
#logo { 
	float: left;
}

/* CONTENIDO, SIDEBAR Y PRINCIPAL
----------------------------------------------- */
#adsense { 
	margin-left: 70px;
	margin-top: 5px;
}
#wraper_contenido { 
	background: url('../gfx/backgrounds/back_wraper_contenido.jpg');
}
#contenido { 
	width: 955px;
	display: block;
    margin-left: auto;
    margin-right: auto;
}
#sidebar { 
	background: url('../gfx/backgrounds/back_sidebar.jpg') no-repeat;
	width: 230px;
	margin-left: 30px;
	margin-right: 60px;
	padding-top: 36px;
	float: left;
	display: inline;
}
#flickr_badge { 
	margin-left: 70px;
	margin-top: 5px;
}
.flickrimg { margin-bottom: 10px; }
#flickrimg1 { margin-right: 10px; }
#flickrimg3 { margin-right: 10px; }
#flickrimg5 { margin-right: 10px; }
#flickrimg7 { margin-right: 10px; }
#flickrimg9 { margin-right: 10px; }

#principal { 
	margin-top: 50px;
	float: left;
	width: 635px;
}

/* CALENDARIO Y POST
---------------------- */

div.post_calendar { 
	width: 38px;
	height: 43px;
	float: left;
	background: url('../gfx/backgrounds/back_post_calendar.jpg') no-repeat;
	padding-top: 5px;
	margin-right: 10px;
}
div.post_calendar_container { 
	text-align: center;
	width: 37px;
}
div.portfolio_calendar_container { 
	text-align: center;
	width: 46px;
	margin-top: 6px !important;
	margin-top: 10px;
}
div.portfolio_calendar { 
	width: 47px;
	height: 41px;
	float: left;
	background: url('../gfx/backgrounds/back_portfolio_calendar.gif') no-repeat;
	padding-top: 5px;
	margin-right: 10px;
}
div.shop_calendar { 
	width: 40px;
	height: 48px;
	float: left;
	background: url('../gfx/backgrounds/back_shop_calendar.gif') no-repeat;
	padding-top: 5px;
	margin-right: 10px;
}
div.shop_info { 
	float: left;
	width: 540px;
}

div.post_info{ 
	float: left;
	width: 573px;
	margin-bottom: 15px;
}
div.portfolio_info { 
	float: left;
	width: 573px;
	margin-bottom: 15px;
}
div.hr { 
	background: url('../gfx/backgrounds/back_dotted_line_blue.gif') repeat-x;
	height: 30px;
	margin-top: 30px;
}
div.hr_footer { 
	background: url('../gfx/backgrounds/back_dotted_line_light_blue.gif') repeat-x;
	height: 25px;
	margin-top: 8px;
	clear: both;
	width: 600px;
	margin-left: 320px;
}


/* FOOTER
----------------------------------------------- */

#wraper_footer { 
	background: #fff url('../gfx/backgrounds/back_wraper_footer.jpg') repeat-x;
}
#footer { 
	width: 955px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 340px;
	background: url('../gfx/backgrounds/back_footer_shooting_tags.jpg') no-repeat 540px 0px;
	color: #76859a;
}
#footer_hot_new_thumb { 
	width: 244px;
	margin-left: 51px;
	margin-right: 25px;
	float: left;
	display: inline;
}
#footer_hot_new_desc { 
	width: 270px;
	margin-right: 60px;
	margin-top: 122px;
	float: left;
}
#footer_shooting_tags { 
	width: 270px;
	margin-top: 122px;
	float: left;
}

/*****************************************************/
/* FORMS, INPUTS, ETC                          		 */
/***************************************************/
/* Comentario */

fieldset { 
	border: 1px dotted #1d1b33;
}
.col_izq {
	float:left;
	width:280px;
	margin-right:30px;
	}
.col_der {
	float:left;
	width:280px;
	}
.txt_search {
	border:1px solid #7d904e;
	width:120px;
	margin-left: 70px;
	margin-right:4px;
}
.txt_search_advanced { 
	border:1px solid #7d904e;
	margin-bottom: 5px;
}
.txt_search:hover {
	border:1px solid #618ec5;
}
.boton_buscar { 
	vertical-align:middle;
	margin-top: -4px;
}	
/* LEAVE A COMMENT FORM
----------------------------------------------- */

h2#comments { 
	background: url('../gfx/headlines/h2_comments.gif') no-repeat;
	height: 20px;
	width: 230px;
}
h2.leave_a_comment { 
	background: url('../gfx/headlines/h2_leave_a_comment.gif') no-repeat;
	height: 20px;
	width: 230px;
	margin-top: 25px;
}
div#leave_a_comment { 
	margin-left: 40px;
}
.txt_comment_fields { 
	border:1px solid #7d904e;
}
.txt_comment_fields:hover { 
	border:1px solid #618ec5;
}
.txt_area { 
	border:1px solid #618ec5;
}
	
/*****************************************************/
/* COMMENTS                               		 */
/***************************************************/

div#post_footer { 
	width: 600px;
	height: 60px;
	background: url('../gfx/backgrounds/back_post_footer.gif') no-repeat center;
	margin-top: 30px;
	margin-bottom: 20px;
}

/* LAYOUT
----------------------------------------------- */

div.comentario { 
	width: 600px;
}
div.comentario_contador { 
	width: 30px;
	height: 30px;
	float: left;
	background: url('../gfx/backgrounds/back_comment_counter.gif') no-repeat;
	margin-right: 10px;
}
div.comentario_nro_container { 
	text-align: center;
	width: 28px !important;
	width: 29px;
	color: black;
}
div.comentario_contenido, div.comentario_contenido_alt, div.comentario_contenido_juanma { 
	background: url('../gfx/backgrounds/back_dotted_line_blue.gif') repeat-x bottom;
	margin-left: 40px;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
div.comentario_contenido_alt { 
	color: #fff;
}
div.comentario_contenido_juanma { 
/*	color: #b9e082; */
	color: #a1da59;
/*	color: #a0c545;*/
}
div.comentario_info { 
	float: left;
	margin-top: 12px;
	width: 560px;
}
/*****************************************************/
/* SHOP                               		 */
/***************************************************/
div.shop_columna_1 { 
	float: left;
	width: 423px;
}
div.shop_columna_2 { 
	float: left;
	width: 210px;
}

/*****************************************************/
/* TWITTER                               		 */
/***************************************************/
div.tweet { 
	margin-left: 70px;
	margin-bottom: 15px;
	width: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
}
div.tweet_alt { 
	margin-left: 70px;
	margin-bottom: 15px;
	width: 160px;
	color: white;
	overflow: hidden;
	text-overflow: ellipsis;
}
div.tweet_date { 
	margin-top: 3px;
	font: 80% Verdana, Arial, sans-serif;
	background: url('../gfx/iconos/i_posted.gif') no-repeat top left;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
}
div.tweet_status { 
	line-height: 150%;
}