/* DekkoStyle */
/*
Theme Name: dekko simple stlye
Theme URl: http://dekko.cn/
Description: designed by dekko
Version: 1.0
Author: dekko
Author URl: http://dekko.cn/
Tags: black,ued,sky-mobi,ued mobi,
*/

/*style*/
body, form, ul, li, td,th {	margin:0px;	padding: 0;	text-align:left;}
body { font-size:12px;font-family:Arial;background:#000; color:#999;}
table{table-layout:fixed;word-wrap:break-word;word-break:break-all;}
img{border:0}
ul{list-style:none;}

/*li,ul{list-style:none;}p{text-indent:18pt;}*/
.hr_line2{ height:1px; color:#eee; font-size:0}
.hr_line{ height:1px; color:#000; font-size:0}
.l{float:left; overflow:hidden;}
.r{float:right;}
.clear{clear:both;font-size:0;}

/*textcolor======================================*/
.red{color:#ff0a5e;}
.red-txt{color:#ff0a5e; font-size:14px; font-weight:bold;}
.brown{color:#54040b; font-weight:bold;}
.yellow{ color:#fffc00;}
.blue{ color:#039;}
.center {
	text-align: center;
	}
/*linkstyle======================================*/

a {color: #4AE300; outline:none;}
a:link {text-decoration:underline;}
a:visited {text-decoration:underline; color:#999;}
a:hover {text-decoration:none; color:#ff5400;}
a:active {text-decoration: none;}
h1{ font-size:2.2em;}
h2, h3 {
	font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}


h2 {
	font-size: 1.6em;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

h2 {color:#000;} 
h2 a{color: #4AE300; text-decoration:none;}
h2 a:hover {color: #ff5400;}
h2 a:visited{color: #999;}
/*================================================*/

#dekko{background:url(img/stylebg.jpg) repeat-x;}
#ader{ height:300px;}
#header{}
	#header .headtop{ background:#000; height:5px;}
	#header .headbg{ }
	#header .headcon{ width:1000px;}
	#header .headcon .logo{background:url(img/logo.gif) no-repeat center; height:72px; width:187px}
	#header .headcon .logo a{ width:187px; height:72px; display:block;}
	#header .headcon .headmenu{ margin:23px 0px;}
				
		#header .headcon .headmenu li { float:left; height:26px; width:93px; display:block; line-height:26px; text-align:center; margin-left:2px;}
		
		#header .headcon .headmenu li a:hover {background:url(img/menubg.gif) no-repeat; height:26px; width:93px; display:block; line-height:26px; text-align:center; text-decoration:none;}
		#header .headcon .headmenu li.current_page_item a {background:url(img/menubg.gif) no-repeat; height:26px; width:93px; display:block; line-height:26px; text-align:center;text-align:center; text-decoration:none;}
					
		#header .headcon .headmenu li.subscribe {height:26px; width:93px; display:block; overflow:hidden; line-height:26px; text-align:center;}
		#header .headcon .headmenu li.subscribe a img { float:right;  margin:5px 5px 0px 0px;}
				
#content{width:1000px; background:#111;}
	#content .content_con{ margin:10px;}
		#content .content_con .righter{ width:700px; margin-left:10px; line-height:20px;}
		#content .content_con .lefter{ width:250px;}
		#content .content_con .lefter .lefter_top{ height:50px;}

/*search*/
.search-sorry{ margin:15px 0 0 0; font-size:24px; font-weight:bold;}
.search-title{ margin:15px 0 0 0; font-size:24px; font-weight:bold;}
.search-con{ margin:50px 0 0 0;}
.search-con_title{height:50px; font-weight:bold; color:#ccc;}
.search-con_title  li{height:20px; line-height:20px; }
.search-intro a{ line-height:20px;}
.search-intro a:hover{}



.prevandnext{ margin:10px 0;}

/* ----- right_col ----------------------------------------------------------------------------------------------------------------------------- */
.side_box {color:#999;  margin:0 15px 25px; font-size:11px; background:url(img/dot1.gif) repeat-x top; clear:both; padding:30px 0 0; }
.first_side_box { background:none; padding:0; }

#right_col h3 { font-size:18px; font-weight:normal; text-transform:uppercase; line-height:100%; margin:0 0 1em 0; padding:0; }


.side_box ul { margin:0;}
.side_box li { margin:0 0 1em 0; line-height:140%;}
.side_box li li { padding:0 0 0 1em; margin:3px 0; }


#entries_rss { font-size:11px; background:url(img/entries_rss.gif) no-repeat left top; padding:2px 0 0 18px; margin:8px 0 15px 15px; display:block; }
#entries_rss a:hover { text-decoration:none; }

/* search area */
#search_area { width:206px; height:27px; background:url(img/search.gif) no-repeat left top; margin:0 0 7px 0; }
#search_input { float:left; margin:7px 0 0 10px; border:0px; height:15px; display:inline; width:150px; font-size:12px; color:#999; background:transparent; }
#search_button { float:right; }
#tag_list { margin:0 0 -25px 0;  }
.search_tag { float:right; display:block; margin:0 0 5px 0; padding:2px 0 2px 24px; font-size:11px; background:url(img/tag1.gif) no-repeat left top; }
.search_tag:hover { text-decoration:none; }
.active_search_tag { background:url(img/tag2.gif) no-repeat left top; }
#tag_list .wp-tag-cloud { clear:both; margin:0 0 10px 0; border:1px solid #ff5400; background:#333; padding:6px; display:none; }
#tag_list .wp-tag-cloud li { display:inline; margin:0 5px 0 0; line-height:170%; }

#search_area_top { background:none; padding:0; margin:0 15px 25px; }



/*=====================================*/
.title_style{ padding:15px 0 0 0;line-height:50px; display:inline;}
.title_date{}
.title_date .title_date_left{}
.title_date .title_date_right{height:50px; font-weight:bold; color:#ccc;}
.title_date .title_date_right li{height:20px; line-height:20px;}

.tegs{ text-align:left; color:#ccc;  margin:40px 0 0 0; padding-bottom:20px; background:url(img/dot1.gif) repeat-x bottom;}
.tegs span{ padding-left:15px; margin-left:10px; height:22px; width:20px; background:url(img/write_comment.gif) no-repeat left;}
		
#footer{ background:#000; color:#666; height:70px;}
#copyright {margin:20px 0 0 -10px; color:#666;}
#copyright li {display:inline;  font-size:11px; margin:0 10px 0 0; padding:0 0 0 13px; background:url(img/footer_line.gif) no-repeat left center; }
#copyright li a, #copyright li a:visited { text-decoration:underline; }

#return_top a { position:absolute; position:fixed; right:15px; bottom:15px; width:18px; height:99px;
                display:block; background:url(img/return_top.png) no-repeat left top; }
#return_top a:hover { background:url(img/return_top.png) no-repeat right top; }



/********** slider **********/
.slider { margin:0 auto; padding:0; height:300px;}
.slider div.slice1 { margin:0 0 0 40px; width:924px; padding:0;}
.slider div div div { margin:0; padding:0; width:914px;  border:0;}
.slider div div div p.img { float:right; width:483px; padding:10px 0 10px 0; margin:0;}
.slider div div div h2 {width:400px; float: left; font:bold 30px Arial, Helvetica, sans-serif; color:#fff;  margin:0; padding:50px 0 0 10px; line-height:1.2em; text-transform:uppercase;}
.slider div div div p { width:400px; float: left; font:normal 11px   Arial, Helvetica, sans-serif; color:#262626; margin:0; padding:20px 0 0 10px; line-height:1.8em;}
/********* slider2 ************/
.slider2 {background: #fff url(images/slider_bg2.gif) top repeat-x; margin:0 auto; padding:0; height:89px;}
.slider2_resize { width:950px; margin:0 auto; padding:0;}
.slider2_resize h2 {width:445px; float: left; font:bold 36px Arial, Helvetica, sans-serif; color:#fff;   margin:0; padding:20px 0 0 30px; line-height:1.2em; text-transform:uppercase;}
.slider2_resize p { width:350px; float: right; font:normal 11px   Arial, Helvetica, sans-serif; color:#212121; margin:0; padding:20px 0 0 10px; line-height:1.8em;}

#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { width:924px; height:340px; overflow:hidden; padding:0; margin:0; }
p#controls { margin:0; position:relative; }
#prevBtn,
#nextBtn { display:block; margin:0; overflow:hidden; width:29px; height:29px; position:absolute; left:-35px; top:-220px; }
#nextBtn { left:929px; }
#prevBtn a { display:block; width:29px; height:29px; background:url(images/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:29px; height:29px; background:url(images/r_arrow.gif) no-repeat 0 0; }

/* ----- page navi ----------------------------------------------------------------------------------------------------------------------------- */
.page_navi { margin:0 0 10px 0; padding:20px 0 0 0; float:right;}
.page_navi li { line-height:0%; display:inline; padding:0; margin:0; font-size:11px; }
.page_navi a, .page_navi a:visited, .page_navi a:hover, .page_navi span.current,
.page_navi span.pages, .page_navi span.extend, .page_navi span.current, .page_navi span.dots
 { color:#4ae300; width:30px; padding:0; margin:0 3px 0 0; display:block; float:left; text-align:center; line-height:30px; background:url(img/pager1.gif) no-repeat left top; }
.page_navi a:hover { color:#ff5400; background:url(img/pager1.gif) no-repeat left bottom; text-decoration:none; }
.page_navi span.current { background:url(img/pager2.gif) no-repeat left top; color:#fff; }
