/*
Theme Name: ikangai.com
Theme URI: http://www.ikangai.com
Description: ikangai.com wordpress theme
Version: 1.0
Author: Vuong Q. Dung
Author URI: creativesyntax.at
*/
/*
www.ikangai.com stylesheet
www.ikangai.com copyright 2009 
www.creativesyntax.at by Vuong Q. Dung 
*/

/*	-------------- CENTRAL STYLES -------------- */
* {
	margin:0;
	padding:0;
}
html, body {
	height: 100%;	/* footer */
}
html {
	margin:0;
	padding:0;
}
body {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size:0.75em;	
	color:#898989;
	background:transparent url(/img/top_tile.png) repeat-x top;
	line-height:1.6em;
}
a {
	text-decoration:none;
	color:#af0000;
}
a:hover {
	text-decoration:none;	
	color:#ff0000;
}
acronym {
	color:#121212;
	border-bottom:1px dotted #121212;
}
img {
	border:none;
}
.seperator {
       border:1px dotted #cccccc;
       margin-left:5px;
       margin-right:15px;
}
#logo {
	border:none;
	height:130px;
	width:280px;
	padding-top:68px;
	background:url(/img/logo.png) no-repeat 0px 68px;
}
#logo a {
	display:block;
	height:124px;
	outline:none;
}
#logo a span {
	visibility: hidden;
}
blockquote {
	margin: 1.5empx 30px 1.5em 10px;
	padding-left: 5px;
	border-left: 5px solid #ddd;
        background:url(/img/quotes.png) top left no-repeat;
        color:#000000;
        min-height:50px;
        font-style:italic;
	}
/*	-------------- CENTRAL STYLES END-------------- */
/*	-------------- LAYOUT CONTAINER STYLES -------------- */
#container {
	position:relative;
	width:780px;
	left:50%;
	margin-left:-390px;
	min-height: 100%; /* footer */
	background:transparent url(/img/bg.png) repeat-y;
}
* html #container {
	height: 100%;	/* footer, must be after container */
}
#header {
	height:210px;
	width:780px;
	background:url(/img/header.png) no-repeat;
}
#content {
	width: 750px;
	margin-left:10px;
	padding: 0 0 0 10px;
}
#left h2, #left h3, #left h4 {
       font-size:1.4em;
}
#left {
	float:left;
	width:247px;
	color:#555555;
	text-align: left;
}
#left h2, #left h3 {
	height:18px;
	padding: 12px 0 10px 15px;
	background: transparent url(/img/h3left2.png) no-repeat left;
	color:#111111;
	font-weight:bold;
	text-align: left;
	font-size:1.4em;
}
#left ul {
        list-style:none;
        padding: 10px 0 10px 0;
}
#right h2, #right h3, #right h4  {  /* POST HEADERS */
       padding:5px;
       margin:0;
       color:#800000;
       font-size:1.2em;
}
#right {
	width:493px;
	margin-left:257px;
	color:#555555;
}
#right ul, #right p ul, #right .entry ul {
	padding: 10px 10px 10px 30px;
	list-style-image:url(/img/listbullet.png);
}
#right ol, #right p ol, #right .entry ol {
	padding: 10px 10px 10px 30px;
}
#right small span {
       font-weight:bold;
       font-size:1.1em;
}
#right .post small {
       margin-left:5px;
}
#right p {
       margin-top:5px;
       margin-bottom:5px;
       padding:5px 10px 5px 5px;
}
#right ul a[href^="http:"], #right p a[href^="http:"], #right ul a[href^="https:"], #right p a[href^="https:"] {
       display:inline-block;
       padding-left:1.1em;
       background:transparent url(/img/urlbullet.png) no-repeat center left ;
}
#right ul a[href^="http:"]:hover, #right .entry[href^="http:"]:hover, #right ul a[href^="https:"]:hover, #right .entry[href^="https:"]:hover {
       background:transparent url(/img/urlbullet2.png) no-repeat center left;
}

