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

/* -- terrible browser hacks -- */
select { min-width:1.5em; }


/* new clearfix */
.clearfix:after               { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix              { zoom: 1; } /* IE6 */
*:first-child+html .clearfix  { zoom: 1; } /* IE7 */


/* End hide from IE-mac */

/* normal html changes */
p, ol, ul {
  margin-top: 15px;
}


img {
  border: none;
}

img.border {
  border: 1px solid #999;
}
.noborder {
  border: none;
}
body, html {
  text-align: center;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  background-image: url('/images/global-bg.gif');
  background-repeat: repeat;
  background-attachment: fixed;
  background-position: top;
  background-color: #777362;
  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.85em;
  line-height: 1.6em;
  color: #5a584b;
}
ol, ul {
  margin-left: 20px;
}

h1 { font-size: 4em; }
h2 { font-size: 1.9em; }
h3 { font-size: 1.7em; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.3em; }
h6 { font-size: 1em; }

h1 {
  letter-spacing: -1px;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
h2 {
  letter-spacing: -1px;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

h3, h4 {
  letter-spacing: -0.5px;
  margin-top: 1em;
  margin-bottom: 0.2em;
}

h5, h6 {
  letter-spacing: -0.5px;
  margin-top: .5em;
  margin-bottom: 0em; 
}


.linkcolor {
  color: #bc7134;
}
a {
  color: #bc7134;
  text-decoration: none;
}
a[name] {
  color: #777;
  text-decoration: none;
}
a[name]:hover {
  text-decoration: none;
}
/* use this if on a header, etc) */
a.largerfont {
  color: #db8900;
}

a:hover {
  text-decoration: underline;
}

label { font-size: 11px; font-weight: normal; color: #999;}

/*label { font-size: 1.0em; font-family: "Lucida Grande", sans-serif; font-weight: bold; color: #888; }*/

code {font-size: 1.2em;}


.clearboth {
 clear: both;
}
.right {float:right;}
.top-right {position:absolute;top:0px;right:0px;}

#posterous_logo {
  float: left;
}
#centerBody {
  text-align: left;
  width: 880px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  
  
  padding: 0px 20px 20px 20px;
  background-color: #fff;
  background-image: url(/images/subhead-blank-bg.gif);
  background-repeat: no-repeat;
  background-position: top;
}


#centerBody_index {
  background-image: url(/images/frontpage-header.gif);
  background-repeat: no-repeat;
  background-position: top;
  text-align: left;
  width: 880px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  
  
  padding: 0px 20px 20px 20px;
  background-color: #fff;
}

/* --- header items -- */
.headerUsername {
  color: #555;
}
#header {
  padding-top: 1px;
  margin: 0px 0px 30px 0px;
  clear:both;
}
/* for how it works, privacy, about, etc */
#header_subhead {
  margin: 55px 0px 30px 150px;
}
#subhead_content {
  margin: 0px 0px 0px 150px;
}
#header_index {
  padding-top: 290px;
}
#header h1 {
  color: #666;
}
.posterousBrand {
  color: #888;
}

#topnav {
  float: right;
  width: 500px;
  text-align: right;
  font-size: .9em;
  margin: 35px 10px 0px 0px;
  padding: 0px;
}

#topnav ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}


#topnav li {
  display: inline;
  border-left: 1px solid #999;
  padding-left: 6px;
  margin-left: 4px;
}
#topnav li.first span { padding-right: 10px; }
#topnav li.first {
  border-left: none;
  padding-left: 0;
  margin-left: 0;
}


div.subnav {
  float: left;
  text-align: left;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
}

div.subnav ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}


div.subnav li {
  display: inline;
  list-style: none; 
/*  border-left: 10px solid #5c4700;*/
/*  padding-left: 6px;*/
  margin-right: 5px;
}
/*div.subnav li.last {
  border-right: none;
}
*/
.footercolorlink {
  color: #b78e00; 
}
div.subnav li a {
  color: #b78e00;
}
div.subnav li a:hover {
  color: #b78e00;
}

.pullbox {
  margin-top: 10px;
  padding: 5px;
  color: #999;
  background-color: #f5f5f5;
}

/* -- about box items -- */


#aboutBox {
  float: right;
  width: 200px;

}
div.readinglist_body {
  float: left;
  width: 620px;
}

ul.inlineCommand {
  list-style: none;
  margin: 0px;
  padding: 0px 5px 5px 5px;
}
.inlineCommand a {
  margin: 5px -5px -5px -5px;
  padding: 5px;
  display: block;
  background-image: url(/images/rquote-small-indented.gif);
  background-position: right;
  background-repeat: no-repeat;
}
.inlineCommand a:hover {
  text-decoration: none;
  background-color: #efefef;
}


div.aboutUsername {
  padding-top: 5px;
  font-weight: bold;
  font-size: 1.5em;
  color: #bbb;

}
div.aboutLocation {
  font-size: .9em;
  margin-top: 0;
}



/* -- article Post items -- */
div.articlePost h2, div.articlePost h5 {
  margin-top: 0px;
  clear: both;
}

#textcontent {
  width: 580px;
}
div.textcontent {
  width: 580px;
}

div.postcontent {
  width: 500px;
  margin-top: 2px;
  float: right;
  overflow: visible;
}
div.postcontent h1 {
  line-height: 24px;
  font-size: 24px;
  
}
div.postcontent p {
  margin-top: 15px;
}

#column2 {
	position: absolute; 
	top: 18px;
	right: 0px; 
  width: 165px;
}

div.articlePost {
  padding: 8px 0px 0px 0px;
  border-top: 1px solid #ccc;
  margin: 0px 0px 15px 0px;

}


div.articleImages {
  margin-top: 10px;
  margin-bottom: -10px;
}

img.articleImages {
  border: 1px solid #999;
  margin-right: 10px;
  margin-bottom: 10px;
}

div.articleHeading {
  float: left;
  margin-right: 10px;
  width: 100px;
}

.articleDate {
  font-size: 0.95em;
  color: #bbb;
}
.articleTime {
  color: #666;
  font-size: 0.95em;
  margin-top: -5px;
  color: #bbb;
}

div.articleLink {
  background-repeat: no-repeat;
  background-position: right;
  padding: 15px 0px;
}

.articleLink {
  text-align: right;
  font-size: 1.0em;
  line-height: 1.0em;
  margin-top: 10px;
}
.articleLinkMoreInfo {
  margin-top: 3px;
  font-size: 0.9em;
  color: #aaa;
}

.comment {
  margin-top: 15px;
}
.commentByline {
  color: #666;
  font-size: 1.2em;
  margin-top: 5px;
  margin-left: 20px;
}

.commentWhen {
  color: #bbb;
  font-size: 0.8em;
  margin-top: 0px;
  margin-left: 3px;
}
.commentEmail, span.commentEmail a {
  color: #666;
  font-size: 0.8em;
  margin-top: 0px;

}

.commentEmail {
  color: #aaa;
  margin-left: 3px;
  margin-right: 0px;
}



/* -- footer stuff -- */
.footerUsername {
  color: #555;
}
div.footerContent h3 {
  color: #ffc600;
  margin-top: 0px;
}



div.footerViews {
  color: #999;
  margin-bottom: 15px;
}
div.footerContent {
  width: 550px;
}
div.footerPostListing {
  float: left; 
}
div.footerArchiveListing {
  float: left;
  margin-left: 30px;
}
#footerNav {
  float: right;
  
  margin: 0px;
  margin-top: -10px;
  
  padding: 0px;
  width: 175px;
}
ul.footerPostListing {
  list-style: none;
}
ul.footerArchiveListing {
  list-style: none;
  
}

