﻿/*
Theme Name: Swordfish CMS Theme
Description: The CMS Theme for Swordfish company
Version: 1.0
Author: swordfish
Author URI: http://www.dmt8.com/
*/

/*Genreal*/
*{margin:0;padding:0;}
body{font:12px Arial, "", Verdana, sans-serif;}	
a {color:#0097CC;text-decoration:none;}
a:hover{color:#51B400;}
h1,h2,h3{font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;font-weight: bold;}
h1{font-size:4em;}
h2{font-size:1.6em;}
h3 {font-size:1.3em; color:#6b6b6b; padding-top:5px;}
h4{  background:url("images/i_arrow1.gif") left  center no-repeat; 
	 padding:5px 0px 4px 19px; margin-bottom:8px;
	 border-bottom:1px #ddd solid;}
ol,ul,li{list-style:none;}
small{font-family:Arial, Helvetica, Sans-Serif;font-size:0.9em;line-height:1.5em; color:#9b9b9b;}
.clear{clear:both; height:0;}
.alignright {float:right;}
.alignleft{float:left}
.center{text-align:center;}
a img{border:none;}
code{font:1.1em 'Courier New', Courier, Fixed;}
acronym,abbr,span.caps{font-size:0.9em;letter-spacing:0.07em;cursor:help;}
blockquote{margin:15px 30px 0 10px;padding-left:20px;border-left:5px solid #ddd;}
blockquote cite{margin:5px 0 0;display:block;}

/*Page*/
#page{width:950px;margin:0 auto;text-align:left;}

/*Header*/
#header{height:105px;}
#headerimg{height:71px;background:url("images/header_bg.jpg") left top no-repeat;overflow:hidden;}
#headerimg h1{float:left;text-indent:-10000px;background:url("images/logo.gif") left top no-repeat;}
#headerimg h1 a{display:block;width:222px;height:71px;outline:none;}
#headerimg .description{float:right;margin-right:10px;margin-top:30px;color:#94a4c2;}

/*Menu*/
#menu{clear:both;height:33px;background:url("images/menu_bg.jpg") top repeat-x;white-space:nowrap;}
#menu ul{overflow:hidden;}
#menu li{float:left;width:84px;height:33px;text-align:center;}
#menu li a{color:#fff;display:block; font-size:13px;font-weight:bold;text-decoration:none;padding:10px 0;background:url("images/menu_line.jpg") right top no-repeat;}
#menu li.current_page_item a,#menu li a:hover{background:url("images/menu_li_hover.jpg") left top no-repeat;color:#000;}
#menu li#search{width:236px;float:right;background:url("images/menu_right.jpg") right top no-repeat;padding-top:5px;position:relative;text-align:left;}
#menu li#search #searchform{overflow:hidden;}
#menu li#search input#s{width:150px;position:absolute;top:6px;font-size:12px;padding:4px 2px 0 3px;color:#666;border:1px solid #065387;height:15px;}
#menu li#search input#searchsubmit{position:absolute;top:6px;left:160px;width:59px;height:21px;border:0;color:#fff;font-weight:bold;padding:0 0 1px;background:url("images/search_bg.jpg") left 50% no-repeat;cursor:pointer;}
#menu li#menu_home{background:url("images/menu_home_other.jpg") left top no-repeat;}
#menu li#menu_home.current_page_item a,#menu li#menu_home a:hover{background:url("images/menu_home.jpg") left top no-repeat;}
.page_item li{
	display:none;
}
/*banner*/
div#MainPromotionBanner{
	width:950px;
	height:230px;
	clear:both;overflow:hidden;margin-top:-1px;
}
#MainPromotionBanner #SlidePlayer {
	position:relative;
	margin: 0 auto;
}
#MainPromotionBanner .Slides{
	padding: 0;
	margin: 0;
	list-style: none;
	height:230px;
	overflow: hidden;
}
#MainPromotionBanner .Slides li {
	float: left;
	width:950px;
	height:230px;
}

#MainPromotionBanner .Slides img{
	border:0;
	display: block;
	width:950px;
	height:230px;
}

#MainPromotionBanner .SlideTriggers{
	margin: 0;
	padding: 0;
	list-style: none; 
	position: absolute; 
	top: 190px; 
	right:5px;
	z-index: 10;
	height: 25px;	
}
#MainPromotionBanner .SlideTriggers li{
	float: left;
	display: inline;
	color: #74a8ed;
	text-align: center;
	line-height:16px;
	width: 16px;
	height: 16px;
	font-family: Arial;
	font-size: .9em;
	cursor: pointer;
	overflow: hidden; 
	margin:3px 6px;
	background: url(images/slide_trigger.gif) no-repeat center center;
}
#MainPromotionBanner .SlideTriggers li.Current{ 
	color:#fff; 
	background: url(images/slide_trigger_c.gif) no-repeat center center;
	border:0; 
	font-weight:bold;
	font-size: 1.4em;
	line-height: 21px;
	height: 21px;
	width: 21px;
	margin:0 6px; 
}


