html,body {
min-width: 960px;
height: 100%;
margin: 0;
padding: 0;
font-family: Verdana, Tahoma, Georgia, Geneva, Arial;
font-size: 12.5px;
color: #3e3e3e;
line-height: 1.5em;
margin-bottom: 0pt;
background: #fff url(images/bg-a.png ) repeat-x; }

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


a:hover{ color: #616edc; }

h1 {
font: Trebuchet MS, Lucida, Arial, Helvetica, Verdana, sans-serif;
color:#000;
line-height: 1em;
}


h2, h2 a {
font-size: 1.5em;
display: inline;
font-weight: bold;
color: #003366;
}

h3 {color: #1a9eee;}

.small {
 font-size: 0.9em;
 }

.small a {
 color: #003399;
 }

.small a:hover {
 color: #000;
 }

.small2 {
display: inline;
 font-size: 0.9em;
 padding-right: 5px;
 }

.desc {
	font-size: 0.9em;
	text-align: center;
}

#prevnext {
	text-align: center;
}

#navleft {
	float: left;
}
 
#navright {
	float: right;
}

.dealz {
	width: 450px;
	text-align: center;
	padding: 10px;
	border: 2px dashed #ababab;
	margin-bottom:10px;
}

/* structure */
#wrap {
width: 976px;
margin: 0 auto;
position: relative;
margin-bottom: 0pt;
height: 100%
min-height:100%;
}

.blocks { /* for pagination */
border: 1px solid fuchsia;
padding:5px;
display: inline;
width:10px;
margin-right:5px;
margin-bottom:15px;
}

#container {
padding-top: 10px;

background-color: #fff;
}


#container2 { /*ads go here */
padding-top: 10px;
background-color: #fff;
text-align: center;
padding-bottom: 10px;
}

#container3 { 
background: #fff;
padding-top: 10px;
}

#leftside {
width: 170px;
float: left;
padding: 10px;
margin-left: 15px;
	border-right: 1px solid #cdcdcd;
}

#leftside h3 {
	text-align: center;
}

#rightside {
width: 200px;
xmargin-left: 15px;
margin-right: 15px;
padding: 10px;
float: right;
xbackground: #6296fe url(images/bg/lightblue-grad.gif) repeat-x;
	border-left: 1px solid #cdcdcd;
}


#primary {
	float: left;
	width: 500px;
	padding: 10px;
	margin-left: 7px;
}

.postbottom {
	padding: 5px;
	text-align: center;
	background-color: #f5f5f5;
	border-top: 1px solid #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
	margin-top: 10px;
	margin-bottom: 20px;
}

.feedburnerFlareBlock {
display: inline;
}

#menuad {
	text-align: center;
	background: #ffffff;
	padding-top: 5px;
	
}

.468ad {
	text-align: center;
	margin-bottom: 20px;
	
}

#header {
height: 113px;

	background: url(images/blue-bg.png) repeat-x;
	border-top: 5px solid #8ce4fe;
	margin: 0;
}

#header-inner {
    background: transparent url(images/logo-alt.png) no-repeat scroll 20px 40px;
    height: 120px;
}

#logo { /*this gives you a blocked link the logo */
    position: absolute;
    top: 20px;
}

#logo a {
    display: block;
    width: 506px;
    height: 40px;
}

#logo span {
    display: none;
}

#header-r {float:right;
margin-right:40px;
margin-top:35px;}

/* navigation */
#navi {
	height: 25px;
	padding-top: 5px;
	background-color: #fff;
	border-bottom: 1px solid #dfdfdf;
}
#nav {
padding: 0;
margin: 0;
list-style: none;
display: inline;
overflow: hidden;
height: 25px;
padding-left: 20px;
font: bold 115% "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
color: #3db7fd;
	background-color: none;
}

#nav a { color: #2a96fc; }
#nav a:hover { color: #f947e2; }
/* selected state add this to the body id */
#t-home #thome a,
#t-comic #tcomic a,
#t-shop #tshop a,
#t-blog #tblog a,
#t-extras #textras a,
#t-subscribe #tsubscribe a,
#t-about #tabout a {
color: #f947e2; }

