@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	color:#000;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.gn_swfapp {
	margin-left:-30px;
}
.clearfix {
	display: inline-block;
}

.downban{
	display:block;
	width:675px;
	height:80px;
	margin:-11px 0 0 10px;
	float:left;
	background-color:#000
}
.downban h1{
	display:block;
	width:215px;
	height:73px;
	margin:5px 3px;
	float:left;
}
.downban h2{
	display:block;
	width:145px;
	height:73px;
	margin:5px 3px;
	float:left;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
a{
	text-decoration:none;
	outline:none;
}
a:hover{
	text-decoration: underline;
}
img{
	border:0;
}
#graph_cont {
	width:720px;
	background: transparent;
	margin:0 auto;
}
#graph_contentbody {
	width:691px;
	margin:0 auto;
}
#gn_cont {
	width:720px;
	background: transparent;
	margin:0 auto;
}
#gn_contbody {
	width:693px;
	margin:0 auto;
}
#gn_contmainbody{
	width:693px;
	background:url(../images/gn_bgframe.png) no-repeat;
	position:relative;
	top:-10px;
	height:870px;
	}
#gn_contmainbody2{
	width:693px;
	background:url(../images/gn_bgframe2.png) no-repeat;
	position:relative;
	top:-10px;
	height:870px;
	}
#tnavlist {
	height:33px;
}
#tnavlist ul {
	list-style:none;
	margin:0;
	padding:3px 0 0;
	height:30px;
}
#tnavlist ul li {
	float:right;
	height:30px;
	margin:0 1px;
}
#tnavlist ul li a {
	text-indent:-9999px;
	display:block;
	height:30px;
}
/* HOME */
#tnavlist ul li a.tn_home {
	width:30px;
	background:url(../images/graphix_topnavbg3.png) no-repeat 2px 0;
}
#tnavlist ul li a.active_home {
	width:30px;
	background:url(../images/graphix_topnavbg3.png) no-repeat 2px -60px;
}

#tnavlist ul li a.tn_home:hover {
	background:url(../images/graphix_topnavbg3.png) no-repeat 2px -30px;
}

/* COMIC BUILDER */

#tnavlist ul li a.active_comicbuilder {
	width:100px;
	background:url(../images/graphix_topnavbg3.png) no-repeat -28px -59px;
}
#tnavlist ul li a.tn_comicbuilder {
	width:100px;
	background:url(../images/graphix_topnavbg3.png) no-repeat -28px 0;
}

#tnavlist ul li a.tn_comicbuilder:hover {
	background:url(../images/graphix_topnavbg3.png) no-repeat -28px -30px;
}
/* HOW TO DRAW */

#tnavlist ul li a.tn_howtodraw {
	width:98px;
	background:url(../images/graphix_topnavbg3.png) no-repeat -129px 0px;
}
#tnavlist ul li a.active_howtodraw {
	width:98px;
	background:url(../images/graphix_topnavbg3.png) no-repeat -129px -59px;	
}
#tnavlist ul li a.tn_howtodraw:hover {
	background:url(../images/graphix_topnavbg3.png) no-repeat -129px -30px;
}

/* GRAPHIC NOVEL */

#tnavlist ul li a.tn_graphicnovel {
	width:105px;
	background:url(../images/graphix_topnavbg3.png) no-repeat -227px  0;
}
#tnavlist ul li a.tn_graphicnovel:hover {
	background:url(../images/graphix_topnavbg3.png) no-repeat -227px -30px;
}

#tnavlist ul li a.active_graphicnovel {
	width:105px;
	background:url(../images/graphix_topnavbg3.png) no-repeat -227px -59px;
}

/* GRAPHIC AUTHORS */

#tnavlist ul li a.tn_graphicauthors {
	width:159px;
	background:url(../images/graphix_topnavbg-NEW.png) no-repeat -250px 0px;
}
#tnavlist ul li a.active_graphicauthors {
	width:159px;
	background:url(../images/graphix_topnavbg-NEW.png) no-repeat -250px -59px;	
}
#tnavlist ul li a.tn_graphicauthors:hover {
	background:url(../images/graphix_topnavbg-NEW.png) no-repeat -250px -30px;
}



#tnavlist ul li a.tn_telafrd {
	width:112px;
	background:url(../images/graphix_topnavbg3.png) no-repeat -447px 1px;
}
#tnavlist ul li a.tn_telafrd:hover{
	background:url(../images/graphix_topnavbg3.png) no-repeat -447px -29px;
}	

