/* Global attributes */
html * {
	padding:				0;
	border:					none;
	margin:					0;
}

html, body {
	background:				#FFF;
}

*[type="hidden"] {
	display:				none;
}

body {
	width:					62.5em;
	margin:					auto;
}

h1, h2, h3, h4 {
	margin:					1em 0 .5em 0;
}

h1 {
	clear:					both;
}

p {
	margin-bottom:			1em;
}

li {
	margin-bottom:			.25em;
}

ul, ol {
	margin-bottom:			1em;
	margin-left:			1em;
}

ol {
	margin-left:			1.75em;
}

blockquote {
	width:					70%;
	padding:				1.5em 2em .3em 2em;
	background:				transparent url(/images/background/comment_balloon_borders.png?2) top left;
	border:					1px solid #CCC;
	border-top:				none;
	border-left:			none;
	margin:					1.5em auto;
}

blockquote ul {
	margin-top:				.75em;
	margin-bottom:			.75em;
}

blockquote.excerpt {
	float:					right;
	width:					30%;
	padding:				1.5em 0;
	background:				none;
	border:					2px solid #CCC;
	border-right:			none;
	border-left:			none;
	margin:					0 0 1em 1em;
}

blockquote.excerpt p {
	margin:					0;
}

em {
	background: 			#FFFFB0;
}

form {
	background:				#F8F7FA;
}

label {
	display:				block;
	margin-right:			.5em;
	margin-bottom:			.2em;
	clear:					left;
}

input, textarea {
	width:					50%;
	padding:				.2em .3em;
	background:				#FFF url(/images/background/input_shading.gif) repeat-x left top;	
	border:					1px solid #736196;
	margin:					0 0 .5em 0;
}

textarea {
	width:					98%;
}

input.submit {
	float:					left;
	width:					auto;
	padding:				.3em 1em;
	background:				#F7F7F7 url(/images/background/gradient_light_to_dark.png) repeat-x bottom left;
	border:					1px outset #F7F7F7;
	position:				relative;
	left:					-1px;
}

input.submit:active {
	background-image:		url(/images/background/gradient_dark_to_light.png);
	background-position:	top left;
}

pre {
	padding:				1em;
	background-color: 		#F8F7FA;
	border:					1px solid #736196;
	margin:					.5em 0 1em 0;
	overflow:				auto;
}

a:hover, h2 a:hover {
	background:				#736196;
}

hr {
	visibility:				hidden;
	clear:					both;
}
/* /Global attributes */


/* Header */
#header {
	height:					4.5em;
	padding-top:			.5em;
	background:				#F7F7F7 url(/images/background/gradient_dark_to_light.png) repeat-x top left;
	border-bottom:			2px solid #EEE;
	position:				relative;
}

#header h1 {
	display:				inline;	
}

#header h1 a:hover, #header h1 a:focus {
	background:				none;
}

#header h1 img {
	width:					11.5em;
}

#print_logo {
	display:				none;
}

#select_language {
	position:				absolute;
	top:					1em;
	right:					19.3em;	
}
#select_language a {
	margin-left:			.5em;
}

#header ul {
	display:				inline;
	position:				absolute;
	top:					2.75em;
	right:					1.15em;
}

#header li {
	display:				inline;
	margin-right:			.9em;
}

/* Global search form */
#global_search {
	width:					7.5em;
	padding-left:			25px;
	background:				transparent url(/images/background/global_search_corner_left.gif) no-repeat left center;
	position:				absolute;
	top:					.5em;
	right:					1.85em;
}

#global_search fieldset {
	padding-right:			10px;
	background:				transparent url(/images/background/global_search_corner_right.gif) no-repeat right center;
}

#global_search #search_type {
	display:				none;
}

#global_search #search_box {
	width:					100%;
	height:					1.39em;
	padding:				0;
	background-color:		#F0F0F0;
	border:					none;
	margin:					0;
}
/* /Header */


/* Follow us at Twitter */
.follow_us_at_twitter a, 
.follow_us_at_twitter a:hover {
 background: transparent url(/images/follow_us_at_twitter.png) no-repeat center !important;
}