.relatedLines {
  line-height: 1.05em;
}
#footer {
  text-align: left;
  width: 920px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  padding: 0px 0px;
  clear: both;
}
.footer_content {
  padding: 8px 20px 20px 20px;
  background-color: #2e2d26;
  background-image: url(/images/footer-bg.gif);
  border-top: 4px solid #312d25;
  border-bottom: 1px solid #c5b496;
}
#footer a {
  color: #c99c00;
}

#footer .inlineCommand a:hover {
  background-color: #525045;
}

.editable{
     color: #000;
     background-color: #ffffd3;
 }
 
h2.titlelink a {
  text-decoration: none;
  color: #666;
}
h2.titlelink a:hover {
  color: #900;
}

#header h1 a {
  text-decoration: none;
  color: inherit;
}
#header h1 a:hover, #header h1 a:hover span.headerUsername {
  color: #ccc;
}




/* pagination */
.pagination {
  padding: 3px;
  margin: 3px;
}
.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #ccc;
  text-decoration: none;
  color: #ccc;
}
.pagination a:hover, .pagination a:active {
  border: 1px solid #ca9d00;
  color: #ca9d00;
}
.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  font-weight: bold;
border: 1px solid #ca9d00;
  background-color: #ca9d00;
  color: #FFF;
}
.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #eee;
  color: #ddd;
}

  
div.howitworks_howto {
  width: 450px;
  float: right;
  margin-bottom: 20px;
}
div.howitworks_examples {
  width: 400px;
  margin-right: 10px;
  padding-right: 10px;
  float: left;
 margin-bottom: 20px;
}
 
 /* ------------- table stuff ----- */

table {
  border-collapse : collapse;   
}

table.posts { width: 685px; }
table.posts td, table.posts th { padding-left: 5px; padding-right: 5px; }
table.posts td { padding-top: 14px; padding-bottom: 13px; }

table.ruled th {
  text-align: left;
  border-top: 1px solid #ccc;
  border-bottom: 2px solid #ccc;    
  padding-top: 3px;
  padding-bottom: 3px;
  margin: 0px;
}
table.ruled td {
  padding-right: 20px;
  margin: 0px;
  border-bottom: 1px solid #ddd;
}

table.ruled tr:hover td {
  background-color: #f3f3f3;
}

a.postlisting_title  {
  color: #555;
  font-size: 14px;
}
div.postlisting_date  {
  color: #aaa;
  font-size: 10px;
}

