Bus Full of Hippies – need help

• 

  infamousqbert · Member · Mar 12, 2009 at 4:21 pm

  • Copy link
  • Add topic to favorites

  i copied and pasted the CSS directly from http://archgfx.net/blog/2007/geek/blogging/bus-full-of-hippies-for-wordpresscom, but it’s coming out all wonky on my site. can anyone take a look and tell me what’s wrong with it?

  http://lovingmoreadventurously.wordpress.com/

  here’s the CSS exactly as it’s in my edit box:

  #header h1 a {
  background:url(‘http://archgfx.net/wordpress/wp-content/themes/sandbox/skins/joshuaink/logo_sandbox.png’) no-repeat;
  display:block;
  width:200px;
  height:60px;
  float:left;
  overflow:hidden;
  border:1px solid #F4F6ED;
  text-indent:-999em;
  }

  * {
  font-size:100%;
  margin:0;
  padding:0;
  }

  .hidden-elements,#header p,#blog-description,#globalnav h2,#globalnav p,#footer h2 {
  position:absolute;
  left:-9999px;
  width:0;
  overflow:hidden;
  }

  html {
  min-width:770px;
  }

  body {
  font:75%/150% “Trebuchet MS”, “Lucida Grande”, “Bitstream Vera Sans”, Arial, Helvetica, sans-serif;
  color:#666;
  text-align:center;
  background:#FFF url(‘http://sunburntkamel.files.wordpress.com/2007/01/body_back.jpg’) 50% 0 no-repeat!important;
  }

  body.loggedin {
  background:#FFF url(‘http://sunburntkamel.files.wordpress.com/2007/01/body_back.jpg’) 50% 28px no-repeat!important;
  }

  #primary {
  font-size:93%;
  line-height:130%;
  color:#7C7C7C;
  min-height:300px;
  width:310px;
  float:right;
  background:transparent url(‘http://sunburntkamel.files.wordpress.com/2007/01/sub_content.png’) 0 0 no-repeat!important;
  padding-top:70px;
  }

  #primary a.more-link {
  margin-left:12px;
  }

  a,#footer:hover a,#secondary:hover a,body.single .entry-meta:hover a {
  color:#60761B;
  }

  #footer a,#secondary a,body.single .entry-meta a {
  color:#CCC;
  }

  #container h2 a {
  color:#59600E;
  text-decoration:none;
  background:transparent;
  }

  #primary a {
  color:#8CAE26;
  }

  a:hover,#primary a:hover,#container h2 a:hover,#footer a:hover,#secondary a:hover,body.single .entry-meta a:hover {
  color:#C84A26;
  background:#F0F3B1;
  }

  a .more-link,.entry-commentlink a,#nav-below a {
  color:#59600E;
  font-size:100%;
  text-decoration:none!important;
  text-transform:lowercase;
  padding-left:16px;
  background:transparent url(‘http://sunburntkamel.files.wordpress.com/2007/01/invite.gif’) 0 60% no-repeat;
  }

  a:hover .more-link,.entry-commentlink a:hover,#nav-below a:hover {
  background:#F0F3B1 url(‘http://sunburntkamel.files.wordpress.com/2007/01/invite.gif’) -288px 60% no-repeat!important;
  }

  body.home .entry-meta .metasep,body.home .entry-meta .entry-author,body.home .entry-meta .entry-category,body.archive .entry-meta .metasep,body.archive .entry-meta .entry-author,body.archive .entry-meta .entry-category,body.search .entry-meta .metasep,body.search .entry-meta .entry-author,body.search .entry-meta .entry-category {
  display:none;
  }

  body.home .entry-meta .entry-editlink,body.archive .entry-meta .entry-edit,body.search .entry-meta .entry-edit {
  display:block;
  float:right;
  }

  .entry-meta {
  border-bottom:1px dotted #F0F3B1;
  padding-bottom:10px;
  }

  #primary h3 a {
  color:#59600E!important;
  font-weight:bold;
  text-decoration:none;
  text-transform:capitalize;
  margin:.8em 0;
  }

  h2,#primary h2 a,h3,h4,h5 {
  color:#59600E;
  margin:.8em 0;
  }

  p {
  margin:.6em 0;
  }

  cite {
  font-style:normal;
  }

  .entry-content blockquote {
  margin-left:10px;
  padding-left:10px;
  border-left:1px solid #F0F3B1;
  }

  .comment-datetime,.entry-date {
  font-size:88%;
  color:#999;
  margin:0;
  padding:0;
  }

  hr {
  border:1px dotted #F0F3B1;
  margin-bottom:10px;
  background:#F0F3B1;
  padding:0;
  }

  .entry-content {
  margin-bottom:20px;
  }

  acronym,abbr {
  cursor:help;
  }

  acronym:hover,abbr:hover {
  border:0;
  border-top:1px dotted #666;
  }

  a acronym,a abbr {
  border:0!important;
  }

  #footer,#secondary,body.single .entry-meta {
  font-size:88%;
  color:#CCC!important;
  }

  #footer:hover,#secondary:hover,body.single .entry-meta:hover {
  color:#666!important;
  }

  caption {
  font-weight:bold;
  text-align:left;
  color:#59600E;
  margin:.8em 0;
  }

  table {
  border:1px solid #F8F9DB;
  width:90%;
  background:#F8F9DB;
  margin:.8em 0;
  padding:2px;
  }

  td {
  border:1px solid #F8F9DB;
  background:#FFF;
  padding:2px;
  }

  #container h2,#container h3,#container h4,#container h5,.rssCcat {
  font-family:”Trebuchet MS”, “Lucida Grande”, “Bitstream Vera Sans”, Arial, Helvetica, sans-serif;
  margin:1em 0;
  }

  #container h2 {
  font-size:125%;
  }

  #container h3 {
  font-size:110%;
  }

  #container h4 {
  font-size:105%;
  }

  ol,#container ul {
  margin:1em 0 1.3em 30px;
  }

  ul {
  list-style-type:none;
  }

  #container li,#primary .widget li,#primary .linkcat li {
  margin:.3em 0;
  }

  dt {
  margin:.4em 0 0;
  }

  #container dt {
  font-weight:bold;
  }

  #primary dt,#container li,.widget li,#primary .linkcat li {
  padding-left:12px;
  background:transparent url(‘http://sunburntkamel.files.wordpress.com/2007/01/bullet.gif’) 0 5px no-repeat;
  }

  dd {
  margin:.3em 0 .8em;
  }

  .content-column ul,.linkcat ul {
  margin-bottom:0;
  background:transparent;
  margin-left:12px;
  }

  #primary dd {
  margin:.2em 0 .8em 12px;
  }

  #secondary li {
  display:inline;
  }

  #rsslinks li {
  background:transparent url(‘http://sunburntkamel.archgfx.net/wp-includes/images/rss.png’) 0 0 no-repeat;
  padding-left:16px;
  }

  .codesample {
  border:1px solid #F8F9DB;
  color:#333;
  -moz-border-radius-topleft:30px;
  -moz-border-radius-bottomleft:30px;
  border-width:1px 1px 1px 0;
  margin:1.6em 5px 1.6em 10px;
  padding:5px 5px 5px 30px;
  }

  .codesample li,code {
  background:#F8F9DB!important;
  line-height:100%;
  font-family:”Courier New”, Courier, mono, sans-serif;
  margin:1px 0!important;
  padding:4px 5px 4px 10px;
  }

  .codesample li:hover {
  color:#C84A26;
  }

  pre {
  background:#F8F9DB!important;
  color:#333;
  font-family:”Courier New”, Courier, mono, sans-serif;
  width:390px;
  overflow:auto;
  margin:1px 0!important;
  padding:4px 5px 4px 10px;
  }

  #default #container a.more-link,#blog #container .invite,#search #container dd {
  padding-bottom:10px;
  border-bottom:1px dotted #F0F3B1;
  }

  .message .invite {
  margin-top:20px;
  border-bottom:0!important;
  padding-bottom:0!important;
  }

  #search #container .small {
  padding-bottom:0;
  border:0;
  }

  #wrapper {
  width:770px;
  text-align:left;
  position:relative;
  margin:74px auto 0;
  }

  #header h1 {
  position:absolute;
  left:225px;
  top:40px;
  }

  #header h1 a:hover,#default #header h1 a {
  background-position:-200px 0;
  }

  #container {
  width:454px;
  float:left;
  min-height:430px;
  background:transparent url(‘http://sunburntkamel.files.wordpress.com/2007/01/main_content.png’) 0 0 no-repeat!important;
  }

  #content {
  width:395px;
  overflow:hidden;
  margin:125px 0 40px 32px;
  }

  #primary .widget,#primary .linkcat {
  width:247px;
  margin:0 0 40px 25px;
  }

  #nav-above,.access {
  display:none;
  }

  #globalnav {
  width:300px;
  height:60px;
  position:absolute!important;
  left:465px;
  top:5px;
  overflow:hidden;
  z-index:100;
  }

  #nav-below {
  padding-bottom:10px;
  border-bottom:1px dotted #F0F3B1;
  margin:10px auto;
  }

  #secondary {
  width:100%;
  padding-top:10px;
  margin-top:40px;
  margin-bottom:0;
  }

  #secondary h3 {
  display:none;
  }

  #footer,#secondary {
  clear:both;
  margin:0 0 25px 25px;
  }

  .alertbox,.alert,.formcontainer #loggedin,#comment-notes {
  background:transparent url(‘http://sunburntkamel.files.wordpress.com/2007/01/alert.gif’) 0 0 no-repeat;
  min-height:30px;
  line-height:130%;
  margin:1.6em 0;
  padding:0 0 0 35px;
  }

  #current {
  min-height:30px;
  line-height:130%;
  font-size:90%;
  margin:1.6em 0;
  padding:0 35px;
  }

  #current h3 {
  margin-bottom:0;
  }

  #globalnav ul {
  font:bold 96% “Lucida Grande”, “Bitstream Vera Sans”, Arial, Helvetica, sans-serif;
  margin:15px 15px 0;
  }

  #globalnav ul ul {
  display:none;
  }

  #globalnav li {
  list-style:none;
  float:left;
  }

  #globalnav li.list-item-last a {
  border:none;
  }

  #globalnav li a {
  display:block;
  overflow:hidden;
  float:left;
  text-decoration:none;
  color:#8A9F47;
  border-right:1px solid #F4F6ED;
  padding:.5em 10px 2em;
  }

  #globalnav li a:hover {
  background:none;
  }

  #globalnav a:hover,#archives-nav a:hover {
  background-position:-65px 0;
  }

  #about-nav a:hover,#about #about-nav a {
  background-position:-105px 0;
  }

  #container .excerpt img,#container .excerpt .floatleft {
  display:none;
  }

  #container img {
  border:1px solid #F8F9DB;
  background:white;
  max-width:375px;
  padding:5px;
  }

  .floatleft {
  float:left;
  margin:10px 15px 0 5px;
  }

  #comments h3 img {
  width:30px;
  height:30px;
  margin-top:-30px;
  float:right;
  border:none!important;
  }

  .grav img,img.avatar {
  border:0!important;
  padding:0!important;
  }

  a img {
  border:0!important;
  }

  .commentList,#comments {
  list-style:none!important;
  border-top:1px dotted #F0F3B1;
  margin:0!important;
  }

  .commentlist p img,#comments p img {
  border:0;
  padding:0;
  }

  .commentlist li,#comments li {
  padding-bottom:20px;
  }

  .commentlist .comment-author,#comments h3 {
  margin:.2em 0 0;
  }

  .commentlist .comment-author,.commentlist .comment-author a,#comments h3,#comments h3 a {
  color:#990;
  text-decoration:none;
  }

  .commentlist .comment-author a:hover,.commentlist .comment-datetime a:hover,#comments .comment-author a:hover,#comments .comment-datetime a:hover {
  color:#C84A26;
  }

  .commentlist .comment-author a:hover:after,#comments h3 a:hover:after {
  content:” : ” attr(href);
  }

  .commentlist .comment-permalink a:hover:after,#comments .comment-permalink a:hover:after {
  content:” : comment”;
  }

  .commentlist .comment-author a,.commentlist .comment-datetime a
  #comments .comment-author a,#comments .comment-datetime a {
  text-decoration:none;
  }

  .commentlist .comment-datetime a,#comments .comment-datetime a {
  color:#666;
  }

  .commentlist blockquote,#comments blockquote {
  width:360px;
  overflow:hidden;
  padding-left:19px;
  border-left:1px solid #F0F3B1;
  margin:20px 0 0;
  }

  #comment {
  margin-top:10px!important;
  padding-top:2.5em;
  border-top:1px dotted #F0F3B1;
  }

  .commentlist .comment-edit a {
  float:right;
  }

  #searchform input {
  margin-left:5px;
  }

  .widget_sandbox_search h3.widgettitle {
  float:left;
  margin-top:.25em;
  }

  #searchsubmit,#gsearch submit {
  display:none;
  }

  input {
  padding:2px;
  }

  label,legend {
  display:block;
  clear:both;
  color:#59600E;
  font-weight:bold;
  margin:3px;
  }

  fieldset {
  border:0 solid white;
  margin-bottom:16px;
  }

  #searchform fieldset {
  width:255px;
  padding:5px;
  }

  #s,#gsearch input {
  width:150px;
  background:transparent url(‘http://sunburntkamel.files.wordpress.com/2007/01/input_back.png’) 0 0 no-repeat;
  color:#666;
  border-color:#CEDE96 #D6E4A7 #D6E4A7 #CEDE96;
  border-style:solid;
  border-width:1px;
  padding:4px 2px 4px 5px;
  }

  .form-label label {
  width:40%;
  }

  .form-label .req-field {
  float:right;
  padding-right:40%;
  font-weight:bold;
  }

  #commentform fieldset {
  border-top:1px solid #F0F3B1;
  padding-top:20px;
  position:relative;
  }

  #commentform {
  font-size:105%;
  font-family:”Trebuchet MS”, “Lucida Grande”, “Bitstream Vera Sans”, Arial, Helvetica, sans-serif;
  }

  .form-input input,textarea {
  width:200px;
  background:transparent url(‘http://sunburntkamel.files.wordpress.com/2007/01/input_back.png’) 0 0 no-repeat;
  border:1px solid #AFCD56;
  color:#666;
  font-family:Arial, Helvetica, sans-serif;
  margin:5px 0 10px;
  padding:10px 2px 4px 5px;
  }

  textarea {
  width:345px!important;
  height:249px!important;
  overflow:auto;
  border-top:1px solid #AFCD56!important;
  }

  The blog I need help with is: (visible only to logged in users)