/* define focus styles! */
:focus { outline: 0; }
* { margin:0; padding:0; }
body { font-size:12px; line-height:19px; color:#000; background:#fff url(../images/top_bg.jpg) left top repeat-x; font-family:Arial, Helvetica, sans-serif;}
.clear { clear:both; line-height:1px; height:1px; visibility:hidden;}
table { border-collapse: separate; border-spacing: 0; }

/************************
THE STYLE FOR TOP PART
*************************/
#top_part { width:998px; height:232px; margin:auto;}
#logo { float:left; margin:20px 0 0 50px; background:#ede7d7 url(../images/joomlalist_logo.png) no-repeat; width:238px; height:87px; }
#logo_intro { float:right; width:503px; height:81px; margin:20px 40px 0 0; background:url(../images/homead2.gif) no-repeat; }

#introtext{clear:both; background:url(../images/intro_pic.png) left bottom no-repeat; padding-left:150px; width:670px; height:124px; margin:auto; color:#600;}
#introtext h2{font-family:"Times New Roman", Times, serif; font-size:21px; line-height:35px; color:#600; font-weight:normal; margin-bottom:7px;}

/************************
THE STYLE FOR MAIN MENU
*************************/
#mainmenu { clear:both; background:url(../images/menu_bg.png) left top repeat-x; height:32px; }
#mainmenu ul { width:998px; margin:auto; list-style:none; height:32px; }
#mainmenu ul li { float:left; height:30px; margin-top:2px; padding-left:10px; }
#mainmenu ul li a { font-family:Arial, Helvetica, sans-serif; font-size:13px; display:block; float:left; height:30px; padding:5px 10px 0 0px; color:#ede7d7; text-decoration:none; font-weight:bold; }
#mainmenu ul li a:hover, #mainmenu ul li a:active { border: none; color:#FC0; background: transparent; }
#mainmenu ul li#current { background: transparent url(../images/left-tab.gif) no-repeat; }
#mainmenu ul li#current a { color: #444; background: transparent url(../images/right-tab.gif) no-repeat right top; }

/**************************
THE STYLE FOR TOTAL LAYOUT
***************************/
#maincontent { width:998px; margin:0 auto; background:url(../images/mainbg.png) center top repeat-y; font-family:Arial, Helvetica, sans-serif; }
#left_part { float:left; width:160px; height:auto; }
#right_part { float:right; width:200px; height:auto; }
#center_part { float:left; width:600px; height:auto; margin-left:20px; }

/************************
THE STYLE FOR LEFT PART
*************************/
.leftcontent {padding:0; margin:5px 0; padding-bottom:10px; border-bottom:1px dotted #CCC;}
.leftcontent h3 { font-size:13px; line-height:25px; font-family:Arial, Helvetica, sans-serif; background:url(../images/h3_bg.png) left top no-repeat; font-weight:normal; color:#FFF; padding-left:15px; }
.leftcontent ul { list-style:none; margin:0 10px; padding-top:10px;}
.leftcontent ul li { line-height:23px; }
.leftcontent ul li a { text-decoration:none; color:#333; padding-left:10px; background:url(../images/liststyle_1.png) left center no-repeat; }
.leftcontent ul li a:hover{color:#C00;}

/************************
THE STYLE FOR RIGHT PART
*************************/
.rightcontent { width:194px; margin:10px 0;}
.rightcontent h3 { font-size:15px; line-height:25px; padding-left:5px; background:url(../images/right_title_bg.jpg) no-repeat; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#fff; width:194px;}

/**************************
THE STYLE FOR DIFFENT TITLE
***************************/
.newlybox h3{background:url(../images/hotest_title_bg.jpg) left top no-repeat;}
.freshbox h3{background:url(../images/newest_title_bg.jpg) left top no-repeat;}
.tjbox h3{background:url(../images/best_title_bg.jpg) left top no-repeat;}
.gdbox h3{background:url(../images/top_title_bg.jpg) left top no-repeat;}


.rightcontent p { color:#666; line-height:19px; }

.relational ul { list-style:none; border:1px solid #73361f; padding:10px; background:#FFF; }
.relational ul li { line-height:17px; margin-bottom:10px; }
.relational ul li a { color:#333; padding-left:13px; background:url(../images/liststyle_2.png) left 4px no-repeat; }

/************************
THE STYLE FOR CENTER PART
*************************/
.maincontent { margin:10px 0;}
.maincontent h1 ,.maincontent h2 ,.maincontent h3 ,.maincontent h4 ,.maincontent h5 ,.maincontent h6 ,.maincontent h7{font-weight:normal; font-size:14px;}

.maincontent .contenth1{font-size:25px; color:#900; font-weight:normal; font-family:"Times New Roman", Times, serif; line-height:35px;}
.maincontent .contenth3 { font-size:19px; font-weight:bold; color:#C00; font-family:Arial, Helvetica, sans-serif; line-height:35px; padding-left:10px; margin-bottom:10px; border-bottom:2px solid #C00; }

.source h4 ,.author h4 ,.creattime h4 ,.updatatime h4{color:#666; font-size:11px; font-family:Arial, Helvetica, sans-serif; float:left; margin:0 5px;}
.source span ,.author span ,.creattime span ,.updatatime .span{float:left;color:#666; font-size:11px;}

.contenttext{clear:both; padding-top:10px;}
.creattime{margin-bottom:5px;}

.content_list { list-style:none; }
.content_list li { line-height:25px; padding-bottom:5px; margin-bottom:5px; border-bottom:1px dashed #999; }
.content_list li ul li{list-style:none; border:none; margin:0; padding:0;}
.content_list li a { color:#666; text-decoration:none; }
.content_list li a:hover { color:#960; }

.content_list .content_title a{font-size:17px; color:#900; font-family:"Times New Roman", Times, serif; line-height:35px; text-decoration:underline;}
.content_list .content_title a:hover{text-decoration:none; background:#630; color:#FFF;}
.content_list .content_intro{color:#333; line-height:17px;}
.content_list .read_more{margin-top:8px; padding:0px 2px; color:#930;}



/************************
THE STYLE FOR PAGINATION
*************************/
.pagination { width:530px; margin:auto; text-align:center; }
.pagination a { text-decoration:none; padding:0 2px; margin:0 1px; }
.pagination .a_number { color:#333; }
.pagination .a_number:hover { background:#000; color:#FFF; }
.pagination .a_up_all, .pagination .a_up, .pagination .a_next, .pagination .a_next_all { width:16px; height:16px; text-indent:-2000px; display:inline-table; }
.pagination .a_up_all { background:url(../images/left_all.gif) no-repeat; }
.pagination .a_up { background:url(../images/left.gif) no-repeat; }
.pagination .a_next { background:url(../images/right.gif) no-repeat; }
.pagination .a_next_all { background:url(../images/right_all.gif) no-repeat; }
#bottom_part { clear: both; border-top: 1px solid #dadada; width: 998px; margin: 0 auto; padding-top:10px; padding-bottom:15px; font-family:Arial, Helvetica, sans-serif; }

/************************
THE STYLE FOR TOP PART
*************************/
.bottom-left { float: left; padding-left: 5px; font-size:11px; color:#666; }
.bottom-left a{color:#000;}
.bottom-right { text-align: right; }
.bottom-right a { color:#333; padding:0 4px; font-size:11PX; }