body {
  margin: 0px 0px 20px 0px;
  font: normal 12px Verdana, Arial, sans-serif;
  line-height: 1.6em;
  color: #111;
  background-color: #eee;
  background: -webkit-gradient(linear, 50% 150, 50% 680, from(#eee), to(#fff)) #eee;
  
}

IMG { border-width: 0px; }

H1, H2, H3, H4, div.date {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin: 16px 0px 14px 0px;
}

H1 { font-size: 2.2em;  }
#headernew H1 { text-shadow: none; }
H2 { font-size: 2.2em; line-height: 1.35em; margin-top: 8px; margin-bottom: 6px;}
H3 { font-size: 1.2em; }
H4 { font-size: 1.0em; }

#errorExplanation { background-color: #fdd; padding: 8px; border: 1px solid #c00; }
#errorExplanation H2 { margin-top: 0px; }
#errorExplanation UL LI { background-color: #ffd; }

BODY.homepage .post H2 {
  margin-bottom: 0px;
  font-size: 1.6em;
}

A {
  color: #2266bb;
}

A:hover {
  color: #ff0000;
}

P {
  margin: 16px 0px;
}

UL, OL {
  padding-left: 1.9em;
}

UL {
    list-style-type: disc;
}

OL {
    list-style-type: decimal;
}

LI {
  list-style-position: outside;
}

SMALL {
  font-size: 0.9em;
}

A.home {
  text-decoration: none;
}

/* @end */

/* @group Blocks */

#content {
  padding-left: 6px;
padding-right: 20px;
  margin-right: 280px;
  padding-top: 4px;
border-right: 1px dotted #ccc;
min-height: 800px;
  /* float: left; */
}

.post {
	padding-left: 1.4em;
	margin-bottom: 0.8em;
/*	border-top: 1px solid #cde; */
	padding-top: 0.8em;
	min-height: 58px;
}

.date + .post { border-top-width: 0px; padding-top: 0px; }

.inner .post { padding-top: 0px; padding-left: 0em; }

.post.featured {
	background-coloxr: #ffc;
/*	padding: 8px 0px 8px 2em;  */
/*	border: 1px dotted #bbb; */
/*	background: url(/images/glow.gif) top left repeat-x; */
}

.post.featured .ptitle { background-color: #ff6; }



/* .post.featured .ptitle { background-color: #ddd !important; }
.post.featured .ptitle A { } */

.post A {
  font-weight: boldx;
}

BODY.inner .entry {
  line-height: 1.6em;
	margin-bottom: 8px;
}




#footer {
	padding: 6px 10px;
	margin: 14px auto;
}

#sidebar {
  position: absolute;
  width: 270px;
  right: 10px;
  top: 16px;
  padding: 0px 0px 0px 0px;
  font-size: 1.0em;
  line-height: 1.5em;
}

#page {
  position: relative;
  margin: 0px auto;
	padding: 10px;
	padding-top: 0px;
	min-height: 1050px;
}

#page, #footer, #header, #header2, #headernew {
	margin-left: auto;
	margin-right: auto;
	padding-left: 8px;
	padding-right: 8px;
	width: 920px;
	width: 96%;
	max-width: 1000px;
	min-width: 750px;
	background-color: #fff;
}

#headernew {
	color: #fff;
	background-color: #c00;
	background: -webkit-gradient(linear, 50% 0, 50% 82, from(#d00), to(#900)) #c00;
	
	position: relative;
	font-family: verdana, "Helvetica Neue", helvetica, Arial, sans-serif;
	font-size: 14px;
	margin-top: 10px;
	padding-top: 4px;
	height: 25px;
	text-transform: lowercase;
	border-bottom: 0px solid #800;
}
#headernew A { color: #fff; font-weight: bxold; }
#headernew H1 { margin: 0px; position: absolute; top: 4px; left: 14px; font-size: 17px; font-weight: bold; }
#headernew H1 SPAN { color: #fff; font-weight: normal; font-size: 15px; }

#tagline { display: inline; margin-left: 100px; padding-top: 2px; color: #fc0; font-weight: bold }

#header2 {
	color: #888;
	font-style: italic;
}

#optionbar {
	float: right; padding-right: 90px;
}

/*#page { background-color: #fffaee; } */


