@charset "utf-8";

ul,li,td{margin:0;padding:0;}
img{border:0;} 
ul{list-style:none;}
a *{cursor:pointer;}

h1 {display: inline; font-size:16px}

body {
	margin: 0px;
	background-color: #C3BFC0;
	background-image: url(bg.jpg)
}
.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
.headcontainer {
	height: 110px;
	width: 1010px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	position: relative;
}
.headerbg {
	display: block;
	width: 100%;
	height: 110px;
	background-image: url(headerbg.jpg);
	background-position: center top;
	background-repeat: repeat-x;
}
.logo1 {
	width: 600px;
	height: 110px;
	display: inline-block;
	float: left;
}
.logo_main2 {
	width: 500px;
	height: 120px;
	display: inline-block;
	float: left;
	background-image: url(logo2.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	display: none;
}
.logo_main3 {
	width: 311px;
	height: 120px;
	display: inline-block;
	float: left;
	background-image: url(logo3.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	display: none;
}
.hdr2 {
	width: 410px;
	position: relative;
	height: 110px;
	float: right;
	background-image: url(header2a.jpg);
}
.menu_area {
	position: absolute;
	left: 670px;
	top: 77px;
	height: auto;
	width: auto;
	padding: 0px;
	text-align: left;
}
.toptxt {
	position: absolute;
	left: 610px;
	top: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: auto;
	text-align: left;
	padding: 2px;
	line-height: 14px;
	color: #000;
	overflow: hidden;
	width: 320px;
}
.toptxt a {
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #E53A1C;
	padding: 0px 5px;
	border-radius: 5px;
}
.toptxt a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.topmenu {
	text-align: center;
	display: inline-block;
	float: left;
	margin-right: 1px;
	margin-top: 6px;
	margin-bottom: 3px;
}
.topmenu a {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 0px;
	text-decoration: none;
	font-weight: bold;
	background-image: url(menu_bg.jpg);
	margin: 0px 2px 3px 0px;
	padding: 3px 8px;
	border: 1px solid;
	border-color: #AE2417;
}
.topmenu a:hover {
	background-image: url(menu_bg_c.jpg);
	border-color: #EEA45B;
	color: #000;
}
.topmenu b a{
	background-image: url(menu_bg_b.jpg);
	background-color: #FFFFFF;
	color: #000000;
	text-shadow: none;
	border-color: #505050;
	box-shadow: 2px 2px 0px #000;
}
.topmenu b a:hover{
	background-color: #FFDAAB;
	color: #333;
	background-image: url(menu_bg_c.jpg);
}

/*--------footer start----------*/
.bg_footer {
	width: 100%;
	text-align: center;
	background-image: url(bgfooter.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	margin: 0px;
	height: 110px;
}

.footcontainer {
	height: 110px;
	width: 1010px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	position: relative;
}
.logo_foot {
	width: 600px;
	height: 110px;
	display: inline-block;
	float: left;
}
.logo_foot2 {
	width: 500px;
	height: 110px;
	display: inline-block;
	float: left;
	background-image: url(footer2.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	display: none;
}
.ftr2 {
	width: 410px;
	position: relative;
	height: 110px;
	float: right;
	background-image: url(footer2a.jpg);
}
#footer_links {
	position: absolute;
	top: 39px;
	width: 182px;
	height: auto;
	left: 619px;
	z-index: 100;
}
.footxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #6D6737;
	font-weight: normal;
	text-align: left;
	line-height: 13px;
}
.footxt a {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.footxt a:hover {
	color: #F33620;
}

.ftxt2 {
	position: absolute;
	top: 86px;
	right: 3px;
	width: 405px;
	text-align: left;
	height: 13px;
	padding-top: 0px;
	z-index: 100;
	text-align: left;
	font-size: 12px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 0px #000000;
	line-height: 12px;
	font-weight: bold;
}
.count_cont {
	position: absolute;
	top: 34px;
	right: 79px;
	width: 95px;
	height: 36px;
	z-index: 100;
}
/*--------footer end----------*/

/*-----category navigation start--------*/
.nav {
	position: absolute;
	top: 80px;
        font: bold 12px Arial;
        z-index: 18777111;
	margin: 0px;
	height: 25px;
	clear: both;
	left: 582px;
	width: auto;
}
.nav:after {
	content: '';
	display: block;
	clear: both;
}
.nav li {
	float: left;
	list-style: none;
}
.nav a {
	float: left;
	padding: 2px 8px 3px 8px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 18px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	font-size: 12px;
	background-color: #EB3623;
	background-image: url(menu_bg.jpg);
}
.nav a:hover, .nav li:hover a {
	text-decoration: none;
	border-color: #EEA45B;
	color: #000000;
	border-bottom-color: #000000;
	background-color: #EDA762;
	background-image: url(menu_bg_c.jpg);
}
.nav li:hover {
	position: relative;
}
.nav .drop {
	width: 600px;
	overflow: hidden;
	position: absolute;
	top: 26px;
	left: -370px;
	display: none;
	z-index: 1000;
}
.nav li:hover .drop {
	display: block;
}
.nav .drop .holder {
	border: 1px solid;
	overflow: hidden;
	padding: 7px 0;
	background-color: #EFEFEF;
	border-color: #37342F;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}
.nav .drop ul {
	float: left;
	width: 180px;
	padding: 0 5px 0 0;
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
}
.nav .drop ul:first-child {
	padding-left: 9px;
}
.nav .drop ul li {
	float: left;
	padding: 0px;
	overflow: hidden;
	width: 100%;
}
.nav .drop ul a {
	float: left;
	background: none;
	border: 0;
	padding: 0;
	font: 11px Tahoma, Arial, Helvetica, sans-serif!important;
	color: #DEA259;
	height: auto !important;
	text-shadow: none;
}
.nav .drop ul a:hover {
	text-decoration: none;
	color: #E8A25D;
}
.nav .drop ul a span {
	color: #000000;
	font-size: 12px;
}
.nav .drop ul a:hover span {
	text-decoration: underline;
	color: #EC3829;
}
.nav .first a:hover, .nav .first:hover a {
	position: relative;
	height: 26px;
	border-bottom: 0;
	z-index: 200;
}
/*-----category navigation end--------*/

.sort_block {
	position: absolute;
	right: 7px;
	z-index: 2;
	text-align: right;
	margin: 0px;
	top: 0px;
	width: auto;
}
.sort {
	color: #000000;
	font-size: 11px;
	line-height: 25px;
	font-family: Tahoma, Geneva, sans-serif;
}
.sort a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	font-family: Tahoma, Geneva, sans-serif;
	text-shadow: 1px 1px 0px #000;
}
.sort a:hover {
	text-decoration: underline;
	color: #FDDFAD;
}

.toplist_block {
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	width: 1020px;
	text-align: center;
	letter-spacing: 0px;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: 11px;
	margin-left: auto;
	padding: 0px;
	text-shadow: 1px 1px #000;
	background-color: #FDCD9F;
}
.toplist_col {
	width: 183px;
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 1%;
	display: inline-block;
	padding: 5px 0px;
}
.toplist_col li {
	overflow: hidden;
	text-align: left;
	letter-spacing: 0px;
	margin: 0px;
	color: #E4331F;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	height: 17px;
	padding: 0px;
	text-shadow: none;
}
.toplist_col a {
	color: #000000;
	border-bottom-color: #454533;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0px;
	margin-left: 4px;
	padding-left: 2px;
	line-height: 20px;
	text-shadow: none;
}
.toplist_col a:hover {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	color: #FFFFFF;
}
.tit2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	display: block;
	font-weight: bold;
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	white-space: nowrap;
}
.block_wrap {
	text-align: center;
	display: table;
	margin-top: 4px;
	margin-right: auto;
	margin-bottom: 7px;
	margin-left: auto;
	padding: 0px;
	max-width: 1020px;
	clear: both;
	width: 100%;
}
.arc_block {
	text-align: center;
	display: table;
	width: 100%;
	margin-top: 4px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding: 0px;
}
.blocktitle {
	background: url(bgt.png) top no-repeat;
	margin: 0px;
	padding: 0px;
	position: relative;
	display: inline-block;
	height: 25px;
	max-width: 1020px;
	width: 100%;
	border-radius: 10px 10px 0px 0px;
}
.blocktitle h3 {
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	left: 10px;
	top: 3px;
	margin: 0px;
	width: auto;
}
.blocktitle h2 {
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	left: 10px;
	top: 3px;
	margin: 0px;
	width: auto;
}
.blocktitle h1 {
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	left: 10px;
	top: 3px;
	margin: 0px;
	width: auto;
}
.foot_border {
	width: 100%;
	height: 25px;
	margin: 0px;
	background: url(bgt2.png) no-repeat top;
	clear: both;
	max-width: 1020px;
	border-radius: 0px 0px 7px 7px;
}
.book a {
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-left: 5px;
	margin-top: 3px;
	background-color: #F23925;
	padding: 1px 6px;
	border-radius: 5px;
	text-shadow: 1px 1px 0px #000;
}
.book a:hover {
	color: #000000;
	background-color: #FFF;
	text-shadow: none;
}
.cat_block {
	width: 100%;
	text-align: center;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	background-color: #FFFFFF;
}
.cat_col {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	width: 197px;
	overflow: hidden;
	font-weight: bold;
	text-align: left;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	padding-bottom: 3px;
}
.cat_col li {
	overflow: hidden;
	text-align: left;
	margin: 0px;
	padding: 0px;
	color: #DCA470;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	white-space: nowrap;
	margin-left: -5px;
}
.cat_col a {
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0px;
	margin-left: 0px;
	padding-left: 14px;
}
.cat_col a:hover {
	text-decoration: none;
	color: #F23925;
}
/*--------thumb start----------*/
.tmb2 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 244px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;



 *display: inline;
	position: relative;
	overflow: hidden;
	background-color: #FFDDB4;
	border-bottom: 2px solid #B96537;
	height: 197px;
	margin: 0px 1px;
	padding: 3px;
}
.tmb2:hover {
	background-color: #616161;
	border-bottom: none;
}
.tmb2 img {
	border: 1px solid;
	height: 180px;
	border-color: #000000;
	margin: 0px;
	margin-left: 1px;
}
.tmb2 img:hover {
	opacity: 0.8;
}
.tmb2 a {
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: 0px;
	padding-bottom: 3px;
}
.tmb2 a:hover {
	color: #FF9900;
	text-decoration: none;
}
.time {
	POSITION: absolute;
	WIDTH: auto;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	COLOR: #FDD6AB;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	-moz-opacity: 0.7;
	padding: 1px 3px;
	margin: 0px;
	top: 168px;
	background-color: #2C2C2C;
	left: 5px;
	border-radius: 0px 5px 0px 0px;
}
.tmb2:hover b {
	color: #FFFFFF;
}
.tmb2 b {
	color: #000000;
	font-size: 13px;
	position: absolute;
	left: 3px;
	top: 186px;
	width: 240px;
	text-align: center;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 14px;
	overflow: hidden;
}
/*--------thumb end----------*/

/*--------category thumb start----------*/
.thumb {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 244px;
	font-family: Arial, Helvetica, sans-serif;
	display: -moz-inline-stack;
	display: inline-block;
	position: relative;
	overflow: hidden;
	background-color: #FFDDB4;
	height: auto;
	margin: 1px;
	padding: 2px;
	border: 1px solid #F1CE7C
	;
	border-color: #C99C41;
	border-bottom: 2px solid #B96537;
}
.thumb:hover {
	background-color: #616161;
	border-color: #616161;
	color: #FFD8AA;
	 
}
.thumb img {
	width: 240px;
	height: 180px;
	margin: 1px 0px 1px 0px;
}

.thumb a {
	font-size: 12px;
	font-weight: normal;
	color: #363530;
	text-decoration: none;
	padding-bottom: 3px;
	width: 245px;
	overflow: hidden;
	font-weight: bold;
}
.thumb a:hover {
	color: #9B978B;
	text-decoration: none;
}
.thumb a b {
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	line-height: 14px;
}
.thumb a:hover b {
	color: #FFFFFF;
}
/*--------category thumb end----------*/


/*--------archive pages start----------*/
ul.pages {
	overflow: hidden;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
	color: #000000;
	font-size: 14px;
	padding: 7px 0px;
	font-weight: bold;
}
.pages li {
	display: inline;
	padding: 0;
	color: #FFF;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.pages li a {
	color: #FFFFFF;
	display: inline;
	font-size: 14px;
	text-decoration: none;
	background-color: #E4331F;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
	font-weight: bold;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #E4331F;
	margin-right: 0px;
	margin-left: 0px;
}
.pages li a:hover {
	background-color: #FFFFFF;
	color: #000000;
	font-weight: bold;
	border: 1px solid #FFF;
}
.pages .empty {
	color: #FFDDB4;
	display: inline;
	font-size: 14px;
	text-decoration: none;
	background-color: #000000;
	font-weight: bold;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-right: 0px;
	margin-left: 1px;
	padding: 3px 8px;
}
/*--------archive pages end----------*/



/*--------responsive styles start----------*/

@media screen and (max-width: 1260px) {
body {min-width: 996px;}
.headcontainer, .footcontainer {width: 1010px;}
.toptxt {
	width: 311px;
}
.toplist_block {width: 990px;}
.toplist_col {width: 183px;}
}

/*--------3 thumb per line----------*/
@media screen and (max-width: 1000px) {
body {min-width: 768px;}
.headerbg {height: 110px;}
.ftr2, .hdr2 { display:none}
.headcontainer {width: 750px;}
.logo_foot{ margin-top:30px}
.bg_footer { height:140px}
.ftxt2 { left:0px; top: 15px; width:588px; text-align:center}
.footcontainer {width: 588px; height:110px}
#footer_links { top:0px; left: 0px; width: 588px; text-align:center;}
.footxt { text-align:center}
.count_cont { top:90px; left: 505px}
.toptxt { display:none}
.menu_area {top: 30px; left: 600px; width: 130px}
.cat_col {width: 210px;}
.toplist_block {width: 760px;}
.nav {position: absolute;
	top: 87px;
	font: normal 14px Arial;
	z-index: 200;
	margin: 0px;
	height: 25px;
	clear: both;
	left: 275px;
	width: auto;
}
.nav .drop {
	width: 600px;
	overflow: hidden;
	position: absolute;
	top: 26px;
	left: -200px;
	display: none;
	z-index: 1000;
}
}

/*--------2,5 thumb per line----------*/
@media screen and (max-width: 788px) {
body {min-width: 550px;}
.sort_block { display:none}
.headerbg {height: 122px}
.headcontainer {width: 500px;}
.footcontainer {width: 500px; height:120px}
.bg_footer { height:110px}
.logo1 {display: none}
.logo_main2 {display: inline-block}
.logo_foot {display: none}
.logo_foot2 {display: inline-block}
#footer_links { top:90px; left: -75px; width: 320px; text-align:center;}
.footxt {text-align:center}
.ftxt2 { left:-30px; top: 106px; width:400px; text-align:center}
.count_cont { top:89px; left: 405px}
.blocktitle h3 {text-align: center}
.toptxt {width: 450px;	top: 2px; line-height: 12px}
.menu_area {top: 93px;	left: 90px; width:auto}
.cat_col {width: 210px; }
.toplist_block {width: 600px;}
.nav {position: absolute;
	top: 96px;
	font: normal 14px Arial;
	z-index: 200;
	margin: 0px;
	height: 25px;
	clear: both;
	left: 0px;
	width: auto;
}
.nav .drop {
	width: 600px;
	overflow: hidden;
	position: absolute;
	top: 26px;
	left: -50px;
	display: none;
	z-index: 1000;
}
}

/*--------2 thumb per line----------*/
@media screen and (max-width: 620px) {
body {min-width: 490px;}
.headerbg {height: 122px}
.headcontainer, .footcontainer {width: 478px;}
.toptxt {display: none}
.menu_area {top: 93px;	left: 90px;}
.cat_col {width: 43%;	padding-left: 22px;}
.toplist_block {width: 490px;}
.arc_block {width: 490px;}
.nav {position: absolute;
	top: 96px;
	font: normal 14px Arial;
	z-index: 200;
	margin: 0px;
	height: 25px;
	clear: both;
	left: 0px;
	width: auto;
}
.nav .drop {
	width: 600px;
	overflow: hidden;
	position: absolute;
	top: 26px;
	left: -20px;
	display: none;
	z-index: 1000;
	
}
}
