/*  
Theme Name: Ruby Inside Brasil
Theme URI: http://example.com/
Description: Yada yadax
Version: 2.1
Author: Peter Cooper
Author URI: http://twitter.com/peterc

*/
html, body { 
	margin: 0; 
	padding: 0; 
	text-align: center; 
	font-size: 93%;
	background: url(simg/topbg.gif) top left repeat-x;
        background-color: #fff;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #222;
}

/* page structure */
 
	#page{ 
		width: 960px; 
		text-align: left;  
		margin: 0 auto;
	}
	 
	#header{
		position: relative; 
		height: 123px; 
		width: 100%;
	}
	
	#header #othersites A, #header #othersites, #header #tagline, #header #sections UL LI A  {
		font-family: verdana, arial, sans-serif; font-size: 12px; color: #555;
	}
	
		#header #othersites, #header #tagline {
			position: absolute; top: 9px; left: 90px; color: #555;
		}
		
		#header #othersites, #header #othersites A { font-size: 11px; }
		
		#header #tagline A { color: #555; text-decoration: none; }
	
		#header #sections {
			position: absolute; top: 55px; left: 330px;
		}
		
			#header #sections UL, #header #sections UL LI, #footer UL, #footer LI {
				list-style: none; display: inline; padding: 0px; margin: 0px;
			}
			
			#footer LI A { margin-right: 18px; }
			#header #sections UL LI A { text-decoration: underline; font-weight: bold; color: #fff; margin-right: 20px; text-transform: uppercase; }

		#header #search {
			position: absolute; top: 55px; left: 650px;
		}

		#header #tagline {
			top: 100px;
			width: 545px;
			padding-bottom: 3px;
			border-bottom: 1px solid #555;
		}
	 
	#leftcol{
		width: 143px; 
		float: left; 
		position: relative; 
	}
	 
	#twocols{
		width: 817px; 
		float: right; 
		position: relative;
	}
	
	#sidebar{
		width: 310px; 
		float: right; 
		position: relative; 
		margin-top: -22px;
	}
	 
	#content{
		float: left; 
		display: inline; 
		position: relative; 
		width: 475px; 
		padding: 0px 16px;
	}
	 
	#footer{
		clear: both;
		border-top: 1px solid #999;
		margin-top: 12px;
		padding: 0px;
		font-size: 0.9em;
		padding-bottom: 24px;
	} 
	 
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	 
	.clearfix{ display: inline-block; }
	
	/* Hides from IE-mac \*/
	* html .clearfix{height: 1%;}
	.clearfix{display: block;}
	/* End hide from IE-mac */  
	
	#subscribebox {
	}
	
	.box {
		border: 1px solid #777;
		padding: 4px 6px;
		margin-bottom: 8px;
	}
	
	
	BODY.front #twocols { width: 960px; }
	BODY.front #leftcol { display: none; }
	BODY.front #content { width: 630px; padding: 0px 20px 0px 0px; }
	 
	

/* print settings */

	@media print{ 
		/*hide the left column when printing*/ 
		#leftcol{ display:none; } 
		
		/*hide the right column when printing*/ 
		#sidebar{ display:none; } 
		#twocols, #content{width: 100%; float:none;}
	}


/* general settings */

	IMG { border: none; }
	A { color: #c00; }
	A:visited { color: #883333; }

/* typographical stuff */


	.poststrap { font-size: 13px; font-weight: bold; margin-bottom: 8px; text-align: right; }
	.poststrap A { color: #dc0a0a; }

/* font-family: verdana, arial, sans-serif;  */

	#sidebar UL { list-style: none; margin: 0; padding: 0; }
	h1, h2, h3 {
		font-weight: bold;
		font-family: Helvetica, Arial, sans-serif;
		color: #222;
	}
	
	h1 { font-size: 2.2em; line-height: 1.3em; margin-bottom: 0px; margin-top: 18px }
	h2 {
		font-size: 1.75em; line-height: 1.3em; letter-spacing: 0px;
		margin-top: 16px; margin-bottom: 0px;
	}
	h3 { font-size: 1.3em; }

	#sidebar H2 {
		font-family: 'Lucida Grande', Verdana, Sans-Serif;
		font-size: 1.1em;
		margin-top: 9px;
		margin-bottom: 4px;
	}
	
	#sidebar H3 {
		font-family: verdana, arial, sans-serif; font-size: 11px; color: #dc0a0a; text-transform: uppercase;
		margin-top: 0px;
		margin-bottom: 4px;
	}
		
	STRIKE { text-decoration: line-through; }
	EM { font-style: italic; }
	STRONG { font-weight: bold; }
	
	#content {
		line-height: 1.65em;
		font-size: 0.9em;
	}
	
	#content P {
		margin-top: 8px;
		margin-bottom: 12px;
	}
	
	#sidebar {
		font-size: 0.9em;
	}
	
	#subscribebox {
		font-size: 0.9em;
	}
	
	SMALL {
		font-size: 0.9em;
	}
	
	.weak, .weak A {
		font-size: 10px;
		color: #666;
	}
	
	.navigation {
		text-align: left;
		padding: 6px 0px;
		margin-bottom: 12px;
		color: #666;
		}

	.navigation A { 
		color: #049;
	}

	.post LI, .entry LI { margin-bottom: 1em }
	
	blockquote {
		margin: 15px 30px 0 14px;
		padding-left: 14px;
		border-left: 5px solid #eaa;
font-family: georgia, serif;
color: #444;
font-size: 1.2em;
line-height: 1.65em;
	}

	blockquote cite {
		margin: 5px 0 0;
		display: block;
	}

	.center {
		text-align: center;
	}
	
	#centralfloater {
		background-color: #fff;
		float: right;
		width: 195px;
		padding-left: 20px;
		font-size: 11px;
		line-height: 15px;
	}
	
	#centralfloater A.PostRank { display: none; }
	
	