/*	-------------- LAYOUT CONTAINER STYLES END -------------- */
/*	-------------- NAVIGATION STYLES -------------- */
/* dropdown */
#topnavi {
	width: 100%;
	background: url(/img/topnavi-bg.png)no-repeat;
}
#topnavi ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 115px;
	float: left;
}
#topnavi .info {
	margin-left:205px;
}
#topnavi a, #topnavi h4 {
	display: block;
	height:30px;
	margin: 0;
	font-weight:normal;
}
#topnavi h4 a {
	padding-top:10px;
	padding-left:15px;
	text-align:left;
	color:#bbbbbb;
	outline:none;
}
#topnavi h4 a:hover {
	background: url(/img/dropdown.png) 0 0 no-repeat;
}
#topnavi h4 {
	color: #fff;
	margin-bottom:10px;
}
#topnavi a {
	text-decoration: none;
}
#topnavi a:hover {
	color: #ffffff;
}
#topnavi .active {
	color: #ff0000;
	background: url(/img/dropdown.png) no-repeat;
}
#topnavi li {
position: relative;
}
#topnavi ul li ul li {
	height:29px;
}
#topnavi ul li ul .top {	
	background: url(/img/dropdown.png) 0 -40px no-repeat;
}
#topnavi ul li ul .body {	
	background: url(/img/dropdown.png) 0 -69px no-repeat;
}
#topnavi ul li ul .bottom {	
	height:19px;
	background: url(/img/dropdown.png) 0 -98px no-repeat;
}
#topnavi ul li ul li a {
	text-align:left;
	padding-left:15px;
	height:24px;
	padding-top:5px;
	color:#bbbbbb;
	outline:none;
}
#topnavi ul ul {
	position: absolute;
	z-index: 500;
}
#topnavi ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}
div#topnavi ul ul {
	display: none;
}
div#topnavi ul ul,
div#topnavi ul li:hover ul ul,
div#topnavi ul ul li:hover ul ul
{display: none;}

div#topnavi ul li:hover ul,
div#topnavi ul ul li:hover ul,
div#topnavi ul ul ul li:hover ul
{display: block;}

/* tabnavi */

#tabnavi {
	position:absolute;
	top:134px;
	left: 320px;
	width: 540px;
	height: 35px;	
}
#tabnavi ul {
	list-style:none;
	width: 540px;
	height: 35px;
}
#tabnavi li {
    list-style: none;
	display: inline;
	text-align: center;
}
#tabnavi li a {
	text-decoration: none;
	display:block;
	float:left;	
	background: url(/img/navigation.png) no-repeat;
	text-indent: -9999px;
	outline:none;
}
/* tabnavi li */
li#services a {
	width:120px;
	height:35px;
}
li#blog a {
	width:110px;
	height:35px;
}
li#help a {
	width:110px;
	height:35px;
}
li#about a {
	width:120px;
	height:35px;
}

/* tabnavi index */

li#services a:link, li#services a:visited {	
	background-position: -0px -0px;
	}
	
li#services a:hover, li#services a:focus {	
	background-position: -0px -35px;
	}

li#blog a:link, li#blog a:visited {	
	background-position: -120px -0px;
	}

li#blog a:hover, li#blog a:focus {	
	background-position: -110px -105px;
	width: 120px;
	margin-left: -10px;
	}	

li#help a:link, li#help a:visited {	
	background-position: -230px 0px;
	}
	
li#help a:hover, li#help a:focus {	
	background-position: -220px -210px;
	width: 120px;
	margin-left: -10px;
	}	
	
li#about a:link, li#about a:visited {	
	background-position: -340px -0px;
	}
	
li#about a:hover, li#about a:focus {	
	background-position: -330px -315px;
	width: 120px;
	margin-left: -10px;
	}

/* services tab */
body#services-page li#services a:link, body#services-page li#services a:visited {	
	background-position: -0px -35px;
	}

body#services-page li#blog a:hover, body#services-page li#blog a:focus {	
	background-position: -110px -70px;
	width: 120px;
	margin-left: -10px;
	}

/* blog tab */
body#blog-page li#blog a:link, body#blog-page li#blog a:visited {	
	background-position: -110px -105px;
	width: 120px;
	margin-left: -10px;
	}
body#blog-page li#services a:hover, body#blog-page li#services a:focus {	
	background-position: -0px -140px;
	overflow: auto;
	position: relative;
	}
body#blog-page li#help a:hover, body#blog-page li#help a:focus {	
	background-position: -220px -175px;
	width: 120px;
	margin-left: -10px;

	}
	
/* help tab */
body#help-page li#help a:link, body#help-page li#help a:visited {	
	background-position: -220px -210px;
	width: 120px;
	margin-left: -10px;
	}

body#help-page li#blog a:hover, body#help-page li#blog a:focus {	
	background-position: -110px -245px;
	width: 120px;
	margin-left: -10px;
	overflow: auto;
	position: relative;
	}
	
body#help-page li#about a:hover, body#help-page li#about a:focus {	
	background-position: -330px -280px;
	width: 120px;
	margin-left: -10px;
	position: relative;
	}

