@charset "utf-8";
/* -----copyright------

 Theme Name: ShangSe Photography
 Designer: Leica.org.cn
 Xhtml + CSS: PJZONE.cn
 Pub Date: 2009-11-06
 Last Modified: 2009-11-07
 
----Please Remain----*/
 
/*=global*/
*{margin:0;padding:0}
body{font:12px/1.6 Arial;color:#000;background:#dcdcdc;padding:0 2%}
img{border:0}
ul,ol{list-style:none}
select,input,textarea{font:12px/1.6 Arial;color:#000;}

/*=layout*/
#page{margin:0 auto;overflow:hidden;max-width:1200px;_width:expression(document.body.clientWidth > 1100? "1200px": "" );}
#header{position:relative;background:url(header.gif) 0 0 no-repeat;zoom:1}
#wrap{}
#main{width:75%;float:right;overflow:hidden}
#sidebar{float:left;width:24%;}
#footer{clear:both;}

/*=header*/
#header .inner{height:101px;overflow:hidden;background:url(header.gif) right -101px no-repeat;_width:100%}
#logo{padding:23px 0 26px 40px}
#logo a{width:178px;height:20px;overflow:hidden;display:block;text-indent:-555px;background:url(header.gif) -43px -202px}
#search{position:absolute;right:25px;height:22px;bottom:9px;_bottom:8px;color:#FFF;background:url(search.gif) no-repeat right 2px;padding:0 4px 0 0;float:right}
#search input{background:none;border:0;height:20px;margin:2px 0 -2px}
#search button{width:20px;height:20px;border:0;cursor:pointer;background:none;display:block-inline;overflow:hidden;text-indent:-555px}

/*=menu*/
#menu{height:26px;padding:0 20px;overflow:hidden}
#menu ul li{float:left}
#menu ul li.about a{position:absolute;right:5px;top:0;background:url(header.gif) 0 -202px;width:43px;height:21px;padding:0;overflow:hidden;text-indent:-999px;border:none}
#menu ul li a{padding:0 12px;line-height:26px;*line-height:29px;display:block;border-left:1px solid #999;border-right:1px solid #333;color:#FFF}

/*=index*/
#blockA{background:url(bg-1.gif) no-repeat}
#blockA .inner{height:288px;padding:10px;_padding:10px 0;overflow:hidden;background:url(bg-1.gif) right -308px no-repeat;zoom:1}
#focus,#catelist{display:block;float:left;width:48%;margin:6px 1%;_width:47%}
#focus{background:#333;position:relative;height:276px;overflow:hidden;}
#focus a{margin:3px;overflow:hidden;display:block}
#focus img{height:270px}
#focus_list{margin:3px;height:270px;overflow:hidden;position:relative;}
#focus_list a{position:absolute;margin:0;}
#focus_bg{position:absolute;bottom:3px;left:3px;right:3px;height:20px;background:#000;opacity:.3;filter:alpha(opacity=30)}
#focus_text{position:absolute;bottom:3px;left:5px;color:#FFF;cursor:pointer;z-index:99}
#focus_num{position:absolute;bottom:3px;right:5px;}
#focus_num li{display:inline;padding:0 4px;font-size:11px;margin:0 1px;background:#000;color:#FFF;cursor:pointer}
#focus_num li.active{background:#FFF;color:#000}
#catelist dt{height:20px;overflow:hidden;*height:19px}
#catelist dt span{background:#333;margin:0 -2px 1px 0;*margin-right:-5px;padding:2px 10px;*padding:3px 10px;color:#fff;cursor:default}
#catelist dt .tabson{background:#FFF;margin-bottom:0;padding:3px 10px;color:#000}
#catelist dd{background:#FFF;padding:5px 10px;overflow:hidden;height:245px}
#catelist dd ul{margin:2px 0}
#catelist dd ul li{height:22px;line-height:22px;overflow:hidden}

#blockB{background:url(bg-2.gif) right -430px no-repeat;margin:15px 0;zoom:1;overflow:hidden;}
#blockB .inner{height:410px;padding:10px;_padding:10px 0;overflow:hidden;background:url(bg-2.gif) no-repeat;}
#blockB h3{height:42px;visibility:hidden}
#blockB ol,#blockB ul{width:48%;display:block;float:left;margin:0 1%;_width:47%}
#blockB ol{margin-top:10px;}
#blockB ol li{float:left;width:46%;height:170px;margin:0 2% 10px;_margin:0 5px 10px;overflow:hidden;background:#FFF url(bg-3.gif) 0 -160px no-repeat;}
#blockB ol li .inner{background:url(bg-3.gif) right -160px no-repeat;padding:0;color:#999;font:10px/1.3 Verdana;}
#blockB ol li a{display:block;font-size:12px;margin:8px 8px 0;overflow:hidden;_width:90%}
#blockB ol li img{width:180px;height:125px;margin:0 auto 3px}
#blockB ol li span{margin:0 0 0 8px}
#blockB ul li{background:url(bg-3.gif) no-repeat;line-height:1.2;margin:10px 0;color:#666}
#blockB ul li .inner{height:64px;overflow:hidden;background:url(bg-3.gif) right -80px no-repeat;padding:8px}
#blockB ul li img{float:left;margin:0 10px 0 0}
#blockB ul li h4{font:13px Arial;border-bottom:1px solid #e0e0e0;padding:0 0 3px;margin:0 0 3px 75px}

#blockC{background:url(blockC.gif) right -260px no-repeat;margin:0 0 15px;}
#blockC .inner{height:240px;padding:10px;_padding:10px 0;overflow:hidden;background:url(blockC.gif) no-repeat;}
#blockC h3{height:32px;visibility:hidden}
#blockC ol,#blockC #latest{width:48%;display:block;float:left;margin:0 1%;_width:47%}
#blockC ol{margin-top:20px}
#blockC ol li{float:left;width:46%;height:170px;margin:0 2%;_margin:0 5px;overflow:hidden;background:#FFF url(blockC.gif) 0 -520px no-repeat;line-height:1.2}
#blockC ol li .inner{background:url(blockC.gif) right -520px no-repeat;padding:0;margin:0;width:100%;text-align:center;}
#blockC ol li a{display:block;margin:8px 8px 0;overflow:hidden;_width:90%}
#blockC ol li img{display:block;width:180px;height:125px;margin:0 auto 3px}
#blockC #latest{background:url(blockC.gif) 0 -690px no-repeat;margin-top:12px}
#blockC #latest .inner{overflow:hidden;background:url(blockC.gif) right -880px no-repeat;}
#blockC #latest dl{float:left;width:48%;margin:0 1%;display:block;height:170px;overflow:hidden;_width:47%}
#blockC #latest dt{border-bottom:1px solid #E0E0E0;margin:0 0 3px;padding:0 5px 3px}
#blockC #latest dd{padding:0 5px}
#blockC #latest ul{margin:3px 0 0}
#blockC #latest ul li{height:18px;line-height:18px;overflow:hidden}

/*=sidebar*/
.sidepanel{background:#FFF url(panell.gif) repeat-y;margin:0 0 10px}
.sidepanel .inner{background:url(panelr.gif) repeat-y right 0}
.sidepanel .top{background:url(sidebar.gif) repeat-x 0 -19px;min-height:5px;_height:5px;position:relative;font-size:12px}
.sidepanel .text{padding:10px 15px;background:none}
.sidepanel .bottom{background:url(sidebar.gif) repeat-x 0 0;height:5px;position:relative}
.top b{background:url(sidebar.gif) repeat-x -5px -5px;overflow:hidden;width:7px;height:7px;display:block;position:absolute;left:0;top:0;}
.top i{background:url(sidebar.gif) repeat-x -12px -5px;overflow:hidden;width:7px;height:7px;display:block;position:absolute;right:0;top:0}
.bottom b{background:url(sidebar.gif) repeat-x -5px -12px;overflow:hidden;width:7px;height:7px;display:block;position:absolute;left:0;bottom:0;}
.bottom i{background:url(sidebar.gif) repeat-x -12px -12px;overflow:hidden;width:7px;height:7px;display:block;position:absolute;right:0;bottom:0}
.top strong{margin:0 15px;padding:15px 0 5px 50px;display:block;font-weight:100;border-bottom:1px solid #EEE;background:url(icon.gif) no-repeat 0 17px}
.user strong{word-spacing:20px}
.user .text p{border-top:1px solid #eee;margin:10px 0 0;padding:8px 0 0;text-align:center}
.statistics strong{background-position:0 -28px}
.blogroll strong{background-position:0 -70px}
.toblog{background:url(toblog1.gif) no-repeat;}
.toblog a{background:url(toblog2.gif) right 0 no-repeat;display:block;height:105px;width:100%;overflow:hidden;text-indent:-999px}

/*=footer*/
#footer{height:35px;font:11px/40px Arial;color:#FFF;background:url(footer.gif) 0 -19px;padding:0 0 0 20px;overflow:hidden}
#footer p{float:right;height:35px;background:url(footer.gif) right -73px;padding:0 20px 0 0}

/*=link*/
a{text-decoration:none;color:#000;outline:none}
a:hover{color:#C30}
#menu a:hover{color:#C30;background-color:#e3e3e3}
#catelist a:hover{color:#e60012}
#sidebar ul a{color:#333}
#sidebar ul a:hover{color:#555}
#footer a{color:#FFF}
#footer a:hover{text-decoration:underline;color:#FFF!important}