/*
Theme Name: Rocketboom
Theme URI: http://www.rocketboom.com
Description: Daily Internet Culture
*/


/*** main ***/
body {
  background-color: #ffffff;
  text-align: left;
  padding: 0;
  margin: 0;
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size: 10px;
  line-height: 19px;
  color: #000000;  
}

a {
  color: #0066FF;
  text-decoration: none;
  border-bottom: dotted #CCCCFF 1px;
}
a:hover {
  color: #2288FF;
  border-bottom: dotted #999999 1px;
}
a img, a.noborder { 
  border: 0;
}

blockquote {
  color: #999;
  font-height: 130%;
  width: 70%;
  font-size: 1.1em;
}
.entry cite { /* not global cite, has repercussions */
  color: #bbb;
  margin-right: 30px;
  display: block;
  text-align: right;
  font-style: normal;
  font-size: 0.9em;
}



h1, h2, h3, h4, h5 {
  margin: 0px;
  padding: 0px;
  font-weight: normal;
}

h1 { font-size: 14pt; font-weight: normal; }
h2 { font-size: 13pt; font-weight: normal; text-transform: lowercase;}
h3 { font-size: 9pt; }


.entry h1, .entry h2 { margin-bottom: 15px; }

/* styled h2's for sub-pages */
h2.pagetitle, h2.pagetitle a {
  display: block;
  color: #888;
  border: 0;
}
h2.pagetitle { 
/*  margin-top: 2.5em; */
  border-bottom: 1px solid #ddd; 
}
h2.pagetitle a:hover, .navigation a:hover { color: #afaaaa; }

hr {
  border: 0;
  clear: both;
  padding: 0;
  margin: 0;
}

/*** helpers ***/
.floatRight { float: right; }
.floatLeft  { float: left; }
.right  { text-align: right; }
.left   { text-align: left; }
.center { text-align: center; }
.clear, .clearer { clear: both; }
.show, .block  { display: block; }
.hide, .hidden { display: none; }

.red, .error   { color: #f30; }
.blue  { color: #03f; }
.green { color: #0f3; }



/*** layout ***/
#container {
  margin: 0 auto;
  background-color: #fff;
/*  width: 760px;  */
/*  min-width: 700px;*/
  width: 900px;
  position: relative;
}

#header { 
  text-align: center;
}

#header h1, #header h2 { /* logo */
  margin: 0; 
  padding: 0;
}

#header h2 { /* description/slogan */
  font-size: 12pt;
/*  font-weight: bold;*/
  font-family: "Lucida Sans", sans-serif;
  color: #666;
  border: 0;
 /* margin-left: 74px;*/
}

#content {
/*  position: relative;*/
  margin: auto;
  overflow: hidden;
  padding: 15px 15px 5px 15px;
  background-color: #FFFFFF;
  color: #666666;
  text-align: center;
}
#content.narrowcolumn {
  margin-left: 120px;
  text-align: left;
}  

#content.narrowcolumn2 {
  width: 580px;
  overflow: visible;
  text-align: left;
  /* for new fixed sidebar */
/*  position: absolute;
  left: 220px;
  margin-top: 20px;  
*/
}
#content.narrowcolumn .post .body {
/*  width: 470px;*/
  margin: 0;
  padding-left: 0;
}
#content.narrowcolumn object,
#content.narrowcolumn embed { /* da video */
/*  width: 470px;*/
}

#content.widecolumn {
  text-align: left;
}


/*** sidebar ***/
#sidebar {
/*  position: fixed;*/
  position: absolute;
  left: -80px;  
  top: 120px;
  width: 180px;
  z-index: 10;
  
  font-size: 8pt;
  text-align: right;
  margin-top: 3em;
  padding-right: 15px;
  border-right: 1px solid #f0f0f0;
}
/*#frontpage #sidebar {
  position: absolute;
  left: -80px;
}  
*/
#sidebar ul {
  margin: 0;
  padding: 0;  
  list-style: none;
}
#sidebar li { display: block; }

