/*
Theme Name: WordPress YK
Theme URI: http://wordpress.org/
Description: The default YK.
Version: 1.6
Author: Young Koh
Author URI: http://www.youngkoh.com
Tags: young koh, custom, fixed width, two columns, widgets

	YK v1.0
	 http://youngkoh.com

	This theme id highly modified

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


body{margin:0; padding:0; font-size:62.5%; font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; background:#000; color:#696b73;}
#page{margin:0 auto; padding:0; width:1100px; text-align:left; background:transparent url(images/bg_main.jpg) 0 0 no-repeat; border:0; border-left:solid 1px #1e3653; border-right:solid 1px #1e3653;}
#header{position:relative; background:transparent; margin:0; padding:0; height:350px; width:1100px;}
#headerimg{margin:0; height:192px; width:740px;}
#headerimg .description, #headerimg h1{visibility:hidden;}
#headerimg p{visibility:hidden;}
#footer{width:1100px; min-height:200px; clear:both; padding:80px 0 0 0; margin:0; border:none; background:#000 url(images/bg_footer.jpg) 0 0 no-repeat;}
#footer p{width:943px; height:180px; padding-left:58px; color:#555; }
#footer p a{color:#555; border-bottom:dotted 1px #555;}
#footer p a:hover{text-decoration:none; border-bottom:solid 1px #555;}

#content{font-size: 1.2em}
.narrowcolumn{float:left; padding:0 0 20px 45px; margin:0; width:620px;}

#sidebar{padding:14px 0 10px 25px; margin-left:680px; margin-top:44px; width:285px; background:transparent;}
#sidebar form{margin:0;}
.widecolumn .entry p{font-size:1.05em;}
.narrowcolumn .entry, .widecolumn .entry{line-height:1.4em;}
.widecolumn{line-height:1.6em;}
.narrowcolumn .postmetadata {margin-top:20px; padding-top: 3px; text-align: left; font-size:.85em; border:0; border-top:dotted 1px #333}
.postmetadata a{color:#555; border-bottom:dotted 1px #555;}
.thread-alt {background-color: #f8f8f8;}
.thread-even {background-color: white;}
.depth-1 {border: 1px solid #ddd;}
.even, .alt {border-left: 1px solid #ddd;}
small {font-family: Arial, Helvetica, Sans-Serif;font-size: 0.9em;line-height: 1.5em; color:#555;}
h1, h2, h3 {font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;font-weight: normal;}
h3 a{font-size:1.3em; font-weight: normal;}
#sidebar h2 {margin: 5px 0 0;padding: 0; font-family: 'Lucida Grande', Verdana, Sans-Serif;font-size: 1.2em;}

h1 {padding-top: 70px;	margin: 0; font-size: 4em; text-align: center;}
h2 {margin: 30px 0 0; padding-top:12px; font-size: 1.6em;}
h2.pagetitle {margin:0; padding:0; text-align:left ; font-size: 2.5em; font-style:italic; color:#3399cc; background:transparent; border-bottom:dotted 1px #3366cc;}
h3 {padding: 14px 0 0 0; margin: 30px 0 0; font-size: 1.3em;}
h3.comments {padding: 0;margin: 40px auto 20px ;}
h3#comments {padding: 0 0 0 15px;margin: 40px 0 8px 0;}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration: none;color: white;}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #ccc;}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration: none;}

.entry p a:visited {color: #ccc;}

ol.commentlist{padding-left:15px}
.commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li ul li {font-size: 1em;}
.commentlist li {font-weight: bold; background:#151515; border:0;}
.commentlist li .avatar { float: right;border: 1px solid #eee;padding: 2px;background: #fff;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;}
#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentmetadata {font-weight: normal;}
#sidebar {font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
#sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #777;}
small{color:#555;}
code {font: 1.1em 'Courier New', Courier, Fixed;}
pre.prettyprint{color:#527d2f;}
acronym, abbr, span.caps{font-size: 0.9em;letter-spacing: .07em;}
a, h2 a:hover, h3 a:hover {color: #06c;text-decoration: none;}
a:hover {color: #147;text-decoration: underline;}
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align: center;}
#wp-calendar th {font-style: normal;text-transform: capitalize;}

.widecolumn {padding: 10px 0 20px 0;margin: 5px 0 0 150px;width: 450px;}
.post {margin: 0 0 40px; text-align: justify; padding:0; background:transparent; border:solid 0px #1c334d}
.page .entry{margin: 0 0 40px; text-align: justify;}
.post hr {display: block;}
.widecolumn .post {margin: 0;}
.widecolumn .postmetadata {margin: 30px 0;}
.widecolumn .smallattachment {text-align: center;float: left;width: 128px;margin: 5px 5px 5px 0px;}
.widecolumn .attachment {text-align: center;margin: 5px 0px;}
.postmetadata {clear: both;}
.clear {clear: both;}

p img {padding: 0;max-width: 100%;}
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}


/* Do not work in Internet Explorer */
html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {margin: 7px 0 8px 10px;}
.entry ul li:before, #sidebar ul ul li:before {content: "\00BB \0020";}
.entry ol {padding: 0 0 0 35px;margin: 0;}
.entry ol li {margin: 0;padding: 0;}
.postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;}
#sidebar ul, #sidebar ul ol {margin: 0;padding: 0;}
#sidebar ul li {list-style-type: none;list-style-image: none;margin-bottom: 15px;}
#sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}
#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px;}
#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;}
ol li, #sidebar ul ol li {list-style: decimal outside;}
#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0 -10px; padding: 0;}

