/*
Theme Name: CIB
Theme URI: http://5android.com/projects/
Description: A Private WordPress Theme for CIB, coded by <a href="http://5android.com/">5android.com</a>.(PSD2WORDPRESS)
Version: 0.1
Author: Paran
Author URI: http://5android.com
Tags: colorful, 3-columns
*/

/*===========================================================================================================
 RESET , LAYOUTS & GENERAL
============================================================================================================*/

html {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
ul,ol {list-style:none;}
caption,th {text-align:left;}
address,caption,cite,code,dfn,th,var,optgroup {font-style:inherit;font-weight:inherit;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
abbr,acronym {border:0;font-variant:normal;}
sup,sub,small{font-size:85%;}
code,kbd,samp,tt {font-size:100%;}
input,button,textarea,select,optgroup,option {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select {*font-size:100%;}
:focus {outline:0;}

a{color:#2573CA;text-decoration:none;}
a:hover{}
h1, h2, h3, h4{font-family:"Microsoft Yahei",Arial, sans-serif;}
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}

.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear { display: inline-block;}
* html .clear { height: 1%;}
.clear{ display: block;}

.alignleft{float:left;}
.alignright{float:right;}
.aligncenter{margin:0 auto;display:block;}

body{font:normal 12px Arial, Tahoma, Verdana, Sans-serif;line-height:1.5;color:#000;background:#FFF url(images/body_bg.png) repeat-x left top;}
#wrapper{background:url(images/cybg.png) repeat-y center center;}
#container{background:url(images/csbg.png) no-repeat center top;}

#header, #topnav, #main, #footer{width:960px;margin:0 auto;}

#main{}
#content{width:605px;float:left;padding:10px 5px 40px 12px;overflow:hidden;}
#sidebar{width:318px;float:right;padding:10px 12px 40px 7px;}
#footer{height:40px;padding:40px 10px 20px;background:url(images/cbbg.png) no-repeat left top;}

/*===========================================================================================================
TOPNAV
============================================================================================================*/
#topnav{height:60px;overflow:hidden;position:relative;}

#topnav ul{position:absolute;top:25px;right:290px;font-family:"Microsoft YaHei", Arial, Verdana, Tahoma, Sans-serif;}
#topnav ul li{float:left;}
#topnav ul li a{color:#C5E0ED;display:block;width:66px;height:33px;float:left;text-align:center;line-height:33px;font-size:14px;font-weight:bold;}
#topnav ul li a:hover{color:#FFF;}

#topnav form{width:220px;height:23px;position:absolute;top:30px;right:39px;}
#topnav form input{background:none;border:0;padding:0;margin:0;float:left;}
#topnav form input#s{width:170px;height:16px;padding:4px 10px 3px 10px;color:#777;}
#topnav form input#searchsubmit{width:30px;height:23px;}
#topnav form input#searchsubmit:focus,#topnav form input#searchsubmit:hover{cursor:pointer;}

/*===========================================================================================================
 HEADER
============================================================================================================*/
#header{height:116px;overflow:hidden;font-family:"Microsoft YaHei", Arial, Verdana, Tahoma, Sans-serif;width:960px;position:relative;}
.rsslink,.emailrsslink{width:24px;height:24px;display:block;text-indent:-5555em;position:absolute;bottom:10px;}
.rsslink{right:54px;background:url(images/rss.png) no-repeat 0 0;}
.emailrsslink{right:20px;background:url(images/email.png) no-repeat 0 0;}

.logo a{width:278px;height:114px;display:block;overflow:hidden;text-indent:-5555em;float:left;}

#header ul{float:right;margin:12px 20px 0 0;position:relative;z-index:9000;}
* html #header ul{margin-right:10px;}
#header ul li{display:block;float:left;width:120px;height:60px;margin:0 -7px;}
#header ul li a{width:120px;height:48px;padding-top:12px;display:block;float:left;line-height:48px;text-align:center;font-size:15px;background:url(images/mbgsp.png) no-repeat center 0;color:#414141;}
#header ul li a:hover,
#header ul li.current-cat a,
#header ul li.current-cat-parent a{color:#E4F8FF;font-size:17px;background:url(images/mbgsp.png) no-repeat center -60px;}

#header ul li ul{display:none;}
#header ul li.current-cat ul,
#header ul li.current-cat-parent ul{display:block;}

#header ul ul{width:640px;position:absolute;top:48px;left:20px;z-index:9001;color:#0080C7;font-weight:bold;}
#header ul ul li{width:auto;height:auto;margin:0;float:none;display:inline;padding:0 10px;border-right:1px solid #a2c3d2;border-left:1px solid #eaf4f8;}
#header ul ul li a{background:none !important;color:#0080C7 !important;font-size:14px !important;float:none;width:auto;height:auto;display:inline;line-height:40px;}
#header ul ul li a:hover,
#header ul ul li.current-cat a{color:#C27300 !important;}




/*===========================================================================================================
 CONTENT
============================================================================================================*/
.pt,.py,.pb{width:582px;margin-left:29px;}
.pt{height:10px;background:url(images/ptbg.png) no-repeat left top;}
.py{background:url(images/pybg.png) repeat-y left top;padding:10px 15px;width:552px;min-height:300px;height:auto !important;height:200px;}
* html .py{margin-top:-6px;margin-bottom:-6px;display:inline-block;}
.pb{height:10px;background:url(images/pbbg.png) no-repeat left bottom;}

/*======= MOST POSTS ========*/
.most-posts{background:url(images/th.png) no-repeat left 20px;}
.most-posts .tabpost{width:552px;position:relative;overflow:hidden;height:180px;}
.most-posts .tabpost ul{width:2208px;display:block;position:absolute;height:180px;}
.most-posts .tabpost ul li{display:block;width:532px;height:180px;float:left;}


.most-posts .tabthumb{background:url(images/tabthumb_bg.png) no-repeat left bottom;padding-bottom:10px;}
.most-posts .tabthumb ul li{float:left;width:114px;height:126px;overflow:hidden;margin:0 0 0 17px;}
.most-posts .tabthumb ul li img{width:112px;height:84px;border:1px solid #c1ddff;}
* html .most-posts .tabthumb ul li{margin-left:12px;}
.most-posts .tabthumb ul li:hover,
.most-posts .tabthumb ul li.selected{cursor:pointer;}
.most-posts .tabthumb ul li:hover img,
.most-posts .tabthumb ul li.selected img{width:110px;height:82px;border:2px solid #ffae00;}
.most-posts .tabthumb ul li span.title{width:114px;padding:1px;display:block;color:#2573CA;font-weight:bold;}


/*======= LIST POSTS ========*/
.list-posts{background:url(images/tf.png) no-repeat left 20px;}

.single-post-title span{font-size:12px;}

.post{border-bottom:1px dashed #929292;margin:0 10px 10px 10px;}
.meta-dt{float:left;width:45px;height:49px;padding:5px;background:url(images/dt.png) no-repeat left top;text-align:center;margin:3px 0 0 0;}
.date-m{color:#FFF;font-size:14px;}
.date-d{color:#008AD9;font-size:30px;line-height:1;}

.meta-cv{float:right;color:#FFF;text-align:center;position:relative;right:-5px;width:170px;}
.meta-cv a{color:#FFF;}
.meta-cv cite{font-size:30px;display:block;line-height:1;margin-top:8px;font-style:normal;}
.meta-cv small{display:block;margin-top:8px;height:30px;line-height:30px;font-weight:bold;font-size:13px;}
.meta-views,.meta-comments{width:56px;height:65px;display:block;float:right;background:url(images/cv.png) no-repeat left top;}

.post-thumb{float:left;width:160px;height:120px;border:1px solid #008DDF;margin:0 10px 0 0;overflow:hidden;}
.post-thumb img{width:160px;}

.read-more{text-align:right;}
.read-more a{text-decoration:underline}


.wp-pagenavi{color:#B1B1B1;text-align:right;padding:20px 10px 0 10px;}
.wp-pagenavi a, .wp-pagenavi span{padding:1px 5px;}
.wp-pagenavi a{color:#008DDE;}
.wp-pagenavi a:hover{color:#999;}
.wp-pagenavi a.page{border-right:1px solid #008DDE;}
.wp-pagenavi span.current{background:#008DDE;color:#FFF;}
.wp-pagenavi span.pages{padding-right:30px;}

.post a:hover,.comment a:hover{text-decoration:underline;}

.entry{margin:10px 0;font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;}
.entry p,.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .entry ul, .entry ol,.entry {margin:10px 0 20px 0;}
.entry p{text-indent:20px;}
.entry ul,.entry ol{margin:20px 0 20px 30px;}
.entry ol{list-style-type:decimal;}
.entry ul {list-style-type:square;}
.entry ul ul, .entry ul ol, .entry ol ol, .entry ol ul{margin:0 0 0 20px;}
.entry hr{border-bottom:1px solid #E7E7E7;background:none;height:0;margin:0 0 20px 0;padding:0;clear:both;}
.entry hr.none{border:0 none;height:0;background:none;margin:0;padding:0;clear:both;}
a:hover img{background:#CCC;}
img.alignleft{margin:0 14px 6px 0;}
img.alignright{margin:0 0 6px 14px;}
img.aligncenter{margin:20px auto;}
.wp-caption{background:#181818;text-align:center;margin:20px auto;}
.wp-caption img{margin:0;border-bottom:1px solid #272727;}
.wp-caption p.wp-caption-text{margin:0;padding:5px 0;border-top:1px solid #474747;}
.entry blockquote{margin: 15px 30px 0 10px;padding-left: 20px;border-left: 5px solid #ddd;color:#777;}


/*===========================================================================================================
SIDEBAR
============================================================================================================*/
.wt,.wy,.wb{width:289px;}
.wt{height:10px;background:url(images/wtbg.png) no-repeat left top;}
.wy{background:url(images/wybg.png) repeat-y left top;min-height:220px;height:auto !important;height:220px;width:259px;padding:10px 15px;}
* html .wy{margin-top:-6px;margin-bottom:-6px;display:inline-block;}
.wb{height:10px;background:url(images/wbbg.png) no-repeat left bottom;}

.widget .tabmenu{position:absolute;right:0;top:20px;}
.widget .tabmenu li{}
.widget .tabmenu li:hover{cursor:pointer;}
.widget .tabmenu li span{width:34px;height:100px;display:block;text-indent:-5555em;overflow:hidden;}

#widget-most-posts{position:relative;}
.widget .tabmenu li span.whot{background:url(images/tmh.png) no-repeat 0 0;}
.widget .tabmenu li span.mhot{background:url(images/twh.png) no-repeat 0 -100px;}
.widget .tabmenu li.selected span.whot{background:url(images/twh.png) no-repeat 0 0;}
.widget .tabmenu li.selected span.mhot{background:url(images/tmh.png) no-repeat 0 -100px;}

* html .widget .tabmenu li span.whot{background-image:url(images/tmh.gif)}
* html .widget .tabmenu li span.mhot{background-image:url(images/twh.gif)}
* html .widget .tabmenu li.selected span.whot{background-image:url(images/twh.gif)}
* html .widget .tabmenu li.selected span.mhot{background-image:url(images/tmh.gif)}

.toplist li{padding:0 0 4px 18px;background:url(images/li_grey.png) no-repeat left 3px;display:inline-block;}
.toplist li.first{background:url(images/li_orange.png) no-repeat left 3px;}
.toplist li.second{background:url(images/li_green.png) no-repeat left 3px;}
.toplist li.third{background:url(images/li_blue.png) no-repeat left 3px;}
.toplist li a{color:#286BC5;font-size:12px;}
.toplist li.first a{color:#FF9C00;}
.toplist li.second a{color:#6EB426;}
.toplist li.third a{color:#286BC5;}
.toplist li span.date{float:right;padding:0 0 0 6px;}

#widget-video-posts{position:relative;}

embed{margin:0 auto;}
#widget-video-posts embed{width:259px !important;height:216px !important;}
.pro-player-container object{margin:0 0 10px 0;border:3px solid #005B8E;padding:1px;}

.widget .tabmenu li span.vhot{background:url(images/tvl.png) no-repeat left top;}
.widget .tabmenu li span.vlist{background:url(images/tvh.png) no-repeat left bottom;}
.widget .tabmenu li.selected span.vhot{background:url(images/tvh.png) no-repeat left top;}
.widget .tabmenu li.selected span.vlist{background:url(images/tvl.png) no-repeat left bottom;}

* html .widget .tabmenu li span.vhot{background-image:url(images/tvl.gif)}
* html .widget .tabmenu li span.vlist{background-image:url(images/tvh.gif)}
* html .widget .tabmenu li.selected span.vhot{background-image:url(images/tvh.gif)}
* html .widget .tabmenu li.selected span.vlist{background-image:url(images/tvl.gif)}

#widget-meeting-posts{position:relative;}
.widget .tabmenu li span.mlist{background:url(images/tml.gif) no-repeat left top;}


/*===========================================================================================================
FOOTER
============================================================================================================*/
.single-post{background:url(images/tf.png) no-repeat left 20px;}
.single-post .post{border-bottom:0;}

/*===========================================================================================================
FOOTER
============================================================================================================*/
#footer a{color:#008AD9;}
#footer .flogo img{vertical-align:middle;margin:0 10px 0 0;}
#footer ul{float:right;margin-top:7px;}
#footer ul li{display:inline;padding:0 10px;border-left:1px solid #CCC;line-height:1.25;} 


/*===========================================================================================================
COMMENTS
============================================================================================================*/
.list-comments{background:url(images/tc.png) no-repeat left 20px;min-height:120px;height:auto !important;height:120px;}
#comments-wrapper{margin:0 10px;}

.comment{padding:10px 0 10px 42px;position:relative;min-height:60px;height:auto !important;height:60px;margin:10px 0 0 0;border-top:1px dashed #929292;}
.comment p{margin:10px 0 10px 0;}
.comment-avatar{position:absolute;left:0;top:10px;}
.comment-meta{margin:0 0 10px 0;color:#777;}
.comment-author{color:#000;font-weight:bold;}

#respond h3{color:#AAA;padding:10px 0 10px 0;}
#respond p{padding:0 0 10px 60px;}
#respond label{width:60px;float:left;}
#respond  span.req{font-weight:bold;color:#F8A300;}
#respond input#author,
#respond input#email,
#respond input#url,
#respond textarea{margin:2px 0 10px 0;padding:2px 3px;border:1px solid #CCC;clear:right;width:400px;}
#respond textarea{overflow:auto;}
#respond input#submit{padding:0 10px;}
.comment-note{background:#fff583;color:#777;padding:10px;}

.single .entry{color:#000;font-size:14px;}