#sidebar li.current-cat a { /* selected item */
  font-weight: bold;
  padding-left: 12px;
  background: transparent url(images/bullet2.gif) no-repeat left 2px;
/*  background-position: left 3px;*/
}

#sidebar ul.children {
/*  padding-right: 15px;*/
  display: none;
  padding-bottom: 10px;
  font-size: .9em;
  list-style: disc;
  width: 100px;
  text-align: left;
  padding-left: 120px;
}
#sidebar li.current-cat ul.children,
#sidebar li.current-cat-parent ul.children {
  /*display: block;*/
}
#sidebar li.current-cat ul.children a {
  background: transparent;
  font-weight: normal;
  font-size: 90%;
  padding: 0;
  margin: 0;
}
#sidebar ul img {
/*  width: 100px;*/
}
#sidebar ul a img {
  border: 0px;
}
#sidebar h2 {
  color: #666666;
  font-family: Verdana, Arial, sans-serif;
  font-size: small;
  text-transform: uppercase;    
  letter-spacing: .1em;
  margin-top: 2em;
}

#sidebar #searchform input#s { width: 100px; color: #888; #}






#footer {
  clear: both;
  padding-top: 30px;
  text-align: right;
  font-size: 8pt;
  color: #bbb;
}
#footer a {
  color: #bbb; /* match above */
  text-decoration: underline;
  border: 0;
}
#footer a:hover {
  color: #999;
}


#flash {
  display: none;
  position: absolute;
  top: 0;
  right: 100px;
  z-index: 1000;
  width: 25%;
  padding: 2px 10px 4px 10px;
  color: #fff;
  background-color: #d99;
  border: 1px solid #b11;
  border-top: 0;
}

#message {
  margin-top: 8px;
  color: #e33;
  font-size: 95%;
}

#loading {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1000;
  width: 100px;
  height: 100px;
  padding-left: 30px;
/*  background: url(images/spinner.gif) 0 0 no-repeat;*/
}

  


/*** main content & posts ***/
.content {
  color: #666666;
  font-family: Verdana, Arial, sans-serif;
  font-size: x-small;
  font-weight: normal;
/*  line-height: 150%;*/
  text-align: left;
  margin-bottom: 10px;
}

.content blockquote {
  line-height: 150%;
}

.content li {
  line-height: 150%;
}

.content h4 { 
  text-transform: lowercase;
}

.content h5 { 
  text-align: left;
  font-size: small; 
}


.content h3 {
  color: #666666;
  font-family: Verdana, Arial, sans-serif;
  font-size: small;
  text-align: left;
  font-weight: bold;
  margin-bottom: 10px;
}

.content p.posted {
  color: #999999;
  font-family: Verdana, Arial, sans-serif;
  font-size: x-small;
  border-top: 1px solid #999999;
  text-align: left; 
  margin-bottom: 5px;
  line-height: normal;
  padding: 3px;
}

/***** posts *****/  
.post .body {
  width: 610px;
  text-align: left;
  margin: 0 auto;
  padding-left: 10px;
}
.post .body {
  margin: 20px auto 10px auto;
}

/* post title */
.post h3 { 
  margin-bottom: .5em;  
  font-size: 1.6em;
  font-family: "Lucida Grande", sans-serif;
}
.archive .post h3 { font-size: 1.5em; }

.post h3 .posted {
  margin: 0;
}
.post h3 .title {
/*  font-size: 8pt;*/
/*  font-weight: bold;*/
}

