/* joyent.css */
body, div, span, ul, li, h1, h2, h3, h4, h5, address, p, td, th, blockquote, dl, dt, dd, input, textarea, br, form, label{
    padding: 0;
    margin: 0;
}
body {
    background:url(/images/body_bg.jpg);
    margin: 0 auto;
    color: #646363;
    line-height: 150%;
    font-size: 77%;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
body, #header, .topBGCover, #mainContent  {
    width: 100%;
}
img {
    border: none;
}
.topBG {
    background-image: url(/images/bgHeader.png);
    background-repeat: repeat-x;
    height: 450px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
}
.topBGCover {
    background-image: url(/images/bg.png);
    background-repeat: repeat-y;
    height: 300px;
    position: absolute;
    top: 156px;
    display: block;
}
#header {
    height: 120px;
    position: absolute;
    top: 0px;
    display: block;
    background-repeat: repeat-y;
    background-position: right 0;
    background-image: url(/images/textsnippets.png);
}
#header a:hover { text-decoration: none; }
.header_content {
    padding-top: 5px;
    padding-left: 20px;
    font-size: 1.2em;
    vertical-align:top;
}
    background-col
.header_content a {
    color: #FFF;
}
.header_content a:hover {
    
}

#mainContent {
    position: absolute;
    clear:both;
    top: 120px;
    padding:0;
    /*background:url(/images/nav_bg.gif) repeat-x;*/
}
#content {
    margin: 0 13px 40px 280px;
}
.add_post {
    background-image: url(/images/add.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 20px;
    line-height: 18px;
    display: block;
    color: #000;
}
.add_post:hover {
    background-position: 0 -50px;
}


#content_nosidebar {
    margin: 0 30px 40px 30px;
}
    #sidebar {
        width: 230px;
        padding-left: 10px;
        float: left;
        font-size: 11px;
    }

.header_group {
    margin-bottom: 1em;
}

H1 { font-size: 1.9em;line-height:1em; }
H2 { font-size: 1.6em; }
H3 { font-size: 1.3em; }
H4 { font-size: 1em; }

/* Misc. -------------------------------*/

.container {
    padding: 1em;
    background-color: #FBF9EE;
}

/* Misc. -------------------------------*/
div.view_form {
    margin:0pt 0pt 2.5em;
    padding:0pt;
    width:57em;
}
div.view_form fieldset {
    border-color: #FEFFF4;
    border-style: solid;
    border-width: 0 0 1px 0;
    margin: 0pt 0pt 0.5em;
    padding: 0pt 0pt 0.5em;
}
div.view_form fieldset div.field {
    float:left;
    margin:0pt 1em 0pt 0pt;
    width:16em;
}
div.form_body {
    margin:0pt;
    padding:0pt;
    width:57em;
}

div.form_body_table {
    margin:0pt;
    padding:0pt;
    width:50em;
}

div.form_body form {
    margin:0pt 0pt 2.5em;
    padding:0pt;
}
div.form_body form fieldset {
    border-color: #FEFFF4;
    border-style: solid;
    border-width: 0 0 1px 0;
    margin: 0pt 0pt 0.5em;
    padding: 0pt 0pt 0.5em;
}
div.form_body form fieldset label {
    float:left;
    font-weight:bold;
    line-height:1.5em;
    margin:0pt 1em 0pt 0pt;
    width:15em;
}
div.form_body form fieldset h4 {
    color:#8B8074;
    float:right;
    font-size:1em;
    line-height:1.5em;
    margin:0pt;
    padding:0pt;
    width:11em;
}
div.form_body form fieldset div.field {
    float:left;
    margin:0pt 1em 0pt 0pt;
    width:21em;
}
div.form_body form fieldset div.field label {
    float:none;
    font-weight:normal;
    width:auto;
}
div.form_body form fieldset div.field input.input_text {
    color:#000;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:1em;
    padding:0.25em;
    width:20em;
}
div.form_body form fieldset div.field textarea {
    color:#646870;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:1em;
    padding:0.5em;
    width:15.5em;
}
div.form_body form fieldset div.field select {
    color:#646870;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:1em;
    width:auto;
}
div.form_body form div.submit {
    padding-left:12em;
}
/* snippets.css */
#footer {  
    color: #666;
    margin: 0;
    text-align: right;
    background-color:#767676;
    line-height:50px;
}
.padtop22{
    margin-top: 22px;
}
div.viewform {
  float:left;
  font-weight:bold;
  line-height:1.5em;
  margin:0 1em 0 0;
  width:11em;
}
#subheader {
    position: absolute;
    top: 52px;
    display: block;
    width: 790px;
    z-index: 10;
    color: #F4F2E6;
    font-size: 9px;
}
#subheader a, #subheader a:visited {
    color: #DE9D25;
}
A {
    color: #6d8401;
    text-decoration: none;
}
A:visited {
    color: #6d8401;
}
A:active {
    color: #6d8401;
}

