/*Opus CSS Document */


A:active { COLOR: #464646 }
A:visited { COLOR: #464646; TEXT-DECORATION: none }
A:hover { COLOR: #929292; TEXT-DECORATION: none }
A:link { COLOR: #464646; TEXT-DECORATION: none }

#header { width:955px; height:100px; background:#FFFFFF; }
 #header .header_bg { width:955px; height:65px; background:#B60307 url(http://opus.arting365.com/images/header_bg.jpg); text-align:left }
  #header .header_bg .header_corner_left { width:4px; height:65px; background: url(http://opus.arting365.com/images/header_corner_left.jpg); float:left }
  #header .header_bg .header_corner_right { width:4px; height:65px; background: url(http://opus.arting365.com/images/header_corner_right.jpg); float:right }
  #header .header_bg .header_logo { width:200px; height:65px; background: url(http://opus.arting365.com/images/header_logo.jpg); float:left }
   #header .header_bg .header_logo .header_name { float:right;margin-right:4px;margin-top:26px;color:#FFF;font-size:14px; }
  #header .header_bg .header_bill { width:600px; height:50px; float:left; margin-top:8px; padding-left:100px; }
 #header .header_menu { margin:4px; width:945px; height:28px; background:#EBEBEB url(http://opus.arting365.com/images/header_b_bg.jpg); text-align:left }
  #header .header_menu .header_menu_left { width:6px; height:28px; background: url(http://opus.arting365.com/images/header_corner_b_left.jpg); float:left }
  #header .header_menu .header_menu_right { width:6px; height:28px; background: url(http://opus.arting365.com/images/header_corner_b_right.jpg); float:right }
  #header .header_menu .header_menu_text { width:933px; height:28px; float:left; line-height:28px; color:#4D4D4D; font-size:12px }
  #header .header_menu .header_menu_text ul{ list-style-type:none; margin:0; padding:0;}
  #header .header_menu .header_menu_text li{ float:left; padding:0 8px 0 8px; background:url(http://opus.arting365.com/images/header_b_line.gif) no-repeat right center; }
  #current { position:absolute; margin:-10px 0 0 56px;}
  #new { position:absolute; margin:-10px 0 0 312px;}

#footer { background:#FFFFFF; width:955px; border-top:1px solid #E8E8E8; margin-top:10px; clear:both }	
 #footer .footer_logo { float:left; width:600px!important; width:800px; height: 65px; border-top: 5px solid #F2F2F2; background: #FFFFFF url(http://opus.arting365.com/images/arting365_logo.gif) top left no-repeat; padding-left: 200px;text-align:left; }	
 #footer .footer_bug { background: #FFFFFF; float:right; width:155px; height: 65px; line-height:65px; border-top: 5px solid #F2F2F2; text-align:center; }
  #footer .footer_bug img { margin-top:20px}	
 #footer .footer_logo p { border-left: 1px solid #C5C5D8; padding-left: 10px; margin: 15px 0 -12px 0; color: #666; font-size: 12px }	

/* opus content*/	

#allbody { background:#F5F5F5 url(http://opus.arting365.com/images/allbodybg.jpg) top repeat-x; width:955px; }
  #main { width:945px; text-align:left }
    #nav_bar { padding:4px 4px 2px 4px }
    #main_position { padding:2px 4px 2px 4px }

  #left_main { float:left; width:700px; padding:0 0 4px 0; }
    #left_box { float:left; width:700px; background:#FFF; border:1px solid #C6C6C6; overflow-x:hidden;  }
    #content_bar { background:#EAEAEA; height:25px }
      .content_title { float:left; font-size:14px; width:500px; overflow:hidden; height: 25px; line-height: 25px; padding-left:5px; font-weight:bold; overflow:hidden}
      .content_describe { width:195px; float:right;text-align:center; height: 25px; line-height: 25px; color:#5F5F5F }
      .contro_bar { text-align:center; margin:8px 0 10px 0; }
	  
    .pagelink { text-align:center; margin:0 0 8px 0; font-size: 12px; clear:both; font-family:"" }
    .pageLink b { font-size:12px; color:#fff; font-weight:bold; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-right:1px solid #C2C2C2; border-bottom:1px solid #C2C2C2; text-align:center;height:18px;background: #DFDFDF; display:inline-block; padding:4px 6px; font-family:"" }
    .pageLink a { font-size:12px;text-align:center; height:18px; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-right:1px solid #C2C2C2; border-bottom:1px solid #C2C2C2; background: #F5F5F5; display:inline-block; padding:4px 6px; font-family:""; vertical-align:top;}
    #content_text { width:678px; padding:0 10px 0 10px; overflow-x:hidden; text-align:center ; font-size: 14px; text-decoration: none; line-height: 160%; clear:both; word-wrap:break-word; word-break:break-all;}
	  #content_text img { max-width: 650px; width: expression(this.width > 650 ? 650: true); border:none}
	  #content_text ul{ font-size:14px;}
	  #content_text li{ text-align:left; padding:9px 12px 6px; font-size:14px; clear:both; line-height:23px;}
	  #content_text h2{ font-size:14px;  line-height: 160%; }
	  #content_text p{ font-size:14px; line-height: 160%; }
	  #content_text .icon{ margin:3px 0 0; border:0;}
	  #content_text table{ table-layout:fixed; font-size:14px;}
	  #content_text td{ overflow:hidden;text-overflow:ellipsis;}
	  #content_text a{ text-decoration:underline; color: #1f3a87;}
	  #content_text a:hover{ color: #bc2931;}



    /*2007123019:58:31
----------޸:ģѾȡ´θºɾ  ----------
by zhufei  */ 
	#describe_bar { width:100%; height:4px; margin-top:5px; line-height:4px; border-top:1px solid #E6E6E6 }



    #remark { clear:both; color:#999999; margin:6px; text-align:center; height:18px; line-height:16px;  font-size:12px; font-weight:normal;}
	
  #left_channel { float:left; margin-top:4px; width:700px; background:#FFF url(http://opus.arting365.com/images/box_right.gif) right top no-repeat; border:1px solid #D1D1D1; padding-bottom:10px; font-size:12px;font-weight:normal; }
    .channerl_title { margin:15px; font-size:14px; height:18px; font-weight:bold; border-bottom:1px solid #C1C1C1 }
	#channerl_content { text-align:center; clear:both }
	  #channerl_content ul { list-style:none; width:650px; margin:0 }
	    #channerl_content li{ float:left;width:130px; margin-bottom:10px }
		 .channerl_img { width:98px }
		 .channerl_img_title { width:100px; line-height:20px; height:20px; overflow:hidden}
		 .channerl_img_title a { color:#888888}
		 .channerl_img_title a:visited { color:#888888}
		 .channerl_img_title a:hover { color:#2F2F2F} 
		  #channerl_content li div { width:100px; overflow:hidden}
		  #channerl_content li img { width:80px; height:100px; border:1px solid #F3F3F3; background-color: #FAFAFA }	

	#left_arttalk { float:left; margin-top:4px; width:700px; background:#FFF; border:1px solid #D1D1D1;}

	#left_comment { float:left; margin-top:4px; width:700px; background:#FFF url(http://opus.arting365.com/images/box_right.gif) right top no-repeat; border:1px solid #D1D1D1; font-size:12px;font-weight:normal;}
	  #comment_title { padding:15px; font-size:14px; font-weight:bold; }
	  #comment_title a { font-size:12px; font-weight:normal; color:#666666 }
	  #comment_main { float:left; width:100%; background:#EFEFEF; text-align:center; padding:20px 0 20px 0; }
	  #comment_content { float:left; width:500px; text-align:right; }
	  #comment_visits { float:right; width:180px; text-align:left; }
		#comment_content textarea { width:460px; height:120px;background:#FFF url(http://opus.arting365.com/images/combg.jpg) no-repeat right center;border:1px solid #cccccc; font-size:12px; color:#999999}
		#comment_visits .name_input { width:80px;height:20px; border:1px solid #CCCCCC; margin:2px; }
		#comment_visits .img_code { width:80px;height:20px; border:1px solid #CCCCCC; margin:2px; }
		#comment_visits .pic_code { margin:2px 2px 2px 47px; border:1px solid #CCCCCC; }
		#comment_visits .comement_button{ border-bottom:#999999 1px solid;border-right:#999999 1px solid;border-left:#E8E8E8 1px solid;border-top:#E8E8E8 1px solid; background:#F9F9F9; width:80px; height:22px; *padding-top:3px; color:#737373; font-weight:normal; margin:2px 2px 2px 47px; }
		
  #right_main { width:240px;float:right; font-size:12px;font-weight:normal;}
    #right_box { width:240px; }
	  .right_ad { width:240px; overflow:hidden; overflow:hidden;}
	  
	  #right_pink { float:left;  width:238px!important;width:240px; overflow:hidden; background:#FFF; border:1px solid #D1D1D1; margin-top:4px; }
		  .pink_title { background:#EAEAEA; height: 25px; line-height: 25px; padding-left:5px; font-weight:bold; }
		  .pink_content { text-align:center;}
			.pink_content ul { list-style:none; width:220px; margin-left:16px!important; margin-left:0px; margin-bottom:5px; padding:0 }
			  .pink_content li { float:left;width:108px; margin-bottom:10px }
			  .pink_img{ width:98px }
			  .pink_img_title{ width:100px; line-height:20px; height:20px; overflow:hidden}
			  .pink_img_title a { color:#888888}
			  .pink_img_title a:visited { color:#888888}
		      .pink_img_title a:hover { color:#2F2F2F} 
			  .pink_content li img { border:1px solid #F3F3F3; background: #FAFAFA }	
			  
	  #right_arttalk { float:left; width:238px!important;width:240px; overflow:hidden; background:#FFF; border:1px solid #D1D1D1; margin-top:4px; padding-bottom:4px; }
	    .arttalk_bar { background:#EAEAEA; height: 25px; line-height: 25px; padding-left:5px; font-weight:bold; }
		.arttalk_content { text-align:left; margin:5px; padding:4px }
		  .search_left { float:left; width:180px;height:20px;border:1px solid #9E9E9E; border-right:none; }
		    .search_left input { width:175px; height:18px; border:none; padding:0; margin:0; }
			.search_button { float:left; width:32px;height:20px;border:1px solid #9E9E9E; text-align:left; border-left:none; }
			.search_keyword {  float:left; width:216px; padding:2px; font-weight:normal}
  
  #right_relate { float:left; width:238px!important;width:240px; overflow:hidden; background:#FFF; border:1px solid #D1D1D1; margin-top:4px }
    .relate_title { background:#EAEAEA; height: 25px; line-height: 25px; padding-left:5px; font-weight:bold; }
	.relate_content { text-align:left; margin:5px; height:285px!important; height:305px!important; height:300px; overflow-y:scroll; overflow-x:hidden }
	.relate_content ul { list-style-type:none; width:210px; margin:0px; padding:0px; }
	.relate_content li { background: url(http://opus.arting365.com/images/dot.gif) 0 6px no-repeat; margin-left:5px; padding-left:15px; padding-bottom:0px!important;padding-bottom:4px;line-height:20px; height:20px; overflow:hidden }
	
  #right_espread { float:left; width:238px!important;width:240px; overflow:hidden; background:#FFF; border:1px solid #D1D1D1; margin-top:4px }
    .espread_title { background:#EAEAEA; height: 25px; line-height: 25px; padding-left:5px; font-weight:bold; }
	.espread_content { text-align:center; margin:5px; padding:4px; width:220px }
	  
  #left_espread { clear:both; margin:10px;}
    .left_espread_content { width:468px; height:42px; border:1px solid #F6F6F6; padding:5px;}
		
/* opus sort*/	

  #sort_main { float:left; background:#EAEAEA; width:700px; border:1px solid #C6C6C6; overflow-x:hidden; }
   .sort_title { width:100%; line-height:22px; margin:8px; }
   .sort_name { font-size:20px; font-family:'' }


  #sort_list { text-align:center; float:left; width:20%!important; width:115px}
   #sort_list ul { margin:0; padding:0; list-style:none; text-align:center }
   #sort_list li { float:center; width:132px!important; width:130px; height:233px!important; height:233px; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-right:1px solid #C2C2C2; border-bottom:1px solid #C2C2C2; background: #F5F5F5; padding:20px 4px 4px 4px ; margin:4px; overflow:hidden }
   .sort_img { padding-bottom:6px }
   #sort_list li img { width:100px; height:144px; border:1px solid #F3F3F3; background-color: #FAFAFA }
   .sort_img_title { height:20px; line-height:20px; width:180px; overflow:hidden; }
   .sort_img_date { color:#999999; height:20px; line-height:20px; width:120px; overflow:hidden }

  .sort_page { clear:both; padding-top:4px }

  #sort_subject { float:left;  no-repeat left center; width:110px!important; width:110px;  overflow-x:hidden; padding:4px!important; padding:4px 4px 8px 0; margin-top:4px; }
   .sort_nav { float:right; }
   .sort_nav ul { margin:0; padding:0; list-style:none; text-align:left }
   .sort_nav li { float:left; background:#FAFAFA /*url(http://opus.arting365.com/images/nav_bg.jpg) repeat-x*/; width:112px!important;width:120px; border-top:1px solid #FFF; border-right:1px solid #B2B2B2; border-bottom:1px solid #B2B2B2; border-left:1px solid #FFF; padding:4px ; margin:4px; }
		
  #sort_right_pink { float:left; width:238px!important;width:240px; overflow:hidden; background:#FFF; border:1px solid #D1D1D1; margin-top:4px }
    .sort_pink_title { background:#EAEAEA; height: 25px; line-height: 25px; padding-left:5px; font-weight:bold; }
	.sort_pink_content { text-align:left; margin:5px; overflow-x:hidden }
	.sort_pink_content ul { list-style-type:none; width:210px; margin:0px; padding:0px; }
	.sort_pink_content li { background: url(http://opus.arting365.com/images/dot.gif) 0 6px no-repeat; margin-left:5px; padding-left:15px; padding-bottom:0px!important;padding-bottom:4px;line-height:20px; height:20px; overflow:hidden }
			
/* opus home*/