/*
Theme Name: Comsenz CMS Theme
Theme URI: http://www.koryi.net/2008/09/%e4%bb%bfcomsenz%e5%ae%98%e7%bd%91wordpress%e9%a3%8e%e6%a0%bc/
Description: The Comsenz CMS Theme based on the <a href="http://www.comsenz.com/">Comsenz Inc</a>
Version: 1.0
Author: ray1980
Author URI: http://www.koryi.net/
*/

/*Genreal*/
*{margin:0;padding:0;}
body{font-size:12px; font-family:Tahoma,'Microsoft Yahei','Simsun', sans-serif;background:url("images/body_bg.jpg") top repeat-x;}
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;}
ol,ul,li{list-style:none;}
small{font-family:Arial, Helvetica, Sans-Serif;font-size:0.9em;line-height:1.5em;}
.clear{clear:both;}
.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.jpg") 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:12px;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;}

/*Topnav*/
#topnav{height:32px; margin:0 auto; background:url("images/topnav.jpg") top left no-repeat;}
#topnav p{padding:8px 28px;font-weight:bold;}
#topnav p a{text-decoration:none;color:#333; font-weight:normal;}
#topnav p em{padding:0 8px;}

/*Sideimg*/
#slide{clear:both;height:230px;overflow:hidden;margin-top:-1px;}
#slide #banner{width:670px;height:230px;float:left;}
#slide #banner_title{width:280px;background:#005A8F url("images/slide_bg.jpg") right top no-repeat;height:229px;float:right;font-size:14px;}
#banner_title ul{margin-left:10px;margin-top:20px;}
#banner_title li{margin-bottom:12px;}
#banner_title li a{padding:7px 0 1px 15px;color:#86d0f6;height:20px;display:block;text-decoration:none;}
#banner_title li a:hover,#banner_title li a.slidenow{background:url("images/slide_title.gif") left top no-repeat;color:#fff;}

/*Topproduct*/
#topproduct{width:950px;height:104px;margin:0 auto;overflow:hidden;margin-top:10px;}
#topproduct #topproduct_left{float:left;overflow:hidden;}
#topproduct #topproduct_right{float:right;overflow:hidden;}
#topproduct a{display:block;}
		
/*Bottomproduct*/
#bottomproduct{clear:both;width:950px;margin:0 auto;height:96px;overflow:hidden;margin-top:10px;}
#bottomproduct ul{overflow:hidden;text-align:center;font-size:8px;}
#bottomproduct li{display:inline;}

/*Content*/
#content{font-size:1.2em;margin:10px auto;color:#4B5A61;}

/*Widecolumn*/
.widecolumn {float:left;width:709px;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:344px;padding:5px 0 0 20px;border-left:none;}
.widecolumn .postlist ul li.author{width:110px;padding:5px 0 0 10px;}
.widecolumn .postlist ul li.comment{width:105px;padding:5px 0 0 10px;}
.widecolumn .postlist ul li.postdate{width:100px;padding:5px 0 0 10px;}

.widecolumn .pagetitle{color:#51B400;padding:0 20px 5px;border-bottom:1px solid #A8B5BD;}
.widecolumn .post{margin:0;padding:15px;}
.widecolumn .entry {margin-top:10px;}
.widecolumn .entry p{font-size:12px;margin:0 0 10px;}
.widecolumn .postmetadata{margin:30px 0;}
.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:270px;overflow:hidden;background:url("images/left_bg.jpg") left 26px no-repeat;}
.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{width:80px;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 ul li,#sidebar_home ul li{height:24px;line-height:24px;overflow:hidden;}

ul.newslist{margin:10px;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;margin:10px auto;width:292px;height:270px;overflow:hidden;background:url("images/right_bg.jpg") left 26px no-repeat;}
#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{float:right;margin:10px auto;width:201px;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:0;padding:0;}
#sidebar ul li h2{display:none;}
#sidebar ul ul{width:201px;}
#sidebar ul ul li{margin:0 auto;padding:0;width:199px;}
#sidebar ul ul li a{display:block;border-bottom:1px solid #DDE6EB;text-decoration:none;margin:1px 0;padding:10px 40px;}
#sidebar ul ul li.current_page_item,#sidebar ul ul li a:hover{background:#FFF url("images/right_side_now.jpg") center top repeat-y;}

#sidebar .sidebot{height:135px;background:url("images/right_side_bot.jpg") center top no-repeat;}
#sidebar .sidebot h2{background:url("images/rss.gif") center top no-repeat;text-indent:-10000px;}
#sidebar .sidebot h2 a{margin:0;padding:0;display:block;width:130px;height:130px;outline:none;}

#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:50px;padding-top:20px;background:url("images/foot_bg.jpg") left bottom repeat-x;}
#footer p{margin-bottom:10px; text-align:center;}