<!-- CSS padrão - style.css -->
    /*
    Theme Name: fafi_vasconcellos
    Theme URI: http://www.fafi.com.br
    Description: Fafi Vasconcellos.
    Author: Felipe Rodrigues
    Author URI: http://www.feliperodrigues.me
    Version: 0.1
    Tags: estilista, noivas, vestidos
    */
<!-- Fim - CSS padrão - style.css -->

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

/***** Reset & Basics *****/

	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, 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,
	article, aside, canvas, details,
	embed, figure, figcaption, footer,
	header, hgroup, menu, nav, output,
	ruby, section, summary, time, mark,
	audio, video 							{ margin: 0; padding: 0; border: 0; font-size:100%; font:inherit; vertical-align:baseline; }

	article, aside, details, figcaption,
	figure, footer, header, hgroup, menu,
	nav, section 							{ display:block; }

	body 									{ line-height:1.5; }

	ol, ul 									{ list-style:none; }

	blockquote, q 							{ quotes:none; }

	blockquote:before, blockquote:after,
	q:before, q:after 						{ content:''; content:none; }

	table 									{ border-collapse:collapse; border-spacing:0; }

	a 										{ text-decoration: none; }

/***** Typography *****/

	* 										{ font-size: 12px; font-family: Arial; margin: 0; padding: 0; list-style: none; vertical-align: baseline; text-decoration: none; }

/***** Sprite Styles *****/

	.sprite 								{ overflow: hidden; background: url('img/sprite.png') no-repeat; text-indent: -9999em; }
	.logo									{ height: 38px; width: 323px; display: inline-block; background-position: -12px -21px; }
	.logo_interna							{ height: 38px; width: 323px; display: inline-block; background-position: -12px -158px; }
	.twitter								{ height: 26px; width: 26px; display: inline-block; background-position: -22px -116px; }
	.facebook 								{ height: 26px; width: 26px; display: inline-block; background-position: -68px -116px; }
	.twitter:hover 							{ height: 26px; width: 26px; background-position: -22px -78px; }
	.facebook:hover							{ height: 26px; width: 26px; background-position: -68px -78px; }
	.nextArrow								{ height: 62px; width: 67px; display: inline-block; background-position: -89px -199px; }
	.prevArrow								{ height: 62px; width: 67px; display: inline-block; background-position: -11px -199px; }
	.nextArrowSmall							{ height: 36px; width: 40px; display: inline-block; background-position: -210px -199px; }
	.prevArrowSmall							{ height: 36px; width: 40px; display: inline-block; background-position: -161px -199px; }
	.downArrow								{ height: 30px; width: 30px; display: inline-block;  background-position: -5px -332px; }
	.upArrow								{ height: 30px; width: 30px; display: inline-block;  background-position: -41px -332px; }
	.btAmpliar								{ height: 42px; width: 111px; display: inline-block; background-position: -6px -275px; }
	.btClose								{ height: 28px; width: 28px; display: inline-block; background-position: -78px -332px; }