.follow_us_at_twitter a {
  font-size:        90%;
  font-weight:      normal !important;
  text-decoration:  none;
  text-align:       center;
  position:         absolute;
  top:              6px;
  left:             305px;

 display: block;
 width: 109px;
 height: 55px;
 padding: 10px 0 0 50px;

 color: #1C75A4 !important;
}
.follow_us_at_twitter a em {
  font-size:        115%;
  line-height:      1.1em;
  text-transform:   uppercase;

  display: block;

  color:             #736196;
  background:        none;
}
.follow_us_at_twitter a:hover em {
 text-decoration: underline;
}
/* /Follow us at Twitter */


/*Hierarchy */
#hierarchy {
	padding-right:			30px;
	background:				transparent url(/images/background/comment_balloon_borders.png) bottom right;
}

#hierarchy p {
	padding:				.4em 0 .65em 30px;
	background:				transparent url(/images/background/comment_balloon_borders.png) bottom left;
}
/* /Hierarchy */


/* Main heading */
#main_heading {
	height:					2.2em;
	padding:				1.3em 11em 0 .45em;
	border-bottom:			2px solid #736196;
	margin:					.3em -.45em 1em -.45em;
	position:				relative;
}

#main_heading img {
	width:					10.95em;
	position:				absolute;
	right:					.45em;
	bottom:					0;
}
/* /Main heading */


/* Main content */
#main_content {
	min-height:				25em;
	height:					auto !important;
	height:					25em;	
	padding:				0 .75em .75em .75em;
	position:				relative;
}
#main_content.with_sidebar {
	float:					left;
	width:					63%;
}

.column {
	float:					left;
	width:					35%;
	margin:					0 0 3em 6%;
}
#main_content > .first.column {
	margin-left:			12%;
}

.team.column h4 {
	text-align:				center;
	margin-bottom:			1.5em;
}

.team.column a {
	font-size:				115%;
	line-height:			1.4em;
	text-decoration:		none;
}
/* /Main content */

.list {
	padding-top:			0.5em;
	padding-bottom:			1.5em;
}

/* Homepage */
.main.highlight {
	height:					18em;
	padding:				.8em;
}

.main.highlight li {
	width:					22em;
	margin-left:			8%;
}

.main.highlight li h2 img {
	width:					9.1em;
	margin:					-.4em 0 -.1em 0;
}

.highlight {
	height:					12em;
	margin:					-1em 0 0 0;
}

.highlight li {
	float:					left;
	margin-left:			7.5%;
}

.highlight li, .highlight li img {
	width:					13.75em;
}

.highlight li.first {
	margin-left:			3.75%;
}
.highlight > li.first {
	margin-left:			8.5%;
}

.highlight a:hover {
	background:				none;
}
.highlight h2 a:hover, #brazilian_rails h2 a:hover, 
#integration_plugin h2 a:hover, #selenium_poetry h2 a:hover {
	background:				#736196;
}

li#just_remind_us {
	margin-left:			4%;
	margin-right:			2%;
}
.main.highlight > li#just_remind_us {
	margin-left:			8%;
}

#just_remind_us h2 a:hover, 
#beonthe_net h2 a:hover {
	background:				transparent;
	border-bottom:			1px solid #1C75A4;
}

#just_remind_us p, #beonthe_net p {
	width:					23em;
}
/* /Homepage */


/* Podcasts */
.podcast_files {
	height:					4.5em;
	background:				#F8F7FA;		
	padding:				1em .75em;
	margin:					.75em -.75em;
}

#podcast_list li {
	margin:					1.25em 0;
	position:				relative;
}

.podcast_files li {
	width:					33%;
	float:					left;
	position:				relative;
}

#podcast_list img {
	width:					2.29em;
}

.podcast_files img {
	width:					3.05em;
}

#podcast_list h1 {
	display:				inline;
	border-right:			1px solid #CCC;
	margin-left:			.2em;
}

.podcast_files h3 {
	width:					100%;
	position:				absolute;
	top:					-1.5em;
	left:					3.5em;
}

#podcast_list span, 
.podcast_files span {
	position:				absolute;
	top:					3.5em;
	left:					.5em;
}