#hdrGraphixAuthorTitle,
#hdrGraphixAuthorTitle img{
	width:451px;
	height:42px;
}

#graph_contbody_top {
	background: url("../images/Graphix-middlebg.png") no-repeat scroll 0 0 transparent;
	height: 505px;
	position: relative;
	top: -9px;
	width: 691px;
}
#gh_logo{

}
#gh_logo a{
    background:url(../images/Graphix-logo.png) no-repeat;
	position:absolute;
	top:-18px;
	left:-20px;
	width:182px;
	height:132px;
}
#gh_logo a span{
	visibility: hidden;
}
#gh_logo1{

}
#gh_logo1 a{
    background:url(../images/logo1.png) no-repeat;
	position:absolute;
	top:-23px;
	left:-13px;
	width:201px;
	height:148px;
}
#gh_logo1 a span{
	visibility: hidden;
}
.gh_logo {

}
.gh_logo a{
    background:url(../images/Graphix-logo.png) no-repeat;
	position:absolute;
	top:-18px;
	left:-20px;
	width:182px;
	height:132px;
}
.gh_logo a span{
	visibility: hidden;
}

.gh_logo1 {

}

#authorDougTenNapel,
#authorDougTenNapel img{
	width: 126px;
	height: 100px;
}

.moretext{
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 13px;
}

.slidingDiv {
    /*height:300px;*/
}
 
.show_hideClose,
.show_hide {
    display:none;
}

.graph_contbody_down{
	width:691px;
	margin:9px 0 12px 0;}

.gn_graphnove{
	height:73px;
	padding:31px 0 0 165px;}
.gn_graphnove p{
	margin:0;
	padding:0;
	font:15px Arial, Helvetica, sans-serif;}

.gn_commid{
	width:338px;}
