/* cleansheet styles */

* { margin: 0; padding: 0; }
header, footer, aside, section, article, nav { display: block; }

.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 */

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

p, ol, ul { margin: 10px 0; }
img { border: none; }

ol { margin: 15px 0 15px 20px; }
ul { margin: 15px 0 15px 15px; }
pre { margin: 10px 0; }

h1{ font-size: 2em; line-height: 1em;}
header h1 { letter-spacing: -1px; }
h2 { font-size: 1em;}
h3 { font-size: 1em;}
h4 { font-size: 1em;}
h5 { font-size: 1em;}
h6 { font-size: 1em;}

a[name]:hover { text-decoration: none; }
a:hover { text-decoration: underline; }


/*
 * GLOBAL STYLES
 */
body, html {
  margin: 0;
  padding: 0;
  background: url(new_background.jpg) top center repeat-x #022834 fixed;
  font-family: Arial, Helvetica, sans-serif;
  color: #443b33;
  font-size: 12px;
  line-height: 24px;
}

a { color: #0093D0; text-decoration: none; }
a[name] { color: #999; text-decoration: none; }

article header { position: relative; }
article header h1 a { color: #004961; }
article header h1 a:hover { color: #0093D0; text-decoration: none; }
article header time a {color: #9A8B7D;}

header#page_header h1 a {
  display: block;
  text-indent: -9999px;
  background: url(techmology_header.png) top left no-repeat;
  width: 560px;
  height: 164px;
  margin-left: 35px;
}
header#page_header hgroup h2 { display: none; }

nav#navigation ul li a.current { color: #9A8B7D; }

form.search input.text { padding: 2px 2px 2px 20px; border: 1px solid #9A8B7D; background: #fff url('http://posterous.com/images/icons/search16.png') no-repeat 3px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }



/*
 * PAGE WRAPPER
 */

div#wrap {
  margin: 0 auto;
  width: 960px;
  background: white;
  box-shadow: 0 4px 5px #022834;
  -moz-box-shadow: 0 4px 5px #022834;
  -webkit-box-shadow: 0 4px 5px #022834;
  overflow: hidden;
  position: relative;
}

aside#posterous_header {
  min-height: 39px;
  position: absolute;
  right: 0;
}
aside#posterous_header a.logo { background: url('http://posterous.com/images/posterous-header.png') no-repeat left top; width: 75px; height: 35px; text-indent: -9999px; display: inline; float: right; margin: 0 10px 0 15px; }
aside#posterous_header nav { float: right; margin-top: 10px; }

header#page_header {
  margin-top: 18px;
}
header#page_header hgroup a:hover { text-decoration: none; color: #ccc; }

nav#navigation ul { margin-left: 0; }
nav#navigation ul li { list-style: none; display: inline-block; padding-right: 20px; margin: 0px 0px 10px 0px;}

section#extra_links { display: none; }

form.search input.submit {padding: 2px; margin: 5px 10px 0 0; }

aside#sidebar section { margin-bottom: 30px; }
aside#sidebar section ul { margin: 0; }

section#profile h1 { margin: 0; }
section#profile img.profile_image { border: 1px solid #ccc; width: 75px; height: 75px; }
section#profile div.external { margin: 10px 0; }
section#profile > a { margin: 10px 0; display: block; }

section#contributors li a img { width: 20px; height: 20px; border: 1px solid #ccc; vertical-align: middle; }
section#contributors li a { vertical-align: middle; }
section#contributors li a:first-child { text-decoration: none; padding-right: 3px;}

section#statistics ul li { margin-bottom: 5px; }

section#fans img { width: 20px; height: 20px; vertical-align: middle; border: 1px solid #ccc; }

section#rss a { text-indent: -9999px; width: 14px; height: 14px; display: block; background: url('http://posterous.com/images/feed-icon-14x14.png') no-repeat left top; }

section#tags li {
  margin: 0;
}

aside#sidebar section#subscriptions { margin-bottom: 15px; }

div#articles {
  float: left;
  width: 560px;
  margin-left: 45px;
}
article { margin-bottom: 6em;}
article header section {}
article header aside.sms { float: left; padding-top: 10px; }

div.editbox { position: absolute; top: 20px; visibility: hidden; height: 16px; right: 0; }
div.editbox ul.mini_commands { margin-top: 0px; }
article:hover div.editbox { visibility: visible; }

article div.body { width: 500px; font-size: 1.2em; line-height: 1.8em; display: inline; }
article div.body div.inner { margin: 15px 0 0; }
article div.body div.inner > *:first-child { margin-top: 0; margin-bottom: 0; }
article div.body div.inner > p:first-child { margin-top: 15px; }
article div.body p, article div.body blockquote { margin: 15px 0 18px; }
article div.body div.posterousGalleryMainDiv { margin: 0 0 15px; }