/* post metadata */
.postmetadata { color: #999; display: inline; }
.postmetadata a { color: #777; border-bottom: 1px dotted #888; }
.postmetadata .category { font-weight: bold; }
.postmetadata .tags a { background-color: #f9f9fa; color: #999; padding: 1px 3px; }

/* archive pages postme ta can be very wide */
.archive .postmetadata { word-wrap: none; }

/* post meta when in the title... */
.post h3 .postmetadata {
 display: inline;
 font-size: 8px;
 margin-left: 5px;
}

/* post comments link */
.post .comments-link { color: #ccc; } /* the tiny "|" */
.post .comments-link a { font-weight: bold; }
.post .comments-link, 
.post .post-content, .post .post-content p { 
  display: inline; 
}

/* link icons */
.post .post-content {
  padding: 5px 0 0px 20px;
  background: url(images/story_links.gif) no-repeat 1px 3px;
}
.post .comments-link a {
  background: url(images/comments.gif) no-repeat 0 4px;
  padding: 5px 0 0px 15px;
}


/* search-page 'thumbnail' styling, now also recent comments */
.search-results .post img.thumbnail,
#recent-comments img.thumbnail {
  float: left;
  margin-right: 8px;
  width: 90px; /* force for old, bad things */
  height: 50px; 
  margin-bottom: 14px;
}

.search-results .post {
  clear: both; 
  margin-bottom: 20px; 
}



/* field page; TODO need generic list+thumbnail w/ a couple sizes */
ul#field { padding: 0; margin: 10px 0; }
ul#field li { clear: both; list-style: none; }
ul#field li img.thumbnail { float: left; margin: 0 8px 8px 0; width: 150px; }



/*** post navigation ***/
.navigation {
}
.navigation a {
  font-size: 11pt;
  padding: 2px 5px;
  color: #999;
}

/* prev/next links when appropriate */
.navigation .prev { padding-top: -1px; margin-bottom: 15px; }
.navigation .next { float: left; }
.navigation .prev { text-align: right; }







/*** archive-stylings ***/
.archive .post {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 30px;
  clear: both; /* for navigation */
}



/*** pagination ***/
#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
	background: #fff;
	padding: 0;
	margin: 0;
	border: none;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	list-style: none;
	text-transform: none;
	text-indent: 0px;
	font-variant: normal;
	text-align: left;
	line-height: 12px;
	letter-spacing: 0px;
	word-spacing: 0px;
}

#wp_page_numbers {
	width: 100%;
	background: #fff;
}
#wp_page_numbers ul { border-top: 0; }
#navigation-top { margin-top: 10px; margin-bottom: 25px; }
#navigation-top #wp_page_numbers ul { border: 0; }
#navigation-bottom { margin-top:: 10px; margin-bottom: 0; }

#wp_page_numbers ul {
  border-top: 1px solid #ccc;
	width: 100%;
}
#wp_page_numbers li {
	float: left;
	display: block;
}

#wp_page_numbers a {
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	display: block;
	color: #aaa;
	font-family: Arial;
	font-size: 12px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

#wp_page_numbers li a:hover {
/*  color: #af0024;
  border-top: 2px solid #af0024;
  border-bottom: 2px solid #f1f1f1;
*/
  color: #fff;
  background-color: #0066FF;
}

#wp_page_numbers li.space {
	font-size: 12px;
	font-family: Arial;
	color: #aaa;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

#wp_page_numbers li.first_last_page {
	font-style: italic;
}

#wp_page_numbers li.active_page a {
	color: #fff;
	background: #55aaff;
/*  border-top: 2px solid #0066FF;
  border-bottom: 2px solid #0066FF;
*/	
}
#wp_page_numbers li.active_page a:hover  {
	color: #fff; /* IE fix */
	background-color: #0066FF; /* slightly darker... */
/*  border-top: 2px solid #00679d;
  border-bottom: 2px solid #45b9f6;
*/}

#wp_page_numbers li.page_info {
	float: left;
        width: 80px;
	font-size: 12px;
	font-family: Arial;
	color: #aaa;
	display: block;
	padding: 3px;
	padding-right: 5px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}





/*** generic form elements ***/
.via-email input, 
.share-this input, .share-this textarea {
  color: #666;
  font-size: 9pt;
  padding: 3px 1px 3px 2px;
  font-family: sans-serif;
}

.via-email {
  clear: both;
}




