@import url("ie.css");

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;
margin-bottom: 0pt;
background: #29abe2 url(images/bg/blue-gradient.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;
}

h3 {color: #1a9eee;}


/* structure */
#wrap {
width: 976px;
margin: 0 auto;
}

#logo {
top: 40px;
position: absolute;
left: 60px;
}

#header {
height: 118px;
background: url(images/bg/nemu-layout-background2.gif) no-repeat;
margin-top: 15px;
}

#container { /*comics and sidebar */
background-color: #ffffff;
}

#content { /*comic side */
/*549 pixels total */
width: 529px;
float:left;
margin-left: 10px;
margin-bottom: 10px;
padding: 5px;
}

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

#container3 { /*blogs go here*/
background: #fff;
margin:0;
}

#pw1 {margin-left:140px;}

#pw2 {margin-left:10px; margin-bottom:20px;}

/*top feature */
#feature {
background: url(images/bg/balloon.png) no-repeat 200px;
margin: 0 0 10px;
padding: 0;
}

.feat-left {
float: left;
margin-left: 60px;
}

.feat-right {
float: right;
margin-right: 20px;
}

#feature p {
width: 590px;
margin-top: 0;
margin-bottom: 0;
margin-left: 235px;
padding: 10px 0 0;
color: #294a9a;
font-size: 1.1em;
}

/*comic */
#comicnav h2 {
text-align: center;
}

#comic {
margin-top: 10px;
}

#prevcomic {
height: 100px;
background: url(images/previous-comic2.gif) no-repeat 70px;
color: #000;
font: 150% "Lucida Grande", Lucida, Verdana, sans-serif;
}

.prevtext {
padding-top: 40px;
}

.comicspace {
text-align: center;
}

.comicspace h3 {
text-align: center;
color: #8db1fe;
}

/* blog */
#blogarchive {
float: left;
text-align: center;
font-size: 110%;
font-weight: bold;
background-position: 0;
margin-top: 20px;
margin-left: 100px;
}

/* side bar stuff */
#sidebar {
/* 426 pixels total */
width: 401px;
float: right;
margin-right: 10px;
padding: 5px;
}

#side-l {
/* 213 pixels total */
width: 198px;
float: left;
padding-bottom: 10px;
background: #fff url(images/bg/lightblue-grad.gif) repeat-x;
border: 1px solid #bababa;
}

.flyingnemu {
height: 90px;
background: url(images/twitter-nemu.gif) no-repeat 45px 2px;

}

#side-r {
/* 213 pixels total */
width: 195px;
float: right;
background-color: #ffe8dd;
text-align: center;
}

.donatenemu {
height: 100px;
background: url(images/nemu-donate.gif) no-repeat 50px;
}


/*shop*/
#shop {
margin:0 auto;
width:670px;
text-align:center;}

#shop hr {
border: none 0;
border-top: 1px dotted #dbdbdb;;/*the border*/
width: 500px;
height: 1px;
}

#shopitem,
#shopitem1,
#shopitem2,
#shopitem3,
#shopitem4,
#shopitem5,
#shopitem6,
#shopitem7,
#shopitem8,
#shopitem9,
#shopitem10,
#shopitem11,
#shopitem12,
#shopitem13,
#shopitem14,
#shopitem15,
#shopitem16,
#shopitem17,
#shopitem18,
#shopitem19,
#shopitem20,
#shopitem21,
#shopitem22,
#shopitem23,
#shopitem24,
#shopitem25,
#shopitem26 {
margin-top: 10px;
margin-bottom: 10px;
}
.shop-l {float:left; width:300px;margin-right:10px;text-align: right;}
.shop-r {float:right; width:340px; text-align: left;}

#shop2 {
margin:0 auto;
width:800px;
text-align:center;}   

.shop-l2 {float:left; width:400px;margin-right:10px;text-align: right;}
.shop-r2 {float:right; width:340px; text-align: left;}   

.saleprice {
color: #ff1c0f;
font: bold 2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.about-l {float:left; width:300px;margin-right:10px;text-align: right;}
.about-r {float:right; width:310px; text-align: left;}


/*twitter */
#comicstatus {
background: url(images/bg/lightblue-grad.gif) repeat-x;
border-top: 1px solid #93d6fe;
}

#twitter_div {
padding: 15px;
margin-bottom: 10px;
background: url(images/status-ani.gif) no-repeat left;
}

#twitter_update_list li {
color: #000;
list-style-type: none;
font-size: 12px;
padding-left: 75px;
}

.twitter-more {
text-align: right;
font-size: 10px;
}

/*subscribe*/
#subscribe {
padding: 3px;
background: #a2fb56;
border: 1px solid #37d02b;
margin-bottom: 10px;
}

#subscribe p {
margin-right: 10px;
}

.subpic {
margin-top: 10px;
float: left;
}

.subpic2 {
margin-top: 10px;
margin-bottom: 70px;
margin-right: 15px;
float: left;
}

#subscribe2 { /* comic and blog */
padding: 3px;
background: #a9e2f9;
border: 1px solid #5c68ce;
margin-bottom: 10px;
}

#subscribe2 form {
text-align: center;
}