article footer { float: left; width: 655px; margin-top: 10px; }


footer section.author, footer section.tags { color: #9A8B7D; }
footer section.author h1 { float: right; font-size: 1em;}
footer section.author h1 a img { opacity: 0.5; width: 10px; height: 10px; vertical-align: middle; border: 1px solid #ccc; }
/*footer section.author:hover h1 a img { opacity: 1; width: 20px; height: 20px; }*/

footer section.tags {float: left;}
footer section.tags h1 { font-size: 11px; margin: 0; padding-right: 5px; display: inline; }
footer section.tags h1 span { font-weight: normal;}
footer section.tags ul { margin: 0; display: inline; }
footer section.tags ul li { padding-right: 10px; display: inline; list-style: none; }
footer section.tags ul li a { color: #9A8B7D; }
footer section.tags h3 { display: inline;}

/*
 * COMMENTS
 */


div.posterous_comments h4 {
  font-size: 1.5em;
}

footer section.comments { clear: both; }
footer section.comments h1 { font-size: 1em; line-height: 1.3333em;}
footer section.comments h1 a {}
footer section.comments section h1 { }



div.comment {
  font-size: 14px;
  line-height: 24px;
}

section.comments_list div.comment_avatar {
  position: absolute;
  margin: 0;
}

section.comments_list {
  margin-top: 3em;
}

section.comments_list div.commentunit:first-child {
  margin-top: 1em;
}

section.comments_list div.commentunit {
  margin: 2em 0;
  width: 500px;
}

section.comments_list div.commentunit + div.commentunit {
  border-top: dotted 2px #ddd;
  padding-top: 2em;
}

section.comments_list div.comment {
  margin-top: -28px;
}

section.comments_list div.comment div.commentname {
  position: relative;
  left: 45px;
  top: -13px;
}

div.comment_date {
  position: absolute;
  left: 46px;
  top: -1px;
  font-size: 10px;
  line-height: 16px;
  font-style: italic;
}

section.comments_list div.comment_label { 
  height: 48px;
  position: relative;
  background: url(comment.jpg) 0 0 no-repeat;
}

.posterousListComments div.comment .comment_avatar {
  float: left;
  margin-right: 10px;
  margin-left: 0;
}

.posterousListComments .commentname {
  height: 44px;
  line-height: 32px;
}

.posterous_comments_wrapper .comment {
  margin-bottom: 3em;
}

div.comment_spacer { display: none; }

div.profile_icon { margin-top: 5px; }
div.commentname { font-size: 12px; margin-bottom: 5px; }
div.comment_loading_div { margin-left: 155px; }
div.comment_spacer { }
div.comment_area { clear: left; float: left; }

section.comment_create {
  padding-bottom: 2em;
}


/* ajax comments on index pages */

div.posterous_comments h4 {
  margin-bottom: -1em;
}



footer section.locations { font-size: 10px; margin-top: 10px; margin-bottom: 20px; }
footer section.locations h2 { font-size: 11px; margin-top: 0px; }
footer section.locations ul { display: block; margin: 0; }
footer section.locations ul li { display: block; list-style: none; }
footer section.locations div.location_detail { margin-top: 20px; padding: 8px; background-color: #f9f9f9; border: 1px solid #eee; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: auto; }
footer section.locations div.location_detail div.map { float: left; width: 300px; height: 150px; }
footer section.locations div.location_detail div.summary { float: right; width: 172px; }

footer#pagination { margin-left: 155px; width: 500px; padding-bottom: 50px; overflow: hidden; clear: both; }
.pagination { padding: 3px; margin: 3px; }
.pagination a { padding: 2px 5px; margin: 2px; border: 1px solid #9A8B7D; text-decoration: none; color: #ccc; }
.pagination span.disabled { padding: 2px 5px; margin: 2px; border: 1px solid #eee; color: #ddd; }

footer section.share { height: 25px; margin-bottom: 10px; }
div.ajaxResult { margin-bottom: 10px; color: #090; font-size: 10px; }
div.retweet { display: inline-block; vertical-align: middle; background: url('/images/icons/services/twitter11.png') no-repeat left center; padding-left: 15px; min-width: 1px; min-height: 11px; zoom: 1; *display: inline;  }
.twitter-share-button { float: left; }
div.facebook_like { float: left; display: inline; position: relative;  margin-left: 5px; zoom: 1; }

table { font-size: 11px; border: none; margin: 10px 0 0; border-spacing: 0px; line-height: 16px; text-align: left; }
td { border: none; border-bottom: 1px solid #eee; padding: 4px; margin: 0px; vertical-align: top; }
th { text-align: left; font-weight: bold; padding: 4px; border: none; border-bottom: 1px solid #ccc; vertical-align: bottom; }
hr { margin-top: 10px; margin-bottom: 10px; border: 1px solid #ddd; }

div.posterousListComments div.comment, div.posterousAddNewComment div.comment, div.posterousAddNewComment div.comment_value {}

aside.private { position: relative; margin-top: 10px; }
aside.private:hover div.private_post_message { display: block; }
div.private_post_message { position: absolute; right: 0; top: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: rgba(0,0,0,0.23) 0px 3px 10px; -moz-box-shadow: rgba(0,0,0,0.23) 0px 3px 10px; box-shadow: rgba(0,0,0,0.23) 0px 3px 10px; background: #f2f2f2; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2)); background: -moz-linear-gradient(top, #fff, #f2f2f2); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fff', endColorstr='#f2f2f2'); border: 1px solid #aaa; padding: 10px; width: 100px; display: none; text-align: left; }
div.private_post_message h1 { font-size: 11px; margin: 0 0 5px 0; padding: 0; float: none; width: auto; }
div.private_post_message p { font-size: 10px; margin: 0;}
div.posterous_retweet_widget { margin: 0px 0px 10px; }
div.posterous_tweet_button { float: left; margin-right: 15px; }


/*
 * SIDEBAR
 */

aside#sidebar {
  float: left;
  margin-left: 80px;
  width: 230px;
  line-height: 20px;
}

aside#sidebar section ul li { list-style: none; }

h2#archive_list {margin-top: 0px; color: #111;}
section#archives {display:block;}
section#archives div.inner {margin-left:10px;line-height:1.5em;} 


div.editbox a { color: #999; }
div.editbox a:hover { color: #bc7134; }

.pagination a:hover, .pagination a:active { border: 1px solid #ca9d00; color: #bc7134; }
.pagination span.current { padding: 2px 5px; margin: 2px; font-weight: bold; border: 1px solid #bc7134; background-color: #bc7134; color: #fff; }

input, select, textarea { padding: 5px; }
input[type='text'], input[type='password'], select, textarea { background-color: #fff; border: 1px solid #ccc; }
input[type='button'], input[type='submit'] { color: #444; margin-top: 10px; }

section.share { margin-bottom: 18px; }
#rss { margin: 10px 0px; }

/* Fix floating footer issue */

#posterous_footerbar {
  top: auto !important;
}

/* code */

.CodeRay {
  -moz-transition: width .2s ease-in;
  -webkit-transition: width .2s ease-in;
  overflow: hidden;
  position: relative;
  z-index: 1000;
  line-height: 1.5em;
  background-color: #f5f5f5;
  border: none;
  font-family: 'Menlo', 'Courier New', 'Terminal', monospace;
  color: #443B33;
  padding: 3px 5px;
  font-size: 12px;
  margin: 12px 0;
  width: 100%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

.CodeRay:hover {
  -webkit-transition-property: width;
  -moz-transition-property: width;
  width: 152%;
}

.CodeRay pre {
  margin: 0px;
  padding: 0px;
}

.CodeRay .an { color: #10375D }                      /* html attribute */
.CodeRay .c  { color: #999; font-style: italic; } /* comment */
.CodeRay .ch { color: #433B33 }                      /* escaped character */
.CodeRay .cl { color: #FFF }                         /* class */
.CodeRay .co { color: #443B33; font-weight: bold; }     /* constant */
.CodeRay .fl { color: darkGreen }                      /* float */
.CodeRay .fu { color: #AD3424 }                      /* function */
.CodeRay .gv { color: #0093D0 }                      /* global variable */
.CodeRay .i  { color: darkGreen }                      /* integer */
.CodeRay .il { background: #f5f5f5; color: #10375D }                  /* inline code */
.CodeRay .idl { color: #10375D }                 /* inline code delimeter */
.CodeRay .iv { color: #0093D0 }                      /* instance variable */
.CodeRay .pp { color: #443B33 }                      /* doctype */
.CodeRay .r  { color: #e36F1E }                      /* keyword */
.CodeRay .rx { color: darkGreen }                      /* regex */
.CodeRay .s  { color: darkGreen }                      /* string */
.CodeRay .sy { color: #10375D }                      /* symbol */
.CodeRay .ta { color: #AD3424 }                      /* html tag */
.CodeRay .pc { color: #10375D }                      /* boolean */