#nav li {
margin: 0 23px 0 0;
padding: 0px;
list-style-type: none;
display: inline; }


.blocktitle {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 1.1em;
text-transform: uppercase;
color: #333333;
font-weight: bold;
border-bottom: 1px solid #ffffff;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 2px;
text-align: center;
}


.blocktitle2 {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 1.1em;
text-transform: uppercase;
color: #333333;
font-weight: bold;
border-bottom: 2px dashed #c0c0c0;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 2px;

}
.entry {
	margin-top: 15px;
}


.entryhead {
	margin-top: 20px;
}
/*blog */
#blog, #comments {
padding: 10px;
margin-left: 10px;
margin-right: 10px;
background: #fff url(images/bg/lightblue-grad.gif) repeat-x;
}

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

.blogr {
float: right;
width: 820px;
}

.col1 {
float:left;
width:50%;
}

.col2 {
float:right;
width:50%;
}


#footer {
background-color: 29abe2;
width:100%;
bottom:0; /* stick to bottom */

}

#footer-container {
width: 976px;
margin: 0px auto;
	background: url(images/footer-bg.png) repeat-x;
}


.footercol {
padding: 5px;
width: 300px;
margin-left: 15px;
margin-top: 10px;
margin-bottom: 20px;
float: left;
}

.footercol2 {
padding: 5px;
width: 250px;
margin-top: 10px;
margin-bottom: 20px;
margin-left: 15px;
float: left;
}

#footerbot {
text-align: center;
padding: 10px;
}

.sidepad {
padding: 5px;
}

.textcenter {
	text-align: center;
}
.top_feeds {
	margin-top: 10px;
}

.sidetxt {
	margin-top: 10px;
}

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

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



/*pictures and photos
-----------------------------*/
.pictureright { float: right; margin: 4px 15px 4px 7px;}
.pictureleft { float: left; margin: 4px 15px 4px 7px;}
.picright {
background: #ffffff;
float: right;
margin: 4px 15px 4px 7px;
border: 1px solid #cbcbcb;
padding: 5px;
}
.picleft {
background: #ffffff;
float: left;
margin: 4px 15px 4px 7px;
border: 1px solid #cbcbcb;
padding: 5px;
}

.pic {
background: #ffffff;
margin: 10px;
border: 1px solid #cbcbcb;
padding: 6px;
}


/* lists */
.sidelist {
padding: 0;
list-style-type: none;
margin: 5px 5px 0;
}

.sidelist li {
background: url(images/bullets/star-pink.gif) no-repeat 0 5px;
padding-left: 20px;
}

.sidelist li a {
display: block;
color: #000000;
text-decoration: none;
}

.sidelist li a:hover { background-color: #E2F8FF;
color: #089c00;
}




.sidelist2 {
list-style-type: none;
padding: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin: 0;
border-right-style: solid;
border-bottom-width: 1px;
border-right-width: 1px;
border-left-style: solid;
border-left-width: 1px;
}

.sidelist2 li {
margin: 0;
border-bottom: 1px solid #dee4da;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 10px;
padding-right: 10px;
xbackground: #fff url(images/bg/ltgray-grad2.gif) repeat-x;
}

.sidelist2 li a {
display: block;
color: #000000;
text-decoration: none;
margin: 0;
}

.sidelist2 li a:hover {
background-color: #E2F8FF;
color: #089c00;
}

.sidelist3 {
padding: 0;
list-style-type: none;
margin: 1.0em 0 1.0em 0;
}

.sidelist3 li {
padding: 2px 0 0 20px;
margin: 0;
background: url(images/icons/star-pink.gif) no-repeat 0 5px;
}



.sidelist4 {
padding: 0;
list-style-type: none;
margin: 5px 5px 0;
}

.sidelist4 li {
background: url(images/li.png) no-repeat 0 5px;
padding-left: 20px;
}

.sidelist4 li a {
display: block;
color: #000000;
text-decoration: none;
}

.sidelist4 li a:hover { background-color: #E2F8FF;
color: #089c00;
}