/* news and annc */
#announcements {
margin-bottom: 10px;
}

#announcements h3 {
background-color: #ff65a6;
padding: 5px;
margin: 0;
}

.announcement-bottom {
padding-left: 10px;
padding-bottom: 10px;
padding-top: 10px;
background: #fff url(images/bg/ltgray-grad2.gif) repeat-x;
border-bottom-style: solid;
border-bottom-width: 1px;
border-right-style: solid;
border-right-width: 1px;
border-left-style: solid;
border-left-width: 1px;
}




/*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%;
}

.col1a { /* for comics category */
float:left;
width:50%;
text-align: right;
}

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

}



#footer-container {
width: 976px;
margin: 0px auto;
background-color: #2c309a;
}


.footercol {
padding: 5px;
width: 260px;
margin-left: 15px;
margin-top: 10px;
margin-bottom: 20px;
float: left;
color: #fff;
}

.footercol2 {
padding: 5px;
width: 350px;
margin-top: 10px;
margin-bottom: 20px;
margin-left: 15px;
float: left;
color: #fff;
}

#footerbot {
text-align: center;
padding: 10px;
background-color: #2c309a;
color: #fff;
}

/* Flicr stuff */
#flickr {
padding-left: 25px;

}

.flickr_badge { }
.flickr_badge img {
width: auto;
height: 50px;
padding: 5px;
margin: 0 10px 10px 0;
border: 1px solid #000;
background: #fff;
float: left;
}

.sidepad {
padding: 5px;
}


/* comic page */
#comicl {
width: 621px;
float: left;
padding: 10px;
margin-left: 15px;
}

#comicl h1{
color: #ff6715;
}
#maincomic {
text-align: center;
}

#maincomic img {
text-align: center;
}

#mainblog h2 {
text-align: center;
color: #ed4fa6;
}

#comicr {
width: 270px;
margin-left: 15px;
margin-right: 15px;
padding: 10px;
float: right;
background: #fff url(images/bg/lightblue-grad.gif) repeat-x;
}

#prevcomic2 {
float: left;
text-align: center;
width: 270px;
}

#prevcomic2 img {
border-style: none;
xtext-decoration: none;
}

#nextcomic {

float: right;
text-align: center;
width: 270px;
}

#nextcomic img {

border-style: none;
text-decoration: none;
}


#new2nemu {
text-align: center;
margin-bottom: 10px;
}

#buyprint {
width: 300px;
height: 105px;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
margin-left: 185px;
background: url(images/buy-a-print.gif) no-repeat;
}

#buyprint img {
margin-right: 110px;
margin-top: 90px;
}

#donate {
height: 115px;
margin-bottom: 10px;
text-align: right;
background: url(images/donate-nemu.gif) no-repeat;
margin-left: 10px;
}

#donate img {
margin-right: 50px;
margin-bottom: 50px;
margin-top: 60px;
}

#navigate {

}

#navleft {
float: left;
height: 80px;
}

#navleft a {
display: block;
color: #000000;
text-decoration: none;
}

#navleft a:hover { background-color: #E2F8FF;
color: #089c00;
}


#navright {
float: right;
height: 90px;
}

#navright a {
display: block;
color: #000000;
text-decoration: none;
}

#navright a:hover { background-color: #E2F8FF;
color: #089c00;
}

/* Image Replacement Headers */

#replace1 { /*allows image replacement */
padding: 18px 0 0 0;
overflow: hidden;
background-image: url(images/headers/toondujour-blue.gif);
background-repeat: no-repeat;
height: 0px !important;
height /**/:18px;
/*move that image over! */
margin-left: 195px;
margin-top: 0;
}

#replace2 { /*allows image replacement */
padding: 60px 0 0 0;
overflow: hidden;
background-image: url(images/headers/news-announce2.gif);
background-repeat: no-repeat;
height: 0px !important;
height /**/:60px;
/*move that image over! */
margin-left: 0px;
margin-top: -1px;
margin-bottom: 0px;

}

#replace3 { /*allows image replacement */
padding: 14px 0 0 0;
overflow: hidden;
background-image: url(images/headers/comic-status.png);
background-repeat: no-repeat;
height: 0px !important;
height /**/:14px;
/*move that image over! */
margin-left: 75px;
}

#replace5 { /*allows image replacement */
padding: 14px 0 0 0;
overflow: hidden;
background-image: url(images/headers/flickr.png);
background-repeat: no-repeat;
height: 0px !important;
height /**/:14px;
/*move that image over! */
margin-left: 10px;
}

#replace4 { /*allows image replacement */
padding: 14px 0 0 0;
overflow: hidden;
background-image: url(images/headers/subscribe.png);
background-repeat: no-repeat;
height: 0px !important;
height /**/:14px;
/*move that image over! */
}

#replace6 { /*allows image replacement */
padding: 18px 0 0 0;
overflow: hidden;
background-image: url(images/headers/pup-hangouts.png);
background-repeat: no-repeat;
height: 0px !important;
height /**/:18px;
/*move that image over! */
margin-left: 40px;
}

