body{
	margin:0;
	padding:0;
	line-height: 1.5em;
	font-family: Helvetica, Arial;
	font-size: 0.8em;
}

b{font-size: 110%;}
em{color: red;}
hr{ clear: both; padding: 0px; margin: 30px 20px 30px 20px; border: 0px; color: #eee; background-color: #eee; height: 1px;}
h1{ padding: 0px; margin: 0px; font-family: "blackout-midnight-1","blackout-midnight-2", Helvetica; }

/* main structure */

#wrapper{
	width: 970px; /*Width of main container*/
	/*max-width: 1200px;*/
	margin: 20px auto; /*Center container on page*/
}

#top {
	background: #000;
	color: #fff;
	text-align: center;
	height: 30px;
}

#contentwrapper{
	float: left;
	width: 100%;
	margin-top: -10px;
}

#contentcolumn{
	margin: 0 180px 0 250px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	padding-top: 30px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background: #fff;
}

#leftcolumn{
	float: left;
	width: 250px; /*Width of left column in pixel*/
	margin-left: -965px; /*Set margin to that of -(wrapperWidth)*/
	padding-top: 20px;
	margin-top: 10px;
	/*background: #000;*/
	color: #fff;
}



#rightcolumn{
	float: left;
	width: 180px; /*Width of right column*/
	margin-left: -180px; /*Set left margin to -(RightColumnWidth)*/
	padding-top: 20px;
	margin-top: 10px;
}



#footer {
	clear: both;
	width: 100%;
	background: black;
	color: #FFF;
	text-align: center;
	padding: 4px 0;
}

#footer a {
	color: #ffff00;
}

/* side bar styles */

#header{
	background: #fff;
	padding-left: 25px;
}

#header h1{
	margin: 0;
	font-size: 4em;
}

#header a {
	text-decoration: none;
	color: #000;
}

#header a:hover {
	color: #333;
}


#footer a {
	color: #FFFF80;
}

#ad {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	text-align: left;
}

#projects {
	padding: 5px;
	background: #000;
	color: #666;
	margin-top: 10px;
	opacity:.9;
}

#projects strong {
	color: #ccc;
	font-family: "blackout-midnight-1","blackout-midnight-2", Helvetica;
}

#desc {
	padding: 10px;
	background: #000;
	margin-bottom: 10px;
	opacity:.9;
}

#desc h1 {
	font-size: 1.5em;
	border-bottom: 1px solid #333;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#desc a {
	color: #ffff00;
}

#desc a:hover {
	color: #00ffff;
}


#flickr {
	padding: 5px;
	background-color: #000;
	text-align: left;
	margin-bottom: 10px;
	opacity:.9;
}

#flickr a {
	color: #ffff00;
	font-weight: bold;
	text-decoration: none;
}

#flickr a:hover {
	color: #00ffff;
}

#flickr img {
	padding-bottom: 5px;
}

#rss {
	background: #000;
	padding: 5px;
	opacity:.9;
}

#rss a {
	color: #fff;
}

#rss a:hover {
	color: #ff6666;
}


#twitter {
	margin-bottom: 10px;
	background-color: #333333;
	/*-webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    transform: rotate(3deg);*/
}

.feed {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url("http://deleteyourself.com/blog/images/rss.png") no-repeat 0 50%;
}

.flickr-icon {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url("http://deleteyourself.com/blog/images/flickr.png") no-repeat 0 50%;
}

.email-icon {
  margin-left: 3px;
  padding: 0 0 0 22px;
  background: url("http://deleteyourself.com/blog/images/email.gif") no-repeat 0 50%;
  color: #fff !important;
}

.ask-icon {
  margin-left: 3px;
  padding: 0 0 0 22px;
  background: url("http://deleteyourself.com/blog/images/ask.gif") no-repeat 0 50%;
  color: #fff !important;
}

.ask-portrait {
	padding-left: 15px;
}

/* posts */

#notes {
	padding-left: 20px;
	padding-right: 20px;
}

#notes a {
	color: #333;
}

#nav {
	padding-left: 20px;
	padding-right: 20px;
	float: left;
	margin-bottom: 20px;
	margin-top: -10px;
}

#nav a {
	padding: 5px 10px 5px 10px;
	margin-right: 15px;
	border: 1px solid #333;
	color: #666;
	text-decoration: none;
}

#nav a:hover {
	padding: 7px 10px 7px 10px;
	border: 1px solid #333;
	color: #000;
	background-color: #eee;
}


.post {
	padding-left: 20px;
	padding-right: 20px;
	/*width: 500px;*/
}

.post a {
	color: #000;
}

.post-footer {
	font-size: 0.5em;
	color: #ccc;
	float: right;
	clear: both;
}

.post-footer a {
	background: #333;
	color: #fff;
}

.post-footer a:hover {
	background: #00FFFF;
	color: #000;
}

.post-footer strong {
	color: #666;
}

.image-post img {
	display: block;
}

.post-title {
	font-size: 2em;
	font-weight: bold;
	font-family: "blackout-midnight-1","blackout-midnight-2", Helvetica;
}

.post-title a {
	color: #000;
	text-decoration: none;
}

.post-title a:hover {
	color: #333;
	text-decoration: underline;
}

.quote {
	background-color: #eee;
	font-color: #000;
	font-size: 2em;
	font-style: italic;
	padding: 20px;
	font-family: "matt-b-1","matt-b-2", Helvetica;
	line-height: 1em;
}

.big-link {
	padding: 2px;
	font-size: 2em;
	color: #00ffff !important;
	background-color: #333;
	font-family: "blackout-midnight-1","blackout-midnight-2", Helvetica;
	line-height: 1em;
}

.big-link a {
	color: #00ffff !important;
}

.big-link a:hover {
	color: #ff6666;
	background-color: #333;
}

/* top menu */
/*#top {
      width: 100%;
      margin: 1em 0;
      padding: 0px 0.5em;
      background: #eee none;
}*/

#top ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
      clear: both;
}
#top li {
      margin: 0;
      float: left;
      padding: 7px 20px 5px 20px;      
      border-right: 1px solid #333;
      font-family: "blackout-midnight-1","blackout-midnight-2", Helvetica;
}

#top li:hover {
	background: #333;
}

#top a {
	color: #fff;
	text-decoration: none;
}


#change-bg {
	position: fixed;
	width: 97px;
	height: 97px;
	bottom: 0px;
	right: 0px;
	z-index: 999;
}

#share-stuff {
	padding-left: 20px;
	margin-top: -20px;
}

#twitter-share {
	float: left;
	padding-top: 1px;
}

#fb-share {
	float: left;
	padding-left: 10px;
}