/*** common dialog idioms ***/
ul.horizontal {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 360px;
  clear: both;
}
ul.horizontal li {
  float: left;
  margin: 0;
  padding: 0 0 0 0;
  height: 25px;
  width: 33%; /* 3 columns */
}
ul.horizontal.vendor-list {
  padding-left: 10px; /* centerish */
}
ul.horizontal.vendor-list, ul.horizontal.rss-list {
  margin-top: 10px;
  padding-top: 4px;
  border-top: 1px solid #ddd;
}
ul.horizontal.rss-list {
  width: 320px; /* at least 4 x 80px */
  height: 20px;
  margin: 0 auto;
  margin-bottom: 4px;
  padding-bottom: 4px;
}
ul.horizontal.rss-list li {
  width: 80px;
  margin: 0;
  padding: 0;
}
ul.horizontal li a /*, .share-this-social ul li a*/ {
  display: block;
  float: left;
  height: 24px;
  padding-top: 4px;
  vertical-align: middle;
}





/*** subscribe dialog ***/
#subscribe, #subscribe ul li {
/*  width: 20%;*/
}

#subscribe a img {
  border: 0;
  text-decoration: none;
  margin: 0;
  padding: 0;
}




/*** sharing, based on WP-share-this ***/
.share-this {
  border: 1px solid #ddd;
  width: 400px;
}

.share-this-social ul li a { /* add padding for icons */
  background-position: 0px 2px;
  background-repeat: no-repeat;
  padding-left: 22px;
  border: 0;
}
.share-this-social ul li a:hover { border: 0; }
.share-this-social ul li a:hover { border: 0; }

.share-this-delicious   { background-image: url(images/share-this/delicious.gif); }
.share-this-digg        { background-image: url(images/share-this/digg.gif); }
.share-this-furl        { background-image: url(images/share-this/furl.gif); }
.share-this-netscape    { background-image: url(images/share-this/netscape.gif); }
.share-this-yahoo_myweb { background-image: url(images/share-this/yahoo_myweb.gif); }
.share-this-stumbleupon { background-image: url(images/share-this/stumbleupon.gif); }
.share-this-googlebookmarks { background-image: url(images/share-this/google_bmarks.gif); }
.share-this-technorati  { background-image: url(images/share-this/technorati.gif); }
.share-this-blinklist   { background-image: url(images/share-this/blinklist.gif); }
.share-this-newsvine    { background-image: url(images/share-this/newsvine.gif); }
.share-this-magnolia    { background-image: url(images/share-this/magnolia.gif); }
.share-this-reddit      { background-image: url(images/share-this/reddit.gif); }
.share-this-windows_live { background-image: url(images/share-this/windows_live.gif); }
.share-this-tailrank    { background-image: url(images/share-this/tailrank.gif); }

.share-this-email {
}
.share-this-email form, .share-this-email fieldset {
  text-align: left;
  border: 0;
  margin: 0;
  padding: 0;
}
.share-this-email fieldset legend {
  display: none;
}
.share-this-email ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.share-this-email ul li {
  margin: 0 0 7px 0;
  padding: 0;
}
.share-this-email ul li label {
  color: #555;
  display: block;
  margin-bottom: 3px;
}
.share-this-email ul li input {
  padding: 3px 10px;
}
.share-this-email ul li input.share-this-text {
  padding: 3px;
  width: 280px;
}

/* share/embed link */
.share-this-link {
/*  background: 1px 0 url(images/share-icon-16x16.gif) no-repeat;
  padding: 1px 0 3px 22px;
*/}

/* links to external sites */
.offsite {
}

/* links for togglables */
.togglable { 
  display: none; /* FIXME: non-degradable */
  padding: 1px 0px;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  margin: 0 auto;
  padding: 6px 14px;

  /* make it float */
  position: absolute; 
  z-index: 999; 
  width: 400px; /* a default, each box should override */
}

.togglable h3 {
  margin: 3px 0 9px 0;
  color: #999;
  text-align: left;
  clear: both;
}


