/*  
Theme Name: Rails Inside 2009
Theme URI: http://railsinside.com
Description: Rails Inside theme - used Kubrick as a base but heavily modified since then
Version: 2009.09.29
Author: Peter Cooper
Author URI: http://twitter.com/peterc

*/

/* Custom fonts */
/* @font-face { font-family: "Liberation Mono"; src: url("http://127.0.0.1/wp-content/themes/rubyinside2009/fonts/LiberationMono-Regular.ttf") format("truetype"); }
@font-face { font-family: "Liberation Mono"; font-weight: bold; src: url("http://127.0.0.1/wp-content/themes/rubyinside2009/fonts/LiberationMono-Bold.ttf") format("truetype"); }
@font-face { font-family: "Liberation Mono"; font-style: italic; src: url("http://127.0.0.1/wp-content/themes/rubyinside2009/fonts/LiberationMono-Italic.ttf") format("truetype"); }  
@font-face { font-family: "Liberation Sans"; src: url("http://127.0.0.1/wp-content/themes/rubyinside2009/fonts/LiberationSans-Regular.ttf") format("truetype"); } 
@font-face { font-family: "Liberation Sans"; font-weight: bold; src: url("http://127.0.0.1/wp-content/themes/rubyinside2009/fonts/LiberationSans-Bold.ttf") format("truetype"); } */


/* Document level concepts */
html, body { 
	margin: 0;
	padding: 0;
	text-align: center; 
	font-size: 93%;
	background: url(images/topbg3.png) #fff top center repeat-x;
 	font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 90%;
	color: #333;
}





/* page structure */
 
	#page{ 
		width: 940px;
		padding: 0 10px 0px 16px;
		text-align: left;  
		margin: 0 auto;
	}
	 
	#header{
		position: relative; 
		height: 65px; 
		width: 100%;
	}
	

		
	
	
/* header bar and sections */
		
	#header #sections, #header #subscribe { position: absolute;  }
	#header #sections { top: 34px; left: 190px; }
	#header #subscribe { top: 30px; right: 0px;  }
		
	#header #sections UL, #header #sections UL LI, #footer UL, #footer LI, #header #subscribe UL, #header #subscribe UL LI {
		list-style: none; display: inline; padding: 0px; margin: 0px;
	}
			
	#header #sections UL LI A, #header #subscribe UL LI A { text-decoration: underline; font-weight: bold; color: #fff; text-transform: uppercase; }
	#header #sections UL LI A { margin-right: 20px; }
	#header #subscribe UL LI A { margin-left: 10px; }

	#header #topbyline { position: absolute; color: #768; top: 5px; left: 6px; font-size: 10px; }
	
	#sidebar{
		width: 265px; 
		float: right; 
		position: relative; 
		margin-top: 12px;
		padding-top: 0px; 
		padding-left: 14px;
		border-left: 2px solid #ddd;
	}
	 
	#content{
		float: left; 
		display: inline; 
		position: relative; 
	}
	 
	
	
	#footer{
		clear: both;
		border-top: 5px solid #ddd;
		margin-top: 20px;
		color: #666;
		padding: 0px;
		font-size: 0.9em;
		padding-bottom: 10px;
	} 
	 
	#footer LI A { margin-left: 18px; }


	
	



	.box {
		border: 1px solid #777;
		padding: 4px 6px;
		margin-bottom: 8px;
	}
	
	
	BODY.front #twocols { width: 940px;  }
	BODY.front #leftcol { display: none; }
	#content { width: 645px; padding: 4px 14px 0px 0px; }
	 
	
	
	#search { position: absolute; right: 80px; top: 30px; }
	

/* 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: #80b; text-decoration: none; font-weight: bold; }
	A:hover { text-decoration: underline; }
	/* A:visited { color: #883333; } */