/* about tab */
body#about-page li#about a:link, body#about-page li#about a:visited {	
	background-position: -330px -315px;
	width: 120px;
	margin-left: -10px;
	}

body#about-page li#help a:hover, body#about-page li#help a:focus {	
	background-position: -220px -280px;
	width: 120px;
	margin-left: -10px;
	overflow: auto;
 	position: relative;
	}

body#about-page li#blog a:hover, body#about-page li#blog a:focus {	
	background-position: -110px -105px;
	width: 120px;
	margin-left: -10px;
	overflow: auto;
	position: relative;
	}
/*	-------------- NAVIGATION STYLES END-------------- */
/*	-------------- FOOTER STYLES -------------- */
#footer {
	position:relative;
	clear:both;
	width:780px;
	height:90px; 
	padding-top:10px;
	margin:-100px auto 0 auto;	/* height + padding */
	background:url(/img/bg_footer.png) no-repeat top right;
	color:#555555
}
#clearfooter {
        clear:both;
	height:100px;	/* height + padding of #footer */
}
#footer a {
	color:#af0000;
}
#footer a:hover {
	color:#ff0000;
}
#footerleft {
	float:left;
	width:360px;
	padding:0px 10px 10px 20px;
}
#footerright {
	margin-left:390px;
	width:375px;
	padding:0 15px 0 0;
	text-align:right;
}
#footerright img {
	height:32px;
	border:none;
	padding:5px;
}
#footerright a{
	height:32px;
}
#footerright img:hover {
	background: #eeeeee;
}
/*	-------------- FOOTER STYLES END -------------- */
/*	-------------- SCREENSHOTS UL STYLE -------------- */
#right .screenshots {
	margin-top:10px;
	padding: 10px 10px 10px 10px;
}
#right .screenshots li {
	display:inline;
	padding:0;
	list-style-type:none;        
}
#right .screenshots img {
	margin:0;
	padding:3px;
	height:80px;
	width:80px;
	border:none;
}
#right .screenshots a{
	height:80px;
}
#right .screenshots img:hover {
	background:#e1e1e1;
}
/*	-------------- SCREENSHOTS UL STYLE END-------------- */
/*	-------------- WORD PRESS STYLES START -------------- */
#left .widget_archive, #left .widget_recent_entries, #left #categories-433359471, .widget_pages {
	padding:0;
	margin-bottom:10px;
}
#left .widget_archive li, #left .widget_recent_entries li, #left #categories-433359471 li, .widget_pages li , .widget_tag_cloud div {
		padding:0;
        margin-left:10px;
        line-height:2.4em;
        border-bottom:1px solid #eeeeee;
}
#left .widget_archive li:hover, #left .widget_recent_entries li:hover, #left #categories-433359471 li:hover, .widget_pages li:hover {
       background:#eeeeee;
}
#left .widget_recent_entries li a, #left .widget_pages li a {
display:block;
}
#left .rss {
       list-style: none; 
}
.rss a {
      display: block;
      width: 225px;
      height: 90px;
      margin-left:10px;
      margin-top:5px;
}
.post-head {
        margin:0;
}
#right .serif, #right .more-link {
       font-style:italic;
       margin-top:10px;
}
#right .entry-header, #right .pagetitle, #right .center, #right .post h2 {
	width:475px;
	padding:11px 0px 10px 15px;
	background: url(/img/h3right2.png) no-repeat right;
	margin-left:-10px;
	color:#363636;
        font-size:1.4em;
        white-space:nowrap;
}
#right .archive-header {
        font-size:1.4em;
}
#right h2 a[href^="http:"], #right h3 a {
        display:inline-block;
        padding-left:15px;
        background:transparent url(/img/entrybullet.png) no-repeat left;
}
#right #comments {
        margin-top:20px;
        background: url(/img/bg_comment.png)no-repeat top left;
        padding:0 0 0 22px;
        font-size:1em;
        color:#000000;
}
#respond {
       margin-top:20px;
}
#respond h3 {
        background: url(/img/bg_comment.png) no-repeat center left;
        margin-bottom:5px;
	padding:0 0 0 22px;
        font-size:1em;
        color:#000000;
}
#comments span a {
       background:none;
       padding:0 0 0 5px;
}