/* close button */
.togglable a.close {
  color: #fff;
  margin: 5px;
  padding: 0 5px 0px 5px;
  position: absolute; /* remove from dom */
  z-index: 1000;
  top: -3px; /* offset by a's padding */
  right: -2px;
  height: 14px;

  background: transparent url(images/close.png) no-repeat 0 0;
  border: 1px solid transparent;
  opacity: .8;
}
.togglable a.close:hover {
  opacity: 1.0;
  border: 1px solid #c99;
}

/* override padding, for tabs */
.togglable.tabs {
  padding: 0;
}

a.togglable-link {
  padding-right: 8px;
  background: url(images/collapse.gif) no-repeat right 8px;
}

a.external {
  padding-right: 11px;
  background: url(images/external4.png) no-repeat right 1px;
}






/*** backlinks ***/
.backlinks {
  width: 620px;  
/*  border-bottom: 1px solid #eee;*/
  margin: 20px auto 15px auto;
  padding: 10px 0;
}
.backlinks ul {
  list-style: none;
  padding: 0 0 0 5px; /* just a smidge on the left */
  margin: 0;
}

li.backlink {
  float: left;
  margin-right: 3px;  
  text-align: center;
  line-height: 1.2em;
/*  width: 133px;*/
  width: 118px;
  overflow: hidden;
}

li.backlink img {
/*  width: 133px;*/
/*  height: 75px;*/
  width: 118px; /* fit 5 underneath the 600px wide embed */
  height: 66px; /* fix thumbnails made w/ the wrong dimensions... */
}

li.backlink .title {
  width: 110px;
  text-align: left;
}

li.backlink .category a {
  white-space: nowrap;
  color: #aaa;
  line-height: .8em;
  text-transform: lowercase;
}

li.backlink ul.post-categories,
li.backlink ul.post-categories li {
  display: inline;
}


/* "today" sidebar (on the right) */
#talent.backlinks, #today.backlinks {
 position: absolute;
 z-index: 100;
 width: 130px;
 left: 770px;
 top: 122px;
 padding: 5px 2px 15px 2px;
 
 background-color: #f6f6f6;
 border-top: 1px solid #f0f0f0;
  
}
#talent h3, #today h3 {
  padding: 0;
  margin: 0;
  color: #444; line-height: 1.25em;
}
#talent li, #today li {
  margin-top: 8px;
}



/********* comments *******/

body#comments-page { 
  margin: 0; 
  padding: 15px 15px 5px 5px;
  margin-left: 1em;
}
body#comments-page h2 {
  margin-bottom: .2em;
  margin-top: 2em;
  text-transform: lowercase;
}

#comments {
  text-align: left;
}
#comments ul, #comments ol {
  margin-left: 0;
}

#comments ul, #comments ol { 
  margin: 0; 
  padding-left: 0px; 
  list-style-type: none; 
}
#comments li {
  margin: 0 0 10px 0; 
  padding: 5px 0 0px 0px; 
  display: block;
}

#comments .comment-wrap {
/*  border-bottom: 1px solid #eaeaea;*/
  margin-top: 10px;
}
#comments .comment-head { 
/*  width: 100%;*/
  font-size: .8em; 
}

#comments .comment-body {  /*  padding: 3pt 0px 5px 2px;  */ }
#comments .comment-body p { margin-top: 4px; }
#comments .comment-body img { max-width: 100%; } /* FIXME doesn't work in IE... */

#comments .author_name, #comments .posted, #comments .ratings, #comments .permalink {
  margin-right: 1em;
}
#comments .author_name {
  font-size: 135%; 
  font-weight: bold;
  color: #666;
}
  
#comments .comment-info { 
  text-align: left;
  padding-right: 4px;
  margin-top: -8px;
  color: #bbb;
  font-size: 90%;
}
#comments .comment-info a {
  color: #aaa;
}

#comments .comment-karma {
  display: inline;
  padding-left: 5px;  
}