#searchform {margin: 10px auto;padding: 5px 3px;text-align: center;}
#sidebar #searchform #s {width: 108px;padding: 2px;}
#sidebar #searchsubmit {padding: 1px;}
.entry form {text-align:center;}
select {width: 130px;}
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform {margin: 5px 10px 0 0;}
#commentform textarea {width: 100%;padding: 2px;}
#respond{padding-left:15px}
#respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#commentform #submit {margin: 0 0 5px auto;float: right;}
#respond input[type="text"], #respond textarea{color:#2d4e75; background:#0f1925; border:solid 1px #2d4e75;}
#respond #submit{color:#2d4e75; background:#ccc; border:solid 1px #2d4e75;}

.alt {margin: 0;padding: 10px;}
.commentlist {padding: 0;text-align: justify;}
.commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 10px;list-style: none;}
.commentlist li ul li { margin-right: -5px;margin-left: 10px;}
.commentlist p {margin: 10px 5px 10px 0;}
.children { padding: 0; }
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}

#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 155px;}
#wp-calendar #next a {padding-right: 10px;text-align: right;}
#wp-calendar #prev a {padding-left: 10px;text-align: left;}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center;width: 100%;}
#wp-calendar td {padding: 3px 0;text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */background-color: #fff; }

acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {text-align:left; font-family:georgia, times; font-style:italic; margin: 15px 30px 0 10px; padding-left: 20px; border:0; color:#527d2f; font-size:2.1em; line-height:.9em; fon-weight:normal;}

blockquote cite {font-size:14px; margin: 5px 0 0;display: block; color:#335318	;}
.center {text-align: center;}
.hidden {display: none;}
hr {display: none;}
a img {border: none;}
.navigation {display: block;text-align: center;margin-top: 10px;margin-bottom: 60px;}

.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}
a{outline:none;}

/* CUSTOM */
.clear{clear:both;}
.clear:after{content:"."; clear:both; display:block; height:0; visibility:hidden;}
.yk-hide{display:none;}
/* YK Headnav */
#yk-headnav{position:absolute; top:289px; left:557px;}
#yk-headnav ul{margin:0; padding:0; list-style:none;}
#yk-headnav ul li{float:left; margin-right:2px}
#yk-headnav ul li a{display:block; height:56px;}

#yk-headnav ul li#yk-link-blog a{width:65px;}
#yk-headnav ul li#yk-link-about a{width:87px;}
#yk-headnav ul li#yk-link-contact a{width:107px}
#yk-headnav ul li#yk-link-portfolio a{width:100px}
#yk-headnav ul li#yk-link-blog a:hover{background:transparent url(images/nav_bt.jpg) 0 0 no-repeat;}
#yk-headnav ul li#yk-link-about a:hover{background:transparent url(images/nav_bt.jpg) -67px 0 no-repeat;}
#yk-headnav ul li#yk-link-contact a:hover{background:transparent url(images/nav_bt.jpg) -156px 0 no-repeat;}
#yk-headnav ul li#yk-link-portfolio a:hover{background:transparent url(images/nav_bt.jpg) -265px 0 no-repeat;}

#yk-headnav ul li#yk-link-blog.active a{background:transparent url(images/nav_bt.jpg) 0 0 no-repeat;}
#yk-headnav ul li#yk-link-about.active a{background:transparent url(images/nav_bt.jpg) -67px 0 no-repeat;}
#yk-headnav ul li#yk-link-contact.active a{background:transparent url(images/nav_bt.jpg) -156px 0 no-repeat;}
#yk-headnav ul li#yk-link-portfolio.active a{background:transparent url(images/nav_bt.jpg) -265px 0 no-repeat;}

#yk-contact-graphic{position:absolute; top:130px; left:753px; width:193px; height:158px; background:transparent url(images/contact_img.jpg) 0 0 no-repeat;}
#yk-headrss{position:absolute; top:289px; right:100px;}
#yk-headrss a{display:block; width:74px; height:70px;}
#yk-headrss a:hover{background:transparent url(images/nav_bt.jpg) -369px 0 no-repeat;}

#errorpic{width:640px; height:480px; background:#000 url(images/blank-page.jpg) 0 0 no-repeat;}

#footer a.friend{float:left; display:block; width:74px; height:74px; margin:12px 8px 0 0; border:solid 1px #555;}
#footer a.friend:hover{text-decoration:none; }
#footer a#yk-project-uijoe{background:transparent url(images/bt_friend.gif) 0 0 no-repeat;}
#footer a#yk-project-crx1{background:transparent url(images/bt_friend.gif) 0 -74px no-repeat;}
#footer a#yk-project-kpixel{background:transparent url(images/bt_friend.gif) 0 -148px no-repeat;}

/* Portfolio Styles */
.hidepic{display:none;}
ul#yk-portfolio-links{float:left; margin:0 0 0 46px; padding:2px 0; list-style:none;}
ul#yk-portfolio-links li{float:left; margin:0 0 24px -1px; border-right:solid 1px #06c; border-left:solid 1px #06c;}
ul#yk-portfolio-links li a{font-size:12px; display:block; margin:0px 12px 0px 12px;}
ul#yk-portfolio-links li.current_page_item a{color:#527d2f;}

/* INPOST STYLES */
.yk-inpost-textbox p{margin:0px 0 24px 0; font-size:11px;}
.yk-inpost-subhead span{font-weight:bold; padding:0; color:#1c4271;}
.yk-inpost-textbox{padding:4px; background:#0f1925; border:solid 1px #203c5d;}
.yk-inpost-bold{padding:0; color:#efefef; font-weight:bold;}
#yk-twitter-update a#twitter-link{color:#000; width:279px; height:58px; margin:4px 0 2px 0; background:transparent url(images/bt_twit_follow.jpg) 50% 0 no-repeat;}
.yk-portthumb a{display:block; margin:28px 34px 0 0; float:left; border:solid 2px #06c;}
.yk-portthumb a:hover{border:solid 2px #ff9900;}

.entry p a {text-decoration:underline;}