/* Css Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
ol,ul{ list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none; }
:focus{ outline:0; }
ins{ text-decoration:none; }
del{ text-decoration:line-through; }
table{ border-collapse:collapse; border-spacing:0; }

/* General Styles */
.skiplink{ display:none; }
label{ cursor:pointer; }
a,a:visited{ text-decoration:none; }
a:focus,a:hover{ text-decoration:underline; }
body{ background:url(../images/bgr-body.png) repeat-x; color:#0c0c0c; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
/*body{ background:url(../images/bgr-body.png) repeat-x; color:#000; font-family:Verdana, Geneva, sans-serif; font-size:12px;}*/
.wrapper{  width:100%; background:url(../images/bgr-wrapper.png) no-repeat 50% 0;}
	.content-all{width:1000px; margin:0 auto;}
/* header */
.header-top{ height:45px; background-color:#3a63a0;}
	.header-top ul{ float:right; padding-right:10px;}
		.header-top ul li{ float:left; height:43px; line-height:43px; padding-left:35px;}
			.header-top ul li a,
			.header-top ul li a:visited{ color:#93d3f6;font-size:13px;}

#header{width:100%;background:url(images/bgr_header.gif) no-repeat;}
	#header .content-all{ height:90px; padding:15px 0px 10px 10px; width:990px;}
	#logo{	width:145px;height:90px;text-indent:-9999em;overflow:hidden;display:block;background:url(../images/logo.png) no-repeat;cursor:pointer; float:left;}
		#header .content-all form{ float:right; padding-top:22px;}
		#header .content-all form input { border:none;}
			#txt-search{ background:url(../images/bgr-search-input.png); width:220px;height:22px; padding:10px 15px 0 15px;font-size:12px; color:#666; float:left; font-family:Verdana, Geneva, sans-serif; }
			#sbm-search{ background:url(../images/bgr-search-submit.png); width:121px; height:32px; padding-bottom:3px; font-size:14px; color:#fff; }
		#header .content-all form p{ float:left;}
/* menu */
#menu{width:100%;}
	#menu .content-all{background:url(../images/bgr-menu.png) no-repeat; height:45px;}
	 ul.main-menu{ padding:0 23px;}
	 ul.main-menu li{ float:left; background:url(../images/bgr-menu-selector.png) no-repeat 100% 0;}
	 ul.main-menu li.last{ background:none;}
	 ul.main-menu li a,
	 ul.main-menu li a:visited{  color:#fff; font-size:14px; height:43px; line-height:46px;padding:0 27px;}
	 
	 
/* body */
#body{width:100%;}
	#body .content-all{ background:#fff url(../images/bgr-after-menu.png) no-repeat;}
	.sign-up { height:136px; width:500px; padding:20px 0 40px 25px;}
	/*.sign-up  h1{ float:left; color:#fff; font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}*/
	.sign-up   p{ float:left; color:#133362; font-size:13px; line-height:19px; padding:0 0 5px 0; width:100%;}
		.sign-up ul{}
			.sign-up ul li{ float:left; padding-right:15px;}
				a.button,
				a.button:visited{ background:url(../images/button-signup.png) no-repeat; width:204px; height:49px; display:block;line-height:47px; padding-left:20px; color:#0c0c0c; font-size:18px;}
	.popular{background:url(../images/bgr-popular-nov.png) no-repeat 50% 0; width:1000px; padding:0px;}
		.popular h1{height:49px; line-height:49px; font-size:18px; color:#fff; font-weight:normal; text-align:center;}
		/* my additions */
		#popular_box{position:relative;left:15px;width:970px;background-color:#3a63a0;color:#ffffff;top:10px;padding-bottom:10px;}
		#int_pop{padding-left:20px;padding-top:10px;width:930px;font-size:15px;padding-bottom:10px;}
		#int_pop a:link{color: #ffffff; text-decoration: none;font-size:15px;}
		#int_pop a:visited{color: #ffffff; text-decoration: none;font-size:15px;}
		#int_pop a:hover{color: #ffffff; text-decoration: underline;font-size:15px;}
		
		.popular a:link {color: #ffffff; text-decoration: none;font-size:15px;}
                .popular a:visited {color: #ffffff; text-decoration: none;font-size:15px;}
                .popular a:hover {color: #FF6600; text-decoration: none;font-size:15px;}
                
			ul.novels-list{ padding:7px 0 3px 1px; overflow:hidden;}
			/*ul.novels-list li{border:1px solid #3e67a2; width:216px; height:296px;padding:10px 0 15px 15px; float:left; margin-left: 13px;} original*/
			ul.novels-list li{border:1px solid #3e67a2; width:170px; height:275px;padding:10px 0 15px 11px; float:left; margin-left: 13px;}
			ul.novels-list li ul li{ border:none; padding:0; margin-left:0; }
			ul.novels-list li ul li h2{ padding:0; width:150px;line-height:normal;height:30px;text-align:center;color:#3a63a0;}/* height:auto;}*/
			ul.novels-list li ul li h2 a,
			ul.novels-list li ul li h2 a:visited{ color:#3a63a0;}
			ul.novels-list li ul li p{color:#3a63a0; font-size:12px;text-align:center;width:150px;} /*padding:1px 0;}*/
			ul.novels-list li ul li span{ display:block;font-size:11px; color:#3a63a0; padding:2px 0 3px 0;text-align:center;}
			.img-link img{text-align:center;padding:8px 0 6px 25px; display:block; cursor:pointer;}
			/*a.add-to-cart,*/
			a.add-to-cart:visited{ background:url(../images/button-add-to-cart.png) no-repeat 50% 100%;width:150px; height:24px; padding-top:7px; display:block;font-size:10px; font-weight:bold; color:#fff; line-height:22px;text-align:center;}
			a.add-to-cart:link{ background:url(../images/button-add-to-cart.png) no-repeat 50% 100%;width:150px; height:24px; padding-top:7px; display:block;font-size:10px; font-weight:bold; color:#fff; line-height:22px;text-align:center;}
			a.add-to-cart:hover{ background:url(../images/button-add-to-cart.png) no-repeat 50% 100%;width:150px; height:24px; padding-top:7px; display:block;font-size:10px; font-weight:bold; color:#FF6600; line-height:22px;text-align:center;}
			/*a.add-to-cart:visited{ background:url(../images/button-add-to-cart.png) no-repeat 50% 100%; width:100%; height:24px; padding-top:7px; display:block;font-size:10px; font-weight:bold; color:#fff; line-height:22px;text-align:center;}*/
	#contact_container{position:relative;width:600px;height:380px;left:165px;top:10px;}
	#contact_namet{position:absolute;left:10px;top:20px;}
	#contact_nameb{position:absolute;left:260px;top:20px;}
	#contact_companyt{position:absolute;left:10px;top:50px;}
	#contact_companyb{position:absolute;left:260px;top:50px;}
	#contact_telet{position:absolute;left:10px;top:80px;}
	#contact_teleb{position:absolute;left:260px;top:80px;}
	#contact_emailt{position:absolute;left:10px;top:110px;}
	#contact_emailb{position:absolute;left:260px;top:110px;}
	#contact_messt{position:absolute;left:10px;top:140px;}
	#contact_messb{position:absolute;left:10px;top:170px;}
	#contact_button{position:absolute;left:10px;top:340px;font-size:14px; padding-bottom:2px;}
	.three-col{ width:974px; padding:13px; float:left;padding-top:25px;}
		/*twitter*/
		.twitter{background-color:#3a63a0; padding:6px 0 3px 13px; width:310px; float:left; min-height:420px;}
			a.twitter-link{ background:url(../images/bgr-twitter.png) no-repeat; width:120px; height:46px; display:block; text-indent:-99999px;}
			
			ul.twitter-list{ float:left; width:305px; padding:0 10px 0 0;}
			ul.twitter-list li{ background:url(../images/bgr-twitter-line.png) repeat-x 0 100%;float:left; padding:6px 0 8px 0;}
			ul.twitter-list li a{ float:left;}
			ul.twitter-list li a.art-link{ float:left; color:#8eccf1; font-size:10px; padding:3px 0; }
			ul.twitter-list li a.twitter-img img{ border:none; margin-right:5px; margin-top:3px;}
			ul.twitter-list li  p{ float:left; width:250px; color:#fff; font-size:10px;line-height:14px; height:55px;}
			
			a.icon{ height:106px; display:block; text-indent:-99999px;}
				#follow-i{ background:url(../images/icon-follow-us.png) no-repeat 0 100%; width:125px; float:left;}
				#twitter-i{ background:url(../images/icon-twiter.png) no-repeat 0 100%; width:142px; float:right;}
		/*novel cat*/
		#body .novel{ border:1px solid #d4d4d4; margin:0 15px; background:url(../images/bgr-novel.png) repeat-x; padding:0 15px; width:263px; float:left; min-height:426px;}
			h2.novel-title{ background:url(../images/bgr-novel-title.png) no-repeat 0 50%; text-indent:-999999px; height:54px; float:left; width:155px;}
			a.small-logo{ float:right; background:url(../images/logo-small.png) no-repeat 0 100%; width:79px; height:54px; display:block;}
			ul.novel-list{ float:left; padding:6px 0 6px 10px;}
			ul.novel-list li{background:url(../images/bgr-novel-li.png) no-repeat 0 50%; padding:1px 0 1px 0; width:200px; float:left;}
			ul.novel-list li a,
			ul.novel-list li a:visited{color:#3a63a0; font-size:12px; padding-left:10px;}
	
		/*news*/
		.news{ float:left;background-color:#d6d6d6; width:309px;padding:0 5px 0 10px;}
		div.news{ min-height:426px;}
			h2.news-title{ background:url(../images/bgr-news-title.png) no-repeat 0 65%; text-indent:-999999px; height:47px; float:left; width:115px;}
			a.rss{ float:right; background:url(../images/button-rss.png) no-repeat 0 100%; width:29px; height:47px; display:block; text-indent:-99990px;}
			ul.news{ float:left;  width:287px;}
			ul.news li{ background:url(../images/bgr-news-line-li.png) repeat-x 0 100%; font-size:11px; line-height:16px; padding:7px 0 10px 0; float:left;}
			ul.news li strong { float:left; display:block; color:#3a63a0;}
			ul.news li strong a,
			ul.news li strong a:visited{color:#3a63a0;}
			ul.news li p{ float:left; color:#666; width:277px;}
			ul.news li p a,
			ul.news li p a:visited{color:#3a63a0;}
			ul.news li span{ float:left; display:block; color:#fff;}
			a.read-rss{ float:left;color:#3a63a0; font-size:14px; background:url(../images/button-readrss.png) no-repeat 100% 0; width:279px; padding:0 10px; height:70px; display:block; line-height:40px; }
			
			ul.news{ float:left;}
/* footer */
#footer{width:100%;background:#3a63a0 url(../images/bgr-bottom.png)  repeat-x ; float:left;}
#footer .content-all{ padding-top:20px; width:960px; padding-left:10px;}
	#footer .content-all h3{ color:#eee; font-size:14px; font-weight:normal;}
	.padd{ padding-left:17px;}

	.welcome{ width:300px; float:left; padding-right:10px }
		.welcome p{ color:#eee; font-size:11px; padding-top:15px; line-height:17px;}
	.links { width:270px; padding:0 25px; float:left; border-left:1px solid #5f80b2;border-right:1px solid #5f80b2;}
		ul.link-list{ padding:10px 0 10px 10px;}		
		ul.link-list li{ background:url(../images/bgr-links-li.png) no-repeat 0 50%; padding:3px 0;}
		ul.link-list li a,
		ul.link-list li a:visited{ color:#eee; padding-left:15px; font-size:11px;}
	.form-box{ float:right;}
		ul.form-list{ width:318px; padding:15px 0;}
			ul.form-list li{float: left; width:135px; padding:0 5px 5px 15px;}
			ul.form-list li.full{ width:292px;}
			ul.form-list li label{color:#eee; font-size:11px; line-height:17px;}
			ul.form-list li input{ width:134px; height:18px; padding-top:2px; border:1px solid #8a8a8a; background-color:#FFF;}
			ul.form-list li  textarea{ width:286px; height:80px; padding:2px; border:1px solid #8a8a8a; background-color:#FFF; overflow:auto;}
			ul.form-list li #sbm-contact{ float:right; background:url(../images/button-contact-submit.png) no-repeat; width:68px; height:26px; border:none; color:#666; font-size:11px; padding-bottom:2px;}
		
	.copyright{ width:100%; float:left; clear:left; text-align:center; color:#fff; font-size:10px; padding:12px 0; line-height:17px;}
		.copyright a,
		.copyright a:visited{color:#fff;}
		.copyright span { display:block;}
		.copyright span a,
		.copyright span a:visited{font-weight:bold; }