/* typographical stuff */

	h1, h2, h3 {
		font-weight: bold;
		font-family: "Liberation Sans", Helvetica, Arial, sans-serif;
		color: #222;
		line-height: 1.3em; 
	}
	
	h1 { font-size: 2.1em; margin-bottom: 0px; margin-top: 18px; letter-spacing: -0.5px; text-shadow: 1px 1px 1px #ddd; }
	h2 { font-size: 1.5em; letter-spacing: 0px; margin-top: 12px; margin-bottom: 0px; }
	h3 { font-size: 1.3em; text-shadow: 1px 1px 1px #ddd; margin-top: 18px; margin-bottom: 4px; }
	h2.pagetitle { border-bottom: 4px solid #ddd; font-size: 1.8em; margin-top: 18px; margin-bottom: 18px; }

/* h2 { margin-bottom: 2px; padding-top: 3px } */

		
	
	#content {
		line-height: 1.6em;
		font-size: 1.0em;
		font-family: "Lucida Grande", Verdana, Helvetica, Arial;		
	}
	
	#content P {
		margin-top: 8px;
		margin-bottom: 12px;
	}
	
	#sidebar {
		font-size: 1.0em;
	}
	


	#sidebar H3 {
		background-color: #e6e6e6;
		font-size: 1.1em;
		margin-bottom: 8px;
		padding: 2px 3px;
	}

	#sidebar H3:first-child { margin-top: 0px; }
	

	.post LI, .entry LI { margin-bottom: 1em }
	

	
	blockquote {
		margin: 15px 10px 0px 10px;
		padding: 8px 14px;
		border-left: 0px solid #eaa;
font-family: geneva, georgia, "times new roman", "poo poo face", serif;
color: #444;
font-size: 1.1em;
background-color: #e0f4ff;
line-height: 1.65em;
font-style: italic;
	}

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

	.center {
		text-align: center;
	}
	
	#centralfloater {
		background-color: #fff;
		float: right;
		width: 200px;
		margin-left: 14px;
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 11px;
		line-height: 1.4em;
		padding: 0px 8px 0px 12px;
		border-left: 1px solid #ddd; 
		margin-right: -14px;
	}
	
	#centralfloater A { color: #0059b3; text-decoration: nunderline; }
	#centralfloater LI { padding-bottom: 8px !important; }
	
	#centralfloater A.PostRank { display: none; }
	#centralfloater H3 { border-top: 5px solid #ddd; margin-top: 0px; padding-top: 3px; margin-bottom: 8px; color: #999; font-size: 13px; text-transform: uppercase; }
	
	