/*index_scrollnews*/
#Scroll {
CLEAR: both;
PADDING-LEFT: 100px; FONT-SIZE: 12px; 
BACKGROUND:#dbf1d4 url(images/icon_news.png) no-repeat 18px 7px; 
MARGIN: 0px auto;  COLOR: #c2130e; LINE-HEIGHT: 27px; 
BORDER: #d1e2cc 1px solid; HEIGHT: 27px; TEXT-ALIGN: left;
margin:3px auto;
}
#Scroll A {
PADDING-RIGHT: 20px; PADDING-LEFT: 10px; BACKGROUND: url(images/n_bar.gif) no-repeat 0px 0px; COLOR: #000; MARGIN-RIGHT: 5px; TEXT-DECORATION: none
}
#Scroll A.s_end {
PADDING-RIGHT: 0px; MARGIN-LEFT: 8px
}

/*Bottomproduct*/
#bottomproduct{width:954px;margin:0 auto;overflow:hidden; padding-top:5px;}
#bottomproduct ul{overflow:hidden;text-align:center;}
#bottomproduct li{display:inline; }

/*Content*/
#content_container{	width:950px; text-align:left; margin:0 auto;}
#content{font-size:1.2em;color:#4B5A61;}
#content h2{
	padding-top:2px;
}
/*Widecolumn*/
.widecolumn {float:right;width:720px;padding:5px 6px;}
.widecolumn .postlist{float:left;margin:10px atuo;}
.widecolumn .postlist ul{color:#4B5A61;}
.widecolumn .postlist ul li{float:left;height:22px;}
.widecolumn .postlist ul.postmeta li{background:#E5EDF0;font-weight:bold;}
.widecolumn .postlist ul.postentry li{background:#F4F8F9;border-bottom:1px dashed #A8B5BD;}
.widecolumn .postlist ul li.posttitle{width:580px;padding:10px 0 0 20px;border-left:none;  }
.widecolumn .postlist ul li.posttitle a{
	 background:url("images/arrow_i.gif") no-repeat scroll left center;
	 padding-left:10px;
}
.widecolumn .postlist ul li.author{width:110px;padding:10px 0 0 10px;}
.widecolumn .postlist ul li.comment{width:105px;padding:10px 0 0 10px;}
.widecolumn .postlist ul li.postdate{width:110px;padding:10px 0 0 10px; color:#9b9b9b; font-size:0.9em}

.widecolumn .pagetitle{color:#51B400;padding:0 20px 5px;border-bottom:1px solid #A8B5BD;}
.widecolumn .singlebanner{ margin:3px 0;}
.widecolumn .post{margin:0;padding:5px 15px 15px 15px;}
.widecolumn .entry {margin-top:10px;}
.widecolumn .entry p{font-size:13px;margin:0 0 2px 0px; line-height:200%;}
.widecolumn .entry h3{ margin:5px; color:#0093dd; font-size:14px;
}
.widecolumn .entry hr{
 border-bottom:1px #aaa dotted
 color:#fff;
 }

.widecolumn .postmetadata{margin:0; color:#9b9b9b}
.widecolumn .smallattachment{text-align:center;float:left;width:128px;margin:5px 5px 5px 0px;}
.widecolumn .attachment{text-align:center;margin:5px 0px;}
.widecolumn .postline{display:block;border-top:1px dashed #A8B5BD;}

html>body .entry ul{margin-left:0px;padding:0 0 0 30px;list-style:none;padding-left:10px;text-indent:-10px;}
html>body .entry li{margin:7px 0 8px 10px;}
.entry form{text-align:center;}
.entry ul li:before{content:"\00BB \0020";}
.entry ol{padding:0 0 0 35px;margin:0;}
.entry ol li{margin:0;padding:0;}
.postmetadata ul,.postmetadata li{display:inline;}

/*Narrowcolumn*/
.narrowcolumn {float:left;width:648px;height:180px;overflow:hidden;
background:url("images/left_bg.jpg") left 26px no-repeat; background:#f4f8fe; }
.narrowcolumn .title{height:26px;width:100%;background:url("images/left_title.jpg") left top no-repeat;overflow:hidden;}
.narrowcolumn .title a.active,#sidebar_home .title a.active{color:#000;background:url("images/title_active.jpg") left top no-repeat;}
.narrowcolumn .title a,#sidebar_home .title a{display:block;color:#fff;padding:5px 0 8px 20px;text-decoration:none;font-weight:bold;}
.narrowcolumn .subtitle{float:right; font-weight:bold;margin-top:-1.8em; margin-right:1em;font-size:12px;}
.narrowcolumn .subtitle a{color:#f0f5f9;}
.narrowcolumn ul li,#sidebar_home ul li{height:24px;line-height:24px;overflow:hidden;}
.narrowcolumn .indexintro{
	 font-size:13px; padding:5px;
	 line-height:185%;
}
.narrowcolumn .indexintro img{
	float:left;margin:0px 8px 4px 2px;
}

ul.newslist{margin-left:8px;margin-top:2px;color:#0097CC;}
ul.newslist li{font-size:12px;line-height:180%;}
ul.newslist li a{text-decoration:none;background:url('images/list.gif') no-repeat 0 4px;padding-left:12px;}
ul.newslist li a:hover{text-decoration:underline;}
ul.leftlist li{float:left;width:280px;margin:0 5px;}

/*sidebar*/
#sidebar_home{float:right;width:292px;height:180px;overflow:hidden;background:url("images/right_bg.jpg") left 26px no-repeat; background:#d2dee5;}
#sidebar_home .title{height:26px;width:100%;background:url("images/right_title.jpg") left top no-repeat;overflow:hidden;}

.narrowcolumn .title, #sidebar_home .title{font-size:12px;}

#sidebar{margin:-10px 0px auto 2px;width:205px;overflow:hidden;}
#sidebar .title{height:26px;width:100%;background:url("images/right_side_title.jpg") left top no-repeat;font-size:12px;
font-weight:bold;line-height:25px;color:#fff;padding:0 20px;}

#sidebar ul{background:url("images/right_side_bg.jpg") left top repeat-y;}
#sidebar ul li{
 margin:0px auto 8px 12px;
 padding-top:4px;
 padding-left:15px;
 font-size:13px;
 background:url("images/i_arrow.gif") left  center no-repeat;
}
#sidebar dl{
	 text-align:left;
	 background:#fefefe;
	 padding-left:5px
}
#sidebar dl dt{

	 padding:6px 10px;
	 border-bottom:1px #ccc dotted;
	 border-top:1px #ccc dotted;
	 font-weight:bold;
	 font-size:13px;
	  background:#f4f8f9 url("images/i_arrow1.gif") 5px center no-repeat;
 padding-left:20px;
margin:5px 6px 5px 0px;
}


#sidebar #searchform{overflow:hidden;}
#sidebar input#s{width:110px;font-size:12px;padding:4px 2px 0 3px;color:#666;border:1px solid #065387;height:15px;}
#sidebar input#searchsubmit{width:59px;height:21px;border:0;color:#fff;font-weight:bold;padding:0 0 1px;background:url("images/search_bg.jpg") left 50% no-repeat;cursor:pointer;}

/*Comment*/
.commentlist li,#commentform input,#commentform textarea{font:0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li{margin:15px 0 3px;padding:5px 10px 3px;list-style:none;font-weight:bold;overflow:hidden;}
.commentlist li .avatar{float:right;border:1px solid #eee;padding:2px;background:#fff;}
.commentlist cite,.commentlist cite a{font-weight:bold;font-style:normal;font-size:1.1em;}
.commentlist p{margin:10px 5px 10px 0;font-weight:normal;line-height:1.5em;text-transform:none;}
#commentform p{margin:5px 0;font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentmetadata{margin:0;display:block;font-weight:normal;}
h3#comments{margin:20px auto;padding:5px;background:url("images/comment_bg.jpg") left top repeat-y; }
#commentform input{width:170px;padding:2px;margin:5px 5px 1px 0;}
#commentform textarea{width:100%;padding:2px;}
#commentform #submit{margin:0;float:right;}
.commentlist{padding:0;text-align:justify;}
.nocomments{text-align:center;margin:0;padding:0;}
.alt{margin:0;padding:10px;background-color:#F4F8F9;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}

img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{padding:4px;margin:0 0 2px 7px;display:inline;}
img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline;}

/*Navigation*/
.navigation{clear:both;display:block;text-align:center;margin-top:20px;margin-bottom:60px;}

/*Footer*/
#footer{clear:both;height:80px;background:url("images/foot_bg.jpg") left bottom repeat-x;}
#footer p{margin-top:20px;padding-top:10px;text-align:center;}
#footer small{
	font-size:11px; margin-top:5px;
	display:block;
}
.wp-pagenavi{
	margin-top:10px;
	margin-left:5px;
}

#category-description{background:#eff3f6 url(http://www.yanghaining.com/wp-content/themes/twentyten/images/light.gif)  no-repeat 5px center; border:1px #dde5ed solid; height:23px; padding:15px 4px 4px 4px;margin:10px 4px 4px 4px; padding-left:43px; font-size:13px;}

/*-----calendar-----*/
.widget_calendar h3 {
    display:none;
 
}
#wp-calendar {
    width:97%;
     border:1px #ccc solid;
}
#wp-calendar #today {
    background:#E6E6E6;
   
}
#wp-calendar tbody a {
    font-weight:bold;
}
#wp-calendar caption {
    font-family:Arial;
    font-weight:bold;
    letter-spacing:1px;
    text-align:right;
    font-size:100%;
    padding-bottom:5px;
    padding-right:5px;
}
#wp-calendar th,
#wp-calendar td {
    text-align:center;
}
#wp-calendar tbody td {
    border:1px solid #ddd;
}
#wp-calendar tbody td.pad {
    border:0 none;
}
#wp-calendar th {
    background:#999;
    color:#FFF;
}
#wp-calendar td#prev {
    text-align:left;
    padding-top:5px;
}
#wp-calendar td#next {
    text-align:right;
    padding-top:5px;
}
