/*
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 {margin:0; padding:0; border:0; border-collapse:collapse; font-weight:normal;}
ul,ol,li {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; text-align:center; 
	   font-family: "Lucida Sans Unicode","Lucida Grande", "Lucida Sans", sans-serif; font-size:0.8em; color:#111111;}
#wrapper { width: 900px; margin: 0 auto; text-align:left;}
	#header { height:72px;}
	#container { width:900px; padding-top:75px;}
		#main-content {width: 600px; float:left;}
		#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;}

/* header list links */
#header-nav {float:right; margin-right:10px;}
#header-nav li {display:inline; padding: 0 30px 0 20px; font-size:18px; line-height:72px;}
#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:#ff9900;}

/* 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:16px; line-height:1.4; padding:30px 25px 0 25px;}
#intro a {color:#ffaa00;}
#intro a:hover, #intro a:focus, #intro a:active { text-decoration:underline;}

/* Post */
.post {width: 550px; padding:10px 0 20px 2px; background:url(images/dot-bg.gif) bottom repeat-x;}
.post h1 {color:#e52626; font-size:20px; font-weight:bold; padding: 0 0 3px 0;}
.post h1 a {color:#e52626; font-size:20px; font-weight: bold; letter-spacing:-1.5px; font-family: "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Lucida,sans-serif;}
.post h1 a:hover, .post h1 a:focus, .post h1 a:active {color:#f13a6d;}

span.date {float: right;font-size: 12px;color: #999999;}
p.category {font-size:11px; color:#888888;}
p.category a {color:#ffaa00;}
span.comment a {color:#bab52a;}

.post-content p {color:#333333; padding: 8px 0 2px 0; clear:both; line-height:1.4}
.post-content a {color:#ec215b; font-weight:bold; /*background:#fefce7;*/}
.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:0;}
.post-content li {background:url(images/main-list-bullet.gif) left no-repeat; background-position: 0 3px; padding: 0 0 0 18px; margin:0 0 3px 0;}
.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:1.2em;}
.post-content img {max-width:550px;}
.post-content h2 {color:#e52626; font-size:18px; padding:10px 0 2px 0; font-weight:bold;}
.post-content h3 {color:#e52626; font-size:16px; padding:10px 0 2px 0; font-weight:bold;}

/* 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; font-family:"Lucida Sans Unicode","Lucida Grande","Lucida Sans",sans-serif; float:left; width:240px; height:28px; margin:1px 0; border:none;}

.sb-top {background:url(images/sb-shadow-top.gif) top left no-repeat; height:80px; 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:url(images/subscribe-rss-bg.gif) no-repeat 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 7px; padding: 0 0 0 15px; line-height:1.7;}
.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;}
.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; line-height:20px; position:absolute; padding:10px 0 0 5px;}

#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 Crap and Classes */

.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;}

/*

WinIE6

*/

/*\*/

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

/**/



/* End of Style */