﻿	/* The 2nd International Festival of Intangible Culturall Heritage Chengdu China layout  */
	/* Creat by ucool.Hu */ 
	/* Last updated 2009-05-26 */ 
	
@charset "utf-8"; * { margin:0; padding:0; }
html {min-weight:1000px;}

	/* Default style */
body {border:0;margin:0 auto;}
img {border:0;}
div,p {margin:0 auto;padding:0;text-align:left;}
body,td,th,h1,h2,h3,h4,h5,h6,p,div,input,textarea,select {font:12px Tahoma,Verdana,Helvetica,Arial,sans-serif;color:#ac1536;}
.nop {display:none;}
hr {display:none;}
input,textarea,select {vertical-align:middle;}
strong {font-weight:bold;}
.xclear {clear:both;}

	/* Default links */}
a { color:#ac1536;text-decoration:none;}
a:link { color:#ac1536;text-decoration:none;}
a:visited { color:#ac1536;text-decoration:none;}
a:active { color:#ac1536;text-decoration:none;}
a:hover	{ color:#4B0A18;text-decoration:underline;}

	/* Header */
#header {position:relative;width:1000px;margin:0 auto;height:136px;background:url(dimg/topbg.png) no-repeat;}
#header h1 {display:none;}
#header .toplnk {position:absolute;top:24px;right:16px;}

	/* Navigation */
#menu {width:1000px;margin:0 auto;height:38px;background:url(dimg/navbg.png) repeat-x;}
#menu ul {display:block;padding-left:25px;}
#menu li {float:left;list-style:none;font-size:14px;font-weight:800;font-family:Tahoma,Verdana,Helvetica,Arial,sans-serif;}
#menu li a {color:#fff;line-height:38px;height:38px;width:95px;display:block;text-align:center;}
#menu li a:hover {color:#fff;text-decoration:none;background:url(dimg/navbgoff.png) bottom left no-repeat;}
#menu li.xon a,#menu li.xon a:hover {color:#bf1820;background:url(dimg/navbgon.png) bottom left no-repeat;}

	/* HeaderContenter */


	/* Contenter */
#contenter {width:1000px;margin:12px auto;position:relative;}
#xleft {float:left;width:255px;background:url(dimg/xleftbg.png) repeat-y;}
#xcon {float:left;width:500px;margin-left:18px;}
#xright {float:left;width:200px;margin-left:16px;}
#xbottom {position:absolute;top:450px;left:470px;width:520px;}
#xban {position:absolute;top:453px;left:275px;}

#xban img {width:180px;height:200px;}

#xleft h3 {background:url(dimg/h3bg0.png) repeat-x;width:252px;height:26px;line-height:26px;}
#xleft h3 span {margin-left:12px;font-weight:800;color:#fff;}
#xleft h3#h3a {background:url(dimg/h3bg1.png) repeat-x;width:253px;}

#xleft .xitem {background:url(dimg/xlogo.png) 16px center no-repeat;padding:4px 0 4px 110px;}
#xleft .xitem p {line-height:1.5em;font-weight:800;}
#xleft .xitem p a {margin:0 4px;}
#xleft .xitem1 {width:252px;margin-right:3px;}
#xleft .xitem1 dl {list-style:none;}
#xleft .xitem1 dt {padding:4px 8px;color:#7b6454;}
#xleft .xitem1 dd {padding:4px 8px;background:#fff;font-weight:800;color:#ac1536;}

#xleft .xitem2 {text-align:center;padding:6px 4px;background:url(dimg/xleftbot.png) bottom left no-repeat;}
html>body #xleft .xitem2 {padding:10px 4px;}

#xright h3 {width:197px;height:25px;line-height:25px;background:url(dimg/h3bg2.png) no-repeat;}
#xright h3 span {margin-left:12px;font-weight:800;color:#fff;}

#xright .ritem {padding:7px 0;}
#xright .ritem p {line-height:1.2em;margin:4px 0;}

#xcon {}
#xcon h3 {position:relative;width:491px;height:23px;background:url(dimg/h3bg3.png) no-repeat;line-height:23px;}
#xcon h3 span {margin-left:12px;font-weight:800;color:#ac1536;}
#xcon h3 em {position:absolute;top:2px;right:8px;font-siez:12px;font-weight:400;font-style:normal;}

#xcon .citem {margin:8px 0 8px 16px;width:470px;}
#xcon .citem li {padding:4px 0;border-bottom:1px dotted #ccc;}
#xcon #phoitem {clear:both;width:486px;margin:2px 0 0 0;overflow:hidden;white-space:nowrap;background:#fff;padding:2px;height:100px;}
#xcon #phoitem a img {border:1px solid #ccc;width:120px;height:90px;}
#xcon #phoitem a:hover img {border:1px solid #c30;}

#xbottom li {list-style:none;font-weight:800;float:left;margin:3px 1px;text-align:center;}
#xbottom li a {width:84px;height:85px;padding-top:12px;display:block;background:url(dimg/itemon.png) no-repeat;}
#xbottom li a:hover {background:url(dimg/itemoff.png) no-repeat;text-decoration:none;}

	/* Contenter-Pages */
#ycon {float:left;width:710px;margin-left:18px;}
#ycon h2 {font-size:16px;font-weight:800;line-height:30px;height:30px;background:url(dimg/h2bg.png) no-repeat;}
#ycon h2 span {margin-left:12px;}

#ycon .pagescon {clear:both;}
#ycon .pagescon ul {margin-bottom:20px;padding:0;}
#ycon .pagescon li {list-style:none;background:url(dimg/dot.gif) 0 7px no-repeat;padding-left:16px;font-size:14px;line-height:1.5em;margin:6px 0;border-bottom:1px dotted #ccc;padding-right:200px;}
#ycon .pagescon li a:hover {color:#620;}
#ycon .pagescon li span.author {color:#f60;font-size:11px;font-weight:800;right:110px;}

#ycon .pagescon ul li {position:relative;}
#ycon .pagescon ul li span {margin-left:8px;font-size:12px;}
#ycon .pagescon ul li span.datetime {position:absolute;top:0px;right:20px;color:#aaa;font-size:10px;}
#ycon .pagescon ul li span.author {position:absolute;top:0px;right:150px;}
#ycon .pagescon ul li span.hitcount {font-size:11px;color:#666;}
#ycon .pagescon ul li em {color:#000;font-weight:800;font-style:normal;}
#ycon .pagescon p {color:#444;font-size:14px;line-height:1.8em;text-indent:2em;margin:1em 0;}
#ycon h4 {background:#f9ebe5;text-align:center;clear:both;padding-left:12px;margin:8px 8px 0 0;font-weight:800;font-size:16px;color:#c30;line-height:33px;}
#ycon h4 em {color:#d59181;font-weight:400;font-size:12px;font-style:normal;}
#updown {margin:20px 0 20px 50%;}
#updown em {color:#f60;font-style:normal;}

#ycon .pagespicconx {margin:6px 0;width:720px;color:#480;}
#ycon .pagespicconx a {margin:4px 12px;width:200px;float:left;display:block;float:left;position:relative;color:#fff;padding:4px;border:1px solid #ccc;}
#ycon .pagespicconx img {width:200px;height:150px;}
#ycon .pagespicconx a:hover {}
#ycon .pagespicconx a:hover {border:1px solid #f60;text-decoration:none;color:#f60;background:#f9ebe5;}
#ycon .pagespicconx a span {font-weight:800;cursor:pointer;Position:absolute;bottom:4px;left:4px;width:200px;height:30px;background:#000;text-align:center;display:block;line-height:30px;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;}
#ycon .pagespicconx a:hover span {background:#f9ebe5;filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;}


.xpage {clear:both;color:#f60;text-align:left;background:#eee;padding:6px;}
.xpage a {color:#f60;text-decoration:underline;margin:0 6px;}
.xpage a:hover {color:#333;text-decoration:underline;}

	/* Copyright */
#xlnk {clear:both;width:1000px;margin:0 auto;}
#xlnk h3 {font-size:12px;font-weight:800;margin:8px 0 4px 0;}

#hotlnk {width:1000px;background:url(dimg/xlnkbg.png) left 0 repeat-x;padding-top:30px;}
#hotlnk ul {list-style:none;padding:12px 0 0 10px;}
#hotlnk li {float:left;list-style:none;margin:0 1px;padding:0;}
#hotlnk li a img {border:1px dotted #ccc;}
#hotlnk li a:hover img {border:1px dotted #c30;}

#media {clear:both;margin:4px 0;padding-left:8px;}
#media a {}
#media a img {border:1px solid #000;margin:1px;}
#media a:hover img {border:1px solid #ac1536;}

#copyright {position:relative;width:1000px;margin:10px auto 0 auto;height:100px;clear:both;background:#e6dec5 url(dimg/copybg.png) repeat-x;}
#copyright p {color:#7b6454;}
#copy1 {position:absolute;top:30px;left:8px;}
#copy2 {position:absolute;top:30px;right:8px;}
#copy1 p {text-align:left;line-height:1.5em;}
#copy2 p {text-align:right;line-height:1.5em;}