/* Page Structure
----------------------------------------------- */
@media all {
  #blogging {
    width:900px;
    margin: 0 auto;
    text-align:left;
    }
  #main {
    width:660px;
    float:left;
    margin-top: 20px;
    color:#333;
    font-size:97%;
    line-height:1.5em;
    }
  #main2 {
    float:left;
    width:100%;
    }
  #sidebar {
    width:240px;
    float:right;
    font-size:97%;
    line-height:1.5em;
    }
  }
@media handheld {
  #content {
    width:90%;
    }
  #main {
    width:100%;
    float:none;
    }
  #main2 {
    float:none;
    width:100%;
    background:none;
    }
  #sidebar {
    width:100%;
    float:none;
    }
  }




/* Posts
----------------------------------------------- */
.post {
	display: block;
  	margin: 1em 0 25px;
  	padding: 0 13px;
  	}
  	
.blog_info {
	float: left;
	display: block;
	margin: 40px 0;
	padding-right: 9px;
	width: 150px;
	height: 180px;
	text-align: right;
	border-right: 1px solid #161616;
	}
.date-header {
  	margin: 0;
  	font-size: 85%;
  	line-height: 1em;
  	letter-spacing: .2em;
  	color: #586;
  	}
.comments {
	padding: 80px 0px 0 0;
	}
a.comment-link {
  /* IE5.0/Win doesn't apply padding to inline elements,
     so we hide these two declarations from it */
	padding: 80px 0px 0 0;
  	}
html>body a.comment-link {
  /* Respecified, for IE5/Mac's benefit */
  	padding: 80px 0px 0 0;
  	}
  
#main a.title-link, .post-title strong {
  	text-decoration: none;
  	display: block;
  	}
#main a.title-link:hover {
 	 background-color: #fff;
 	 color: #000;
 	 }
 
 	 
.post-title {
  	margin: 0;
  	font-size: 135%;
  	line-height: 1.5em;
  	color: #333;
  	}
.post-body {
	float: left;
  	padding: 10px 14px 1px 10px;
  	width: 420px;
  	}
html>body .post-body {
  	border-bottom-width: 0;
  	}
.post p {
  	margin: 0 0 .75em;
  	}
p.post-footer {
	clear: both;
  	margin: 0;
  	padding: 2px 14px 2px 29px;
  	font-size: 100%;
  	line-height: 1.5em;
  	color: #666;
  	text-align: right;
  	}
html>body p.post-footer {
  	border-bottom-color:transparent;
  	}
p.post-footer em {
  	display: block;
  	float: left;
  	text-align: left;
  	font-style: normal;
  	}

.post img {
  margin:0 0 5px 0;
  padding:4px;
  border:1px solid #586;
  }
blockquote {
  margin:.75em 0;
  border:1px dotted #596;
  border-width:1px 0;
  padding:5px 15px;
  }
.post blockquote p {
  margin:.5em 0;
  }




/* Comments
----------------------------------------------- */
#comments {
  margin:-25px 13px 0;
  border-width:0 1px 1px;
  padding:20px 0 15px 0;
  }
#comments h4 {
  margin:0 0 10px;
  padding:0 14px 2px 29px;
  font-size:120%;
  line-height:1.4em;
  color:#333;
  }
#comments-block {
  margin:0 15px 0 9px;
  }
.comment-data {
  margin:.5em 0;
  padding:0 0 0 20px;
  color:#666;
  }
.comment-poster {
  font-weight:bold;
  }
.comment-body {
  margin:0 0 1.25em;
  padding:0 0 0 20px;
  }
.comment-body p {
  margin:0 0 .5em;
  }
.comment-timestamp {
  margin:0 0 .5em;
  padding:0 0 .75em 20px;
  color:#fff;
  }
.comment-timestamp a:link {
  color:#fff;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }





/* Sidebar Boxes
----------------------------------------------- */
@media all {
	.box {
    	margin:0 0 15px;
    	padding:10px 0 0;
    	color:#abc;
    }
  	.box2 {
   		padding: 0;
    }
   }
@media handheld {
 	 .box {
 	 }
 	 .box2 {
 	 	background:none;
 	 }
	}
.sidebar-title {
  	margin: 0;
  	padding: 0;
  	font-size: 115%;
  	line-height: 1.5em;
  	color: #A87AAD;
  	border-bottom: 1px solid #777777;
  	}
.box ul {
 	margin: 0 0 1.25em;
 	padding: 0 0px;
  	list-style: none;
  	}
.box ul li {
 	margin: 0;
  	padding: 2px 0;
  	font-size: 0.9em;
  	line-height: 1.4em;
	border-bottom: 1px solid #777777;
  	}
.box ul li a:link, .box ul li a:active, .box ul li a:visited {
	color: #C17878;
	}
.box ul li a:hover {
	color: #78BA91;
	}
.box p {
  	margin:0 0 .6em;
  	}
p#blogfeeds {
	display: block;
	padding-left: 62px;
	padding-top: 20px;
	height: 36px;
	text-align: center;
	background: url(../images/rss.png) no-repeat 18px 0;
	}
p#blogfeeds a:link, p#blogfeeds a:visited {
	color: #C17878;
	}
p#blogfeeds a:hover {
	color: #78BA91;
	}