table.posts tr.alertbar td { background-color: #f3f3f3; font-size: 12px; padding: 5px 5px; }
table.posts.ruled td { vertical-align: top; font-size: 10px; color: #666; }
.metric_value { font-weight: bold; font-size: 11px; color: #333; }
.metric_type { color: #888;   font-weight: normal;}
.metric_divider { color: #666; padding-left: 5px; padding-right: 5px;  }



/* index layout */
div.index_container {
  margin-left: 300px;
}

div.index_usewebmail {
  margin-left: 18px;
}


/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* wide */
.buttons a.wide, button.wide{
    float: none;
  margin-bottom: 5px;
}

.lightgray {
  color: #777;
}

div.box {
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  color: #999;
  width: 300px;
}

div.boxEmphasis {
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
  background-color: #f9f9f9;
  border: 1px solid #eee;
  color: #666;
  width: 500px;
}

div.signuplogin {
  width: 500px;
}


#feedback {
  position: absolute;
  top: 100px;
  left: 0px;
}
div.errorExplanation {
  background: #eee;
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #ddd;
  width: 500px;
  margin-bottom: 10px;
}
div.errorExplanation p {
  margin-top: 5px;
}
div.errorExplanation ul {
  margin-top: 5px;
}
div.errorExplanation h2 {
  margin-top: 0px;
}

div.fieldWithErrors {
  display: inline;
  color: #a00;
}
div.fieldWithErrors label {
  color: #a00;
}



.nagMessage {
  font-size: 11px; 
  color: #444; 
  border: 1px solid #ddd; 
  padding: 10px 10px 10px 10px;
  background-color: #f6f6f6; 
  line-height: 15px;
  width: 500px; 
  margin: 0px 0px 10px 0px;
}

.nagMessage h2 {
  margin-top: 5px;
}

.grouping
{
  margin-top: 20px;
  border: #e9e9e9 1px solid;
  padding: 10px;
  background-color: #fff;
  position:relative;
}

.grouping h2
{
border: none;
font-size : 20px;
font-weight: bold;
color : #555;
display: inline;
}
.grouping .top-right {top:10px;right:10px;}

.date, .comment_label {
  display: none;
}

div.commentunit p {
  margin-top: 5px;
}
div.comment_value {
  margin-top: 5px;
}


div.post-inline-tags {
  font-size: 11px;
  color: #555;
  margin-top: 20px;
}
div.post-inline-tags a {
  color: #999;
}
div.post-inline-tags a:hover {
  color: #bc7134;
}


.sidebar1 {
  margin-bottom: 20px;
} 
.sidebar_entry {
  margin-top: 20px;
} 
div.sidebar_entry h4 {
  font-size: 14px;
  line-height: 14px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
.sidebar {
  margin-top: 20px;
}
.sidebar_link {
  font-weight: bold;
} 
.sidebar_entry {
  margin-top: 20px;
}
.sidebar_description {
  font-size: 11px;
  color: #444;
  line-height: 15px;
}
div.sidebar_description p {
  margin-top: 8px;
}


input[type='text'].searchbox {
  font-size: 12px;
  padding: 2px;
  padding-left: 20px;
  background: url(/images/icons/search16.png) center left no-repeat;
  background-position: 3px; 
  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}

input[type='submit'].searchbox_button {
  font-size: 10px;
  padding: 2px;
  margin: 5px 0px 0px 0px;
}



/* form stuff */

input, select, textarea {
  color: #444;
  font-size: 1.6em;
  font-family: "Lucida Grande", sans-serif;
  line-height:1.3em !important;
  padding: 5px;
}
input[type='text'], input[type='password'], select, textarea {
  background-color: #fff;
  border: 1px solid #ccc;
}

input[type='button'], input[type='submit'] {
  height: 2em;
  font-size: 1.4em;
  color: #444;
  margin-top: 10px;
}

input.checkbox {vertical-align: top; margin:2px 5px 0 0;}


/*---------------------------*/
/*   New Post Page Uploader  */
/*---------------------------*/
.flash-alternate {display:none;}
.no-flash .flash-alternate {display:auto;}
.no-flash .flash-required {display:none;}
.upload-button {position:relative;float:left;}
.upload-button input {margin-top:0px;}
.upload-button embed,
.upload-button object {position:absolute;width:102%;height:100%;
                       top:0%;left:0%;z-index:10;}
.file-progress {position:relative;margin-top:5px;}
.progress-bar {width:250px;height:14px;
               border:1px solid #ababab;padding:2px;}
.progress-bar-indicator {background-color:#ffe174;height:100%;width:0;}
.file-progress .progress-info {position:absolute;top:0px;left:260px;
                               line-height:20px;}
#file_progress_template {display:none;}

/*---------------------------*/
/*   slide out               */
/*---------------------------*/
.slide-out .slide-out-open {display:none;}
.slide-out-opened .slide-out-open {display:block;}
.slide-out-opened .slide-out-closed {display:none;}

/* enabler */
a.enabler { padding: 5px; color: #666; font-size: 11px; overflow: hidden; display: block; margin-left: -5px;}
a.enabler:hover { background-color: #f3f3f3; text-decoration: none;}
a.enabler h4 { color: #bc7134; margin: 0 0; padding: 0 0; line-height: normal !important; font-size: 12px;}
.enabler_icon { width: 16px; padding-right: 10px; float: left; }
.enabler_value { float: left; }

/* settings */
.settings_group { overflow: hidden; width: 649px; margin: 0px 10px; border-bottom: 1px solid #ddd; padding: 15px 10px 20px; }
.settings_label { float: left; width: 150px; margin-right: 30px;  }
.settings_label, .settings_label_font { color: #999; font-size: 12px; }
.settings_label h3, .settings_label_font h3 { font-size: 11px; font-weight: bold; text-transform: uppercase; color: #444; margin: 5px 0px; line-height: normal !important;}
.settings_value { float: left; width: 465px; }

.managesite h2 { margin-bottom: 0px; margin-top: 10px; padding-top: 0px; margin-left: 5px; }
.managesite { width: 685px; overflow: hidden; }
.managesite.modal { margin-top: 0px; }
.managesite .toprightbuttons { float: right; margin-top: 0px; margin-bottom: 5px; font-size: 14px; }

table.emails, table.autopost { margin-left: -3px; margin-right; -3px;}
table.emails td, table.emails th { padding: 5px 3px; vertical-align: top;}
table.autopost td, table.autopost th { padding: 5px 3px; vertical-align: middle;}
#usrexternal_header th { padding: 5px 5px; font-size: 11px; }
#usrexternal_noservice td { padding: 10px 5px; }

/* 
 * POSTEROUS MODAL SKELETON, VERSION 1 
 * => extracted from post editor and pages editor
 * => add 'with_sidebar' class to include a sidebar
 */
#posterous_modal_skeleton1 { display: none; }

.posterous_modal_skeleton1 { position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; }
.posterous_modal_skeleton1 .header { position: absolute; top: 0px; left: 0px; right: 0px; height: 24px; 
	background-color: #eee; padding: 10px; border-bottom: 1px solid #b8b8b8; background-image: url(/images/editor/editor-top-bg.png);}

.posterous_modal_skeleton1 .viewer { position: absolute; top: 45px; right: 0px; left: 0px; bottom: 50px; overflow: auto; padding: 0px 0px; margin: 0px 0px;  }
.posterous_modal_skeleton1 .sidebar { display: none; }
.posterous_modal_skeleton1 .main_area { position: absolute; top: 45px; right: 0px; left: 0px; bottom: 50px; overflow: auto; padding: 0px 0px; margin: 0px 0px;  }
.posterous_modal_skeleton1 .padded_content, .padded_content { padding: 10px;}

.posterous_modal_skeleton1.with_sidebar .sidebar { display: block; position: absolute; top: 45px; left: 0px; width: 244px; bottom: 50px; padding: 13px; border-right: 1px solid #ddd; background-color: #f3f3f3; margin: 0px 0px !important;}
.posterous_modal_skeleton1.with_sidebar .viewer { left: 270px;}

.posterous_modal_skeleton1 .commands { position: absolute; height: 50px; left: 0px; right: 0px; bottom: 0px; 
	background-color: #444; background-image: url(/images/editor/editor-bottom-bg.png); }

.posterous_modal_skeleton1 .main_area .label { padding: 15px; }
.posterous_modal_skeleton1 .main_area .side_actions { position: absolute; top: 15px; right: 15px; font-size: 10px; color: #999;}
.posterous_modal_skeleton1 .main_area .side_actions a { color: #090; }

.posterous_modal_skeleton1 .header h3 { margin: 5px 0px 0px; padding: 0px 0px; font-size: 20px; color: #666; text-shadow: #fff 0px 1px 1px; }

.posterous_modal_skeleton1 .commands .right { float: right; margin: 5px 5px 0px 0px; }
.posterous_modal_skeleton1 .commands .button { height:40px; background-repeat: no-repeat; cursor: pointer; }
.posterous_modal_skeleton1 .commands .button:hover {background-position:0px -40px;}
.posterous_modal_skeleton1 .commands .button:active {background-position:0px -80px;}
.posterous_modal_skeleton1 .commands div.ok_cmd { width: 107px; background-image: url(/images/editor/ok-button.png); position: relative; float: left;}

div.fancy_button { float: left; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-width: 1px; border-style: solid; border-color: transparent transparent #666 transparent; border-color: transparent transparent rgba(202,202,202,0.27) transparent; }
div.fancy_button a { background: #555; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.4)), to(rgba(77,77,77,0.4)));  background: -moz-linear-gradient(top, rgba(0,0,0,0.4), rgba(77,77,77,0.4)); 
float: left; padding: 4px; -webkit-border-radius: 10px; -moz-border-radius: 10px; text-decoration: none; outline: 0; }
div.fancy_button a span { display: block; -webkit-box-shadow: rgba(0,0,0,0.75) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0,0.75) 0px 0px 3px; display: block; line-height: 1.0em; letter-spacing: -1px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-width: 1px; border-style: solid; border-color: #ccc #444 #111 #444; border-color: rgba(255,255,255,0.7) rgba(0,0,0,0.3) rgba(0,0,0,0.6) rgba(0,0,0,0.3); font-size: 21px; font-weight: bold; font-family: Arial; display: block; text-shadow: rgba(0,0,0,0.45) 0 -1px 0; color: white; padding: 10px 43px 10px 42px;  background: transparent -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.6)), color-stop(0.5, rgba(255,255,255,0.15)), color-stop(0.5, rgba(255,255,255,0.01)), to(transparent)); background: transparent -moz-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.01) 50%, transparent);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80FFFFFF', endColorstr='#00FFFFFF'); }
div.fancy_button a:hover span { background: -webkit-gradient(linear, left top, left bottom, from(rgba(220,220,220,0.6)), color-stop(0.5, rgba(100,100,100,0.2)), color-stop(0.5, rgba(0,0,0,0.21)), to(rgba(0, 0, 0, 0.20))); background: -moz-linear-gradient(top, rgba(220,220,220,0.6), rgba(100,100,100,0.2) 50%, rgba(0,0,0,0.21) 50%, rgba(0, 0, 0, 0.20)); border-top-color: rgba(255,255,255,0.65); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99dcdcdc', endColorstr='#33000000'); }
div.fancy_button a:active span { background: -webkit-gradient(linear, left top, left bottom, from(rgba(150,150,150,0.6)), color-stop(0.5, rgba(60,60,60,0.6)), color-stop(0.5, rgba(40,40,40,0.6)), to(rgba(20, 20, 20, 0.5))); background: -moz-linear-gradient(top, rgba(150,150,150,0.6), rgba(60,60,60,0.6) 50%, rgba(40,40,40,0.6) 50%, rgba(20, 20, 20, 0.5)); border-top-color: rgba(255,255,255,0.2); border-left-color: rgba(0,0,0,0.4); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80969696', endColorstr='#59000000'); -webkit-box-shadow: inset 0 0 18px rgba(0,0,0,0.75), rgba(0,0,0,0.75) 0px 0px 3px; -moz-box-shadow: inset 0 0 18px rgba(0,0,0,0.75), rgba(0,0,0,0.75) 0px 0px 3px; box-shadow: inset 0 0 18px rgba(0,0,0,0.75), rgba(0,0,0,0.75) 0px 0px 3px; }
div.fancy_button a span:active { border-top-color: rgba(255,255,255,0.2); border-left-color: rgba(0,0,0,0.4); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80969696', endColorstr='#59000000'); }
div.fancy_button.small { margin-top: 4px; }
div.fancy_button.small a span { font-size: 14px; padding: 9px 20px 9px 19px;}


/* subheads */

div.subhead_nav_bar { margin: 0 0; padding: 5px 0 0px; background: #eee url('/images/manage/subnav_background.gif') repeat-x left bottom; line-height: 32px; height: 33px; border-color: #fff #fff #ccc #fff; border-style: solid; border-width: 1px; }

ul.subhead_nav { margin: 3px 4px 0; padding: 0 0; font-size: 12px; line-height: 30px; }
ul.subhead_nav li { display: inline; margin: 0 0; padding: 0 0; list-style-type: none; }
ul.subhead_nav li a { 
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 8px 14px 7px; margin: 0px 4px; 
  color: #bbb; background-color: transparent;
  border-radius-topleft: 4px;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-radius-topright: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  line-height: 32px !important;
  text-shadow: rgb(255,255,255) 0px 1px 1px;
}
ul.subhead_nav li a:hover { 
  background-color: #ccc; text-decoration: none; color: #666; 
}
ul.subhead_nav li a:active, ul.subhead_nav li a:focus { outline:none; }
ul.subhead_nav li a.selected { 
  background-color: #fff; color: #009900; font-weight: bold; border-bottom: 1px solid #fff; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-left: 1px solid #ccc; padding: 8px 14px;
}   


/* spacing stuff */
li {
	margin-top: 5px;
}

/* button stuff */
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #bbb;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;

    font-family: Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

.postly_button {
  width:147px; 
  height:39px !important;
  background: #fff;
  position:relative; 
  float: left; 
  border:none;
  background-repeat: no-repeat;
}
.postly_button:focus { outline:none; }
.postly_button:hover{
  background-position: 0 -39px;
}
.postly_button:active{
  background-position: 0 -78px;
}

.go_button{ background-image:url(/images/buttons/go-button.png); }
.import_button{ background-image:url(/images/buttons/import-button.png); }

/* flash header */

div.flashheader {
	margin-top: 0px;
	margin-left: 0px;
	background-color: #f9f9f9;
	background-image: url(/images/flash_top.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0px;
	height: 18px;
	width: 502px;
	clear:both;
}
div.flashbody {
	margin-left: 0px;
	padding: 5px 8px 5px 8px;
	background-color: #f9f9f9;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	font-size: 1.1em;
	color: green;
	width: 484px;
}
div.flashbody a {
	color: #0a0;
	border-bottom: 1px solid #cfc;
}

/* form stuff */
input[type='text'].commentSecondaryBox {
	font-size: 11px;
	line-height: 12px;
	padding: 3px ;
	color: #444;	
	width: 467px; 
	margin-left: 16px; 
	margin-bottom: 10px; 
}

label.posterous_external_site_label { vertical-align: top; font-size: 11px; color: #999; }


/* profile stuff */

div.profile_header_image {
	margin-top: 10px;
	float: left;
}
div.profile_header_text {
	margin-top: 60px;
	margin-left: 90px;
}
span.profile_header_username {
	font-size: 30px;
	font-weight: bold;
	color: #70604d;
}
span.profile_header_realname {
	font-size: 30px;
	color: #c5c5c5;
}
div.profile_body {
	margin-left: 90px;
	margin-right: 20px;
}
div.profile_user_body {
	margin-top: 20px; 
	margin-bottom: 20px;
	clear: left;

}
div.profile_bodytext {
	font-size: 18px;
	line-height: 25px;
}
div.profile_latest_posts_from {
	color: #70604d;
	font-weight: bold;
	clear: left;	
}
div.profile_sitelink {
	color: #70604d;
	font-weight: bold;
	font-size: 1.8em;
	
}
div.profile_subscribelink {
	margin-top: 5px;
}
img.profile_border {
	border: 1px solid #ccc;
}

div.profile_users {
	width: 450px;
}

div.profile_user {
	padding-right: 5px;
	padding-top: 5px;
	text-align: center;
	width: 40px;
	line-height: 10px;
	float: left;
}
div.profile_user a {
	color: #999;
}
div.profile_user a:hover {
	color: #bbb;
}


div.profile_subscriptions {
	float: right;
	margin-left: 40px;
	margin-top: 10px;
	width: 250px;
}
div.profile_subscription {
	clear: both;
	margin-top: 10px;
}
div.profile_sub_photo {
	float: left;
	margin-right: 5px;
}
div.profile_sub_site {
	font-size: 11px;
	line-height: 14px;
}
div.profile_sub_site a {
	color: #444;
}
div.profile_sub_user, div.profile_sub_user a {
	font-size: 11px;
	color: #777;
}


div.profile_sub_email {
	font-size: 11px;
	color: #aaa;
}

div.navbar_selected {
	display: inline;
	font-weight: bold;
	color: #333;
}

div.profile_ajax_reply, div.profile_ajax_reply a  {
	color: #090;
	font-size: 11px;
}

a.profile_user_link {
	position: relative;
}
a.profile_user_link span {
  display: none;
  text-decoration: none;
}

a.profile_user_link:hover span {
  display: inline;
  clear: both; 
  width: 72px;
  margin: 1px;
  position: absolute;
  bottom: 40px;
  left: 0px;
  border: none;
  background: #333;
  padding: 5px;
  color: #fff;
  font-size: 11px;
  text-align: left;
  z-index: 5;
  text-decoration: none;
  -webkit-border-radius: 5px; /* this is just for Safari */
  -moz-border-radius: 5px; /* this works only in camino/firefox */ 	
  opacity: 0.9;
  -moz-opacity:0.9;
}

/* generic tooltip */

a.tooltip_link {
	position: relative;
	text-decoration: none;
}
a.tooltip_link:hover {
	text-decoration: none;
}
a.tooltip_link span {
  display: none;
  text-decoration: none;
}

a.tooltip_link:hover span {
  display: inline;
  clear: both; 
/*  width: 72px;*/
  margin: 1px;
  position: absolute;
  border: 1px solid #aaa;
  background: #fff;
  padding: 5px;
  color: #444;
  font-size: 11px;
  text-align: left;
  z-index: 5;
  text-decoration: none;
  -webkit-border-radius: 5px; /* this is just for Safari */
  -moz-border-radius: 5px; /* this works only in camino/firefox */ 	
  opacity: 0.9;
  -moz-opacity:0.9;
}
a.tooltip_link:hover b {
	color: #777;
}

.searchCriteriaFound {
	color: #090;
}

.comment_email {
	display: none;	/* for reverse captcha */
}

.pointer_cursor {
   cursor: pointer;
}

.sms_notice {
	font-size: 11px;
	color: #999;
}



blockquote.posterous_short_quote, blockquote.posterous_medium_quote {
	margin-top: 10px;
	margin-left: 0px;
	margin-bottom: 20px;
	font-size: 20px;
	line-height: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 430px;
	/*  background: url(/images/close-quote.gif) no-repeat right bottom;*/
	padding-right: 18px;
	padding-left: 22px;
	border: none !important;
}
blockquote.posterous_short_quote > *:first-child, blockquote.posterous_medium_quote > *:first-child {
	margin-top: 10px !important;
}
blockquote.posterous_short_quote:before, blockquote.posterous_medium_quote:before {
	content: open-quote;
	height: 0px;
	color: #ccc;
	display: block;
	font: 32px Georgia, "Times New Roman", Times, serif;
	margin-left: -22px;
}

blockquote.posterous_short_quote:after, blockquote.posterous_medium_quote:after {
	content: close-quote;
	height: 20px;
	font: 32px Georgia, "Times New Roman", Times, serif;
	color: #ccc;
	display: block;
	margin-top: -24px;
	margin-left: 450px;
}

blockquote.posterous_medium_quote { font-size: 14px; }

.posterous_quote_citation {
	margin-top: 10px;
	font-size: 10px;
}

blockquote {
	margin: 10px 0px;
	margin-left: 1px;
	border-left: 4px solid #ddd !important;
	padding-left: 10px;
}


.fav_mouseover {
	border: 1px solid #ccc;
	background-color: #fff;
}

div.fav_star {
	cursor: pointer; 
	padding: 3px 3px 3px 3px; 
	margin-top: -3px; 
	margin-right: -3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
}

div.fav_star span { font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #090; margin-right: 4px; margin-left: 1px }
div.fav_star img { vertical-align: middle; }

div.ajaxComment p {
	margin-top: 5px !important;
}


ul.searchsort {
	margin-left: 0px;
	display: inline;
}
ul.searchsort li {
	display: inline;
	margin-left: 10px;
}

li {
	list-style-type: none;
}

ul li {
	list-style-type: disc;
}

ol li {
	list-style-type: decimal;
}




.highlight {
	color: #090;
}




ul.button_row {
	margin: 0px 0px;
}
ul.button_row li {
	margin: 0px;
	display: inline;
}


/* ------ normal ------ */
a.rbutton, a.splitbutton_left, a.splitbutton_right {
	background: transparent url('/images/buttons/regular1.gif') no-repeat scroll left top;
	float: left;
	text-decoration: none;
}
a.rbutton:focus, a.splitbutton_left:focus, a.splitbutton_right:focus {
	outline: none;
}
a.rbutton.right10, a.splitbutton_right.right10  {
	margin-right: 10px;
}
a.rbutton.right5, a.splitbutton_right.right5  {
	margin-right: 5px;
}
a.rbutton .tr, a.splitbutton_right .tr {
	background: transparent url('/images/buttons/regular1.gif') no-repeat scroll right top;
}
a.rbutton .bl, a.splitbutton_left .bl, a.splitbutton_right .bl {
	background: transparent url('/images/buttons/regular1.gif') no-repeat scroll left bottom;	
}
a.rbutton .br, a.splitbutton_right .br {
	background: transparent url('/images/buttons/regular1.gif') no-repeat scroll right bottom;
}

/* ------ hover ------ */
a.rbutton:hover, a.splitbutton_left:hover, a.splitbutton_right:hover {
	background: transparent url('/images/buttons/mouseover1.gif') no-repeat scroll left top;
}

a.rbutton:hover .tr, a.splitbutton_right:hover .tr {
	background: transparent url('/images/buttons/mouseover1.gif') no-repeat scroll right top;
}
a.rbutton:hover .bl, a.splitbutton_left:hover .bl, a.splitbutton_right:hover .bl  {
	background: transparent url('/images/buttons/mouseover1.gif') no-repeat scroll left bottom;	
}
a.rbutton:hover .br, a.splitbutton_right:hover .br {
	background: transparent url('/images/buttons/mouseover1.gif') no-repeat scroll right bottom;
}

/* ------ active ------ */
a.rbutton:active, a.splitbutton_left:active, a.splitbutton_right:active {
	background: transparent url('/images/buttons/active1.gif') no-repeat scroll left top;
}
a.rbutton:active .tr, a.splitbutton_right:active .tr {
	background: transparent url('/images/buttons/active1.gif') no-repeat scroll right top;
}
a.rbutton:active .bl, a.splitbutton_left:active .bl, a.splitbutton_right:active .bl {
	background: transparent url('/images/buttons/active1.gif') no-repeat scroll left bottom;	
}
a.rbutton:active .br, a.splitbutton_right:active .br {
	background: transparent url('/images/buttons/active1.gif') no-repeat scroll right bottom;
}

a.rbutton span.add {
	background: transparent url('/images/fb_plus.gif') no-repeat scroll left center;
	padding-left: 17px;
	margin-left: 8px;
}
a.rbutton span.no_icon, a.splitbutton_left span {
	padding-left: 3px;
	margin-left: 8px;
}
a.rbutton span.no_icon img, a.splitbutton_left span img {
	margin-right: 8px;
	margin-top: -4px;
	margin-bottom: 0px;
	vertical-align: middle;
}

a.rbutton span.padded,  a.splitbutton_left span.padded, a.splitbutton_right span.padded {
	padding-top: 7px;
	padding-right: 13px;
	padding-bottom: 7px;
	color: #333;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 11px;
	font-weight: bold;
	display: block;
	text-shadow: 0 1px 1px white;
}

a.rbutton:hover span.padded,  a.splitbutton_left:hover span.padded {
	color: #555;
}

a.rbutton:active span.padded,  a.splitbutton_left:active span.padded {
	color: #000;
}

a.splitbutton_left {
	border-right: 1px solid #fff;
}

a.splitbutton_right {
	border-left: 1px solid #c9c9c9;
}
a.splitbutton_right span.padded {
	padding-left: 10px;
	padding-right: 10px;
	background: transparent url('/images/icons/down.png') no-repeat scroll center center;
}
a.splitbutton_right, a.splitbutton_right:hover, a.splitbutton_right:active {
	background-position: -10px 0px;
}
a.splitbutton_right .bl, a.splitbutton_right:hover .bl, a.splitbutton_right:active .bl {
	background-position: -10px bottom;	
}


#posterousbar_nojs { overflow: hidden; }
a.plainselector { padding-bottom: 8px; }
a.plainselector:hover {	text-decoration: none; }
a.plainselector:focus {	outline: none; }
a.plainselector img { vertical-align: middle; width: 8px; height: 8px; }
ul.plainselector_menu_items { display: none; }

/* Legacy Posterous Bar */

div.posterous_topnav {
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: right;		
}


div.posterous_topnav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div.posterous_topnav li {
	display: inline;
	border-left: 1px solid #999;
	padding-left: 5px;
	margin-left: 4px;
	white-space:  nowrap;
}

div.posterous_topnav li.first {
	border-left: none;
}

div.posterous_topnav a img {
	border: none;
}
div.posterous_topnav a {
	text-decoration: none;
}

div.posterous_topnav a:hover {
	text-decoration: underline;
}

div.posterous_topnav_ownership { font-size: 11px; color: #666; margin-top: 5px; }
div.posterous_topnav_ownership a { color: #777; }

div.posterous_private_box_inner { float: left; margin-left: 20px; margin-top: 20px; }
div.posterous_private_box_inner img.posterous_lock { width: 12px; height: 12px; vertical-align: top; }

/* commenting stuff */
ul.mini_commands {
	margin: 8px 0px 0px 0px;
	padding: 0px 0px;
	cursor: pointer;		
}

ul.mini_commands li {
/*	padding: 2px !important;*/
/*	border-radius: 5px;*/
	margin-right: 10px;
/*	-moz-border-radius: 5px;*/
/*	-webkit-border-radius: 5px;*/
	font-size: 10px;
	margin-left: 0px;
	list-style-type: none;
	display: inline;
/*	border: 1px solid #eee;*/
	cursor: pointer;
}

ul.mini_commands li:hover {
	cursor: pointer;	
}

ul.mini_commands li a {
	color: #aaa;	
}


div.commentunit {
	margin-top: 3px;
	margin-bottom: 3px;
	clear: left;

	/* clear internal floats */
	overflow: hidden;
	width: 100%;	
	color: #444;
}

div.commentunit input {
  vertical-align: middle;
}
div.commentname {
	font-size: 11px;
}

div.comment_hide_button {
	float: right; 
	font-size: 10px;
}
div.comment_none_yet_msg {
	color: #999;
	font-weight: bold;
	margin-top: 20px;
}

div.comment_spacer {
	display: none;
}

div.comment_login_buttons { margin-top: 5px; white-space: nowrap; }
div.comment_login_buttons a { padding-right: 12px; }
div.comment_login_buttons img { vertical-align: top; }
div.comment_external_user_info { float: left; margin-right: 10px; margin-top: 5px; }

div.comment {
	margin: 0px 0px;
	line-height: 18px;
	font-size: 12px;
}
div.comment p {
	margin-top: 10px;
}

div.comment_date {
  font-size: 10px;
  color: #999;
}

div.comment_label {
  margin-bottom: 5px;
  margin-top: 10px;
  color: #999;
  font-size: 12px;
}
div.comment_value {
	line-height: 18px;
	font-size: 12px;
}

div.comment_value input[type="text"], div.comment_value textarea { width: 480px; }
div.comment_value textarea { display: block; height: 36px; }
div.comment_value input.first[type="text"] { margin-left: 0; }
label.email_notify_label { vertical-align: top; font-size: 11px; color: #999; }

div.comment div.comment_avatar { float: right; margin: 0 0 5px 5px; }
div.comment_avatar img.profile_border { width: 35px; height: 35px; }

li.admin_commands { background-color: #fff; }
li.admin_commands a { color: #090; }

div.posterous_comments { margin-bottom: 30px; }
div.posterous_comments h4, div.spanningheader h4 {
  margin: 15px 0px 10px 0px; 
  padding: 0px 0px;
  font-size: 12px;
  font-weight: bold;
}
div.comment {
  margin: 0px 0px;
}
div.posterous_comments_link {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}


div.commentunit div.comment_profile_icon {
	margin-top: 0px;
	margin-right: 10px;
	float: left;
}

div.commentunit div.comment_profile_description {
	float: left;
}

div.commentunit div.comment_profile_description div.comment_profile_logout_link { font-size: 10px; }

div.commentunit textarea {
	border: 1px solid #ddd;
	font-family: "Lucida Grande", sans-serif;;
	color: #444;
	padding: 3px;
	font-size: 14px;	
}
div.commentunit input[type='checkbox'] {
	margin-left: 0px;
	vertical-align: middle;
}

div.commentunit textarea.twitterBox {
	font-size: 11px;
	line-height: 12px;
	padding: 3px 3px 3px 24px;
	color: #444;
	background-image: url(/images/comments/twitter_upperleft.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 447px;
}

div.posterous_twitter_preview { margin-left: 16px; margin-top: 3px; }
div.posterous_login_options { font-size: 10px; line-height: 27px; white-space: nowrap; margin-top: 5px; }

div.spanningheader {
	margin-top: 20px;
}

/* Posterous OJS divs */
div.posterous_ojs { display: none; }

/* Posterous Bar */
#posterous_required_header { right: 10px; }
.posterousHeaderLeft { text-align: right; position: absolute; right: 10px; }
.posterousHeader { overflow: hidden; margin: 0px 10px; font-size: 11px !important; position: absolute; z-index: 99; top: 0px; font-family: Arial, Helvetica, sans-serif !important; text-align: left !important; line-height: normal; min-width: 550px;}
.posterousHeader a { color: #fff; text-decoration: none !important; text-shadow: #000 0px 1px 2px;}
.posterousHeader a img { border: none !important; background: none !important; background-color: transparent !important; margin: 0 0 !important; padding: 0 0 !important; }
.posterousHeader a:hover { color: #fff; text-decoration: underline !important; text-shadow: #000 0px 1px 2px;}		

.posterousHeaderDark { color: #bbb !important; text-shadow: #000 0px 1px 1px; }
.posterousHeaderDark a { color: #fff !important; text-shadow: #000 0px 1px 1px;}
.posterousHeaderDark a:hover { color: #fff !important; text-shadow: #000 0px 1px 1px;}		

.posterousHeaderLight { color: #777 !important; text-shadow: #fff 0px 1px 1px; }
.posterousHeaderLight a { color: #444 !important; text-shadow: #fff 0px 1px 1px;}
.posterousHeaderLight a:hover { color: #444 !important; text-shadow: #fff 0px 1px 1px;}		

.posterousHeader ul { list-style-type: none; margin: 0; padding: 0;}
.posterousHeader li { display: inline; margin: 0px 10px 0px 0px; white-space: nowrap;}
.posterousHeader li.last {margin: 0px 0px;}
.posterousHeaderPrimary { position: absolute; top: 9px; left: 10px; }
.posterousHeaderSecondary { position: absolute; top: 32px; left: 10px;}
.posterousHeaderAccount { position: absolute; top: 9px; right: 10px; }
.posterousHeaderActions { position: absolute; top: 35px; right: 6px; }

.posterousHeaderExpandedDivRight { background-image: url('/images/header/clear-expanded.png'); width: 454px; height: 59px; float: left;  padding: 5px; position: relative; background-repeat: no-repeat;}
.posterousHeaderExpandedDivLeft { background-image: url('/images/header/clear-expanded-left.png'); width: 454px; height: 59px; float: right;  padding: 5px; position: relative;background-repeat: no-repeat;}

.posterousHeaderExpandedDivRightOpaque { background-image: url('/images/header/opaque/clear-expanded.png'); width: 454px; height: 59px; float: left;  padding: 5px; position: relative; background-repeat: no-repeat;}
.posterousHeaderExpandedDivLeftOpaque { background-image: url('/images/header/opaque/clear-expanded-left.png'); width: 454px; height: 59px; float: right;  padding: 5px; position: relative;background-repeat: no-repeat;}


.posterousHeaderImageRight {  float: left; }
.posterousHeaderImageLeft {  float: right; }

.posterousHeaderItem { float: left; margin: 1px 10px 0px 0px; line-height: 14px;}
.posterousHeaderOwnership { width: 103px; margin-right: 10px; }
.posterousHeaderItemProfile { float: left; margin: 2px 7px 0px 0px;}
.posterousHeaderItemProfile img { width: 25px; height: 25px; vertical-align: middle; }
.posterousHeaderItemValue { font-weight: bold; overflow: hidden; white-space: nowrap; }

.posterousHeaderDark .posterousHeaderItem a:hover, .posterousHeaderLight .posterousHeaderItem a:hover { text-decoration: none !important; }
.posterousHeaderDark a:hover .posterousHeaderItemName { text-decoration: none !important;  color: #fff;} 
.posterousHeaderLight a:hover .posterousHeaderItemName { text-decoration: none !important;  color: #333;} 
.posterousHeaderDark .posterousHeaderItemName, .posterousHeaderDark .posterousHeaderItemName a { color: #444; }
.posterousHeaderLight .posterousHeaderItemName, .posterousHeaderLight .posterousHeaderItemName a { color: #777; }
.posterousHeaderDark .posterousHeaderItemValue, .posterousHeaderDark .posterousHeaderItemValue a { color: #ccc; }
.posterousHeaderLight .posterousHeaderItemValue, .posterousHeaderLight .posterousHeaderItemValue a { color: #444; }

#posterousHeaderNotLoggedIn { font-size: 12px !important; line-height: 18px; padding: 0px; margin-left: 5px; text-align: left; }

div.posterousHeaderActions a { float: right; text-indent: -9999px; display: block; text-decoration: none; height: 27px; }
div.posterousHeaderActions a:active { outline: none;  }
div.posterousHeaderActions a:hover { background-position: 0px -27px; text-decoration: none !important;}
div.posterousHeaderActions a.subscribe { background-image: url(/images/header/subscribe.png); width: 67px; }
div.posterousHeaderActions a.unsubscribe { background-image: url(/images/header/unsubscribe.png); width: 79px; }
div.posterousHeaderActions a.newpost { background-image: url(/images/header/newpost.png); width: 66px; }
div.posterousHeaderActions a.settings { background-image: url(/images/header/settings.png); width: 58px; }
div.posterousHeaderActions a.try_it_now { background-image: url(/images/header/tryitnow_login.png); width: 72px; }
div.posterousHeaderActions a.login { background-image: url(/images/header/tryitnow_login.png); width: 45px; background-position: -72px 0px; }

div.posterousHeaderActions a.login:hover { background-position: -72px -27px;}

img.loading { float: right; border: 1px solid #999; margin-top: 6px; width: 14px; height: 14px; }


#posterous_modal_flash { 
	position: absolute; top: 0px; width: 940px; left: 50%; margin-left: -470px;  background-color: #eee; color: #333; 
	border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; 
	font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; 
	padding: 10px; z-index: 100; text-align: left; 
	-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;}
#posterous_modal_flash_dismiss { float: right; font-size: 11px; padding-left: 15px; }
#posterous_modal_flash_dismiss a { color: #aaa !important; text-decoration: underline; }
#posterous_modal_flash_dismiss a:hover { color: #888 !important; text-decoration: underline; }

#modal_container_holder {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.posterous_retweet_widget { vertical-align: middle; font-size: 11px; margin: 10px 0px; }
.posterous_retweet_widget a { color: #666; }
.posterous_retweet_count { font-weight: bold;  }
a.posterous_retweet { margin-left: 3px; padding: 2px 4px; background-color: #ccc; color: #fff; font-size: 10px; font-family: Arial, Helvetica, sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
a.posterous_retweet:hover { text-decoration: none; background-color: #090; }


/* TextboxList CSS */
#tag_editor *:first-child+html div.holder { padding-bottom: 2px; }
#tag_editor * html div.holder { padding-bottom: 2px; } /* ie7 and below */
#tag_editor ol li { list-style-type: none; }

#tag_editor div.holder *, div.autocomplete * { font: 12px Helvetica, Arial, sans-serif; color: #444; }

/* DIV holder */ 
#tag_editor div.holder { margin: 0; border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; padding: 4px 5px 0; cursor: text;}


#tag_editor div.holder a { float: left; margin: 0 5px 4px 0; }
#tag_editor div.holder a.bit { text-decoration: none; color: #444; }
#tag_editor div.holder a.bit:active, div.holder a.bit:focus { outline: none; }
#tag_editor div.holder a.bit-box { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #ddd; background: #eee; padding: 3px 5px 2px; padding-right: 15px; position: relative; }
#tag_editor div.holder a.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
#tag_editor div.holder a.bit-input input { width: 150px; margin: 0; border: none; outline: 0; padding: 3px 0 2px; } /* no left/right padding here please */
#tag_editor div.holder a.bit-input input.smallinput { width: 20px; }
#tag_editor div.holder a.bit-hover { background: #fff; border: 1px solid #090; }
#tag_editor div.holder a.bit-box-focus { border-color: #090; background: #090; color: #fff; }
#tag_editor div.holder a.bit-box a.closebutton { position: absolute; right: 0; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('/images/close.gif'); }
#tag_editor div.holder a.bit-box a.closebutton:hover { background-position: 7px; }
#tag_editor div.holder a.bit-box a.closebutton:active { outline: none }
#tag_editor div.holder a.bit-box-focus a.closebutton, div.holder a.bit-box-focus a.closebutton:hover { background-position: bottom; }
#tag_editor input.maininput { margin-top: 2px !important;}
#tag_editor input.inputMessage { color: #ccc; font-size: 11px; margin-top: 2px !important; border: none;}

/* Autocompleter CSS */
#tag_editor div.autocomplete { display: none; position: absolute; width: 492px; background: #eee; }

#tag_editor div.autocomplete .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px; }
#tag_editor div.autocomplete ul { display: none; margin: 0; padding: 0; overflow: auto; }
#tag_editor div.autocomplete ul li { padding: 5px 12px; z-index: 1000; cursor: pointer; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; }
#tag_editor div.autocomplete ul li em { font-weight: bold; font-style: normal; background: #ccc; }
#tag_editor div.autocomplete ul li.auto-focus, #tag_editor div.autocomplete ul li.auto-focus b,  #tag_editor div.autocomplete ul li.auto-focus em { background: #090; color: #fff; }
#tag_editor div.autocomplete ul li.auto-focus em { background: none; }


/* manage pages */
#import_content_area{ margin:10px; margin-left:20px; }
.import_url{ -moz-border-radius: 5px;   -webkit-border-radius: 5px; font-size:20px;  color:#999; }

#import_left{ width:250px;  float:left; }
#import_right{ width:400px;  float:left; }
#import_details{border-top:1px solid #ddd; padding-top:10px;}
#service_list{  margin:0px; }
#service_list li{ margin:0px;  padding:3px; list-style:none; }
#import_right td{ padding:5px; }
.cancel{ margin-top:18px !important;  display:block;  height:42px; }
.blog_service label{ color: #000;  font-weight:bold;  width:90px;  display:block;  float:left; }
.service_icon{  margin-left:90px; }
#user_blog_url{ color:#009900; }
/*.dragged{background-color:#00ffcc;}*/


.CodeRay {
  background-color: #232323;
  border: 1px solid black;
  font-family: 'Courier New', 'Terminal', monospace;
  color: #E6E0DB;
  padding: 3px 5px;
  overflow: auto;
  font-size: 12px;
  margin: 12px 0;
  line-height:14px;
  margin-bottom:20px;
}
.CodeRay pre {
  margin: 0px;
  padding: 0px;
}

.hide_numbers span.no { display: none; }

.CodeRay .an { color:#E7BE69 }                      /* html attribute */
.CodeRay .c  { color:#BC9358; font-style: italic; } /* comment */
.CodeRay .ch { color:#509E4F }                      /* escaped character */
.CodeRay .cl { color:#FFF }                         /* class */
.CodeRay .co { color:#FFF }                         /* constant */
.CodeRay .fl { color:#A4C260 }                      /* float */
.CodeRay .fu { color:#FFC56D }                      /* function */
.CodeRay .gv { color:#D0CFFE }                      /* global variable */
.CodeRay .i  { color:#A4C260 }                      /* integer */
.CodeRay .il { background:#151515 }                 /* inline code */
.CodeRay .iv { color:#D0CFFE }                      /* instance variable */
.CodeRay .pp { color:#E7BE69 }                      /* doctype */
.CodeRay .r  { color:#CB7832 }                      /* keyword */
.CodeRay .rx { color:#A4C260 }                      /* regex */
.CodeRay .s  { color:#A4C260 }                      /* string */
.CodeRay .sy { color:#6C9CBD }                      /* symbol */
.CodeRay .ta { color:#E7BE69 }                      /* html tag */
.CodeRay .pc { color:#6C9CBD }                      /* boolean */

/* Action buttons */
.action_button, .action_button.disabled:hover, .action_button.disabled:active { outline: 0; margin-top: 20px; position: relative; color: #444444; text-decoration: none; display: inline-block; border: 1px solid #919191;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-decoration: none; background: #e3e4e4; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e2e5e5)); background: -moz-linear-gradient(top, #fff, #e2e5e5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e2e5e5'); -webkit-box-shadow: rgba(0,0,0,0.19) 0 1px 2px; -moz-box-shadow: rgba(0,0,0,0.19) 0 1px 2px; box-shadow: rgba(0,0,0,0.19) 0 1px 2px; }
.action_button:hover { text-decoration: none; background: #c8c8c8;background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#c8c8c8));background: -moz-linear-gradient(top, #f6f6f6, #c8c8c8);-webkit-box-shadow: rgba(0,0,0,0.4) 0 0 3px;-moz-box-shadow: rgba(0,0,0,0.4) 0 0 3px;box-shadow: rgba(0,0,0,0.4) 0 0 3px;border-color: #808080 #808080 #777; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f6f6f6', endColorstr='#c8c8c8');}
.action_button:active { background: #aaa;background: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#e5e5e5));background: -moz-linear-gradient(top, #aaa, #e5e5e5);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#aaaaaa', endColorstr='#e5e5e5'); border-color: #6b6b6b;-webkit-box-shadow: inset rgba(0,0,0,0.2) 0 3px 3px;-moz-box-shadow: inset rgba(0,0,0,0.2) 0 3px 3px;box-shadow: inset rgba(0,0,0,0.2) 0 3px 3px;}
.action_button span, .action_button.disabled span, .action_button.disabled:hover span, .action_button.disabled:active span { display: block; font-size: 11px; font-weight: bold; padding: 0.455em 0.636em; line-height: 1.273em; text-shadow: #fff 0 1px 0; border: 1px solid #fff;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.action_button:active span { border-color: #a8a8a8;border-color: rgba(0,0,0,0.10);text-shadow: #eee 0 1px 0;}
.action_button.disabled { opacity: 0.5; filter: alpha(opacity=50); cursor: default; }
.action_button em { font-style: normal; font-weight: normal; display: block;}
.action_button span.icon, .action_button.disabled span.icon { padding-left: 30px; background-position: 7px center; background-repeat: no-repeat; }
.action_button.large span, .action_button.large.disabled span { padding-top: 8px; padding-bottom: 8px; }
.action_button.big span { font-size: 16px;}
.action_button.big span.icon { padding-left: 34px; background-position: 9px center; }
.action_button span.add { background-image: url('../../images/icons/silk/add.png'); }
.action_button span.link_add { background-image: url('../../images/icons/silk/link_add.png'); }
.action_button span.application_add { background-image: url('../../images/icons/silk/application_add.png'); }
.action_button span.folder_add { background-image: url('../../images/icons/silk/folder_add.png'); }
.action_button span.folder { background-image: url('../../images/icons/silk/folder.png'); }
.action_button span.pencil { background-image: url('../../images/icons/silk/pencil.png'); }
.action_button span.cross { background-image: url('../../images/icons/silk/cross.png'); }
.action_button span.accept { background-image: url('../../images/icons/silk/accept.png'); }
.action_button span.color_wheel { background-image: url('../../images/icons/silk/color_wheel.png'); }
.action_button span.application { background-image: url('../../images/icons/silk/application.png'); }
.action_button span.link { background-image: url('../../images/icons/silk/link.png'); }
.action_button span.typekit { background-image: url('../../images/icons/typekit.png'); }
.action_button span.favicon { background-image: url('../../images/favicon.png'); }
.action_button.no_text span { text-indent: -9999px; width: 0; padding-right: 0px;  }
.action_button.bare, .action_button.bare:active { background: none; border-color: transparent; padding-right: 0; border-right: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;  }
.action_button.bare span, .action_button.bare:active span { border-color: transparent; padding-right: 0; border-right: 0; padding-left: 23px; }

a.posterous_claim_button { margin-top: 20px; }
a.posterous_claim_button span { font-size: 13px; }


/* firefox blockquote shows a blue line. we don't want this. */
blockquote[type=cite] {
	border-left: none;
}
.galleryLabel {
	font-size: 10px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #444;
	vertical-align: top;
	margin-left: 10px;
}

a.gallerySelectedImage img {
	border: 4px solid #333;
}

#modal_container {  
	background-color:#fff;  
	border:1px solid #666;  
/*  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
*/	overflow: visible;  
	font-size:12px;  
	color:#333;  
	text-align:left;  
}
 
#modal_overlay {  
  background: black;
}  

div.downloadFlyout {
	padding: 5px 5px 10px 5px;
	margin-top: 5px;
	border: 1px solid #ddd;
}
div.downloadIcon {
	float: left;
	margin-right: 5px;
	overflow: visible;
}
span.downloadlink {
	font-size: 10px;
}
span.downloadSize {
	font-size: 10px; 
}
span.downloadlinkInstructions {
	font-size: 10px;
}

img.border {
	border: 1px solid #999;
}
a.lightbox img {
	border: 1px solid #aaa;
}

div.posterousGalleryCommandPane {
	background-color: #111;  /* the background          */
	filter:alpha(opacity=0.25);   /* Internet Explorer       */
	-moz-opacity:0.25;           /* Mozilla 1.6 and below   */
	opacity: 0.25;               /* newer Mozilla and CSS-3 */
	position: absolute;
	top: 0px;
	left: 0px;
	color: #fff;
	overflow: hidden;
	cursor: pointer; cursor: hand;
	
}
div.posterousGalleryMainDiv { margin: 15px 0px 15px;}
div.posterousGalleryMainDiv + script + br, div.posterousGalleryMainDiv + br { display: none; }

div.posterousVideoMainDiv { margin: 15px 0px 15px;}
div.posterousVideoMainDiv + script + br, div.posterousGalleryMainDiv + br { display: none; }


div.posterousGalleryCommandPaneDarker {
	background-color: #111;  /* the background          */
	filter:alpha(opacity=0.5);   /* Internet Explorer       */
	-moz-opacity:0.5;           /* Mozilla 1.6 and below   */
	opacity: 0.5;               /* newer Mozilla and CSS-3 */
}


a.posterousGalleryMainlink {
	position: relative;
	z-index: 0;
	margin: 0 0 0 0 ;
	padding: 0 0 0 0 ;
}
a.posterousGalleryMainlink:hover {
	text-decoration: none;
}
a.posterousGalleryMainlink span {
	display: none;
}
a.posterousGalleryMainlink:hover span.show {
	display: inline;
	clear: both; 
	width: 460px;
	margin: 1px;
	position: absolute;
	bottom: 10px;
	left: 10px;
	border: none;
	border-bottom: none;
	background: #111;
	padding: 8px;
	color: #fff;
	font-size: 11px;
	text-align: left;
	z-index: 100;
	text-decoration: none;
	-webkit-border-radius: 5px; /* this is just for Safari */
	-moz-border-radius: 5px; /* this works only in camino/firefox */ 	
	opacity: 0.8;
	-moz-opacity:0.8;
}
div.posterousGalleryLink {
	color: #bc7134;
}
div.posterousGalleryLink:hover {
	color: #f59344;
	text-decoration: underline;
}
*:first-child+html a.posterousGalleryMainlink:hover span.show, * html {}  a.posterousGalleryMainlink:hover span.show {
	display: block;
}

.comment_ajax_response { color: #090; }


/* GENERAL STYLES */

div.menu {
	position: absolute;
	top: 0;
	left: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
div.menu a {
	display: block;
	text-decoration: none;
	cursor: default;
	outline: none;
	font-size: 11px;
}
.menu .separator {
	height: 1px;
	padding: 0;
	overflow: hidden;
	display: block;
	font-size: 1px;
}
.menu ul, .menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu li {
	list-style-position: outside;
}


/* DESKTOP STYLES */

.menu.desktop {
	width: 14em;
	background-color: #f9f9f9;

	padding: 0px;
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border: 1px solid #ccc;	
}
.menu.desktop ul, .menu.desktop li {
	margin: 0;
	padding: 0;
}
.menu.desktop li.separator {
	height: 1px;
}
.menu.desktop a {
	color: #666;
	padding: 5px 0 5px 32px;
	margin: 0;
/*	border: 1px solid #f9f8f7;*/
}
.menu.desktop a.disabled {
	opacity: 0.25;
	filter: alpha(opacity=25);
	zoom: 1;
}
.menu.desktop li.separator {
	border-bottom: 1px solid #fff;
	background-color: #ccc;
	margin: 1px 1px 0 1px;
	line-height: 1px !important;
}
/*.menu.desktop a.new {
  background: #f9f9f9 url(images/page.png) 2px 50% no-repeat;
}
.menu.desktop a.edit {
  background: #f9f9f9 url(images/page_edit.png) 2px 50% no-repeat;
}
.menu.desktop a.copy {
  background: #f9f9f9 url(images/page_copy.png) 2px 50% no-repeat;
}
.menu.desktop a.delete {
  background: #f9f9f9 url(images/page_delete.png) 2px 50% no-repeat;
}
.menu.desktop a.save {
  background: #f9f9f9 url(images/page_save.png) 2px 50% no-repeat;
}
.menu.desktop a.xsl {
  background: #f9f9f9 url(images/page_excel.png) 2px 50% no-repeat;
}
.menu.desktop a.doc {
  background: #f9f9f9 url(images/page_word.png) 2px 50% no-repeat;
}
.menu.desktop a.pdf {
  background: #f9f9f9 url(images/page_acrobat.png) 2px 50% no-repeat;
}
.menu.desktop a.send {
  background: #f9f9f9 url(images/email.png) 2px 50% no-repeat;
}*/

/* we need explicit enabled class to overcome css deficiences (without creating unnecessary markup) */
.menu.desktop a.enabled:hover {
	background-color: #eee;
	color: #000;
	cursor: pointer;
}
.menu.desktop a.enabled:active {
	background-color: #f9f9f9;
	color: #090;
	cursor: pointer;
}