/* RESET */
* {
  margin:0;
  padding:0;
  font-weight:normal;
  font-size:1em;
  text-align:left;
}
li {
  list-style-type:none;
}
strong {
  font-weight:bold;
}
/* BODY */
body {
  background:#0e0e0e top center no-repeat url(../images/page_bkg.gif);
  color:#ffffff;
  font-family:'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
  font-size:80%;
  text-align:center;
}
/* CONTENT */
#content {
  background:left top no-repeat url(../images/content_bkg.gif);
  text-align:left;
  margin:200px auto 100px auto;
  padding:30px 250px 0 30px;
  width:580px;
  position:relative;
}
/* POSTS */
.meta {
  border-bottom:1px solid #666666;
  padding-bottom:1em;
  margin-bottom:2.5em;
}
#archiveTitle {
  border-bottom:1px solid #666666;
  font-size:2em;
  padding-bottom:0.5em;
  margin-bottom:0.5em;
}
/* TEXT */
h2 {
  color:#663366;
  font-size:2em;
}
h3,
h3 a {
  font-weight:bold;
}
h3 {
  font-size:1.2em;
  margin-bottom: 0.3em;
  width: 100%;
  clear: both;
}
p {
  line-height:1.4;
  margin:0 0 1em 0;
}
p img {
  border: 4px solid white;
  margin: 0 1em 1em 0;
  float:left;
}
.albumCover {
  margin-top: 1.3em;
}
pre {
  background:#0E0E0E;
  border:1px solid #191919;
  color:#3CF;
  padding:0 20px 1.4em 20px;
  margin:0 0 1em 0;
  width:540px;
  overflow:auto;
}
code {
  font-family:Monaco, monospaced;
  line-height:1.6;
}
a:link {
  color:#84164C;
}
a:visited {
  color:#cccccc;
}
/* COMMENTS */
#comments {
  border:1px solid #323232;
  background:#000000;
  padding:1em 20px;
}
#comments h3 {
  font-size:1.2em;
  margin:1em 0 0.2em 0;
}
#comments form {
  border-top:1px solid #323232;
  margin:2em 0 0 0;
  width:100%;
}
#comments label {
  font-weight:bold;
  color:#999999;
  padding:0.5em 0;
  display:block;
}
#comments input,
#comments textarea {
  background:#ffffff;
  color:#000000;
  padding:0.4em 0.6em;
  width:90%;
}
#comments textarea {
  font-family:inherit;
  height:10em;
}
#comments button {
  border:2px solid #cccccc;
  background:#000000;
  color:#ffffff;
  padding:0.4em 1em;
  margin:1em 0 0 0;
}
/* SIDEBAR */
#sidebar {
  width:180px;
  position:absolute;
  top:30px;
  right:20px;
}
#sidebar h2 {
  background-position:left top;
  color:#84164C;
  font-size:1.2em;
  width:100%;
  float:left;
}
#sidebar ul {
  border-bottom:1px solid #1a1a1a;
  padding:0.4em 0 0.8em 0;
  margin-bottom:1em;
  width:180px;
  float:left;
}
#sidebar ul a {
  color:#ffffff !important;
  text-decoration:none !important;
  padding:0.2em 0;
  display:block;
}
#sidebar #rssLink,
#sidebar #atomLink {
  border:2px solid #ffffff;
  font-weight:bold;
  background:#000000;
  padding:0.4em 1em;
  margin:0 1em 0 0;
  float:left;
}
/* LINKS OUT */
#facebookLink,
#lastfmLink,
#deliciousLink,
#portfolioLink,
#tumblrLink {
  background:left center no-repeat;
  padding:0.4em 0 0.4em 22px !important;
}
#facebookLink   {background-image:url(../images/link_facebook.gif);}
#lastfmLink     {background-image:url(../images/link_last_fm.gif);}
#deliciousLink  {background-image:url(../images/link_delicious.gif);}
#portfolioLink  {background-image:url(../images/link_portfolio.gif);}
#tumblrLink     {background-image:url(../images/link_tumblr.gif);}
#ruleofthreeLink a {
  background:left top no-repeat url(../images/link_ruleofthree.gif);
  letter-spacing:-1000em;
  text-indent:-1000em;
  width:180px;
  height:105px;
  margin:1em 0 0 0;
  padding:0;
}
/* LOGO */
#logo {
  background:left top no-repeat url(../images/logo.gif);
  letter-spacing:-1000em;
  text-indent:-1000em;
  margin:-90px 0 65px -15px;
  width:145px;
  height:24px;
}
/* FOOTER */
#footer {
  border-top:1px solid #323232;
  background:left bottom no-repeat url(../images/footer_bkg.gif);
  color:#666666;
  margin:2em 0 0 -30px;
  padding:1em 0 1em 30px;
  width:830px;
  clear:both;
}