/* 
-moz-border-radius: 8px;
-webkit-border-radius: 8px;		
*/


BLOCKQUOTE {
  background-color: #def;
  padding: 10px;
/*  margin: 2em 1em; */
  position: relative;  
}

CODE {
	font-family: "Liberation Mono", Monaco, "Courier New", monospace;
	font-size: 13px;
}

.date {
  font-size: 1.3em;
  color: #c00;
}

#header A { color: #c00; }

FORM { margin: 0px; padding: 0px; }

BODY.inner .date {
  font-size: 14px;
  color: #999;
}

.leftright {
	height: 24px;
}

.leftright .left {
	float: left;
}

.leftright .right {
	float: right;
}

.leftright A {
  color: #888;
  font-family: verdana;
  font-size: 12px;
}

blockquote {
	margin: 0.75em;
	padding: 4px 16px;
	font-style: italic;
}

blockquote.comment {
	margin: 3em 1em;
	padding: 12px 16px;	
	min-height: 50px;
}

blockquote .metadata { font-size: 13px; }

blockquote span.a, blockquote span.b { 
  font-family: helvetica, arial; font-size: 50px; color: #8ac;
}

blockquote span.a {position:absolute;top:0px;left:-10px; }
blockquote span.b {position:absolute;bottom:-20px;right:0px; height: 20px;}

blockquote.yellow { background-color: #fe7; }
blockquote.yellow span.a, blockquote.yellow span.b { color: #dc5; }

blockquote.green { background-color: #df7; }
blockquote.green span.a, blockquote.green span.b { color: #cd5; }

blockquote.comment { background-color: #f0f0f0; margin-top: 30px; }
blockquote.comment span.a, blockquote.comment span.b { color: #ddd; }

blockquote.usercomment { background-color: #def; }
blockquote.usercomment span.a, blockquote.usercomment span.b { color: #8ac; }

blockquote cite {
  display: block;
  text-align: right;
}

/* @end */

/* @group Content */

#content .metadata {
  color: #777;
  margin: 0px; margin-top: 0px;
  border-top: 0px solid #ccc;
  padding-bottom: 0px;
  line-height: 17px;  
}


#content .metadata, BLOCKQUOTE CITE {
  font-size: 11px;
  font-family: verdana, arial, sans-serif; 
}



BLOCKQUOTE CITE { font-size: 12px; }

#content .metadata A { color: #c00 !important; }

BODY.inner .metadata {
	font-size: 12px !important; margin-bottom: 16px !important; 
}

BODY.inner .entry {
	margin-bottom: 20px !important;
	font-size: 14px;
}

H2 { margin-top: 12px; }



#comments {
  /* border-top: 4px solid #ccc; */
  margin-top: 18px;
  padding-left: 0em;

}

blockquote.comment { 
	font-style: normal;
}

#comments H3 {
  color: #3468cb;
  margin: 0em 0em;
}

#comments A:hover {
  color: #ff0000;
}

#content .metadata A, BLOCKQUOTE CITE A {
  color: #888;
}

/* @end */


/* @group Fixes */
.floatcontainer:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
    }
	
.floatcontainer { display: inline-block; clear: both;}
.float { clear: both; }

* html #content {
  height: 1%;
}

/* @end */

/* @group Misc */

P.message {
  background-color: #eee;
  padding: 8px;
  border: 1px solid #999;
  margin-bottom: 14px;
}

.rubyred {
  font-weight: bold;
  color: #c00;
}


INPUT, TEXTAREA {
  font-size: 16px; 
  font-family: Menlo, Monaco, "Liberation Mono", "Consolas", "American Typewriter", Courier, "Courier New", monospace;
  
}

#comments TEXTAREA {
 height: 100px;
 width: 98% !important;
}

#captcha_display SUP {
   display: none;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#captcha_display {
  background-color: #c00;
  color: #fff;
  font-size: 22px;
	margin-bottom: 4px;
  padding: 10px;
  width: 280px;
  height: 24px;
  border: 1px solid #000;
  text-align: center;
  letter-spacing: 5px;
}

