/*
Theme Name: Kante
Theme URI: http://iwp.me/kante
Description:  Kante a simple theme based on my another theme <a href="http://wordpress.org/extend/themes/maze" target="_blank">Maze</a>, it is widget ready and there is a setting page on the dashboard. It had Valided CSS and  XHTML. Kante is produced By <a href="http://iwp.me" target="_blank">iWP.me</a>
Version: 1.2.1
Author: Chada Chou
Author URI: http://iwp.me/
Tags: blue, custom admin panel, valid XHTML, valid CSS, two columns, widgets
*/
.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block
	}

.clearfloat {
	display:block
	}
	
#nav {
	/*background:url(images/menu_bg.gif); /*background colour*/
  background: #eb7f45 url();
	font-size:9pt;
  padding: 0 ;
}
	
#nav, #nav ul {
	list-style: none;
	line-height: 1;
	}

#nav a, #nav a:hover {
	display: block;
	text-decoration: none;
	border:none;
 
	}

#nav li {
	float: left;
	list-style:none;
	border-right:1px solid #a9a9a9; /*border colour*/
	}

#nav a, #nav a:visited {
	display:block;
	font-weight:bold;
  color: #24347f;
  text-shadow: 0 1px 0 #c6c7cb;
 	padding:6px 12px;
	}

#nav a:hover, #nav a:active, .current_page_item	a, #home .on {
	background:#fcfcfe; /*mover over*/
	text-decoration:none
	}	
	
	
/* Dropdown Menus */		
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 174px;
	border-bottom: 1px solid #a9a9a9;
		z-index:100;
	}

#nav li li {
	width: 172px;
	border-top: 1px solid #a9a9a9;
	border-right: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	background: #115577;

	}

#nav li li a, #nav li li a:visited {
	font-weight:normal;
	font-size:0.9em;
	color:#FFF;
  text-shadow: 0 0 0 #000;
	}

#nav li li a:hover, #nav li li a:active {
	background:#000;
	}	
		
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}

a.main:hover
{	background:none;
	}