/* comments */

	.commentlist li {
		font-weight: bold;
	}
	
	.commentlist cite, .commentlist cite a {
		font-weight: bold;
		font-style: normal;
		font-size: 1.1em;
	}
	
	.commentlist p {
		font-weight: normal;
		line-height: 1.5em;
		text-transform: none;
	}
	
	#commentform p {
		font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
	
	.commentmetadata {
		font-weight: normal;
	}
	
	#commentform input {
		width: 170px;
		padding: 2px;
		margin: 5px 5px 1px 0;
	}
	
	#commentform textarea {
		width: 90%;
		padding: 2px;
	}
	
	#commentform #submit {
		margin: 0;
		float: right;
	}
	
	.commentlist {
		padding: 0;
		text-align: justify;
	}
	
	.commentlist li {
		margin: 15px 0 3px;
		padding: 5px 10px 3px;
		list-style: none;
	}
	
	.commentlist p {
		margin: 10px 5px 10px 0;
	}
	
	#commentform p {
		margin: 5px 0;
	}
	
	.nocomments {
		text-align: center;
		margin: 0;
		padding: 0;
	}
	
	.commentmetadata {
		margin: 0;
		display: block;
	}


/* Syntax highlighting */

	pre {
	    background-color: #def;
	    color: #112;
	    padding: 10px;
	    font-size: 13px;

	    overflow: auto;
	    margin: 4px 0px;
			overflow-x: auto;
			overflow-y: hidden;
			margin-top: 12px;
			border: 1px solid #9ad;
			-moz-border-radius: 25px 10px 25px 10px;
	}

	pre .normal {}
	pre .comment { color: #005; font-style: italic; }
	pre .keyword { color: #A00; font-weight: bold; }
	pre .method { color: #077; }
	pre .class { color: #074; }
	pre .module { color: #050; }
	pre .punct { color: #447; font-weight: bold; }
	pre .symbol { color: #099; }
	pre .string { color: #944; background: #FFC; }
	pre .char { color: #F07; }
	pre .ident { color: #004; }
	pre .constant { color: #07F; }
	pre .regex { color: #B66; background: #FEF; }
	pre .number { color: #F99; }
	pre .attribute { color: #5bb; }
	pre .global { color: #7FB; }
	pre .expr { color: #227; }
	pre .escape { color: #277; }	
	code, pre { font: 12px "Monaco", "Bitstream Vera Sans Mono", Consolas, 'Courier New', Courier, Fixed; }


/* specific items */

	#logo {
		position: absolute;
		top: 28px;
		left: 8px;
	}
	
	DIV.hmm {
		margin-top: 0px;
		margin-bottom: 3px;
		padding-bottom: 3px;
	}
	
	#sidebar UL {
		margin-bottom: 14px;
		font-size: 0.9em;
	}
	
	#sidebar UL LI {
		margin-bottom: 4px;
	}
	
	TABLE.twocol, TABLE.twocol TR, TABLE.twocol TD {
		margin: 0px; 
		padding: 0px;
		border: 0px;
	}
	
	TABLE.twocol TD { vertical-align: top; width: 50%; }
	TABLE.twocol TD.left { padding-right: 4px; }
	TABLE.twocol TD.right { padding-left: 4px; }
	
	#jbb_adaptive_widget_body UL {
		list-style: none;
		margin: 8px 0 0 0;
		padding: 0px;
	}
	
	#jbb_adaptive_widget_body LI {
		line-height: 14px;
		font-size: 11px;
		margin-bottom: 10px;
	}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}


/* posts */

	.post {
		margin: 0px 0px 24px;
		border-bottom: 2px solid #ccc;
	}
	
	.post H2 A { text-decoration: none; color: #222; }
	.post H2 A:hover { text-decoration: underline; color: #d00; }

	.postmeta {
		font-size: 12px;
		color: #999;
	}
	
	.postmetadata {
		padding-top: 5px;
	}
	
	h3.comments {
		padding: 0;
		margin: 40px auto 20px ;
	}
	
	p img {
		padding: 0;
		max-width: 100%;
	}
	
	P.s { background-color: #ffa; font-size: 12px; line-height: 17px; padding: 8px; color: #000; font-family: verdana; font-style: italic; font-weight: normal; }
	P.s CITE { font-weight: bold; }

.alignleft { float: left; margin-right: 12px; margin-bottom: 12px; }
.alignright { float: right; }

#centralfloater A { color: #0059b3; }
#centralfloater A:visited { color: #003399; }
.jobszone A { color: #0059b3; }

SPAN.author { font-weight: bold; color: #444; }

#fpsub { background-color: #cff6fd; color: #333; padding: 6px 10px; margin-bottom: 12px; margin-top: -24px; font-family: helvetica, arial; font-size: 16px; border-bottom: 2px solid #ccc; }
#fpsub A { color: #d00; font-weight: bold; }
#fpsub A:visited { color: #d00; }
#fpsub IMG { vertical-align: middle; margin-left: 24px }