H1 A { color: #e00; }

/* @end */

/* @group Sites */

/* BODY.rubyflow #header { border-bottom-color: #c00; }
BODY.pythonflow #header { border-bottom-color: #490; }
BODY.pythonflow #header H1 A { color: #490; }
BODY.rubyflow .rubyred { color: #c00; }
BODY.pythonflow .rubyred { color: #490; } */

BODY.rubyflow #header H1 A { color: #c00; }
BODY.rubyflow #header H1 SPAN { color: #c00; color: #999; }

BODY.rubyflow A { color: #2266bb; }
BODY.rubyflow A:hover { color: #ff0000; }
BODY.rubyflow .entry A:visited { text-decoration: none; }
BODY.pythonflow A { color: #2266bb; }
BODY.pythonflow A:hover { color: #009900; }
BODY.pythonflow .entry A:visited { text-decoration: none; }



/* @end */

.ptitle {
	display: inline;
	font-weight: bold;
	margin-right: 4px;
	font-size: 1.1em;
	background-color: #eee;
	padding: 2px 4px;
	margin-left: -4px;
}

.ptitle A {
	color: #26b !important;
	text-decoration: none;
}

.entry-content {
	display: inline;
	color: #333;
}



/* .ptitle:after { content: ' \2014 ' } */

.canaryyellow {
	font-weight: bold;
	color: #333 !important;
}


TABLE THEAD {
	background-color: #eee;
	font-weight: bold;
}

TABLE TH {
	font-weight: bold;
}

TABLE TH {
	margin: 3px 3px 3px 3px; padding: 3px 40px 3px 3px;
}

TABLE TD { padding: 0px; margin: 0px; }

DIV.helpbox {
	background-color: #cef;
	padding: 6px 8px;
	line-height: 18px;
	color: #000;
	border: 1px solid #79b;
	font-size: 13px;
	font-family: "courier", "courier new", monospace;
}

A.internal {
	color: #333 !important;
	text-decoration: none;
	font-weight: inherit;
	border-bottom: 1px dotted;
}

#adzerk1, #adzerk3 { float: left; padding-right: 12px;  }
#adzerk2, #adzerk4 {  }
#adzerk1 IMG, #adzerk2 IMG, #adzerk3 IMG, #adzerk4 IMG { border: 0px solid #ccc; }
#adzerk1, #adzerk2 { padding-bottom: 4px; }
#adzerk3, #adzerk4 { padding-top: 4px; }

#sidebar H3 {
/*	border-top: 3px solid #c00;
	background-color: #fee; */
	padding: 2px 4px; 
	color: #c00;
	border-bottom: 3px solid #c00;
	margin-bottom: 4px;
	margin-top: 8px;
}

#sidebar .enclosure {
	padding: 2px 4px;
}

#sidebar .enclosure P {
	margin: 0px 0px 10px;
}

#sidebar A {
	font-weight: bold;
}
.metadata A { font-weight: bold; text-decoration: none;}
.metadata A.popular { border-bottom: 3px double #c00;}

.post.sponsored {
  background-color: #ffc;
  margin-top: 12px;
  padding-right: 0.8em;
  padding-bottom: 0.8em;
  font: 12px/1.6em Verdana,Arial,sans-serif !important;
  font-size: 12px;
  padding-left: 1.4em;
  padding-top: 0.8em;
}

body.inner .post.sponsored .metadata {
  border-top: 0 solid #ccc;
  color: #777;
  line-height: 17px;
  margin: 0;
  padding-bottom: 0;
  margin-bottom: 0px !important;
  font-size: 11px !important;
}

body.inner .post.sponsored .entry { font-size: 12px; margin-bottom: 0px !important; }

.post.sponsored .ptitle { background-color: inherit; }

#delicious_bar a { text-decoration: none; display: block; margin-bottom: 5px; font-size: 11px; color: #469; font-weight: normal; line-height: 13px; border-bottom: 1px dotted #ccc; padding-bottom: 4px; }
#delicious_bar a:visited { color: #888; }

.enclosure .author { color: #666; }

ul.links { line-height: 1.2em; list-style-type: none; padding-left: 6px;}
ul.links li { margin-bottom: 3px; font-size: 11px; padding-bottom: 3px; border-bottom: 1px solid #ddd; }
ul.links li a { text-decoration: none; font-weight: normal !important; }
ul.links li a:visited {  }