/* comments */

	
		

	
	.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;
	}
	
	
	.commentmetadata A {
		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;
		margin-left: 0px;
	}
	
	OL.commentlist { margin-top: 0px; padding-top: 0px; }
	
	.commentlist li {
		margin: 10px 0px 20px 0px;
		padding: 15px 0px 3px 10px;
		min-height: 100px;
		list-style: none;
		border-top: 0px solid #ddd;
		background-color: #f3f3f3;
	}
	
	.commentlist p {
		margin: 10px 0px 10px 0px;
		/* font-family: Menlo, "Liberation Mono", Monaco; font-size: 12px; */
	}
	
	#commentform p {
		margin: 5px 0;
	}
	
	.nocomments {
		text-align: center;
		margin: 0;
		padding: 0;
	}
	
	.commentmetadata {
		margin: 0;
		display: block;
	}

	.commentnumber { float: right !important; margin-left: 18px !important; padding-right: 8px; font-weight: bold; font-size: 1.2em; color: #666; }


/* Syntax highlighting */

	pre {
	    background-color: #d8f1ff;
	    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 Menlo, "Liberation Mono", "Monaco", "Bitstream Vera Sans Mono", Consolas, Courier; }


/* specific items */

	#logo {
		position: absolute;
		top: 28px;
		left: 5px;
	}
	
	DIV.hmm {
		margin-top: 0px;
		margin-bottom: 3px;
		padding-bottom: 3px;
	}
	
	
	#sidebar UL {
		margin-bottom: 14px;
		font-size: 0.9em;
		list-style: none; margin: 0; padding: 0;
	}
	
	#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;
	}

	.blue A { color: #05c; text-decoration: underline; }




/* posts */

	.post {
		margin: 0px 0px 20px;
	}
	
	
	.post H2 A { text-decoration: none; color: #609; }
	.post H2 A:hover { text-decoration: underline; color: #609; }

	.postmeta {
		font-size: 12px;
		color: #888;
	}
	
	SPAN.author { font-weight: bold; color: #444; }
	
	.post .byline, .post .subbyline { font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #666;  padding-top: 0px; }
	.post .byline { margin-top: 0px !important; margin-bottom: 0px !important; }
	.post .subbyline {  font-size: 11px; margin-top: -4px !important;  }
	
	#content P.postmetadata { padding: 4px 0px; color: #999; font-size: 12px; border-top: 1px solid #ccc; margin-top: 1.5em; font-family: verdana, arial, helvetica, sans-serif; }
	.postmetadata A { color: #999; text-decoration: underline; }
	
/*	h3.comments {
		padding: 0;
		margin: 12px auto 20px ;
		padding-top: 12px;
		border-top: 3px solid #999;
	} */
	
	p img {
		padding: 2px;
		max-width: 100%;
	}
	
	
	.poststrap { font-weight: bold; margin-bottom: 16px; text-align: right; margin-top: -8px; }
	.poststrap A { color: #80b; }

	
	
/* sponsored footers */
	P.s { background-color: #ffb; font-size: 12px; line-height: 17px; padding: 8px !important; color: #000; font-family: verdana, arial, sans-serif; font-weight: normal; }
	P.s CITE { font-weight: bold; }
	
	
	
	.similar { background-color: #cef; padding: 8px; }
	.similar a {  text-decoration: underline; }
	

/* put post teaser photos to left and pad */
	.teaser.post, .post.breakout { border-bottom: 1px solid #ddd; }
	.teaser.post { padding-left: 88px; }
	.teaser-thumb { float: left; border: 1px solid #999; margin-left: -88px; margin-bottom: 12px; width: 70px; cursor: pointer; }

	.breakout { padding: 12px; padding-top: 8px; border: 0px double #ccc; margin-top: 8px; padding-bottom: 10px; }
	.breakout UL { list-style: none; margin: 0; padding: 0; }
	
	.bluebg { background-color: #e5f6ff; background-color: #f6f6f6;}

	

/* front page subscription bar */
	#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 }


/* new sidebar ads */
	#adzerk1, #adzerk3, #adzerk5, #adzerk7 { float: left; padding-right: 14px; clear: left; }
	#adzerks DIV IMG { padding-bottom: 8px; }
	#adzerks #breaker { clear: both; }


/* page bar */
	.pagebar { color: #666; font-size: 12px; text-align: right; }
	.pagebar A { border: 1px solid #ddd; padding: 1px 4px; margin: 0px 3px; font-weight: normal; }
	.pagebar .this-page { background-color: #ddd; padding: 1px 4px; color: #333; font-weight: bold; }
	.pagebar .break { letter-spacing: 0px; padding-right: 5px; color: #999; }


/* clear fixes for various browsers */
	.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 */
	
	
/* similar post blocks */
	DIV.similar-posts { margin-top: 0px; padding: 12px 0px 10px 8px; background-color: #f3f3f3; }
	DIV.similar-posts A { text-decoration: underline; }
	UL.similar-posts { list-style-type: none; margin: 0px; padding: 0px; clear: both; width: 100%; }
	LI.similar-post {
		width: 150px;
		float: left;
		margin: 0px;
		padding: 0px 8px 0px 0px;
		line-height: 1.4em;
		font-size: 12px;
	}
	LI.similar-post .wrap { display: block; text-align: center; width: 140px; height: 100px; border: 1px solid #ccc; margin-bottom: 6px; background-color: #fff; -moz-box-shadow: 2px 3px 6px #79a; -webkit-box-shadow: 2px 3px 6px #79a; }
	LI.similar-post IMG {  margin: auto; vertical-align: center; }
	DIV.similar-posts h3 { margin: -20px 0px 2px 0px; font-size: 14px; color: #444; }
	
	
	DIV.featured-posts { margin-top: 16px; padding: 0px 0px 6px 0px; border-bottom: 2px solid #ddd; margin-bottom: 18px; }
	DIV.featured-posts A { text-decoration: underline; }
	UL.featured-posts { list-style-type: none; margin: 0px; padding: 0px; clear: both; width: 100%; }
	LI.featured-post {
		width: 150px;
		float: left;
		margin: 0px;
		padding: 0px 11px 0px 0px;
		font-size: 12px; line-height: 1.3em;
		min-height: 174px;
		
	}
	LI.featured-post .wrap { display: block; text-align: center; width: 148px; height: 100px; border: 1px solid #ccc; margin-bottom: 6px; background-color: #fff; -moz-box-shadow: 2px 3px 6px #ccc; -webkit-box-shadow: 2px 3px 6px #ccc; 
		}
	LI.featured-post IMG {  margin: auto; vertical-align: center; }
	
	
	
	.single .navigation { color: #999; font-size: 12px; }
	.single .navigation A { color: #999; }
	
/* post excerpt - on single post pages */
	.excerpt {
		background-color: #eee;
		padding: 4px 12px 2px 12px;
		font-size: 1.3em;
		line-height: 1.45em;
		font-family: Geneva,"Liberation Sans",Helvetica,Arial,sans-serif;
		margin-bottom: 12px;
	}

	
	#books LI { clear: right; border-top: 1px dotted #ddd; border-bottom-width: 0px; padding-top: 4px; }
	#books LI:first-child { border-top-width: 0px; padding-top: 0px; }
	#books LI .image { float: right; margin-left: 8px; }


	.breakout LI { margin-bottom: 0px; }
	.breakout UL { list-style-type: none; padding-left: 0px; }
	.breakout H3 { margin-top: 0px; }
	
	
/* jobs block */
	.jobszone {
		font-size: 0.8em;
		line-height: 1.3em;
		font-family: Verdana, Helvetica, Arial, sans-serif;
	}
	#sidebar .jobszone { font-size: 1.0em; } #sidebar .jobszone LI { margin-bottom: 1em; }
	

/* blogosphere list */
	.rubylinkstoday { 
		font-size: 1.0em;
	}
	.links .description { color: #666; font-size: 11px; }
	.links LI { margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px dotted #ddd; color: #888; }



/* fixed header */

	BODY.front #twocols { margin-top: 62px; z-index: 10; }
	#header { 
		position: absolute;
		top: 0px; left: 0px;
		z-index: 1000;
		position: fixed;
		background: url(images/topbg3.png) top center repeat-x;		
	}
	#header-core { width: 960px; margin-left: auto; margin-right: auto; position: relative; }
	BODY { background-image: none; }
	

/* generics */
	.alignleft { float: left; }
	.alignright { float: right; }
	
	SMALL, .small { font-size: 0.9em; }
	BIG { font-size: 1.15em; }

	STRIKE { text-decoration: line-through; }
	EM { font-style: italic; }
	STRONG { font-weight: bold; }