#replace7 { /*allows image replacement */
padding: 18px 0 0 0;
overflow: hidden;
background-image: url(images/headers/donate.png);
background-repeat: no-repeat;
height: 0px !important;
height /**/:18px;
/*move that image over! */
margin-left: 35px;
}

#replace8 { /*allows image replacement */
padding: 22px 0 0 0;
overflow: hidden;
background-image: url(images/headers/blog.gif);
background-repeat: no-repeat;
height: 0px !important;
height /**/:22px;
/*move that image over! */
margin-left: 0px;
margin-top: 0;
}

#replace9 { /*allows image replacement */
padding: 100px 0 0 0;
overflow: hidden;
background-image: url(images/comic-archive.gif);
background-repeat: no-repeat;
height: 0px !important;
height /**/:100px;
/*move that image over! */
margin-left: 0px;
margin-top: 0;
}

#replace10 { /*allows image replacement */
padding: 100px 0 0 0;
overflow: hidden;
background-image: url(images/blog-archive.gif);
background-repeat: no-repeat;
height: 0px !important;
height /**/:100px;
/*move that image over! */
margin-left: 0px;
margin-top: 0;
}

#replace11 { /*allows image replacement */
padding: 100px 0 0 0;
overflow: hidden;
background-image: url(images/shop/nemu-shop.jpg);
background-repeat: no-repeat;
height: 0px !important;
height /**/:100px;
/*move that image over! */
margin-left: 0px;
margin-top: 0;
}

/*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;
}


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

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

.sidelist5 li a {
background-color: #c9fb12;
text-decoration: none;
}

.sidelist5 li a:hover { background-color: #3edcfe;
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%; }

#nav {
position: absolute;
top: 75px; 
left: 385px;
padding: 0;
margin: 0;
list-style: none;
display: inline;
overflow: hidden;
height: 25px;
font: bold 115% "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
color: #2c3791; }

#nav a { color: #2c3791; }
#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: #ff0066; }

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

#nav2 {
position: absolute;
left: 400px;
padding: 0;
margin: 0;
height: 60px;
}

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/bullets/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; }


/* updates */

#header2 {
	padding-bottom: 5px;
	padding-top: 5px;
	margin:0;

}
#head-cont {
	margin-top: 5px;
}

#logo2 {
	margin-left: 20px;
	float: left;
}

#leaderboard {
	float: right;
}

#navcont {
	background-color: #fff;
	background-image: url(images/nav-bg-orange.jpg);
	height: 25px;
	text-align: center;
	padding-top: 10px;
}


#nav4 {
padding: 0;
margin: 0;
list-style: none;
display: inline;
overflow: hidden;
font: bold 115% "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
color: #2c3791;
}

#nav4 a {
color: #2c3791;
}

#nav4 a:hover {
color: #f947e2;
}


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

#feat-container2 {
	text-align: center;
	background-color: #fff;
}


#feat-container3 {
	text-align: center;
	background-color: #fff;
	padding-bottom: 10px;
	margin:0;
}

#feat-container2 h2 {
margin: 0px;
padding-top: 10px;
}

#front-r {
width: 250px;
margin-left: 15px;
margin-right: 15px;
padding: 10px;
float: right;
background: #fff url(images/bg/lightblue-grad.gif) repeat-x;
}


#front-l {
width: 601px;
float: left;
padding: 10px;
margin-left: 15px;
}

#comic-r {
width: 250px;
margin-left: 15px;
margin-right: 15px;
padding: 10px;
float: right;
background: #fff url(images/bg/lightblue-grad.gif) repeat-x;
}


#comic-l {
width: 601px;
float: left;
padding: 10px;
margin-left: 15px;
}


#gallery-r {
width: 200px;
margin-left: 15px;
margin-right: 15px;
padding: 10px;
float: right;

}


#gallery-l {
width: 690px;
float: left;
padding: 10px;
margin-left: 15px;

}

#feat-container4 {
	background-color: #fff;
	text-align: center;
}

#comicnavi {
	width: 850px;
	text-align: center;
	margin-left: 63px;
	padding-top:5px;
	margin-bottom: 5px;
}

.printbutton {
	display: inline;
}

.buyprint { padding-top: 10px; position: inline;}

#gallery {
	padding-bottom:10px;}

.gallerythumb {
	float:left;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	background: #fff;
text-align: center;
	width: 150px;
		vertical-align:middle;
}

.gallerythumb img {border-style: none;
	border: 1px solid #bababa;
	padding:5px;
}
#gallerynav {text-align:center;}
#gallerydate {text-align:center;}
#gallery-description {
	background: #fffbee;
	margin: 0 auto;
	padding:10px;
	border: 1px solid #bababa;
	width:450px;}
#gallery-description h3 {text-align:center;}
#chapter {
	padding: 10px;
	margin: auto;
}

#chapter p{
	text-align: center;
}

#chapter img {
	border: 0;
}
.chapter-items {
	width: 900px;
	text-align: center;
}
.feat-title2 {
	text-align: center;
	margin: 0;
	padding: 0;
}

.datetext2 {
	text-align: center;
	padding: 0;
	margin-top: 0;
}

.chapt-links {
	text-align: center;
}