* {
  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: 640px;
}

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: 130px;
}

.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 {  width: 649px; margin: 0px 10px; border-bottom: 1px solid #ddd; padding: 15px 10px 20px; overflow: hidden; }
.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; }
.managesite.modal { margin-top: 0px; }
.managesite .toprightbuttons { float: right; margin-top: -10px; margin-bottom: 0px; font-size: 14px; }

table.emails { width: 500px; }
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; }
.emails div.error { color: #900; font-size: 11px; }
.emails div.primary { text-indent: -9999px; background: url('/images/icons/black_check.png') no-repeat left top; width: 20px; height: 15px; }
.emails a { display: block; }

/* 
 * 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;}


/* 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;
}   
*/

/* Responses Widget */
div.articlePost .p_response_widget { float: left; }
div.articlePost .p_responses { text-align: left; }
div.p_comment_form > h1 { font-size: 12px; line-height: 1.5em; }