A:hover {
    text-decoration: underline;
}
p#title A { color: #35C; }
h3.post-title {
    line-height: 1em;
}
h3.post-title A {
    color: #5d3100;
    font-weight: bold;
    font-size: 1.4em;
    line-height: 1em;
}
h3.post-title a:hover {
    text-decoration:underline;
}

DIV#main { margin-right: 204px; }
DIV.inner { padding: 12px; }
DIV#sidebar DIV.inner { padding-right: 0px; padding-top: 0px; }

DIV#new-post { margin-top: 14px }

.post-metadata {
    margin-top: 0;
    margin-bottom: 1em;
}
.post-metadata A { color: #57b; }
#related-posts { line-height: 140% }

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

DIV.post {
    margin-bottom: 2.5em;
    padding-top: 1em;
    border-width: 1px 0px 0px 0px;
    border-color: #C3C2BB;
    border-style: solid;
}

DIV.comment { background-color: #eee; padding: 10px; margin-bottom: 1em; border-bottom: 1px dotted #ccc; }
DIV.comment .details { color: #666; }
DIV.comment .content {  border-left: 3px solid #999; padding-left: 16px; margin-top: 6px; margin-left: 20px; }



pre {
    color: #112;
    padding: 10px;
    overflow: auto;
    margin: 4px 10px;
    font-family: Consolas, Monaco, "Lucida Sans Typewriter", "Courier New", mono-space;
}

.post-body{
    background:#FFFFFF;
    background-position:top;
    padding:2px 0 8px 2px;
    background-position:right;
}
.post-body ul{
    margin:0;
    padding:0 0 0 2em;
}

.post-body_preview{
    background:#fff;
    background-position:top;
    padding:2px 0 8px 2px;
    background-position:right;
	width:95%;
}
.post-body_preview ul{
    margin:0;
    padding:0 0 0 2em;
}

#main PRE {
    overflow-x: auto;
    overflow-y: hidden;
    margin-top: 12px;
}

.centered {
    margin-left: auto;
    margin-right: auto;
}
.centeredtext {
    text-align: center;
}

#functions {
    float: right;
    background-color: #d7d7d9;
   -moz-border-radius: 0 0 .8em .8em;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: .8em;
    -webkit-border-bottom-right-radius: .8em;
    padding: .5em;
    color: #000;
    border-top: solid #CCC 1px;
	width: 493px;
    /*margin-right: 20px;*/
}
#functions h4 {
    line-height: 100%;
}
#functions th {
    line-height: 100%;
    text-align: left;
    padding: 0;
}
#functions input.input_text {
    width: 16em;
}

.flash-message {
    margin: 0 20px 0 20px;
    background-color: #FFE884;
    padding: 1em !important;
}
.flash-message ul, .flash-error ul {
    margin: 1em 0;
}
.flash-message ul li, .flash-error ul li {
    margin: 0 0 0 2em;
}
.flash-error {
    background-color: #FF6249;
    padding: 1em !important;
    color: #000;
    border-top-color: #991E12 !important;
}
.flash-error h2 {
    font-size: 1.2em;
    margin: 1em 0 0 0;
}
.flash-error h3 {
    color: #FFF !important;
}


.box {
    /*padding: .6em;
    margin-bottom: 20px;
    background:url(/images/box_bg.gif) repeat-y;*/
	margin:0px;
    padding:0px;
    margin-top:-0.6em;
}
.box h3 {
    text-transform: uppercase;
    font-weight:bold;
    background:url(/images/tag_title_bg.gif) no-repeat;
    /*padding-left:5px;*/
    line-height:20px;
    margin-bottom:.5em;
}
.box.green h3 {
    color: #a11343;
    font-size:14px;
}
.box.blue h3{
    color:#2d929a;
    font-size:14px;
}
.box.red h3, .box.red h3 a {
    color: #c76867;
}
.box.grey {
    color: #999;
}

.box H3 { 
    margin-top: 0px;
    padding-top: 0px;
    font-size: 1.1em;
}

.box.bar { padding-bottom: 0px; height: 22px }