/***** Specific Styles *****/

	body, html 								{ height: 100%; width: 100%; }
	p 										{ color: #b3b3b3; }
	.left 									{ float: left; }
	.right 									{ float: left; }
	.carrossel								{ height: 506px; width: 960px; overflow: hidden; position: relative; }
	.carrossel li 							{ float: left; }
	.vertical li 							{ text-align: center; }

	.wrapper								{ height: 100%; width: 100%; }
	.homeWrapper							{ background: url('img/bgHome.jpg') no-repeat;  }
	.bg 									{ height: 100%; width: 100%; z-index: -1; position: absolute; }
	.header									{ height: 100px; width: 100%; position: absolute; bottom: 0; overflow: hidden; background: url('img/bgBarraHome.png') repeat-x; }
	.header .innerHeader					{ width: 960px; margin: 0 auto; }
	.header_interna							{ width: 960px; margin: 0 auto 50px; padding-bottom: 50px; position: relative; overflow: hidden; border-bottom: 1px solid #eaebeb; }
	.header .logo							{ margin: 15px 80px 0 0; float: left; }
	.header_interna .logo_interna			{ margin: 20px 75px 0 0; float: left; }
	.main-menu								{ margin-top: 25px; overflow: hidden; float: left; }
	.main-menu li							{ margin-right: 20px; float: left; text-transform: uppercase; }
	.header_interna .main-menu li			{ margin-right: 30px; float: left; text-transform: uppercase; }
	.main-menu a 							{ color: #fff; font-size: 12px; font-family: 'Gudea', sans-serif; }
	.main-menu a:hover						{ color: #3a3a3a; }
	.header_interna .main-menu a 			{ color: #c0c0c0; font-size: 12px; font-family: 'Gudea', sans-serif; }
	.header_interna .main-menu a:hover		{ color: #3a3a3a }
	.social-menu							{ overflow: visible; position: absolute; right: 75px; }
	.social-menu li 						{ margin-right: 10px; float: left; position: relative; top: 11px; text-transform: uppercase; }
	.header_interna .social-menu			{ right: -9px; }
	.outerSocialMenu						{ position: relative; }

	.content								{ width: 960px; margin: 0 auto; padding-bottom: 40px; }

	.contato label							{ margin-bottom: 20px; display: block; }
	.contato span 							{ width: 307px; display: inline-block; color: #b3b3b3; text-align: right; }
	.contato input							{ height: 22px; }
	.contato input,
	.contato select,
	.contato textarea						{ width: 480px; margin-left: 15px; border: 1px solid #b3b3b3; color: #b3b3b3; text-align: left; }
	.contato textarea						{ height: 110px; }
	.contato option							{ color: #b3b3b3; }
	.formButtons							{ margin-top: -10px; margin-right: 156px; float: right; }
	.contato .btEnviar,
	.contato .btReset						{ width: 66px !important; margin-left: 10px; display: inline-block; text-align: center; cursor: pointer; background: #fff; }

	.estilista								{ overflow: hidden; margin-top: -40px; font-size: 13px; }
	.estilista .left 						{ padding-top: 60px; float: left; width: 54%; margin-right: 29px; text-align: right; }
	.estilista .left p 						{ margin-top: 50px; width: 330px; float: right; text-align: right; color: #434343; font-size: 13px; font-family: 'Gudea', sans-serif; }
	.estilista .left,
	.estilista .right 						{ text-align: right; }

	.clipping								{ position: relative; margin-top: -40px; width: 100%; }
	.clipping .nextArrowSmall				{ position: absolute; top: 42%; right: 0; cursor: pointer; z-index: 9999; }
	.clipping .prevArrowSmall				{ position: absolute; top: 42%; left: 0; cursor: pointer; z-index: 9999; }
	.clipping .wraptabs						{ width: 100%; overflow: visible;}
	.clipping .wtabs						{ width: 100%; overflow: visible;}

	.noivas									{ position: relative; margin-top: -40px; width: 100%; }
	.noivas .nextArrowSmall					{ position: absolute; top: 42%; right: 0; cursor: pointer; z-index: 9999; }
	.noivas .prevArrowSmall					{ position: absolute; top: 42%; left: 0; cursor: pointer; z-index: 9999; }
	.noivas .wraptabs						{ width: 100%; overflow: visible;}
	.noivas .wtabs 							{ width: 100%; overflow: visible;}

	.clipping_interna						{ position: relative; }
	.clipping_interna .nextArrow			{ position: absolute; top: 0; right: 0; cursor: pointer; }
	.clipping_interna .prevArrow			{ position: absolute; top: 0; left: 0; cursor: pointer; }
	.clipping_interna .vertical li 			{ position: relative; }
	.clipping_interna .vertical li span 	{ position: absolute; top: 0; right: -35px;}

	.wraptabs								{ position: relative; overflow: hidden; zoom: 1; }
	.wtabs 									{ width: 100%; position: relative; margin: 0 auto; overflow: hidden; zoom: 1; }

	.photoList 								{ padding: 10px 0 10px 4px; text-align: left; overflow: hidden; position: relative; }

	#carrossel								{ width:960px; height:496px; overflow:hidden; margin:0 auto; }
	#carrossel ul 							{ list-style:none; }
	#carrossel ul li 						{ float:left; display:inline; height: 496px; width: 312px; position: relative; }
	#carrossel ul li img					{ position: relative; z-index: 2; }
	#carrossel ul li div					{ height: 476px; width: 312px; position: absolute; top: 0; left: 0; z-index: 3; opacity: 0.6; background: #fff; display: none; }
	#carrossel .btAmpliar					{ position: absolute; left: 32%; bottom: 40px; }
	#carrossel p 							{ text-align: right; font-size: 12px; color: #989898; }

	.album									{ position: relative; margin-top: -45px; }
	.album img 								{ height: 623px; width: 941px; }
	.album .btClose							{ position: absolute; top: 0; left: -27px; z-index: 9999; cursor: pointer; }
	.photoLegend							{ height: 23px; width: 940px; padding-top: 5px; padding-left: 20px; display: block; z-index: 3; position: absolute; top: 0; color: #666; background: #dddcdb; }
	.anchorList li 							{ position: relative; }
	.anchorList .upArrow,
	.anchorList .downArrow					{ position: absolute; right: -50px; top: 0; cursor: pointer; }

	.blogMenu								{ clear: both; overflow: hidden; text-align: center; margin: 0 auto 10px; padding-bottom: 10px; border-bottom: 1px solid #EAEBEB; color: #808080; }
	.blogMenu a,
	.blogMenu li 							{ color: #808080; }
	.blogMenu li 							{ margin-right: 10px; text-align: center; text-transform: uppercase; }
	.titBlog								{ overflow: hidden; font-size: 25px; font-weight: bold; color: #f287b7; border-bottom: 1px solid #EAEBEB; margin-top: 10px; padding-bottom: 10px; margin-bottom: 10px; }
	.post 									{ overflow: hidden; }
	.post .titBlog a						{ display: inline-block; font-size: 25px; font-weight: bold; color: #f287b7; }
	.post p, .innerPost div					{ color: #8c8c8c; line-height: 2; margin-bottom: 65px; }
	.post p strong						    { font-weight: bold; }
	.blogFooter								{ width: 100%; margin-bottom: 60px; margin-top: 15px; }
	.blogFooter .post-categories li			{ float: left; margin-right: 5px; }
	.blogFooter td 							{ border: 1px solid #cacaca; padding: 3px 10px; vertical-align: top; color: #8c8c8c; }
	.blogFooter td a 						{ color: #8c8c8c; }
	.firstTr td 							{ border-top: 0; }
	.secondTr td 							{ border-bottom: 0; }
	.firstTd								{ border-left: 0 !important; width: 276px; }
	.lastTd									{ border-right: 0 !important; }
	#menu-categorias						{ display: block; width: 100%; margin: 0 auto; }
	#menu-categorias li 					{ display: inline-block; }

	#twitterbutton, #likebutton, #pinbutton { display: inline-block; }
	#likebutton								{ position: relative; top: 1px; }

	footer 									{ width: 960px; margin: 0 auto; overflow: hidden; margin-bottom: 30px; }
	footer div								{ width: 228px; padding-top: 15px; padding-left: 10px; color: #808080; float: left; border-right: 1px solid #EAEBEB; }
	footer p 								{ padding-bottom: 10px; font-size: 14px; }
	footer table							{ width: 100%; }
	footer td 								{ color: #808080; font-size: 14px; border: 1px solid #EAEBEB; border-left: 0; width: 230px; padding-left: 10px; vertical-align: top; }
	footer div								{ height: 660px; }
	footer div ul li 						{ padding-bottom: 10px; }
	footer div ul li a						{ color: #808080 !important; font-size: 14px; }

	.the-date								{ float: right; font-family: Georgia; margin-right: 5px; }
	.the-date *								{ color: #b3b3b3; font-family: Georgia; vertical-align: baseline; }
	.otherDates								{ width: 34px; float: left; }
	.dayTime								{ position: relative; top: -3px; display: block; font-size: 38px; color: #b3b3b3; float: left; margin-right: 5px; vertical-align: baseline; }
	.monthTime, .yearTime					{ display: inline-block; font-size: 15px; color: #b3b3b3; }
	.monthTime								{ text-transform: uppercase; position: relative; top: 10px; }
	.yearTime { vertical-align: baseline; }

	.innerPost								{ position: relative; }
	.innerPost p, .innerPost div 			{ margin-bottom: 5px !important; }
	.innerPost img,
	.innerPost object,
	.innerPost iframe						{ display: block; text-align: center; margin: 0 auto; }

	.post a 								{ color: #f287b7; }


	.widgettitle 							{ display: none; }
	.widget-list							{ margin-bottom: 20px; }

	.campoBusca, .submit 					{ background: #fff; color: gray; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 3px; border-color: #EAEBEB;}
	.campoBusca 							{ width: 212px; }
	.submit 								{ float: right; position: relative; top: 10px; right: 10px; cursor: pointer; }
	.widgets-outer  						{ display: block; clear: both; margin-top: 15px; }

	#respond h3 							{ color: #f287b7; font-size: 23px; font-weight: normal; margin-bottom: 25px; margin-top: 50px; }


	.formcontainer							{ margin-bottom: 80px; overflow: hidden; }
	.formcontainer label							{ margin-bottom: 20px; display: block; }
	.formcontainer span 							{ width: 307px; display: inline-block; color: #b3b3b3; text-align: right; }
	.formcontainer input							{ height: 22px; }
	.formcontainer input,
	.formcontainer select,
	.formcontainer textarea						{ width: 100%; margin-left: 15px; border: 1px solid #b3b3b3; color: #b3b3b3; text-align: left; padding: 5px; }
	.formcontainer option							{ color: #b3b3b3; }
	.formButtons							{ margin-top: -10px; margin-right: 156px; float: right; }
	.formcontainer .btEnviar,
	.formcontainer .btReset						{ padding: 0; width: 66px !important; margin-left: 10px; display: inline-block; text-align: center; cursor: pointer; background: #fff; }
	.form-input								{ margin-bottom: 20px; }
	.formInputs { float: left; width: 35%; margin-right: 165px; }
	.form-textarea { float: left; width: 40%; }
	.form-submit { float: right; margin-right: 47px; }

	.mr_social_sharing_wrapper  { margin-top: 50px; }

	.tdCategory { width: 20%; }
	.numberComment { width: 20%; }
	.tdComment { width: 20%; }

	.fb_iframe_widget { top: 3px; margin-left: -20px; }
	.twitter-share-button { display: inline-block !important; top: 7px !important; position: relative !important; }
	.mr_social_sharing { margin-right: 20px; }

	.mr_social_sharing_wrapper, .fb_iframe_widget { display: inline-block; }
	.fb_edge_widget_with_comment { position: relative; top: 6px; margin-left: -20px; }

	.mr_social_sharing [id*="___"] { position: relative !important; top: 12px !important;}
	.mr_social_sharing [class*="PIN_"] { position: relative !important; top: 7px !important;}