.gn_commid h2{
	margin:0;
	padding:12px 0 4px 0;
	font:19px Arial, Helvetica, sans-serif;
	color:#666666;}
.gn_commid p{
	margin:0 0 5px;
	width:311px;
	padding:3px 0 5px 0;
	border-top:1px dotted #999999;
	font:13px Arial, Helvetica, sans-serif;}
.gn_commid a{
	background:url(../images/gn_linkrightbg.png) no-repeat right top;
	color:#FFF;
	display:block;
	float:left;
}
.gn_commid a span{
	background:url(../images/gn_linkmiddlebg.png) repeat-x left top;
	margin-right:24px;
	font:bold 11px Arial, Helvetica, sans-serif;
	padding:6px 0 7px 14px;
	display:block;
	float:left;
	cursor:hand;
	cursor:pointer;
	}
.gn_dots{
	display:inline;
}
.gn_dotsHide{
	display:none !important;
}
.gn_comright{
	width:121px;
	position:relative;}
.gn_img{
	margin:0;}
.gn_bmg {
	padding:25px 0 0 10px;
}
.middlegraph{
	padding:25px 0 0 25px;
}	
.middlegraph >div{
	float:left;
	width:79px;
	padding:0 16px 0 0; }
.bluetxt{
	font:11px Arial, Helvetica, sans-serif;
	color:#336699;
	width:78px;
	text-align:center;}
.redtxt{
	text-align:center;
	}
.redtxt a {
	font:11px Arial, Helvetica, sans-serif;
	color:#ff3300;
	text-align:center;
	width: auto !important;
}
.graph_close{
	position:relative;
	}
.graphnovclose{
    height: 29px;
    padding: 5px 0 0;
    position: relative;
    right: -8px;
    width: 96px;
	background:url(../images/graphnov_closebg.png) no-repeat;
	float:right;
	}
.graphnovclose a{
	text-decoration:none;
	padding:4px 35px 5px 25px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#FFF;}

.gn_viewall{
	position:absolute;
	top:79px;
	left:32px;
	background:url(../images/gn_viewallbg.png) no-repeat;
	width:96px;
	height:24px;
	padding:5px 0 0;}
.gn_viewall a{
	text-decoration:none;
	padding:4px 18px 5px 26px;
	color:#FFF;
	font:bold 11px Arial, Helvetica, sans-serif;}
.gn_viewmore{
	position:absolute;
	top:79px;
	left:32px;
	background:url(../images/gn_viewallbg.png) no-repeat;
	width:96px;
	height:24px;
	padding:5px 0 0;}
.gn_viewmore a{
	text-decoration:none;
	padding:4px 18px 5px 26px;
	color:#FFF;
	font:bold 11px Arial, Helvetica, sans-serif;}
	
#gx_MasterContainer {
	border:none;
	}
	
	/*graphic novel2*/
.gn_graphnove{
	height:73px;
	padding:31px 0 10px 165px;}
.gn_graphnove p{
	margin:0;
	padding:0;
	font:15px Arial, Helvetica, sans-serif;}
.gn_leftcon{
	width:640px;
	padding:0 0 0 23px;
/*	height:726px;
	float:left;
	overflow:hidden;
	*/
	}
.gn_com{
	/*height:136px;*/
	width:601px;
	margin:10px 0 0;
    padding: 0 0 12px 0;
	background:  url(../images/gn_middleblcksbg.png) 0 15px no-repeat;
	position:relative;
}
.gn_opened {
}
.gn_closed {
}

.gn_chicha>div{
	float:left;}
.gn_chicha_body {
	display:block;
	padding-top:0;
}
html[xmlns] .gn_closed .gn_chicha_body {
	display:none;
}
.gn_closed .gnov_viewall {
	display:block;
}
.gn_opened .gnov_viewall {
	display:none;
}

.gn_com.gn_opened {
		/*background:  url(../images/graphnov_topbg.png) 0 15px no-repeat;
		height:557px;*/
}
.vboxtop{
	background:url(../images/vboxtop.png) no-repeat top left;
	width:604px;
	height:14px;
	display:block;
}
.vboxmid{
	background:url(../images/vboxmiddle.png) repeat-y 1px 0;
	width:600px;
	display:block;
}
.vboxbot{
	background:url(../images/vboxbot.png) no-repeat 1px 0;
	width:604px;
	height:14px;
	display:block;
}

.gn_chicha {
	height:121px;
}

.gn_commid{
	width:338px;}
.gn_commid h2{
	margin:0;
	padding:27px 0 4px 0;
	font:19px Arial, Helvetica, sans-serif;
	color:#666666;}
.gn_commid p{
	margin:0 0 5px;
	width:311px;
	padding:3px 0 5px 0;
	border-top:1px dotted #999999;
	font:13px Arial, Helvetica, sans-serif;}
.gn_commid a{
	text-decoration:none;
	background:url(../images/gn_linkrightbg.png) no-repeat right top;
	color:#FFF;
	display:block;
	float:left;
}
.gn_commid a span{
	background:url(../images/gn_linkmiddlebg.png) repeat-x left top;
	margin-right:24px;
	font:bold 11px Arial, Helvetica, sans-serif;
	padding:6px 0 7px 14px;
	display:block;
	float:left;
	cursor:hand;
	cursor:pointer;
	}
.gn_comright{
	width:121px;
	position:relative;}

.gnov_viewall{
	position:absolute;
	top:94px;
	right:-12px;
	background:url(../images/gn_viewallbg.png) no-repeat right center;
	width:53px;
	height:19px;
	
	text-decoration:none;
	padding: 5px 18px 5px 29px;
	color:#FFF;
	font:bold 11px Arial, Helvetica, sans-serif;
}
.gnov_viewall a{
	text-decoration:none;
	padding: 4px 18px 5px 29px;
	color:#FFF;
	font:bold 11px Arial, Helvetica, sans-serif;
}
.summaryDetail	{
	padding:0 110px;
	margin-top:-55px;
	font-size:13px;
	line-height:15px;
}
.graphrightcon{
	width:50px;
	float:right;}
.gn_rightcon{
	width:50px;
	float:right;}
.gn_padtop{
	padding-top: 10px;
}
	
#scrollbar1 .viewport {
	width: 625px;
	height: 740px;
	overflow: auto;
	position: relative;
}
#scrollbar1 .overview { 
	list-style: none;  
	left: 0; top: 0; 
}
#scrollbar1 .thumb .end{
	background: url(../images/gn_scrollbtn.png) no-repeat center 5px;
}
#scrollbar1 .scrollbar {
	position: relative;
	float: right;
	width: 15px;
}
#scrollbar1 .track-arch {
	background: url(../images/gn_scrollbg.png) no-repeat left top;
	height: 100%;
	width:22px;
	position: relative;
	padding: 0 1px;
}
#scrollbar1 .thumb-arch {
	background: url(../images/gn_scrollbtn.png) no-repeat center 5px;
	height: 20px;
	width: 15px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 10px;
	left:4px;
}
#scrollbar1 .disable{
	display: none;
}   

.clear {
	clear:both !important;	
}
.aBook	{
	height:190px;
}