#comments .avatar { 
  float: left;
  margin: -2px .5em 0 0;
  /*border: 1px solid #ccc;*/
} /* avatar in comments */

/* post a comment form */
#comments h2#post {
  margin-top: 2em;
}
#comments .commentform {
  background-color: #f2f2f2;
  padding: 5px 10px;
  border: 1px solid #e0e0e0;
  width: 100%;
}
#comments .commentform, 
#comments .commentform textarea { 
  width: 98%; 
}
#comments .commentform legend { 
  display: none 
}



/* threaded comments */
#comments select#comment_parent {
	width: auto;
}

#comments .authorline {
	font-size: 0.8em;
  font-style: italic;
}

#comments ol.yatcp_commentlist {
  margin-top: 12px;
	list-style-type: none;
}

#comments ol.yatcp_commentlist li {
/*  margin: 0;    */
  list-style-type: none;
}

#comments ol.yatcp_commentlist li.even,
.chalt {
/*  background-color: #fbfbfb;*/
}

#comments ol.yatcp_commentlist li ol {
/*  border-left: 2px solid #eee;*/
	list-style-type: none;
	padding-left: 10px;
	margin-left: 30px; /* jdubs addition */
}

/* misc */
p.subscribe-to-comments { display: inline; clear: none; }



/* comment preview previews */
a.comment-preview-button {
  float: left;
  font-size: 8pt;
  font-weight: bold;
  margin: 5px 20px 0 10px;
  padding: 5px 10px;
  background-color: #ccc;
  border: 1px solid #aaa;
}
a.comment-preview-button:hover {
 background-color: #ddd;
 border: 1px solid #ccc; 
 color: #3399FF;
}
.comment-preview {
  clear: both;
  margin: 10px 0 0 0px;
  background-color: #ddd;
  padding: 5px;
  border: 1px solid #ccc;
}

.comment_selection { clear: both; display: block; }


/** comment activity **/
ul#recent-comments { }
ul#recent-comments li { display: block; padding: 0; margin: 0; }
ul#recent-comments li.recent-comment-title { 
  clear: both; /* clear thumbnail */
  padding-top: 8px; 
  border-top: 1px solid #f5f5f5;
  max-width: 760px;
}
ul#recent-comments li.recent-comment-title strong { font-weight: bold; }

ul#recent-comments li a img { /* thumbnail */
/*  float: left;
  margin-right: 5px;
*/}

ul#recent-comments li ul {
  margin: 3px 0 5px 1em;
  
}
ul#recent-comments .posted {
  font-style: italic;
  margin-left: 0.5em;
}

/* recent comments page */
.entry-comments h3 {
  margin-top: 10px;
  border-bottom: 1px dotted #6699cc;
}
.entry-comments h3 a {
  border: 0;
}
.entry-comments ul {
  clear: both;
  padding: 10px 0 15px 0;
}
.entry-comments h3 span {
}



/*** entry stats on comments page ***/
#youtube-stats {
/*  float: right;*/
  position: absolute;
  top: 50px;
  right: 3px;  
  width: 100px;
  height: 200px;
}
#youtube-stats li {
  margin: 0;
  padding: 0;
}






/*** translations ***/
.translations {
  width: 340px;
  margin: auto;
  margin-top: 20px;
  text-align: center;
}
.translations table {
  margin: 0 auto;
  text-align: left;
}
.translations a {
  float: left;
  margin-right: 8px;
  margin-bottom: 6px;
}




/***** static pages *****/
#left {
  width: 110px;
  float: left;
}

#right {
  margin: 40px 0 0 150px; 
  padding: 0 0 0 40px;
  border-left: 1px solid #f3f3f3;
}

#archives #right {
  text-align: left;
  color: #777;
}

#archives #entries {
  margin-top: 30px;
}

#archives .entry {
  margin-top: 20px;
}
#archives .entry h2 {
  margin-bottom: 5px;
}



