/*  
Theme Name: Oxente Rails 2009
Theme URI: http://www.oxenterails.com/
Description: Oxente Rails é um evento que visa fomentar a utilização de Rails no Nordeste.
Version: 1.0
Author: Juarez P. A. Filho
Author URL: http://www.juarezpaf.com/
*/

	html 	{ background: #FEF9A9 url(../img/layout/backgrounds/bg.jpg) no-repeat top center;}
	body	{ background: url(../img/layout/backgrounds/footer.jpg) repeat-x left bottom}
	
	a 				{ color: #A31F00}
	a:hover			{ text-decoration: underline !important}
	li 				{ font-size: 1.2em; line-height: 18px}
	.list li		{ display: inline}
	.imgreplace,
	#slogan,
	#local_date 	{ display: block; text-indent: -9999em}
	.left			{ float: left; display: inline; margin-right: 10px}
	.right			{ float: right; display: inline; margin-left: 10px}
	.section		{ position: relative}
	
	#pageWrap			{ padding-bottom: 15px}
	
	#header				{ height: 226px; position: relative}
	#header	.logo		{ position: relative; display: inline; float: left; top: 42px}
	#header	.logo a		{ background: url(../img/layout/logos/oxenteRails-trans.png) no-repeat; width: 108px; height: 164px}
	#header #slogan,
	#header #local_date { position: relative}
	#header #slogan		{ background: url(../img/layout/typography/slogan.png) no-repeat; width:433px; height: 43px; float: right; top: 85px}
	.en #header #slogan	{ background-image: url(../img/layout/en/slogan.png)}
	#header #local_date	{ background: url(../img/layout/typography/local_date.png) no-repeat; width:217px; height: 66px; float: left; top: 72px; left: 17px}
	.en #header #local_date { background-image: url(../img/layout/en/local_date.png)}
	
	#nav 			{ background: url(../img/layout/rounded/menuLeft.png) no-repeat left bottom; position: absolute; top: 0; left: 258px; float: right}
	#nav ul			{ background: url(../img/layout/rounded/menuRight.png) no-repeat right bottom; padding:10px .6em 14px 1.6em; float: left}
	#nav li					{ float: left; background: transparent none repeat scroll 0 0 !important; margin: 0.2em 11px 0.2em 0; line-height: 100%}
	#nav li a				{ color: #FFF}
	
	
	.sponsorArea 					{ position: absolute;right: 0;bottom:25px;}
	.sponsorArea li 				{ display: inline; float: left; margin-left: 15px}
	.sponsorArea li#webcointernet 	{background: #000; }
	
	#footer					{ height: 156px; margin-top: 3em; padding-top: 3em; overflow: hidden; position: relative}
	#footer a 				{ color: #FFF}
	#footer .vcard			{ float: left; margin:0 18px 0 15px; padding:0;}
	#footer .grid_12		{ padding-top: 1em}
	#footer .grid_12 ul 	{ width: 200px; float: left}
	#footer .grid_12 ul li	{ width: 86px; float: left; margin-bottom: 10px}
	#footer p				{ float:right; line-height:20px; padding-top:2.2em; text-align:right;}
	.pageInfo				{ bottom:0;  position:absolute; right:0;}
	.pageInfo li			{ padding-left: 2px; display:block; float:left;}
	
	#page 				{ padding-top: 42px}
	#pageWrap .grid_12	{width: 715px}
	
	#home .figure		{ background: url(../img/layout/backgrounds/box_325x225.jpg) no-repeat; width:325px; height: 225px; text-align: center; }
	.figure, 
	.figure	img			{ position: relative;}
	.figure	img			{ background-color: #FFF; padding: 8px;}
	.about 				{ display: block; margin-bottom: 2.8em}
	.about .figure		{ margin-left: -8px}
	.local .figure		{ margin:-12px -10px 0 10px;}
	#home .figure img 	{ top: 10px}
	
	
	.speakers				{ background: url(../img/layout/backgrounds/box_speakers.png) no-repeat; width: 715px;margin-bottom: 3.4em; padding: 20px 0 0}
	.speakers h2,
	.speakers ul			{ margin-left: 20px}
	.speakers ul			{ overflow: hidden; z-index: 1}
	.speakers li			{ background: url(../img/layout/backgrounds/speaker.png) no-repeat center center; float: left; width: 103px; height: 101px; text-align: center; display: inline; position: relative; margin:0 11px 20px 0; z-index: 2}
	.speakers li a			{ display: block; padding-top: 7px}
	.speakers .background	{ background: url(../img/layout/backgrounds/box-speakers-bottom.png) no-repeat; height: 30px; position: relative; bottom: 10px; left: 0; z-index: 0}
	
	.speakersList li 		{ border-bottom: 1px solid #FBBD00; padding-bottom: 1em; margin-bottom: 3em; min-height: 110px; height: auto !important; height: 110px }
	.speakersList li:hover	{ background-color: #FFF}
	.speakersList .photo 	{ float: left; padding: 6px; background: #FFF}
	.speakersList h3,
	.speakersList p			{ margin-left: 120px}
	.speakersList h3		{ font-size: 2em; margin-bottom:16px; position:relative; top:2px;}
	.speakersList h3 a		{ text-decoration: none}
	.speakersList p			{ margin-bottom: 0; font-size: 1.1em}
	
	.local						{ padding-bottom: 1.5em}
	
	.blog_sponsors_twitter div	{ position: relative}
	
	.blog						{ background: url(../img/layout/backgrounds/box_mais_no_blog.png) no-repeat; width: 334px; height: 308px; padding: 28px 20px 0 18px}
	
	.blog_sponsors_twitter .grid_5	{ width: 305px}
	.sponsors						{ height: 190px; margin-bottom:2em;}
	.sponsors .saibaMais			{ position: absolute; right: 0; bottom: 0}

/** Button **/
	.comoChegar			{ position: absolute; left: 0; bottom: 28px}
	p.maisNoBlog		{ text-align: right; margin: 0}

/** Sidebar **/

	#sidebar .icon		{ background: url(../img/layout/misc/cacto-trans.png) no-repeat; display:block; width:97px; height:114px; left:52px; position:absolute; top:-80px;
 }

	#sidebar			{ padding-top:3em; text-align: center; position: relative}
	.support h2,
	.powered h2,
	.sponsorship h2			{ text-indent: -9999em; height: 44px; margin: 0 auto}
	.support h2			{ background: url(../img/layout/typography/apoio.png) no-repeat; width: 85px;}
	.en .support h2		{ background-image: url(../img/layout/en/support.png)}
	.powered h2			{ background: url(../img/layout/typography/realizacao.png) no-repeat; width: 141px;}		
	.en .powered h2		{ background-image: url(../img/layout/en/realization.png)}
	#sidebar .sponsorship h2	{ background: url(../img/layout/typography/sponsors.png) no-repeat; width: 134px} 
	.en #sidebar .sponsorship h2	{ background-image: url(../img/layout/en/sponsors.png); width: 115px}
	
	
	#sidebar .powered,
	#sidebar .sponsorship	{ background: url(../img/layout/backgrounds/sidebar_box_bottom.jpg) no-repeat center bottom; padding-bottom: 34px; margin-bottom: 1.6em }
	
	#sidebar .support ul		{ height: 635px; overflow: hidden;background: url(../img/layout/backgrounds/sidebar_box.jpg) no-repeat; padding: 40px 0 20px; margin-bottom: 20px}
	
	
	#sidebar .powered ul,
	#sidebar .sponsorship ul	{ background: url(../img/layout/backgrounds/sidebar_box_top.jpg) no-repeat center top; padding-top: 34px }
	
	
	#sidebar .powered li,
	#sidebar .sponsorship li	{ background: url(../img/layout/backgrounds/sidebar_box_repeat.jpg) repeat-y center center}
	
	#sidebar .support li				{ /*padding-bottom: 4.8em;*/ height:165px}
	#sidebar .support li img,
	#sidebar .support li a 			{ line-height: 165px}
	#sidebar .support li.last			{ padding-bottom: 0}
	
	#sidebar .powered li				{ padding-top: 1em}
	#sidebar .powered li:first-child	{padding-bottom:.8em}
	
	#sidebar .sponsorship li					{ padding-bottom: 2em}
	#sidebar .sponsorship li:last-child		{ padding-bottom: 0}
	#sidebar .sponsorship .peepcode img		{ background-color: #212121; width: 158px}
	
/** Contact Page**/
	
	#contact { width:415px;}
	#contact legend { font-size: 1.6em; margin-bottom: .5em; line-height: 18px}
	#contact label { font-size: 1.4em; display:block; margin: .8em 0 .4em;}
	#contact input[type="text"], #contact textarea {   padding: .2em; margin-bottom: .4em}
	#contact input[type="text"] { width: 400px; font-size: 1.4em;}
	#contact textarea { width: 405px; height: 10em; font-size: 14px}
	
	#contact input[type="submit"] { border: 1px solid; font-size: 1.4em; padding: .4em; margin-top: .5em}
	
	#contact .error	{ background-color: red; color:white; font-size:1.1em; padding:3px 8px;}

/** Local Page**/
	.ifrn			{ width: 355px}