html,body {
min-width: 960px;
height: 100%;
margin: 0;
padding: 0;
font: small "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
color: #3e3e3e;
line-height: 1.6em;
	
}

a { color: #1882da; text-decoration: none; }

a:hover{ color: #616edc; }

#header {
	background-color: #41c1fe;
}

#header img {
	float: left;
}

#header-right {
	
	margin-top: 50px;
	float: right;
	background-color: #fff;
	padding: 10px;
}

#header-inner {
	width: 960px;
	margin: 0 auto;
	background-color: #41c1fe;
}

#about {
	margin: 0 auto;
	width:600px;
	padding-top: 20px;
	color: #fdec14;
	xcolor: #fff;
	font-size: 1.3em;
}

#about img {
	float: right;
}

#comic {
	width: 960px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 20px;
	padding-top: 20px;
}

#comic-mid {
	margin: 0 auto;
	padding-bottom: 10px;
	width: 909px;
	background: #fff url(images/comic-side.gif) repeat-y right;
}

#comic-mid img {
	border: 0;
}

#comic-mid p {
	margin-top: 0;
	padding: 0;
}

.datetext {
	margin-bottom: 10px;
}

#content {
	background: #41c1fe;
}

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

#content a:hover {
	color: #ff2bac;
}

#content2 {
	background: #fff url(images/clouds.jpg) repeat-x;
}

#lower {
	width: 960px;
	padding-top: 60px;
	margin: 0 auto;
}

#left {
	float: left;
	width: 420px;
	margin-left: 10px;
}


#right {
	background-color: #fff;
	float: right;
	width:420px;
	margin-right:10px;
}

.col1 {
	float: left;
	width: 100px;
}


.col2{
	float: right;
	width: 310px;
}

#col1a {
	width: 600px;
float: left;
padding: 10px;
margin-left: 15px;
}

#col2a {
width: 270px;
margin-left: 15px;
margin-right: 15px;
padding: 10px;
float: right;
}

#twitter_div {
	
}

#footer {
	background-color: #27ad0d;
}

#footer-inner {
	background-color: #27ad0d;
	width: 960px;
	margin: auto;
	padding-top:20px;
	padding-bottom: 20px;
}

#footer a {
	color: #fff;
}

.footer-l {
	float: left;
}

.footer-r {
	float: right;
}

#footer:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}


#header-inner, #footer-inner {
    xoverflow: hidden;
    xpadding-right: 20px;
    xpadding-left: 20px;
}


/* comments
-------------------------------*/
#comments { margin-bottom: 10px; }

#comments h2 {
text-transform: uppercase;
font-size: 100%;
border-bottom: 1px solid #ababab;
}

.comment_num {
background:url("/images/balloon.gif") no-repeat 0 55%;
border-width:0;
padding:0 5px 0 14px;
border-right: 1px solid #727272;
margin-right:2px;
font:180% Georgia,Serif;
color:#358;
}

.commentbg_author {
background: url(images/dujour_bg.gif) repeat-x;
padding: 10px;
margin-bottom: 5px;
}

.commentbg_author p {
padding-right: 10px;
padding-left: 10px;
}

.commentbg_author2 {
background: url(images/pinkfade_bg.gif) repeat-x; padding: 10px; margin-bottom: 5px; }
.commentbg_author2 p { padding-right: 10px; padding-left: 10px; }
.commentbg_even { background: url(images/bg/bg-green-fade.gif) repeat-x; padding: 10px; margin-bottom: 5px;}
.commentbg_even p{ padding-right: 10px; padding-left: 10px; }
.commentbg_odd { padding: 10px; margin-bottom: 5px; }
.commentbg_odd p{ padding-right: 10px; padding-left: 10px; }
.commentbody {color:#000;}
.commentdate { font-size: 90%; }

/*gravatar*/
img.gravatar {float:left;
margin-right:10px;
}

/*links */
a.slink {
margin: 0 5px 0 0;
padding: 0 0 0 20px;
text-decoration: none;
border-bottom: none;
background: url(images/icons/feed.png) no-repeat 0 50%; }

a.clink {
margin: 0 5px 0 0;
padding: 0 0 0 20px;
font-weight: normal;
text-decoration: none;
border-bottom: none;
background: url(images/icons/comment-bubble.png) no-repeat 0 50%; }
a.plink {
margin: 0 5px 0 0;
padding: 0 0 0 15px;
font-weight: normal;
text-decoration: none;
border-bottom: none;
background: url(images/icons/permalink.png) no-repeat 0 50%; }

a.tlink {
margin: 0 5px 0 0;
padding: 0 0 0 15px;
font-weight: normal;
text-decoration: none;
border-bottom: none;
background: url(images/icons/bubble.gif) no-repeat 0 50%; }


/* clear fixes + IE hacks
-------------------------------*/
hr.cleaner {
clear:both; height:1px;
margin: -1px 0 0 0;
padding:0; border:none;
visibility: hidden; }  

hr.cleaner2 {
clear:both; height:1px;
margin: -1px 0 0 0;
padding:0; }
                                 

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }