/* 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) 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 {
  width:                94%;
	padding:				      1em;
	background-color: 		#F8F7FA;
	border:					      1px solid #736196;
	margin:					      .5em 0 1em 0;
	overflow-x:			      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 */


/*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 5%;
}

.first.column {
	margin-left:			12%;
}
/* /Main content */

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

/* Homepage */
.highlight {
	height:					12em;
	margin-top:				-1em;
}

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

.highlight li.first {
	margin-left:			7%;
}

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

.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;
}

.main.highlight {
	height:					18em;
	padding:				.8em;
	margin:					-1em -.75em 0 -.75em;
}

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

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

li#just_remind_us {
	margin-right:			2%;
}

#just_remind_us h2 a:hover, 
#beonthe_net h2 a:hover {
	background:				transparent;
	border-bottom:			1px solid #1C75A4;
}
/* /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 */


/* 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:					  29%;
	padding-left:			30px;
  /*border-bottom:        1px solid #FFF;*/ /* IE6 workaround, but looks unnecessary now. Let's wait and see. */
	margin-top:				1em;
	margin-left:			67%;
}

#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:				transparent url(/images/background/comment_balloon_borders.png) top left;
}

.comment_text {
	padding-left:			30px;
	border-bottom: 				1px solid #FFF; /* IE6 workaround */
}

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

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

.comment_text div div blockquote {
	width:					auto;
	padding:				0 0 30px 30px;
	background-position:	bottom left;
	border:					none;
	margin:					0 30px 0 -30px;
}
/* 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:					-.1em;
}

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 15% .8em 15%;
}

#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;
	margin-top:				-1.75em;
}

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

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