.boxed { border: 1px solid #aaa; padding: 12px; }
.boxed P { padding: 0px; margin: 0px; }
.boxed H3 { color: #333; }

/* pagination ---------------------------------- */

.paginator {
    color:#777;
}
.paginator feed_total {
    line-height: 16px;
}
.paginator .on_this_page {
    margin: 1em 0 0 0;
    height: 11em;
}
.paginator .on_this_page ol {
    display: block;
    width: 50%;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.paginator .on_this_page h4 {
    color: #849708;
    text-transform:uppercase;
    font-size:14px;
	margin-bottom:10px;
}
.paginator .on_this_page ol.column_1 {
    float: left;
    width: 48%;
}
.paginator .on_this_page ol.column_2 {
    float: left;
    width: 48%;
    padding-left: 20px;
}
.paginator .on_this_page ol li a {
    /*white-space: nowrap;
    overflow: hidden;
    height: 1.5em;
    margin-right: 20px;
    text-overflow: ellipsis;
    display: block;*/
}
.paginator .on_this_page ol li a {
    color: #777;
}
.paginator .on_this_page ol li a:hover {
    color: #7d8f0a;
}
.paginator .on_this_page ol li a .item_count, .item_count {
    /*width: 1.4em;*/
    color: #8ca00b;
    font-weight: bold;
    display: block;
    float: left;
    /*text-align: right;
    padding-right: .125em;*/
}
.paginator .pagination a {
    background-repeat: no-repeat;
    line-height: 16px;
    float: right;
    color: #777;
}
.paginator .pagination a:hover {
    text-decoration: none;
    color: #000;
}
.paginator .pagination.newer a {
    background-image: url(/images/arrow_left.gif);
    background-position: left 0;
    padding-left: 20px;
    border-width: 0 1px 0 0;
    border-color: #C6C4BE;
    border-style: solid;
    padding-right: 1em;
    text-transform:uppercase;
    font-weight:bold;
    color:#8c9f0b;
    font-size:11px;
}
.paginator .pagination.newer a:hover {
    background-position: left -100px;
    color:#677408;
}
.paginator .pagination.older a {
    background-image: url(/images/arrow_right.gif);
    background-position: right 0;
    padding-right: 20px;
    text-align: right;
    padding-left: 1em;
    text-transform:uppercase;
    font-weight:bold;
    color:#8c9f0b;
    font-size:11px;
}
.paginator .pagination.older a:hover {
    background-position: right -100px;
    color:#677408;
}


.paginator .pagination.edit a {
    background-image: url(/images/edit.gif);
    background-position: left 0;
    padding-left: 20px;
    border-width: 0 1px 0 0;
    border-color: #C6C4BE;
    border-style: solid;
    padding-right: 0.5em;
	font-weight:bold;
    color:#4c4c4c;
    font-size:11px;
	text-decoration:none;
}
.paginator .pagination.edit a:hover {
    background-position: left -100px;
	text-decoration:underline;
}
.paginator .pagination.delete a {
    background-image: url(/images/delete.gif);
    background-position: left 0;
    /*padding-right: 20px;*/
    text-align: right;
    padding-left: 20px;
    font-weight:bold;
    color:#4c4c4c;
    font-size:11px;
}
.paginator .pagination.delete a:hover {
    background-position: left -100px;
	text-decoration:underline;
}


.portlet-msg-error {
    color: #FF0000;
}

/* post_list ---------------------------------- */

.latest_posts_group h4 a {
    color: #2d9397;
    text-transform:uppercase;
    padding:1px 0px 0 4px;
}
.latest_posts_group h4 a:hover {
    color: #839e02;
}

ul.post_list {
    list-style-type: none;
    margin:0;
    padding:0;
}
ul.post_list li {
    line-height: 1em;
    padding: .5em;
    background:url(/images/tag_title_bg.gif) no-repeat;
    padding-left:3px;
    /*border-width: 1px 0 0 0;
    border-color: #D1CFC9;
    border-style: dashed;*/
}
ul.lastestpost {
    list-style-type: none;
}
ul.h4 {
    list-style-type: none;
    padding:0;
    margin:0;
}
ul.lastestpost li{
    line-height: 1.5em;
    padding-left:4px;
    color:#676961;
}

.leftmenu, a.leftmenu:active, a.leftmenu:link, a.leftmenu:visited {
    font-weight:bold;
    vertical-align:top;
}
.latest_posts_group ul.post_list li:first-child {
    border-width: 0 0 0 0;
}
ul.post_list.alphabetical_tags li {
    width: 75px;
    float: left;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    background:url(/images/bullet.gif) 3px 8px no-repeat;
    padding-left: 11px; 
}
A.has-comments { background-color: #fdd; }

H1 .related { font-size: 0.6em; }

.bigger { font-size: 1.1em; }
.welcome_blurb {  }
.highlighted { background-color: #ee7; }

.cloud_level_0 { font-size: .7em }
.cloud_level_1 { font-size: .9em }
.cloud_level_2 { font-size: 1.1em; line-height: 1.2em; }
.cloud_level_3 { font-size: 1.2em; line-height: 1.1em; }
.cloud_level_4 { font-size: 1.3em; line-height: 1.2em; }
.cloud_level_5 { font-size: 1.4em; line-height: 1.2em; }
.cloud_level_6 { font-size: 1.5em; line-height: 1.2em; }
.cloud_level_7 { font-size: 1.6em; line-height: 1.2em; }
.cloud_level_8 { font-size: 1.7em; line-height: 1.2em; }

/* Syntax highlighting */
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: #FFE; }
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: #FF8B11;
}
pre .expr { color: #227; }
pre .escape { color: #277; }
 
/* add iefixes.css */
/* IE fails to provide room for its own scrollbar.. */

PRE {
    padding-bottom: 20px;
}

/* IE has a bad float model */

/* hide from MacIE \*/
* html BODY.posts #main {
    height: 1%;
}
/* end hide */
 .info{
    background-color: #dae58e;
    line-height:2.5em;
 }
 .navigation{
    color: #e49000;
    font-weight:bold;
    font-size:1.2em;
 }
 .comment_color{ color :#d25c06; font-size:14pt; font-weight:bold;}
.redcolor{
    color:#FF0000;
    font-weight:bold;
    font-size:14px;
    line-height:14px;
    vertical-align:bottom;
}
div.view_form fieldset div.field_auto {
    float:left;
    margin:0pt 1em 0pt 0pt;
    width:41em;
}
.tag, a.tag:active, a.tag:link, a.tag:visited{
    color:#a0b046;
    font-weight:bold;
    text-decoration:none;
}
a.tag:hover{
    text-decoration:underline;
}
.tagcloud, a.tagcloud:active, a.tagcloud:link, a.tagcloud:visited{
    color:#757670;
    font-weight:bold;
    text-decoration:none;
}
a.tagcloud:hover{
    text-decoration:underline;
}
.tag_hr{
    background: url(/images/hr.gif) no-repeat;
    border:0;
    height:7px;
    line-height:7px;
}

/* align="center" */
table.center{
margin:0px auto;
}

.command, a.command:link, a.command:active, a.command:visited{
    font-size:11px;
    color:#6d6c6c;
    text-decoration:underline;
}
a.command:hover{
    color:#333;
}
.nav{   
   margin-left:10px;   
}
.box_pad{
   padding:0 4px 0 4px;
}
.link_topnav, a.link_topnav:active, a.link_topnav:link, a.link_topnav:visited{
    font-weight:bold;
    text-transform:uppercase;
    font-size:12px;
    color:#767676;
} 
a.link_topnav:hover{
    color:#5c3000;
}
.loginbutton{
  font-size:10px;
  background:url(/images/login_bg.gif) no-repeat;
  color:#fff;
  text-align:center;
  padding-bottom:4px;
  vertical-align:middle;
  border:0;
  height:20px;
  line-height:20px;
  width:38px;  
}
.linkcolor, a.linkcolor:active, a.linkcolor:visited, a.linkcolor:link{
  color:#72736e;
  text-decoration:none;
}
a.linkcolor:hover{
  text-decoration:underline;
}

.link_icon, a.link_icon:link, a.link_icon:active, a.link_icon:visited{
  color:#4c4c4c;
  text-decoration:none;
  font-size:11px;
  font-weight:bold;
}
a.link_icon:hover{
  text-decoration:underline;
}

/*#m1{
  width:230px;
}*/
.overlay{
  position:relative;
  width:230px;
}
/* *the  stuff* */
.PNG{
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100%;
  *display:none;
}
.overlay{*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/clear-shadow.png',sizingMethod='scale');
}
.overlay-bd {
  zoom:1;
  margin:2px 6px 4px 3px;
  background:#fff;
  border-style:solid;
  border-width:1px;
  border-color:#e6e6e4 #e6e6e4 #e6e6e4 #e6e6e4;
}
.overlay-bd{
  padding:18px 8px 18px 8px;
}
.overlay-bd * * {padding-right:0;padding-left:0;}
.facebook_mesage {
	background: #ECEFF5 none repeat scroll 0 0;
	border-bottom: 1px solid #E5EAF1;
	clear: left;
	float: none;
	margin-bottom: 2px;
	overflow: hidden;
	padding: 6px 4px 6px 6px;
	width: 190px;
	font-size: 11px;
}