/*

Theme Name: Gaby Castellanos (Sunshine)
Theme URI: http://gabycastellanos.com
Description: Theme personalizado para Gaby Castellanos
Author: Ignacio Ricci
Author URI: http://www.ignacioricci.com
Tags: sunshine, gaby, castellanos

*/

/*- 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:100% Arial, Verdana, sans-serif; background:#E0EDF3 url(images/bgs/bodyBg.jpg) repeat-x 0 0;}

			/*- Links -*/
			a {text-decoration:none;}
			a:hover  {text-decoration:underline;}

			/*- Resolucion -*/
			#header,
			#mainWrapper,
			#footer {width:980px; margin:0 auto;}

			/*- Clear floats -*/
			#header,
			#logoAndTagLine,
			#main,
			.dateAndTitle,
			.postNav,
			#commentList li,
			#twitterUpdates ul,
			#bottomNav {overflow:hidden;}

			/*- Textos ocultos -*/
			#logo a,
			#searchBox button,
			#commentForm button,
			#twitterUpdates h4 {font-size:0; text-indent:-9999em;}

			/*- Labels accesibles -*/
			.accesible {position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden;}

			/*- Listas de paginas -*/
			.pageList li {display:inline;}

			/*- Lucida Grande font -*/
			#tagline,
			.postDate em,
			.postTitle p,
			.sidebarBox li,
			.subTitle {font-family:Lucida Grande, Arial, Verdana, sans-serif;}

			/*- Calibri font -*/
			.postDate strong,
			.postTitle h3,
			.sidebarBox h4,
			#bottomNav h5 {font-family:Calibri, Arial, Verdana, sans-serif;}

/*- Fin de Estilos generales -----------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Header -----------------------------------------------------------------*/


		#header {padding-bottom:65px; background:url(images/bgs/headerBg.png) no-repeat 0 100%;}

			/*------------------------------*/
			/*	LOGO + TAGLINE				*/
			/*------------------------------*/

			#logoAndTagLine {padding:30px 0 15px; border-bottom:1px solid #D7EAF2;}

				#logo,
				#tagline {float:left;}

				/*- Logo -*/
				#logo {margin-right:70px;}
					#logo a {display:block; width:353px; height:44px; background:url(images/logo.gif) no-repeat 0 0;}

				/*- Tagline -*/
				#tagline {width:500px; padding-top:6px;}
					#tagline p {font-size:0.9em; font-style:italic; line-height:130%; color:#FFF;}

			/*------------------------------*/
			/*	LISTAS DE PAGINAS			*/
			/*------------------------------*/

			#header .pageList {float:left; font-size:0.8em; margin-top:10px;}
				#header .pageList li {color:#838C8F; padding:0 11px 0 6px; font-weight:bold; text-transform:uppercase; background:url(images/bgs/mainMenu-divider.gif) no-repeat 100% 0;}
				#header .pageList a {color:#668393;}
				#header .pageList img {vertical-align:top; position:relative; top:-1px; cursor:pointer;}

				/*- Sigueme en -*/
				#header .pageList .followMe {background:none;}
					#header .pageList .followMe strong {padding-right:3px;}

			/*------------------------------*/
			/*	BUSQUEDA						*/
			/*------------------------------*/

			#searchBox {float:right; margin-top:10px;}
				#searchBox p {padding:2px 15px 2px 0;background:url(images/bgs/searchField.gif) no-repeat 0 0;}
				#searchBox input,
				#searchBox button {position:relative;}
				#searchBox input {width:200px; color:#92AEBD; font-family:inherit; font-size:0.8em; margin:0 30px 0 20px; background:#DEEFF6; border:0; top:-1px;}
				#searchBox button {width:16px; height:16px; background:url(images/icons/search.gif) no-repeat 0 0; cursor:pointer; top:-3px;}
				#searchBox .fieldFocus {font-weight:bold;}


/*- Fin de Header ----------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Contenido central ------------------------------------------------------*/


		#mainWrapper {padding-bottom:10px; background:url(images/bgs/mainWrapperBg.gif) no-repeat 0 100%;}

			#main {background:#FFF url(images/bgs/mainBg.gif) repeat-y 0 0;}


/*- Fin de Contenido central -----------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Contenido de la seccion ------------------------------------------------*/


		#content {float:left; width:675px;}
			#content h2 {color:#A4BF83; padding-left:20px;}

		/*- Si no se encuentra nada -*/
		.search-no-results .postTitle {width:auto; float:none;}
		.search-no-results .postEntry {padding:20px 0 0 0;}
			.search-no-results .postEntry p {width:auto;}