/*** video ***/
.video {
  min-height: 180px;  /* just not zero... */
  background: transparent url(/images/loading.gif) no-repeat 48% 48%; /* loading indicator in back; slightly to the left for old thumbnails */
  position: relative; /* to allow proper absolute'ing of play thumb */
}

/* play thumbnail img */
a.video-link .video-play { 
  visibility: hidden;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 30%;
  top: 40%;
  opacity: 0.6;
}
a.video-link .video-play-visible,
a.video-link:hover .video-play { visibility: visible; } /* show on hover or if specifically requested */
a.video-link .video-play img { /*height: 80px;*/ }


/* old archives have small thumbnails */
#content.archive-2004 .video { min-height: 0px; }

.video-embed { /* just the embed */
  /* possibly also force height */
}
.video-embed .error {
  font-weight: bold;
  font-size: 110%;
  position: relative;
  top: 150px;
}

/* row underneath the video */
.video-meta {
  margin: 2px 0 0px 0;
  color: #eee;
}
.video-meta .current {
  color: #bbb;
  border: 0;
}

/* embed box */
.video-meta label { color: #aaa; margin-right: -2px; }
.video-meta input { 
  background-color: #f2f2f2; 
  padding: 2px 4px 2px 1px;
  border: 1px solid #bbb;
  font-size: 8px;
  color: #aaa;
}

.subscribe, .search, .embed {
  display: inline;
  margin-right: 20px;
}

.post a.share-this {
  margin-right: 20px;
  background-color: #ececec;
  padding: 3px 5px 4px 3px;
  color: #999;
  border: 1px solid #e0e0e0;
}  
.embed label {
/*  color: #999; */
}
.embed input {
  border: 1px solid #aaa;
  height: 13px;
  font-size: 7pt;   
  color: #bbb;
  background-color: #fcfcff;
  padding: 3px 0 0 1px;
}


.post-votes {
  float: left;
  position: relative;
  top: -50px;
  left: 520px; /* or just 20 for on the left */
}



/*** page-specific styles ***/
ul#distributions {
  list-style: none;
}
ul#distributions li {
  padding-bottom: 5px;
  border-bottom: 1px solid #efecea;
}
ul#distributions h3 {
  color: #963;
  font-weight: bold;
  margin: 15px 0 10px 0;
}
ul#distributions li img {
  float: left;
  margin: 10px 10px 0 0;
}
ul#distributions li p {
  margin-left: 70px;
}



#distributions dl dt img { width: 64px; }
#distributions dl {
	width: 520px;
	margin: 2em 0 2em 2em;
	padding: 0;
/*	font-family: georgia, times, serif;*/
}
#distributions dt, #distributions dd {
	float: left;
	margin: 0 0 0 0;
	padding: .5em;
	border-top: 1px solid #f5f5f5;
}	
#distributions dt {
	width: 80px;
	clear: both;
	font-style: italic;
	color: #aaa;
	font-size: 90%;
	text-align: center;
	padding-top: 15px;
}
#distributions dd {
	width: 340px;
	padding: 30px 20px;
}
#distributions h2 {
	clear: both;
	padding-top: 30px;
}
#distributions .video-sites img {
	margin-top: 5px;
	border: 1px solid #eee;
}

/* FIXME */
#else-links li {
  float: left;
  margin-right: 8px;
}

/* new sidebar items */
#sidebar ul.rss { margin-top: 2em; }
#sidebar ul.social { 
  margin-top: 2em; 
  width: 75px; 
  margin-left: auto; 
  text-align: left;
}
#sidebar ul.social li {
  margin-top: 5px;
  font-family: "Lucida Sans", sans-serif;
}
#sidebar .social li img {
  position: relative;
  top: 3px;
  left: -1px;
}


/** coda-esque slider **/
#slider {
  width: 620px;
  margin: 0 auto;
  position: relative;
}

.scroll {
  height: 250px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
  padding: 20px;
  height: 210px;
  width: 580px; /* change to 560px if not using JS to remove rh.scroll */
}

/* slider pagination */
.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -20px;
}

.scrollButtons.right {
  right: -20px;
}