/*
Theme Name: Jayhan
Theme URI: http://www.jay-han.com
Description: This theme originally appeared at http://www.jay-han.com.  Licensed under the GPL.  Share and Enjoy!
Author: <a href="http://www.jay-han.com">Jayhan</a>
*/

/* Global CSS reset */

html,body,h1,h2,h3,h4,h5,h6,ul,ol,li,img,p,div,a,blockquote,pre,code {margin:0; padding:0; border:0; font-size:100%; font:inherit}
ul,ol {list-style-type:none;}
a {text-decoration:none; color:#e52626;}
a:hover, a:focus, a:active {color:#f55f88;}

fieldset, form, textarea, input, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0}

/* Layout & Positioning */
body { background:url(images/top-body-bg.jpg) center top repeat-x; font-family: "Lucida Sans","Lucida Grande", "Lucida Sans Unicode", sans-serif; color:#111;}
#wrapper { width: 900px; margin: 0 auto; font-size:13px}
	#header { height:72px;}
	#container { width:900px; padding-top:75px;}
		#main-content {width: 600px; float:left; margin-top:3px;}
		#sidebar { width:300px; float:right;}
#end { background:url(images/footer-colorbar.jpg) repeat-x center; height: 61px; clear:both;}
#footer { background:url(images/footer-jeans-bg.jpg) #1e222b; font-size:13px}

/* header list links */
#header-nav {float:right; margin-right:10px;}
#header-nav li {display:inline; padding: 0 30px 0 20px; font-size:20px; line-height:72px; font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", sans-serif;}
#header-nav li a {color:#fac979;}

li.portfolio { background:url(images/li-btn-green.gif) left no-repeat;}
li.aboutme { background:url(images/li-btn-orange.gif) left no-repeat;}
li.contact { background:url(images/li-btn-pink.gif) left no-repeat;}
li.rss { background:url(images/li-rss.gif) left no-repeat;}

#header-nav li.rss a {color:#f90;}

/* Index - introduction */
#intro {background: url(images/intro-bg.jpg) no-repeat top left #1e222b; width:550px; height:215px; margin-bottom:25px;}
#intro h4 {color:#e7e095; font-size:17px; line-height:1.4; padding:30px 25px 0 25px; font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", sans-serif;}
#intro a {color:#ffaa00;}
#intro a:hover, #intro a:focus, #intro a:active { text-decoration:underline;}

/* Post */
.post {width: 550px; padding:10px 0 15px; background:url(images/dot-bg.gif) bottom repeat-x; margin: 0 0 30px 0}
#main-content > h1, .post h1, .post h1 a {color:#e52626; font-size:24px; font-weight: bold; letter-spacing:-1px;}
.post h1 a:hover, .post h1 a:focus, .post h1 a:active {color:#f13a6d;}
.post h1, .post-content h2, .post-content h3 {font-family: 'Droid Sans', "Lucida Sans","Lucida Grande", "Lucida Sans Unicode", sans-serif;}
.post-content h2, .post-content h3 {letter-spacing:-0.03em}

span.date {float: right;font-size: 11px;color: #999; padding-top:5px}
p.category {font-size:11px; color:#888; padding-top:5px}
p.category a {color:#fa0;}
span.comment a {color:#bab52a;}

.post-content {position:relative; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif}
.post-content p {padding: 5px 0; line-height:1.5; font-size:14px}
.post-content a {color:#ec215b; font-weight:bold;}
.post-content a:visited {color:#f55f88;}
.post-content a:hover, .post-content a:focus, .post-content a:active {text-decoration: underline;}
.post-content ul {padding:8px 0 2px;}
.post-content li {background:url(images/main-list-bullet.gif) left no-repeat; background-position: 0 4px; padding: 0 0 0 18px; margin:0 0 3px 0; font-size:13px}
.post-content blockquote {background:url(images/bquote-bg.gif) top left no-repeat #e0da45; padding:7px 10px 5px 60px; margin: 10px 0;}
.post-content pre {background: url(images/code-bg.gif) repeat-y; line-height:22px; padding:0 18px; margin:10px 0; color:#333399; font-size:13px; font-family: Courier, "Courier New", monospace; word-wrap: break-word}
.post-content pre span {color:#999;}
.post-content img {max-width:550px; margin-bottom:10px}
.post-content h2, .post-content h3 {color:#e52626; font-size:22px; padding:10px 0 0; font-weight:bold;}
.post-content h3 {font-size:20px;}

/* page navigation */
p.postnav span.left {float:left; padding: 20px 0 10px 0;}
p.postnav span.right2 {float:right; padding: 20px 50px 10px 0;}
.navigation {padding:20px 0 0 0;}

/* sidebar */
.box {width:240px; margin:0 0 10px 0; float:left;}
ul.li-cats li {width: 105px; display:block; float:left;}

.archive-dropdown {background:url(images/archive-bg.gif) top left no-repeat; ; padding: 5px 5px 5px 0; color:#666666; float:left; width:240px; height:28px; margin:1px 0; border:none; font-family: "Lucida Sans","Lucida Grande", "Lucida Sans Unicode", sans-serif;}

.sb-top {background:url(images/sb-shadow-top.gif) top left no-repeat; height:144px; padding: 0 0 0 25px;}
.sb-content{ background:url(images/sb-shadow-body.gif) repeat-y left; padding: 0 0 10px 25px;}
.sb-bottom {background:url(images/sb-shadow-bottom.gif) bottom left no-repeat; height:90px; width:20px;}

.sb-rss {padding:10px 0 0 0;}
.sb-rss div.feedcount { padding: 0 0 0 60px; font-size:14px; color:#000000; margin-top:-14px; }
.sb-rss a {background:url(images/subscribe-rss-bg.gif) no-repeat left; width:230px; height:52px; display:block}
.sb-rss a:hover {background-position:right;}

.sb-rss-email a {background:url(images/subscribe-rss-email.gif) no-repeat left; width:240px; height:52px; display:block; padding:20px 0 0 0;}
.sb-rss-email a:hover {background-position:right;}

.sb-content h6 {font-size:14px; color:#e52626; font-weight:bold;}
.sb-content ul {padding:2px 0;}
.sb-content li {background: url(images/sb-list-bullet.gif) left no-repeat; background-position:0 6px; padding: 0 0 0 15px; line-height:1.5; font-size:13px}
.sb-content a:link {color:#666666;}
.sb-content a:visited {color:#999999;}
.sb-content a:hover, .sb-content a:focus, .sb-content a:active {color:#ff9900;}

.search {background:url(images/archive-bg.gif) no-repeat; width:240px; height:28px; margin: 5px 0 10px; padding: 0 0 0 5px}
.keyword {background:transparent; padding: 7px 0; color:#666666; font-family:"Lucida Sans Unicode","Lucida Grande","Lucida Sans",sans-serif; float:left}

/* footer */

#footer-section {width:900px; margin: 0 auto; padding: 15px 0 0 0;}
.footer-cell {width:300px; display:block; float:left; text-align:left;}
.footer-cell h6 { padding: 0 0 4px 0; font-size:14px; color:#f3ebbd; font-weight:bold;}
.footer-cell .ft-content {padding:10px 0; background:url(images/footer-dot.gif) bottom repeat-x; margin: 0 30px 0 0;}
.ft-content .title a {color:#e52626;}
.ft-content .title a:hover {color:#f13a6d;}
.ft-content .date {float:right; color:#b2ae4e; font-size:11px; padding:1px 0 0 10px;}

.footer-cell li {padding:10px 0; background:url(images/footer-dot.gif) bottom repeat-x; margin: 0 30px 0 0; color:#b2ae4e;}
.footer cell li a {color:#e52626;}
.footer cell li a:hover {color:#f55f88;}

#credit {text-align:center; clear:both; color:#666666; font-size:11px; padding:20px 0;}
#credit a {color:#ff9900;}


/* Comments */
#comment {width:550px;}
#commentlist {margin-bottom:20px;}
#commentlist ol {margin:10px 0;}
#commentlist ol li {list-style:none;background-color:#fefefe;margin: 0 0 10px 0;}
#commentlist ol li cite {font-style:normal;font-weight:bold;}
small.commentmetadata {float:right; padding: 5px 0 0 0;}

#commentlist ol li small.commentmetadata a {color:#ccc;}

h5#comments {margin-top:20px; color:#000000; font-weight:bold; background: url(images/comment-icon.gif) left top no-repeat; padding: 0 0 10px 35px; font-size:14px;}
h5#respond {margin:0 0 5px 0; font-weight:bold; font-size:14px; padding:10px 0 0 0;}

#commentlist ol .gravatar {float:left; padding:2px; border:1px solid #efefef; margin: 0 10px 0 0;}

.comments {margin: 0 0 0 55px}
.comments p {padding: 0 0 5px 0;}
cite a {font-weight:bold}

.separator { background:url(images/dot-bg.gif) top repeat-x; height:1px; padding: 0 0 10px 0;}

.comment-form { background:#f5f2d2; border-bottom:1px solid #dcd9bd; margin:5px 0; padding: 5px 2px; font-family:"Lucida Sans Unicode","Lucida Grande","Lucida Sans",sans-serif; font-size:13px;}

span.cmt-detail {font-size:13px; color:#e96b39; padding:0 0 0 5px; vertical-align:bottom; position:relative; top:-12px}

#submit {background:url(images/comment-btn.gif) no-repeat 3px; width: 189px; height:44px; text-align:center; font-size:16px; color:#FFFFFF; margin: 10px 0 20px -3px; font-weight:bold; cursor:pointer; font-family:"Lucida Sans Unicode","Lucida Grande","Lucida Sans",sans-serif; }

/* Advertising */

.adspace {padding-bottom:10px;}
.adblock {float:left; width: 127px;}
.adblock img {padding:0 2px 2px 0}

/* Random */

.postspermonth {margin: 7px 0 10px 0;list-style: none !important;padding-left: 25px;}
.clear { clear: both; }
.clearleft {clear:left;}
.clearright {clear:right;}
.right {float:right;}

/* Twitter Button & subscribe RSS */
#twitter-btn {position: absolute; left:-68px; top:8px;}
.subscribe-rss {background:#f4f1cd; border-top:1px solid #e4dd8a; border-bottom:1px solid #e4dd8a; padding:5px 0; text-align:center; margin:15px 0 25px;}

/*
WinIE6
*/

/*\*/

/** html #sidebar{margin-right:30px;}*/

/**/

/* End of Style */