#right .navigation {
       height:25px;
       margin: 1.5em 0 1.5em 0;
       font-weight:bold;
}
.alignleft a, .alignright a {
       float:left;
       padding: 0 3px 0 3px;
}
.alignleft a:hover, .alignright a:hover {
       background-color:#ddd;
}
.alignright a {
       float:right;
       margin-right:10px;
}
#right .commentlist p {
	font-weight: normal;
	text-transform: none;
       padding:5px 0 5px 0;
}
.commentlist {
       margin:0 10px 0 15px;
}
#commentlist li, #commentform textarea {
	font: 0.9em Helvetica, Verdana, Arial, Sans-Serif;
}
.commentlist li ul li {
	font-size: 1em;
}
.commentlist li {
	font-weight: bold;
        padding:3px;
        margin-top:10px;
}
.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}
.commentlist cite, .commentlist cite a {
	font-style: normal;
	font-size: 1em;
}
.commentlist cite {
       color:#000000;
}
#right .commentlist p {
	font-weight: normal;
	text-transform: none;
       padding:5px 0 5px 0;
}
.commentmetadata {
	font-weight: normal;
}
.alt {
       background:#eeeeee;
       border:1px solid #e1e1e1;
}
#right .postmetadata {
	margin-top: 1.5em;;
	margin-bottom: 1.5em;;
}
/*	-------------- WORDPRESS LEFT SEARCH -------------- */

#left .sidebar-list {
	list-style:none;
	margin-bottom:1.5em;
}
#left .sidebar-list .widgettitle {
        margin-top:-10px;
	margin-left:-5px;       
}
#left .widget ul li {
        margin-right:10px;
}
#searchform {
	height:80px;
	list-style:none;
	padding:10px;
    margin: 1.5em 10px 2.4em 10px;
	outline:1px solid #cccccc;
	background-color:#eeeeee;
}
#searchform label {
	margin-bottom:10px;
	color:#000000;
}
#searchform #s {
	margin-bottom:10px;
	width:205px;
	height:16px;
	padding:4px 0 4px 0;
        background: url(/img/bg_leftsearch.png) no-repeat top left;
	border:none;
}
#searchform #searchsubmit {
	padding:3px 0 3px 0;
	width:68px;
	height:24px;
	border:none;
        background: url(/img/bg_leftsubmit.png) no-repeat top left;
}
#searchform #searchsubmit:hover {
	color:#cc0000;
        background: url(/img/bg_leftsubmit.png) 0 -24px no-repeat;
}
#searchform label, #searchform #searchsubmit {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size:0.9em;
	font-weight:bold;
}
/*	-------------- WORDPRESS LEFT SEARCH END-------------- */
/*	-------------- WORDPRESS FORM ELEMENTS -------------- */

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
display:none;
	}

select {
	width: 130px;
display:none;
	}
#commentform {
	height:215px;
        margin-right:15px;
        margin-left:5px;
	outline:1px dotted #cccccc;
	background-color:#eeeeee;
}
#commentform label, #submit {
	font-weight:bold;
	font-family: Sans-Serif;
	font-size:0.9em;
	color:#000000;
}
#commentform label span {
	font-weight:normal;
	color:#121212;
}
#commentform p{
	margin:0;
}
#commentform .comment-info input {
	padding:4px 0 4px 0;
	height:16px;
	width:165px;
	border:none;
	background:url(/img/bg_forminput.png) no-repeat top left;
}
#commentform .comment-info{
    float: left;
	width:175px;
	height:200px;
}
#commentform .comment-box {
	width:290px;
	height:200px;
	margin-left:175px;
}
#commentform #comment {
	width:279px;
	height:132px;
	margin:0;
	padding:4px;
	background:white;
	border:none;
	background:url(/img/bg_formtext.png) no-repeat top left;
}
#commentform #author, #commentform #email, #commentform #url {
        background: url(/img/commentinfo_input.png) no-repeat top left;
}
#commentform .comment-submit {
	border:none;
}
#commentform #submit {
	margin-right:13px;
	border:none;
	background:url(/img/bg_submit.png) no-repeat;
	padding:4px;
	height:24px;
	width:120px;
	color:#000000;
}
#commentform #submit:hover {
	border:none;
	color:#C80000;
	background:url(/img/bg_submit.png) 0 -24px no-repeat;
}
#facebook_like {
	margin-right:15px;
	margin-left:5px;
}
.addthis_container {
	margin-left:5px;
}
/*	-------------- WORDPRESS FORM ELEMENTS END-------------- */
/*	-------------- WORDPRESS PLUGINS -------------- */
.qrctimage {
float:left;
margin-right:5px;
border:1px solid silver;
}
.qrimage {
float:left;
width:100px;
height:100px;
margin-right:10px;
border:1px solid silver;
}

/*	-------------- WORD PRESS STYLES END -------------- */