/*
Theme Name: Digital Statement
Theme URI: http://www.blogohblog.com
Description: The "Digital Statement" WordPress theme is adapted from <a href="http://www.blogohblog.com/wordpress-theme-statement/">Statement</a> and released under a Creative Commons License.
Version: 1.0
Author: Neowster
Author URI: http://www.blogohblog.com
*/

/*+++++++ BODY +++++++*/
* { margin:0 auto; padding: 0px; text-decoration:none;}
body {
	background-image:url(images/bg.jpg);
	background-repeat: repeat-x;
	font-size:12px;
	font-family: "ËÎÌå";
	margin:0 auto;
	text-align:center
}
ul li {list-style:none;}
ol li {list-style-position: inside}

/*+++++++ H1,H2,H3 HYPERLINKS +++++++*/
h3 { padding:10px 0 10px 0; font-size:14px;}


a:link {  text-decoration: none; color: #333333; border: 0px;}
a:active {color : #333333; border: 0px;}
a:visited { color :#333333 ; border: 0px;}
a:hover	{ color:#ff6600;; border: 0px;}
a:focus { outline: none;}


.clear { clear: both; }

/*+++++++ MAIN +++++++*/
#top-wrap {width: 888px; height: 25px; margin:0 auto;  top left no-repeat;}
#wrapper { margin:0 auto; }
#frame{ width: 888px; margin:auto;  }
#content{ width: 888px; margin:0 auto; background-color:#FFFFFF; padding:0px;min-height:200px; height:auto; text-align:left;MARGIN-TOP: 10px;_MARGIN-TOP: -10px}
#photo { width: 915px; padding: 0 0 0 20px; }

/*+++++++ PANEL +++++++*/
#top-panel{
	color: #fff;
	width: 100%;
	text-align: right;
	position:absolute;
	top: 0;
	right:0;
	font-size: 12px;
	background:#000000;
	border-bottom:0px solid #3b3b3b;
	border-left:0px solid #3b3b3b;
	padding: 2px 5px;
	margin:0;
	z-index: 10;
}
#top-panel 
{
	font-size:12px;
	color:#FFFFFF;
}
#top-panel a {
	color: #FFFFFF
}
#top-panel ul li {display: inline; padding:0}
#top-panel label, #top-panel input { font-size: 9px}
#top-panel label {padding-left: 5px}
#sub-panel a{float:right; margin-right: 5px; color:#FFF; text-decoration:none; font-size: 10px;font-weight:bold;background:#777;}
#sub-panel a span{padding: 2px 5px; display:block; border-left: 2px solid #3b3b3b; border-right: 2px solid #3b3b3b; border-bottom: 2px solid #3b3b3b /*background:url(img/sub-right.png) right bottom no-repeat;*/}


/*+++++++ INFOBAR +++++++*/
#infobar { height: 20px; width: 888px; line-height:20px; font-size:12px; margin: 0 auto; color: #fff; padding-top: 0px}
#infobar a {color: #FA8707}
#infobar a:hover {text-decoration: underline;}
#browse { float: left; width: 550px; background:url(images/sitemap.gif) no-repeat 0 6px; margin-left: 3px; padding-left:22px}
#rss { float: right; margin-right: 3px; width: 360px;}
#rss p {text-align:right;}

/*+++++++ HEADER+++++++*/
#header {width: 888px; height: 111px; margin: 0 auto; }
#logo {

float:left;
width:204px;
height:60px;
margin-left:30px;
}
#logo h1 a {padding: 10px 0 0 0; font-size: 24px; color: #666}
#searchbox { float:right; width: 200px; border: 1px solid #ccc; margin:30px 0 0 0;}
#searchbox #s { float: left; margin: 3px 0 0 5px; border: 0; width: 155px; background: none; color:#999999;}
#searchbox #go { float: right; border-left: 1px solid #ccc}

/*+++++++ NAVIGATION+++++++*/
#nav{display: block;  height: 30px; margin: 0 auto; width:500px; text-align:left}
#nav, #nav ul {list-style: none}
#nav li{float: left;list-style:none}
#nav li a { display:block;font-weight:bold; color:#fff; padding:6px 15px;}
#nav li a:hover {background: #ff6600}
#cat{float: left; clear: both}
#cat li a{
	color: #333;
	font-size:12px;
	text-decoration: underline;
}
#cat li a:hover {color:#fff}
/*#nav li ul {height:80px; left:-999em; position:absolute; width:100%; z-index:999; font-size: 0.9em;font-weight: bold; margin-left: 50px}
#nav li li a {background: none;color: #006699; border-right: 1px solid #666; margin-top: 5px; padding: 1px 10px}
#nav li li a:hover{background: none; text-decoration:underline}*/