.podcast_files span {
	top:					1.75em;
	left:					0;
}

#podcast_list h2 {
	display:				inline;
	margin-left:			.6em;
}

#podcast_list h4 {
	margin-left:			12em;
	position:				relative;
	top:					-.75em;
}

.podcast_files h4 {
	margin:					.3em 0 0 4em;
}

.rss_links {
	margin-top:				1.5em;
}

.rss_links a, 
.podcast_files h4 a {
	padding:				.3em 1em;
	background:				#F7F7F7 url(/images/background/gradient_light_to_dark.png) repeat-x bottom left;
	border:					1px outset #F7F7F7;
}
.rss_links a:hover, 
.podcast_files h4 a:hover {
	background:				#736196;
}
.rss_links a:active, 
.podcast_files h4 a:active {
	background-image:		url(/images/background/gradient_dark_to_light.png);
	background-position:	top left;
}
/* /Podcasts */


/* Pictures */
.event {
	float:					left;
	width:					32.5%;
	height:					19em;
	margin-bottom:			.5em;
}

.event h4 {
	margin:					.5em 1em 0 1em;
}
/* /Pictures */


/* Sidebar (ads, blog) */
#sidebar, #sidebar .effect, 
#sidebar .effect .effect, 
#sidebar .effect .effect .effect {
	padding:				0;
	background:				transparent url(/images/background/comment_balloon_borders.png) top left;
}

#sidebar {
	width:					30%;
	padding-left:			30px;
	margin-top:				1em;
	position:				relative;
	right:					-.8em;
}
body > #sidebar {
	margin-left:			67%;
	right:					0;
}

#sidebar .effect {
	padding-top:			30px;
	background-position:	top right;
}

#sidebar .effect .effect {
	background-position:	bottom right;
}

#sidebar .effect .effect .effect {
	width:					auto;
	padding:				0 0 30px 30px;
	background-position:	bottom left;
	border:					none;
	margin:					0 30px 0 -30px;
}

#sidebar ul {
	margin:					0 1.5em;
}
/* /Sidebar (ads, blog) */


/* Comments */
#comments {
	clear:					both;
	padding:				1em .75em;
	border-top:				1px dashed #CCC;
	margin:					2em -.75em 0 -.75em;
}

h2#comments_ahead {
	margin:					2em 0 -.5em 0;
}

#commentList, #comment_list, #preview_comment { /* Atenção: trocar todos os commentList por comment_list */
	margin:					1.5em 0 0 0;
}

.comment p.author {
	float:					left;
	min-height:				32px;
	height:					auto !important;
	height:					2em;
	padding:				0 55px 0 30px;
	background:				url(/images/background/balloon_tip_top.gif) no-repeat bottom right;
	margin:					1em 20px 0 0;
	position:				relative;
	top:					2px;
	z-index:				1;
}

.comment_text, .comment_text div, 
.comment_text div div, .comment_text div div blockquote {
	clear:					both;
	padding:				0;
	background:				url(/images/background/comment_balloon_borders.png) top left;
	position:				relative;
}
.comment > .comment_text, .comment > .comment_text div, 
.comment > .comment_text div div, .comment > .comment_text div div blockquote {
	position:				static;
}

.comment_text {
	padding-left:			30px;
}

.comment_text div {
	padding-top:			15px;
	background-position:	top right;
}
.comment_text > div {
	padding-top:			30px;
}

.comment_text div div {
	padding-right:			30px;
	background-position:	bottom right;
}

.comment_text div div blockquote {
	width:					100%;
	padding:				0 0 15px 30px;
	background-position:	bottom left;
	border:					none;
	margin:					0 0 30px -30px;
}
.comment_text > div div blockquote {
	width:					auto;
	padding-bottom:			20px;
}
/* Comments */


/* Forms (comments, contact) */
form#subscribe_for_newsletter {
	padding:				1em 3em;
	margin:					0;
	clear:					both;
	position:				relative;
}

form#subscribe_for_newsletter label {
	display:				inline;
}

form#subscribe_for_newsletter input {
	width:					28%;
	margin:					0;
}