/***********basic style*************/
* {margin: 0; padding: 0; outline: none;}
a {text-decoration: none;color: #1987AA;}
a:hover {text-decoration: none;color: #870617;}
a img{border:none;}
body {color: #333; background:#135e86; font-family: Verdana, Helvetica, Arial, Geneva, Helvetica, sans-serif;font-size:12px;font-weight:normal;padding-top: 0px;}
p {padding-bottom: 10px;}
li {list-style: none;padding-bottom: 3px;}
ul {padding: 6px 6px 10px 6px;}
ul li{list-style: none;}
h1 {font-family: Verdana, Helvetica, Arial, Geneva, Helvetica, sans-serif;font-size:22px;font-weight:normal;color: #FFF;}
h1 a, h1 a:hover, h1 a:visited {color: #FFF;text-decoration: none;}
h4 {font-weight: normal;font-size: 12px;}
code{ background-color:#E3EBF6; border:#F0F0F0 solid 1px;border-left:#F0F0F0 solid 4px; display:block;padding:2px 10px 2px 10px;margin:5px 30px 10px 10px;}
blockquote{background-color:#E3EBF6;padding:5px 5px 5px 20px;margin:5px 30px 10px 10px;}
blockquote cite{display:block;margin:5px 0 0;}
.more-link {float: right;padding: 4px 6px 4px 6px;margin:0 1px 11px 0;}
.alignright {float: right;}
.alignleft {float: left}
.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}


/***********structure style*********/
#page {width: 960px;margin-left: auto;margin-right: auto;}
#container {background:#FBF78F; ;position: absolute; height: auto;width: 960px;}
#header {width: 960px;height:175px; background: url(images/logo.jpg) repeat-x;}
#box{ clear:both;}
#content {width: 620px;float: left;margin:0px;padding:0 5px 0 0px;text-align: justify;}
#sidebar {width: 250px;float: right; margin:0px;}
#footer {width:960px;height: 40px;margin-top:10px;text-align: right; background:#135e86;color: #CCC;font-size: 12px;clear: both;}
#title{float:left;background:#135e86 url(images/bg.gif) no-repeat; margin:-20px 0 0 0;height:150px; width:960px;}
#title h1{font-size:42px; margin: 20px 0 0 165px;}
#title h2{font-size:40px; font-weight:normal; color:#CCC; margin-left:260px;}


/***********topmenu style**********/
#topmenu{font-size:11px;height:27px;margin-right:35px; padding:5px 0 0 5px;color:#ccc;}
#feed{float:right; list-style: none; margin: 0px; padding: 0px;}
#feed a{color:#FFF;}

/***********menu style*********/
#menu{float:left;width: 960px;background:url(images/menu_bg.gif) no-repeat #135e86;height: 35px;padding-top: 4px;margin-bottom:0px;}
#menu li {display: inline;font-weight:bold;}
#menu a {font-size: 14px;color: #FFF;}
#menu ul li a {padding: 2px 12px 2px 12px;font-weight:bold;color:#FFF;text-decoration: none;letter-spacing:0px;}
#menu ul li a:hover, #menu ul li a:active, #menu ul li.current_page_item a {padding: 2px 12px 2px 12px;color: #CCC;	}
#menu li ul {
border-bottom: 1px solid #a9a9a9;
height: auto;
left: -999em;
position: absolute;
width: 900px;
z-index:999;
}

#menu li li {
width: auto;

}
#menu li li a, #nav li li a:visited {
color:#FFFFFF;
font-weight:normal;
font-size:0.9em;
}
#menu li li a:hover, #nav li li a:active {
background:#000;
}
#menu li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {

left: 30px;
}
/************Search Form Style********/
#searchform{height:20px;line-height:20px;float:left;padding:2px 0;margin:2px 10px;}
#searchform #s{font-size:12px;width:300px;height:16px;margin-left:10px; padding:3px; border:#ccc  solid 1px;}

/************content style***********/
#content li {list-style:none;margin-left: 10px;}
.post {width:690px;margin-bottom:5px;padding: 15px 15px 15px 0;}
.post a:hover {color:#ccc; text-decoration:underline;}
.post h2{font-size:12px; font-weight:bold;margin:0 20px 0 0;padding:5px 0 5px 15px;}
.post h2 a{color:#135e85;}
.post h2 a:hover {color: #333; text-decoration:none;}
.arch {width:565px;margin:30px 0 0 15px;padding: 5px;}
.arch h2{font-size:20px; color:#1987AA;}

.pagetitle{padding-left:15px;}

.descr {font-size: 11px; font-style:italic;margin:5px 0 30px 15px;padding-top:5px; border-top:#ccc 1px solid;}
.descr a {text-decoration: none;}
.descr a:hover {text-decoration: none;text-decoration:underline;}

.entry {margin-left:15px; font-size:12px; line-height:14px;}
.entry ul{list-style: none;margin: 0px;padding: 0;}
.entry img {background:url(images/shadow.gif) no-repeat right bottom;padding:4px 10px 10px 4px;border:0;border-top:#eee 1px solid;border-left:#eee 1px solid;}
.post_subscri{border: 1px solid rgb(153, 153, 153); padding: 5px; margin-top: 5px; background-color: rgb(255, 248, 175);font-size:12px;}
.post_subscri img{ float:left; margin-top:-16px;}
.tags{margin-top:10px;}

.meta{ background:#E3EBF6; font-size:12px; margin-top:5px; margin-left:10px;padding:5px;}
.meta a{color:#1987AA;}
.prew_next{background:#E3EBF6;font-size:12px;padding:5px;display: block;margin: 0 -15px 7px 0;text-align: left;height:16px;}
.prev{font-size:11px;float:left;padding:0;color:#000;}
.next{font-size:11px;float:right;padding:0;color:#000;}
.prev-page{float:left;margin-left:10px;}
.next-page{float:right;margin-right:10px;}

/*************sidebar style**************/
#sb{width:250px;height:20px;margin:0;background:white; clear:both;}
#s_top {width: 250px; float: right;position: relative; background:white;padding-bottom:0px;clear:both;}
#s_top h2{font-family: Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#135e87;padding:5px 8px 5px 50px;display: block;margin: 0px 0px 10px 0px;text-align: left;height:12px;}

#bookmark{ width:250px;float: left; margin:0 5px;padding:5px;}
#bookmark li{ display:inline;}

.b_items {width: 250px;float: left;position: relative;text-align: left;padding-bottom: 10px;color: #7e7e7e;}
.b_items h2{background:url('images/s_top.jpg') no-repeat;}
.b_items a {color: #EEEEEC;}
.b_items a:hover {color: #8d8d8d;text-decoration: none;}
.b_items ul{list-style: none;margin: 0px;padding:0;}
.b_items ul li{list-style: none;background:url('images/side_prex.gif') no-repeat;margin: 0 10px 0 15px;padding: 0px 0px 2px 15px;font-size: 12px;}
.b_items ul li a{margin: 0px;padding: 0 0 2px 5px;color: #666666;text-decoration: none;height:12px;}

#s_cate ul li{list-style:none;float: left;width: 130px;height:12px;margin: 0 2px 0 15px;padding: 2px 0 0 15px;}
#about_box{height:120px;padding:0 10px;margin:10px;}
#about_box 
{margin-left:-10px;}
#about_box img{margin:0 5px 5px 0; float:left; width:49px; height:49px;border:1px solid #eee;padding:2px;background:#262626;}
#side_ad{ text-align:center;}

#left {width: 190px;float: left;position: relative;margin:6px 0 10px 0; padding:10px 0 0 0;}
#right {width: 170px;float: right;position: relative;margin:6px 0 10px 0px; padding:10px 0 0 0;}
#left, #right {font-size:10px;padding-bottom:10px;text-align: left;}
#left a, #right a {color: #8D8D8E;}
#left a:hover, #right a:hover {color: #EEEEEC;text-decoration: none;}
#left h2, #right h2{padding:5px 10px;margin: 0 10px 7px 0;}
#left ul, #right ul{list-style: none;margin: 10px 0 0 0;padding: 0;}
#left ul li, #right ul li{list-style: none;margin: 0 10px 0 10px;padding: 4px 0px 4px 0;font-size: 12px;}

/***********footer style********/
#footer a {color: #FFFFFF;}
#footer a:hover {color: #fff;text-decoration: none;}
#copyright {float: right;padding-top: 8px;padding-right: 5px;}

/*************comments style********/
.commentlist{padding:0; margin:0px;text-align:left;}
.commentlist li{margin:6px 0 3px 10px;padding:5px 10px 3px 10px;list-style:none;overflow:hidden;}
.commentlist li .avatar{float:right;border:1px solid #eee;padding:2px;}
.commentlist cite,.commentlist cite a{font-weight:bold;font-style:normal;font-size:1.1em;}
.commentlist p{margin:10px 5px 0 0;font-weight:normal;line-height:1.5em;text-transform:none;}
.commentmetadata{margin:0;display:block;font-weight:normal;}
.nocomments{text-align:center;margin:0;padding:0;}
.alt{margin:0;padding:10px; background-color:#E3EBF6; border:#1987AA solid 1px;}
.commentlist li.authorcomment {margin:6px 0 3px 10px;padding:5px 10px 3px 10px;list-style:none; background-color:#E3EBF6;border:#CCC solid 1px; overflow:hidden;}
#trackback {margin:6px 0 0 0;margin-left:10px;}
#trackback h3{font: 18px Arial, Helvetica, sans-serif;font-weight:bold;color:#333;text-align: left;}
#trackback ul li{list-style:none; border:none;background:url('images/side_prex.gif') no-repeat;margin: 0px;padding: 0 0 2px 15px;}
.comments{ margin:10px 0 0 10px; font: 18px Arial, Helvetica, sans-serif; font-weight:bold;color:#333;text-align: left;}
.add_reply{height:15px;}
.yus_reply{ float:left;padding:0;}
.commentcount {font-family:  Georgia,sans-serif; font-size: 12px; font-weight: bold; color: #e0e0d0; float: right; padding:0 5px 0 0;}
#commentform p{ margin:1px 0 1px 10px;font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
#commentform input{width:170px;padding:2px;margin:2px 5px 1px 0px;}
#commentform textarea{width:450px; margin-bottom:5px; margin-left:0px;padding:2px;}
#commentform #submit{height:24px; width:60px;margin:0 120px 10px 0;float:right;font-weight:bold; color:#1987AA;}
#respond{margin:6px 0 0 10px; color:#333;}

.slected {font-size: 12px;border: 1px solid #2F2F2F;color:#333;}
.slected:hover {background: #E3EBF6;}

.partners {
	text-align: center;
	font-weight: bold;
}