.clearfloat:after {display:block;visibility:hidden;clear:both;height:0;content:".";}
.clearfloat {display:inline-block}
.clearfloat {display:block}
#nav a:hover, #nav a:active, .current_page_item a, #home .on, .photo {background: #ff6600}
#subnav {position:relative; margin: 0 10px 5px; padding-bottom: 10px; font-size: 0.8em; border-bottom: 1px dotted #ccc}
#subnav ul {display: inline}
#subnav li a{float: left; padding: 1px 5px; margin-right:15px; background: #3b3b3b; border-left: 3px solid #8BDBFF; color: #fff }
#subnav .current_page_item a, #subnav a:hover {border-left: 3px solid #ff6600}

/*+++++++ ENTRY +++++++*/
#left { float: left; width: 550px; padding-left: 10px; }
.entry { text-align: justify; width: 550px; padding:0px; margin-bottom:10px; line-height:140%}
.entry ol li {}
.related-post { width: 530px; padding: 10px; margin: 0 10px}
.related-post {
	border:1px solid #EEEEEE;
	background-color: #F7F7F7;
}
.related-post ul {border-top:1px solid #e6e6e6; margin-bottom: 5px;}
.related-post ul li {padding: 5px 0px; border-bottom: 1px solid #e6e6e6}
.content a { border-bottom: 1px dotted #ccc}
.entry h2 {
	letter-spacing: -1px;
	margin-bottom:10px;
	font-family: "ËÎÌå";
	font-size: 22px;
	line-height: 28px;
	font-weight: bold;
}
.entry h2 a {  color:#222222; }
.entry h2 a:hover {color:#999999;}
.entry p { padding-bottom:10px;}
html>body .entry ul { padding: 0 0 0 30px; padding-left: 10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li {padding-left: 20px; background: url(images/bullet.gif) left no-repeat}
.entry img {margin:0 10px 10px 10px;}
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; }
.alignright { float: right; } 
.alignleft { float: left ;}
.custom_image img{float:left; padding:3px; margin:7px 10px 15px 0; border: 2px solid #e6e6e6; height:90px; width: 90px}
.subcontrol {margin-bottom: 10px;padding:5px; font-size: 11px; font-weight: bold; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6}
.tags, .allinfos {
	padding:5px 0px 5px 25px;
	font-size: 12px;
	font-weight: bold;
	font-family:"ËÎÌå";
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	background-color: #F6F6F6;
	background-image: url(images/tag.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.allinfos {background: #F2f2f2; padding: 5px; margin-bottom: 10px}
.share, .comments_rss, .reply {float: right; padding-left: 20px}
.reply {background: url(images/comments.gif) left no-repeat; margin-left:10px}
.comments_rss {background: url(images/feed.gif) left no-repeat; margin-left:10px; position:relative; top: 10px}
span.date { background:url(images/date.gif) no-repeat; padding-left:20px; }
span.comments { background:url(images/comment.gif) no-repeat; padding-left:20px; }
span.category { background:url(images/posted.gif) no-repeat; padding-left:20px; }
.navigation { width: 540px; padding:10px; line-height:140%; font-size:11px; }

/*+++++++ SIDEBAR +++++++*/
#sidebarbottom { float:right; width: 100%;  clear: right; }
#right { float:right; width: 280px; margin-right: 10px;   }
#topsidebar { width: 330px; padding:0 10px; border:1px solid #dadada; background:#fff; margin-bottom:10px}
#lsidebar h2 { font-size:15px; margin-bottom:10px; color:#4c4c4c;}
#rsidebar h2 { font-size:15px; margin-bottom:10px; color:#4c4c4c; }
#lsidebar { float:left; width:135px; padding:5px; border:1px solid #dadada; background:#fff;}
#rsidebar { float:left; width:100px; padding:5px 10px 5px 10px; border:1px solid #dadada; background:#fff; margin-left:11px;}
#sidebarbottom ul{ margin:10px auto 20px;}
#sidebarbottom ul li{}
#sidebarbottom ul li ul{}
#sidebarbottom ul li ul li{display:block; background:url(images/sidebullet.gif) no-repeat 0 0; padding-left:24px; padding-bottom:5px; border-bottom:1px dotted #dadada;}
#sidebarbottom p{padding:0 5px;}

/*+++++++ ADMIN +++++++*/
#about {width: 100%; border:1px solid #FFD1AF; background:#FFF8AF; margin-bottom:10px; }
#about h2 {padding: 5px 10px;}
#author-box {margin: 10px;margin-top: 0px; font-size: 11px; text-align: justify;}
#author-box .avatar {float: left; padding: 3px; border: 1px solid #ccc; background: #fff; margin: 3px 10px 0 0}

/*+++++++ COMMENTS +++++++*/
.commentlist li{padding-top: 5px; border-bottom:1px dotted #e6e6e6; list-style: none}
.avatar img {float:left}
.ctext {margin-left: 70px}
.trackbacks a {color: #006699; border-bottom: 1px dotted #e6e6e6;}
.user {font-weight: bold; font-size: 14px; padding-top:10px;}
.author {background: #FFF8AF; padding-right: 10px;}
#commentform p { padding-bottom:10px;}
#commentform #author { border:1px solid #dadada; height:20px; width:200px; }
#commentform #email { border:1px solid #dadada; height:20px; width:200px; }
#commentform #url { border:1px solid #dadada; height:20px; width:200px;}
#commentform #comment { border:1px solid #dadada; height:200px; width:550px;}


/*+++++++ FOOTER +++++++*/
#footbg {width: 888px; background: #222 url(images/footerbg.gif) top left repeat-x}
#footwrap { width: 888px; margin:auto; background: url(images/closecontent.gif) top left no-repeat}
.footer-links { float: left; width:300px; margin-right: 37px; color: #888; margin-top:15px;}
 .footer-links-r { float: right; width:300px; color: #888; margin-top:15px;}
.footer-links h2, .footer-links-r h2 { color: #fff; background-color: #3b3b3b; font-size: 1.2em; padding:5px 10px; }
.footer-links ul {margin-bottom:15px;}
.footer-links ul li {margin-top:1px;}
.footer-links a, .footer-links a:visited, .footer-links-r a, .footer-links-r a:visited {display: block; height:18px; background-color: #2e2e2e; color: #ccc; padding: 5px 10px;}
.footer-links a:hover, .footer-links-r a:hover {background: #4b4b4b; color: #56bdea;}
#copyright {padding: 10px 0; border-top: 1px solid #3b3b3b; font-size: 10px}
#copyright a {color: #8BDBFF}
#copyright a:hover {text-decoration: underline;}
#copyright ul{display:inline}
#copyright ul li {float:right; padding-left: 10px}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right;}
.alignleft{float:left; padding-left:30px; padding-bottom:20px;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}

/**************** Gallery *********************/
.gallery {text-align:center;}
.gallery img {padding:3px;}
.attachment {text-align:center;}
.attachment img { padding:5px; border:1px solid #999999;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft img{ padding:5px; border:1px solid #999999;}
.imgright {float:right;}
.imgright img{ padding:5px; border:1px solid #999999;}

/**************** Flickr *********************/
#flickr {float: left}
#flickr img, #more img {margin:50px 25px 0px 0; border: 3px solid #e6e6e6; width: 60px; height: 60px;}
#more {float: right}
#more img {width: 59px; margin-right: 0}

/**************** Twitter *********************/
#twitter { width: 100%; border:1px solid #dadada; background:#fff; margin-bottom:10px; }
#twitter h2 {background: #EBF3FB; padding: 5px 10px;}
#twitter ul li {margin-top: 10px; margin-left: 25px; padding:0 10px 0px 0px; list-style-type: disc}

/**************** Feedstats *********************/
#feedstats {float:right;width: 92px;height: 25px; font-size: 10px; background:url(images/feedstats.gif) no-repeat;}
#feedstats a{position:relative; top: 3px; right: 12px; width: 50px; color: #000; float: right}
#feedstats a:hover {background: none;}

#right_menu
{
float:right;
width:600px;
height:60px;
margin:0px;
padding:0px;
margin-top:5px;




}
#main_menu
{
	width:888px;

	height:46px;
	float:left;	

	background-image:url(images/menu_bottom.gif);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left bottom;
	padding:0px;
	margin-top:10px;
	_margin-left:-30px;

	


	

}
#main_menu li
{

	margin:0px;
	padding:0px;
	float:left;
	display:block;
	width:221px;
}

#main_menu .menu_sel
{
background-image:url(images/sel_left.jpg);
background-repeat:no-repeat;

height:42px;
}
#main_menu .menu_sel div
{
	float:right;
	background-image:url(images/sel_right.jpg);
	background-repeat:no-repeat;
	background-position:right;
	text-align:center;
	width:100%;
	padding-top:5px;

	height:33px;

}
#main_menu div
{
	width:100%;
	text-align:center;
	padding-top:5px;
	height:33px;
}
.clear_bar
{
clear:both;

}


/* menu */

#tabs
{


}
#tabs #detail{
display:none;
padding:0px;
margin:0px;
text-align:left


}

#tabs #detail .menu2{
 background-image:url(images/menu_left.gif); 
padding-left:20px;
text-align:left




}
#tabs	ul
{

	height:26px;
	margin:0px;
}
#tabs	ul li
{
 position: relative; float: left; 
 border-bottom-width: 0 !important;
 margin: 0; 
 padding: 0; 
 height:26px;
 margin-right:12px;
 margin-left:12px;
	
}
#tabs #detail .menu2 .menu2_right{

	background-image:url(images/menu_right.gif);
	background-position: right;
	background-repeat: no-repeat;
	padding-right:20px;
	padding-top:3px;
	height:20px;
	text-align:left
}

#tabs #detail a:link, #tabs #detail a:visited{
	color:#FFFFFF;
	font-size:12px;
	margin-left:2px;
	margin-right:6px;
	text-decoration: none;
	text-align:left
}
#tabs #detail  a:hover{color:#ffa900; font-size:12px;text-decoration: none;text-align:left}

a.openurl:link,a.openurl:hover,a.openurl:visited{color:#ffa900; } 

#tabs-1
{
	width:300px;
}
#tabs-2
{
	margin-left:50px;
	width:320px;
}
#tabs-3
{
	margin-left:100px;
	width:460px;
}
#tabs-4
{
	margin-left:140px;
	width:470px;
}
#tabs img
{
	border:0px;
	margin:0px;
}
.ui-tabs { padding: 0px; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0px;height:20px;}
.ui-tabs .ui-tabs-nav li { 
 position: relative; float: left; 
 border-bottom-width: 0 !important;
 margin: 0; 
 padding: 0; 
 height:26px;
 margin-right:10px;
 margin-left:10px;

}

.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding:0px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	background-image:url(images/bottom_tag.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}

/*
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; background-image:url(images/menu_tag.gif); }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } 
*/
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-hide { display: none !important; }


.list_man{
	/* background-image:url(images/t1.png); */
	background-repeat: no-repeat;
}
.list_man li {
display:block;
width:60px;
height:70px;
margin-right:10px;
margin-top:10px;
text-align:center;
margin-left:0px;
float:left;
}
.list_man li span
{
margin-top:5px;
}
#foot{
background-image:url(images/foot_bg.gif);
width:100%;
margin:0px;
padding:0px;
height:84px;
}
#foot .b_line
{
	height:3px;
	background-color:#000000;
}
#foot .y_line
{
	width:300px;
	height:3px;
	background-color:#FF9900;
}
#foot .c_info
{
	width:888px;
	margin:auto;
	background-image:url(images/foot_tag.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:30px;
	margin-top:-12px;
	
	padding-top:28px;
	line-height:25px;
	
}
.man_show
{
	width:300px;
	margin-bottom:10px;
}



.search_show
{
	background-image:url(images/search_bg.gif);
	height:46px;
	width:100%;
	margin:auto;



	padding-left:10xp;
}
#searchform
{
background-image:url(images/search_head.gif);
background-repeat:no-repeat;
background-position:left;
padding-top:20px;
padding-left:5px;

}
#searchform  #searchInput
{
	width:200px;
}
#searchform #search_btm
{
	margin-top:-4px;
}

#home_left{
	float:left;
	width:670px;
	height:400px;
	background-color:#FFFFFF;
}
#home_right{
	float:right;
	height:400px;
	width:210px;
	background-color:#FFFFFF;
	margin-right:5px;
	text-align:center;

}
#home_flash
{
	height:238px;
	width:660px;

	margin-left:6px;
}
#home_menu ul
{
	width:138px;
	margin:10px;
	margin-right:10px;


	float:left;
}
#home_menu div
{
	width:100%;
	height:30px;

}
#home_menu li
{
	margin-left:34px;
	line-height:20px;


}
#yewu_1 div
{
	background-image:url(images/home_w01.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
	
}
#yewu_2 div
{
	background-image:url(images/home_w02.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
	
}
#yewu_3 div
{
	background-image:url(images/home_w03.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
}
#yewu_4 div
{
	background-image:url(images/home_w04.gif);
	background-repeat:no-repeat;
	padding-left:0px;
	width:160px;
	margin-bottom:10px;
	
}
#yewu_2 li
{
margin-left:25px;	
}
#yewu_3 li
{
margin-left:28px;	
}
#yewu_4 li
{
margin-left:28px;
	
}

#home_head
{
	width:888px;

	height:8px;





	background-image:url(images/menu_bottom.gif);
}
#header_1 {display:block; width: 888px; height: 62px; margin: 0 auto; }
#login_box
{
	margin-top:2px;
		text-align:left;
	background-image:url(images/login_box.gif);
	width:208px;
	height:148px;
	color:#333333;
}
#tag_hot 
{
	width:100%;
	background-image:url(images/hot_tag.gif);
	background-repeat:no-repeat;
	line-height:24px;
	text-align:left;
	font-size:12px;
	padding-top:30px;
	margin-top:10px;
	
}



#login_box .txt_input
{
	width:120px;
	background-color:#F3F3F3;
	border: 1px solid #E8E8E8;

	
}

#login_box .txt_head
{
	font-size:14px;

	
}
.krc_download
{
	width:100%;
}
.krc_down_nav
{
	width:100%;
}
.krc_download dl 
{
	width:150px;
	height:180px;
	margin:10px;
	float:left;
	text-align:center;
}

.krc_download dl img
{
width:150px;
height:150px;
}

.show_box
{
	margin:auto;
	width:280px;
}
.login_scuess
{
background-image:url(images/login_scuess.gif);
height:104px;
width:255px;
margin-top:200px;

}
.cp_logo
{
margin:auto;
width:250px;
height:50px;
background-image:url(images/krc.gif);
background-repeat:no-repeat;
background-position:left;

}
.login_text
{
width:250px;
margin:auto;
}
#top-panel input
{
	background-color:#000000;
	color:#CCCCCC;
	font-size:12px;
	border:1px solid #999999;
		
}

.search-show-home
{
	
	background-image:url(images/search_bg.gif);
	height:46px;
	width:208px;

	
	margin:auto;
	margin-top:10px;


}
#user_photo ul
{
	list-style-type: none;
	width:100%;
}
#user_photo ul  li
{
	display:block;
	background-color:#CCCCCC;
	width:120px;
	height:120px;
	padding:0px;
	margin:0px;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
	list-style-type: none;
}
#user_photo  li img
{

	padding:0px;
	margin:0px;

}
#user_info ul
{
	margin-top:20px;
	width:100%;
	list-style-type:none;

}
#user_info ul li
{
	margin-left:0px;
	padding:0px;
	margin-bottom:20px;
	background-color: #F5F5F5;
	list-style-type:none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;

}
.txt_left
{
	height:20px;
	background-color:red;
	width:50px;


	float:left;
}
 .txt_right
{
	height:20px;
	background-color:green;

	float:right;
}
.no_read
{
	color:#999999;
}
.blog_user dt
{
	width:550px;
	height:160px;
	list-style-type: none;
	margin-left:0px;
	padding:0px;

}
.blog_user .title 
{
	font-size:14px;
	margin-bottom:4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

.blog_user  .info_body
{
float:right;
width:410px;

	
}
.blog_user  .info_body b
{
	background-image:url(images/b1.gif);
	background-repeat:no-repeat;

	padding-left:10px;

	
}
.blog_user dt img
{
	float:left;
	width:120px;
	height:120px;
	
}
.blog_user .body b
{
float:left;
}
.blog_user  .body_right
{
	float:right;
	width:350px;

} 
.blog_user .body_bottom
{
	float:right;
	width:100px;
	text-align:right;
	margin-top:5px;
}
.nav
{
	clear:both;
	width:550px;
	text-align:center;
	
}
.nav a
{
	margin-left:5px;
	padding:5px;
	border: 1px solid #CCCCCC;
}
.t_year dt
{
	float:left;
	display:block;
	
	width:60px;
	list-style-type: none;	
}
.t_year dt a{
	color: #333;
	font-size:14px;
	text-decoration: underline;
	list-style-type: none;
	width:60px;
	margin:5px;
	display:block;
	text-align:center;
	

	
	font-weight: bold;
}
.t_year dt a:hover {color:#FF6600; }

.t_year dt a.selected:link{
	background-color:#FF6600;
	width:60px;
	color:#ffffff;

}