* {
    padding:0;
    margin:0;
    outline:0;
}
.cl {
    font-size:0;
    line-height:0;
    height:0;
    display:block;
    clear:both;
}
body{
    background:#FFF;
    font-family: Courier, Arial, sans-serif;
    color:#000;
    font-size:14px;
    line-height:17px;
    padding-bottom:10px;
}
a{
   text-decoration: none; 
    
}
a:hover{
    
}
a img{
    border:none;
}
.shell{
	width:960px;
	margin:0 auto;
}

h1#logo{
	background-color: transparent;
	line-height:0;
	font-size: 0;
	width:378px;
	height:128px;
	float: left;
	display: inline;
}
h1#logo a{
	display: block;
	text-indent: -4000px;
	height:153px;
	width:378px;
	background:url(images/logo3.png) no-repeat;
}

h2 { color:#FFF; font-size: 30px; line-height: 34px; }
#header{height:153px; position:relative; z-index:500; background:#FFF; position:relative}
#header .shell{position:relative;z-index:3000;}
.star-bg{
	background:#FFF;
	position:absolute;
	width:50%;
	left:50%;
	top:0;
	z-index:1000;
	height:153px;
}
.header-right{
	margin:0 0 0 auto;
	width:582px;
	height:153px;
	background:#FFF;
	position:absolute;
	right:0;
	top:0;
	z-index:1600;
}

#middle{ background:#FFF url(images/gradient.jpg) repeat-x 0 57px; }
#middle .sketch{ background:url(images/sketches.jpg) no-repeat center 57px; }

.comic-holder{
	margin:0 auto;
	margin-top:-58px;
	position:relative;
	z-index:900;
	width:1018px;
}
.comic-holder-bg {
	width:1018px;
	background:url(images/shadow.png) repeat-y;
	min-height:325px;
	padding-bottom:37px;
	font-size:0;
	line-height:0;
}
.comic-holder-top {
	font-size:0;
	line-height:0;
	height:43px;
	width:1018px;
	z-index: 4000;
	background:url(images/shadow-top.png) no-repeat, 0;
	display:block;
}
.inner{
	width:960px;
	margin:0 auto;
	font-size:0;
	line-height:0;
	text-align: center;
}
#container{ background:#FFF; height:100%; }

#sidebar{width:171px; float: left; display: inline; background:#FFF no-repeat; position:relative; z-index:1000; margin-top:-6px; }
#sidebar ul{list-style-type: none; padding-left:20px; width:122px; padding-top:22px; padding-bottom:45px;}
#sidebar li{display: inline; }
#sidebar li a{text-indent: -4000px; font-size: 0px; line-height:0px; display: inline; }
#sidebar li a.about{background:#FFF; display: block; width:105px; height:48px; line-height:48px; margin-left:7px}
#sidebar li a.story{background:#FFF; display: block; width:114px; height:59px; line-height:59px; margin-top:17px; margin-left:17px; }
#sidebar li a.rss{background:#FFF; display: block; width:125px; height:53px; line-height:53px; margin-top:25px;}
#sidebar li a.shop{background:#FFF; display: block; width:107px; height:53px; line-height:53px; margin-top:16px; margin-left:7px}

.page-template #sidebar { background:#FFF no-repeat -6px 0; padding-top:22px; margin-top:0; }
.page-template #content { margin-top:-26px; }

.newsletter-form{
	font-family: Arial, sans-serif;
}
.newsletter-form .btnp input{
	border:none;
	float: left;
	display: inline;
	font-size:12px;
	line-height:14px;
	background:#FFF;
	text-transform: uppercase;
	text-align: center;
	color:#000;
	font-weight: bold;
	height:21px;
	width:28px;
	cursor:pointer;

}
.newsletter-form .btnp{padding-left:1px; float: left; display: inline;}
.newsletter-form .field{
	background:#FFF;
	width:122px;
	padding:3px 2px;
	color:#000;
	font-family: Arial, sans-serif;
	font-size: 12px;
	border:none;
	float: left;
	display: inline;
}

#content{
	width:621px;
	float: left;
	display: inline;
	position:relative;
	z-index:2000;
	margin-top:-26px;
}

.right-side{
	width:160px;
	padding-top:10px;
	float:right;
}


.navigation{background:#FFF; width:621px; height:60px; }
.navigation a.jump{background:url(images/jump-link.gif); width:90px; height:55px; float: left; display: inline;}
.paging{float: left; display: inline; width:302px; padding-top:9px; padding-left:68px}
.navigation a{line-height:0; font-size: 0; text-indent: -4000px;}

.alignleft{float: left; display: inline;  }
.alignleft a{float: left; display: inline; background:url(images/prev.gif) no-repeat 0 7px; width:123px; height:41px;  }

.alignright{float: right; display: inline;  }
.alignright a{float: right; display: inline;background:url(images/forward.gif) no-repeat right 0; width:121px; height:38px;border-left:solid 1px #000; padding-left:25px; }

.post{ padding:15px 15px 40px 15px; background:#FFF; min-height:416px;	}

.post .date span{ background:#FFF no-repeat; padding: 0 0 0 10px; float: left; font-size:14px; line-height:21px; color:#000;   }
.post .date span span{background:#FFF no-repeat right 0; padding: 0 0 0 0; }
.post h2{  }
.post h2 a{ padding-top:15px;color:#FFF; }

.entry{ width:100%; padding-top:10px; }

.twitter-feed{
	min-height:104px;
	background:#FFF;
	color:#000;
	line-height:15px;
}
.twitter-feed ul, 
.twitter-feed li { display:inline;}
.twitter-feed a { color:#000; }

#twitter_div div { padding:20px 0; }
#twitter_div { float:left; width:470px; padding-left:20px; }
.twitter-feed .left-image{
	background:url(images/tweeted.jpg);
	width:87px;
	height:134px;
	margin-top:-34px;
	position:relative;
	margin-left:17px;
	float: left;
	display: inline;
}
.twitter-feed p{
	float: left;
	display: inline;
	padding-top:32px;
	padding-left:15px;
}
#footer{color:#000; text-align: center; font-size:14px ; font-family: Arial,sans-serif; padding:15px 0; line-height:20px}

.date { height:30px;}

.entry {}
.entry p{ padding-bottom:15px; }
.entry a{ color:#7a7a7a; }
.entry a:hover{ color:#333; text-decoration: underline; }
.entry ul,
.entry ol{ padding:0 0 15px 25px; }