form#subscribe_for_newsletter input.submit {
	float:					none;
	width:					auto;
	margin-left:			1em;
	position:				relative;
	top:					-.2em;
	right:					0;
}

form#subscribe_for_newsletter #spinner {
	float:					right;
	position:				absolute;
	top:					1.75em;
	right:					4em;
}

form#subscribe_for_newsletter #email_store_failed {
	padding-right:			13em;
	margin-bottom:			-1em;
}

#message_form fieldset h2, #message_form fieldset p {
	float:					right;
	clear:					right;
}

#message_form fieldset p {
/*	width:					17em;*/
}

/*
#message_form fieldset p strong img {
	width:					12.85em;
	position:				relative;
	top:					.2em;
}
*/

#commentform, #new_comment_form, 
#comment_error, #message_form {
	padding:				1.25em 5% .8em 5%;
}

#comment_error {
	padding-bottom:			0;
	background:				#F8F7FA;	
}

#preview_content {
	padding:				0 15%;
	margin:					1.5em -.75em 1em -.75em;
}

#preview_notify {
	margin:					-.6em 0 .5em 0;
}

#submit_comment_preview, #submit_comment, 
#submit_contact, #form-submit-button {
	float:					right;
}

#spinner {
	padding-left:			0.5em;
}

p#success, p#message_error {
	padding:				1em 0;
}

p#success {
	background:				#1C75A4;
}

p#message_error {
	background:				#B6080B;
}

.fieldWithErrors, .emailFieldWithErrors {
	background:				#d03333 url(/images/background/error_input_shading.gif) repeat-x left top;
	border-color:			#B6080B;
}
/* /Forms (comments, contact) */


/* Blog */
.post {
	border-bottom:			1px dashed #CCC;
}

#pagination {
	margin-bottom:			1em;
}

.auth {
	padding: 				.15em 0 0 12px;
	background: 			url(/images/theme/bracket.gif) no-repeat top left;
	margin:					-.5em 0 2em 1.1em;
}

.meta {
	margin-top:				1.5em;
}

.spamwarning {
	margin:					.5em 30px;
}
/* /Blog */


/* Footer */
#footer {
	clear:					both;
	height:					2.5em;
	padding:				1em 3em;
	background:				#F7F7F7 url(/images/background/gradient_light_to_dark.png) repeat-x bottom left;
	border-top:				2px solid #EEE;
	margin-top:				2em;
}

#footer h5 {
	float:					left;
	clear:					left;
	margin-bottom:			.25em;
}

#footer h5 a {
	margin:					0 .2em;
}

#footer h6 {
	float:					right;
}
#footer > h6 {
  margin-top:       -1.8em;
}
*:first-child + html #footer h6 {
  margin-top:       0;
}

#footer h6 img {
	width:					7.9em;
	margin-left:			1.5em;
}

#footer h6 a:hover {
    background:                transparent;
}
/* /Footer */


#github-badge {
  padding: .2em;
  color: black;
  background-color: white;
  font: 12px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

#github-badge a {
  color: #4183c4; /* blue */
  background-color: white;
  text-decoration: none;
}

#github-badge a:hover {
  color: #4183c4; /* blue */
  text-decoration: underline;
}

#github-badge a:visited {
  color: #4183c4; /* blue */
}

#github-badge div.header {
  font: 16px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

#github-badge .header span {
  font: 15px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

#github-badge .footer {
  font: 10px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

#github-badge .repos ul.repo_listing {
  padding: .2em;
  margin: 0px;
}

#github-badge .repos li {
  list-style: none;
  margin-bottom: 0.25em;
  padding: .1em;
  font-size: 110%;
  background: transparent none repeat scroll 0%;
}

#github-badge .repos img {
  padding-right: .2em;
  vertical-align: middle;
}

#github-badge .repos .public {
  border: 1px solid #d8d8d8;
  background-color: #f0f0f0;
}

#github-badge .repos .public a {
  background-color: #f0f0f0;
}

#github-badge .repos .public .description {
  margin-left: 18px;
}

#github-badge .clickable {
	cursor:	pointer; 
/*  cursor: hand;*/
}