/*- Fin de Contenido de la seccion -----------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- El POST ----------------------------------------------------------------*/


		.post {}

			.dateAndTitle {padding-bottom:14px; background:url(images/bgs/titleBar.gif) no-repeat 0 100%;}

			.postDate,
			.postTitle {float:left; padding:20px 20px 0;}

			.postDate strong,
			.postTitle h3 {display:block; font-size:2em; letter-spacing:-0.04em; line-height:100%; padding-bottom:2px;}

			.postDate em,
			.postTitle .authorAndCategory {font-size:0.9em;}

			/*------------------------------*/
			/*	FECHA						*/
			/*------------------------------*/

			.postDate {width:130px; text-align:right;}
				/*- Nombre del dia -*/
				.postDate strong {text-transform:lowercase; font-weight:normal; color:#999;}
				/*- Dia, mes, anio -*/
				.postDate em {font-style:normal; color:#CCC;}

			/*------------------------------*/
			/*	TITULO DEL POST				*/
			/*------------------------------*/

			.postTitle {width:445px; text-transform:uppercase; position:relative;}

				.postTitle h3,
				.postTitle h3 a {color:#7896A2;}
				.postTitle h3 a:hover {color:#96AF78; text-decoration:none;}
				.postTitle h3 {padding-right:50px;}

				.authorAndCategory,
				.authorAndCategory a {color:#7FADBA;}
				.authorAndCategory a:hover {color:#333;}

				/*- Numero de comentarios -*/
				.commentNumber {width:50px; font-size:1.1em; font-weight:bold; text-align:center; position:absolute; top:10px; right:20px; z-index:1;}
					.commentNumber a {display:block; height:28px; padding:6px 0 0 6px; color:#FFF; background:url(images/bgs/commentBubble.gif) no-repeat 0 0;}

			/*------------------------------*/
			/*	CONTENIDO DEL POST			*/
			/*------------------------------*/

			.postEntry {padding:30px 20px 20px 170px; clear:both; font-family:Calibri,Arial,Verdana,sans-serif !important;}

				/*- Parrafos y listas -*/
				.postEntry p,
				.postEntry li {width:425px; font-size:0.95em; line-height:140%; color:#555; padding:0 0 10px 20px;}
				.postEntry li {padding-left:15px;}

				/*- Imagenes -*/
				.postEntry img {max-width:420px; height:auto;}

				/*- Links -*/
				.postEntry a {text-decoration:underline; color:#53A0BF;}
				.postEntry a:hover {color:#70815B;}

				/*- Listas desordenadas -*/
				.postEntry ul {padding-left:20px;}
					.postEntry ul li {background:url(images/icons/bullet.gif) no-repeat 0 8px;}

				/*- Listas ordenadas -*/
				.postEntry ol {padding-left:35px; list-style:lower-roman;}
					.postEntry ol li {padding-left:2px;}

				/*- Headings -*/
				.postEntry h4,
				.postEntry h5 {text-transform:uppercase;}
				.postEntry h4 {color:#7896A2; padding:20px 20px 5px; margin-bottom:15px; border-bottom:1px solid #B9DEEC;}
				.postEntry h5 {font-size:0.8em; color:#333; padding:15px 20px;}
				.postEntry h6 {font-size:0.95em; color:#555; padding:15px 20px 10px;}

				/*- Blockquote -*/
				.postEntry blockquote {margin:15px 0 10px 20px; background:url(images/bgs/quote.gif) no-repeat 20px 0; border-bottom:5px solid #CCC;}
					.postEntry blockquote p {font-style:italic; line-height:150%; text-indent:2.3em;}

				/*- WP Tools -*/
				.aligncenter {display:block; margin:0 auto;}
				.alignleft {float:left; margin-bottom:20px;}
				.alignright {float:right; margin-bottom:20px;}


			/*------------------------------*/
			/*	COMPARTIR EL POST			*/
			/*------------------------------*/

			.postShare {padding:20px; margin:0 20px 0 170px; background:#F0F6F9; border-top:1px solid #E0EDF3; border-bottom:5px solid #E0EDF3; position:relative; clear:both;}
				.postShare p {font-size:0.75em; text-transform:uppercase; padding:5px 50px 0 0;}
				.postShare p,
				.postShare a {color:#999;}
				.postShare a:hover {color:#666;}
				.postShare img {vertical-align:middle;}
				.shareFacebook {position:absolute; top:10px; right:10px;}


			/*------------------------------*/
			/*	DEJAME TU COMENTARIO		*/
			/*------------------------------*/

			.postLeaveCommentText {font-size:0.75em; text-transform:uppercase; margin:1px 20px 40px 170px; clear:both;}
				.postLeaveCommentText a {display:block; color:#D0AB2F; padding:12px 55px 10px; background:#FFE79A url(images/bgs/postLeaveComment.gif) no-repeat 20px 11px; border-bottom:5px solid #FFCE35;}
				.postLeaveCommentText a:hover {color:#9A7E23; border-color:#E5C55D;}

			/*------------------------------*/
			/*	POST ANTERIOR Y SIGUIENTE	*/
			/*------------------------------*/

			.postNav {font-size:0.9em; padding:10px 20px; margin:0 20px;}
				.postNav a {color:#889F6D;}
				.postNav a:hover {color:#333;}
				.prevPost {float:left;}
				.nextPost {float:right;}

			/*- Si esta en un post -*/
			.post .postNav {margin:-20px 20px 10px 170px; border:1px solid #E5F2D6;}


/*- Fin de El POST ---------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Comentarios ------------------------------------------------------------*/


		.subTitle {text-transform:uppercase; color:#666; padding:20px 20px 20px 170px;}
			.subTitle h4 {font-size:0.85em; font-weight:normal; line-height:130%; border-bottom:1px solid #E3E3E3;}

			/*------------------------------*/
			/*	LISTA DE COMENTARIOS		*/
			/*------------------------------*/

			#commentList {}
				#commentList li {clear:both;}
				#commentList h4 {padding:10px 70px 10px 55px; background:url(images/bgs/commentListBubble.gif) no-repeat 20px 11px; position:relative;}
				#commentList .subTitle span {position:absolute; top:10px; right:20px; z-index:1;}
				#commentList ol {padding:0 20px 0 190px;}

					.avatarHolder,
					.comment {float:left;}

					/*- El avatar -*/
					.avatarHolder {padding:1px; margin:10px 10px 0 0; border:1px solid #F0F6F9;}
						.avatarHolder img {display:block;}

					/*- El comentario -*/
					.comment,
					.pingback {width:337px; padding:20px; background:url(images/bgs/pointer.gif) no-repeat 0 23px; border-left:5px solid #F2F6F8; border-bottom:5px solid #F2F6F8;}
						/*- Autor -*/
						.commentAuthor {font-size:1.4em; line-height:120%; color:#666;}
							.commentAuthor a {color:#666;}
							.commentAuthor a:hover {color:#333;}
						/*- Fecha -*/
						.commentDate {font-size:0.8em; padding:5px 0 10px;}
							.commentDate a {color:#999;}
							.commentDate a:hover {color:#666;}
						/*- Texto -*/
						.commentText {font-size:0.8em; color:#666;}
							.commentText p {line-height:140%; padding-bottom:10px;}
							.commentText a {color:#000;}

					/*- Si es el administrador -*/
					.comment-author-Gaby {background:url(images/bgs/admin-pointer.gif) no-repeat 0 23px; border-color:#B9DEEC;}
						.comment-author-Gaby .commentAuthor {font-weight:bold;}
						.comment-author-Gaby .commentDate a {color:#81AAB7;}

					/*- Si es un ping -*/
					.pingback {float:none; margin-left:62px; border-color:#DBEFC2; background:url(images/bgs/pingback-pointer.gif) no-repeat 0 23px;}
						.pingback .commentAuthor a {color:#889F6D;}

			/*------------------------------*/
			/*	DEJAR COMENTARIO			*/
			/*------------------------------*/

			#commentForm {}
				#commentForm h4 {padding:10px 20px 10px 55px; background:url(images/bgs/leaveCommentBubble.gif) no-repeat 20px 11px;}
				#commentForm p {font-size:0.85em; color:#999;}
				#commentForm form {padding:0 20px 0 190px}
				#commentForm form p {padding-bottom:15px;}
				#commentForm label {display:block; padding-bottom:5px;}
				#commentForm input,
				#commentForm textarea {padding:3px; font-family:inherit; font-size:1em; color:#666; background:#EEE; border:1px solid #DDD;}
				#commentForm input {width:310px;}
				#commentForm textarea {width:410px; height:150px; overflow:auto;}
				#commentForm .fieldFocus {color:#6F8DA2; background:#F0F6F9; border:1px solid #D6E3E8;}
				#commentForm button {width:150px; height:26px; background:url(images/sendBtn.gif) no-repeat 0 0; cursor:pointer;}
				#commentForm button:hover {background-position:0 -27px;}
				#commentForm a {color:#37666F;}

			/*- Facebook Connect -*/
			#fbc_login {margin:-10px 20px 25px 190px;}
			#fbc_login span {display:none;}



/*- Fin de Comentarios -----------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

/*- Sidebar ----------------------------------------------------------------*/


		#sidebar {float:right; width:305px; padding:26px 0;}

			/*- Cada segmento -*/
			.sidebarBox {padding-bottom:10px;}
				.sidebarBox h4 {font-size:1.5em; text-transform:uppercase; line-height:100%; color:#9BC1CF; padding:15px 20px; border-bottom:5px solid #FFF;}
				.sidebarBox p {padding:0 20px;}
				.sidebarBox li a {display:block; color:#AAA; line-height:120%; padding:15px 20px; border-bottom:1px solid #FFF;}
				.sidebarBox li a:hover {color:#7896A2; background:#E0EDF3;}
				.sidebarBox li.last a {border:0;}

			/*- Sobre Gaby -*/
			#sobreGaby {}
				#sobreGaby img {margin:15px 0 10px; border:1px solid #CCD9E2;}
				#sobreGaby p {font-size:0.8em; line-height:140%; padding-bottom:5px; color:#999; text-align:justify;}
				#sobreGaby a {text-decoration:underline; color:#666;}
				#sobreGaby a:hover {color:#333;}
			/*- Desde FB -*/
			#desdefb {}
				#desdefb img {margin:15px 0 10px; border:1px solid #CCD9E2;}
				#desdefb p {font-size:0.8em; line-height:140%; padding-bottom:5px; color:#999; text-align:justify;}
				#desdefb a {text-decoration:underline; color:#666;}
				#desdefb a:hover {color:#333;}

			/*- Publicidades -*/
			.textwidget {padding:20px 20px 10px;}
				.textwidget .ad250x250 {display:block; margin-bottom:10px;}

.FB_login_button {margin:20px 60px 10px;}


/*- Fin de Sidebar ---------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

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


		#footer {font-size:0.8em;}

			/*------------------------------*/
			/*	TWITTER UPDATES				*/
			/*------------------------------*/

			#twitterUpdates {padding-top:25px; border-bottom:5px solid #4E2711; position:relative;}

				/*- Twitter + Facebook updates -*/
				#twitterUpdates h4 {width:355px; height:52px; background:url(images/bgs/twitterBird.png) no-repeat 0 0;}

				/*- Sigueme en... -*/
				#twitterUpdates p {font-weight:bold; color:#999; position:absolute; top:35px; right:20px; z-index:1;}
					#twitterUpdates p a {color:#666;}

				/*- Lista de Tweets -*/
				#twitterUpdates ul {padding:15px 0 15px 20px; background:#5F3016 url(images/bgs/twitterUpdatesBg.png) no-repeat 0 0;}
					#twitterUpdates li {float:left; width:300px; line-height:130%; color:#FFE4A2; margin-right:20px;}
					#twitterUpdates a {color:#FF7C00;}
					#twitterUpdates .twitter-timestamp {display:block; font-size:0.8em; color:#9F4B1D; text-transform:uppercase;}

			/*------------------------------*/
			/*	INFORMACION INFERIOR		*/
			/*------------------------------*/

			#bottomNav {padding:20px; background:#391D0C;}

				#bottomNav h5 {font-size:1.3em; text-transform:uppercase; padding-bottom:15px;}
				#bottomNav li {font-size:0.95em; line-height:130%; padding-bottom:5px;}
				#bottomNav a {font-weight:bold;}
				#bottomNav a:hover {color:#FFF;}

				.box {float:left; margin-right:18px;}
				.featured {}

					.box h5 {color:#C15F2A;}
					.box a {color:#9C4518;}
					.featured h5 {color:#E0EDF3;}
					.featured a {color:#80AEBB;}

				/*- Anchos segun las cajas -*/
				#categoryBox {width:170px;}
				#archiveBox {width:210px;}
				#archiveBox {margin:0;}
				#entryBox {width:180px;}
				#commentBox {width:210px;}
				#linkBox {width:95px;}

					#commentBox li {font-weight:bold; color:#80AEBB;}
					#commentBox li a {text-decoration:underline; color:#95CBDA;}
					#categoryBox li {float:left; width:85px;}
					#archiveBox li {float:left; width:105px;}

			/*------------------------------*/
			/*	LISTA DE PAGINAS			*/
			/*------------------------------*/

			#footer .pageList {padding:20px 20px 0; text-align:right;}
				#footer .pageList li {padding:0 9px 0 5px; background:url(images/bgs/bottomPages-divider.gif) no-repeat 100% 2px;}
				#footer .pageList a {color:#6D9DA7;}
				#footer .pageList .last {padding-right:2px; background:none;}

			/*------------------------------*/
			/*	COPYRIGHT					*/
			/*------------------------------*/

			#copyright {padding:5px 20px 60px; text-align:right;}
				#copyright p,
				#copyright a {color:#999;}
				#copyright a:hover {color:#666;}


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