#share {
margin-top: 0;
margin-left: 30px;
}
.sharetitle {
float: left;
font-weight: bold;
padding-right: 5px;
}


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

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

.comment_num {
background:url("/images/icons/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/index/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%; }



/*linking icons */

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



a.slink {
margin: 0 5px 0 0;
padding: 0 0 0 15px;
text-decoration: none;
border-bottom: none;
background: url(images/rss_small.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/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%; }

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

a.techlink {
margin: 0px 10px 0px 0;
padding: 5px 0 5px 20px;
font-weight: normal;
text-decoration: none;
border-bottom: none;
background: url(images/icons/technorati.png) no-repeat 0 50%; }

a.plink:hover, a.dlink:hover, a.techlink:hover, a.clink:hover, a.tlink:hover { color: #0066FF; }

/* date -------------------------------*/
div.date {
float:left;
width: 84px;
height: 40px;
padding: 10px 0;
background: url(images/bg/date-head.gif) repeat-x;
color: #fff; text-align:center;
margin: 10px 4px 4px 0;
font-size: 90%;line-height:0.9;
font-family: Verdana,Arial,sans-serif; }

div.date span {
display:block;
font-size: 150%; font-weight:bold }

div.date2 {
float:left;
width: 4em;
padding: 5px 0;
background: url(images/date-bg.gif) repeat-x;
color: #3e5dff;
text-align:center;
margin: 0 10px 4px 0;
font-size: 100%;line-height:0.9;
font-family: Verdana,Arial,sans-serif; }

div.date2 span {
display:block;
font-size: 150%;
font-weight:bold }

div.date3 {
width: 4em;
padding: 5px 0;
background: url(images/date-bg.gif) repeat-x;
color: #3e5dff;
text-align:center;
margin: 0 10px 4px 0;
font-size: 100%;line-height:0.9;
font-family: Verdana,Arial,sans-serif; }

div.date3 span {
display:block;
font-size: 150%;
font-weight:bold }

.datetext { text-align: center; }

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

/*forms*/

.buttonz {
border: 3px double #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
padding: 0.25em;
background-color: #FFFFFF;
background-repeat: repeat-x;
color: #333333;
font-size: 100%;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif; }

input.text { width: 220px; font-size: 17px; }
input.text2 { width: 175px; font-size: 17px; }

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

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }
/* For ie6 only */
* html #content { height: 1%; width: 500px ; }
* html #sidebar,
* html #blog,
* html #container,
* html #container2,
* html #container3,
* html #announcements,
* html #twitter_div,
* html #twitter_update_list,
* html #subscribe,
* html #side-l,
* html #side-r,
* html #footer,
* html #footer-container,
* html #footerbot,
* html #fea-container,
* html #postbottom,
* html #comicstatus { height: 1%; }
* html #blogarchive { margin-left: 80px; }
* html #shop { width:650px; }

* html #leftside {width: 170px; margin-left: 5px;}
* html #rightside {margin-right: 5px;}
* html #primary {width: 500px;}
* html #header-inner, {
	height: 100px;
}
* html #nav li {
margin: 0 20px 0 0;}
/* trigger hasLayout and target ie7/win only */
*:first-child+html #wrap,
*:first-child+html #content,
*:first-child+html #nav,
*:first-child+html #feature,
*:first-child+html #blog,
*:first-child+html #container,
*:first-child+html #container2,
*:first-child+html #container3,
*:first-child+html #comicstatus,
*:first-child+html #announcements,
*:first-child+html #twitter_div,
*:first-child+html #twitter_update_list,
*:first-child+html #subscribe,
*:first-child+html #side-l,
*:first-child+html #side-r,
*:first-child+html #footer,
*:first-child+html #footer-container,
*:first-child+html #footerbot,
*:first-child+html #nextcomic,
*:first-child+html #prevcomic2,
*:first-child+html #feat-container,
*:first-child+html #sidebar { min-height: 1px; }
*:first-child+html #nav { top: 85px; }
*:first-child+html #nav li { margin: 0 20px 0 0; }
*:first-child+html #blogarchive { margin-left: 80px; }