/*
Theme Name: Love Random V2
Theme URI:
Description: Just random stripes everywhere.
Version: 20080210
Author: Oakyoon Cha
*/

/* General Styles */
body { font: 9.25pt Dotum, µ¸¿ò, sans-serif; background: #eee; color: #333; }
input, textarea { font: 9.25pt Dotum, µ¸¿ò, sans-serif; color: #333; }
div, p, ul, ol, h1, h2, h3, h4, form { margin: 0; padding: 0; }

a { color: #333; text-decoration: none; }
a:hover { color: #f39; text-decoration: underline; }
a img { border: none; }


/* General Layout */
body { margin: 12px 0; padding: 0; text-align: center; }
.container { margin: 0 auto; width: 676px; text-align: justify; }
.left { width: 66px; float: left; }
.sitelogo { display: block; width: 66px; height: 74px; background: url(images.php/oakyoon-logo.333[1c2c].png) center top; }
.right { margin-top: 10px; width: 610px; float: right; }
.banners { margin: 0 5px; height: 15px; text-align: right; font-size: 0; }
.header { padding: 0 4px; height: 31px; background: url(images.php/oakyoon-net.333[1c2c].png) center top; }
.header h1 { margin: 0; padding: 0; font-size: 2em; }
.header h1 a { display: block; width: 220px; height: 26px; }
.header .hidden { display: none; }
.body {
	margin: 0 5px; padding: 0; background: #fff;
	border-left: 1px solid #999; border-right: 1px solid #999;
}
.footer {
	margin: 0; padding: 0 10px; height: 7px; font-size: 0;
	background: url(images.php/oakyoon-net.333[1c2c].png) center bottom;
}
.credit { margin: 0; font: 0.9em 'Trebuchet MS', sans-serif; color: #333; text-align: center; }

.sidebar { padding: 0.5em 1.5em; line-height: 1.6em; }
.sidebar ul, .sidebar li { display: inline; list-style-type: none; }
.sidebar a { color: #666; }
.sidebar a:hover { color: #f39; text-decoration: none; }

.page_colophon a { padding-left: 13px; background: url(images/identity.gif) no-repeat left top; }
.page_colophon a:hover { background: url(images/identity-red.gif) no-repeat left top; }
.page_item a { padding-left: 13px; background: url(images/document.gif) no-repeat left top; }
.page_item a:hover { background: url(images/document-red.gif) no-repeat left top; }

.categories a { padding-left: 13px; background: url(images/search.gif) no-repeat left top; }
.categories a:hover { background: url(images/search-red.gif) no-repeat left top; }

.feeds a { padding-left: 13px; background: url(images/rss.gif) no-repeat left top; }
.feeds a:hover { background: url(images/rss-red.gif) no-repeat left top; }

.post, .archives { padding-top: 3px; background: url(images.php/600x3.333[1c2c].png) no-repeat center top; }
.navigation, .info, .toc { background: url(images.php/600x50.333[000c].png) repeat left; }


/* Page Layout Stuff */
.navigation { line-height: 1.6em; padding: 0.4em 0.5em; min-height: 1em; }
.navigation .recent { float: left; }
.navigation .former { float: right; text-align: right; }

.post_title, .page_title { font-size: 1.5em; line-height: 1.3em; margin: 0.8em 1em; }
.post_title a, .page_title a { color: #666; text-decoration: none; }
.post_title a:hover, .page_title a:hover { color: #333; text-decoration: none; }
.page_title { text-align: center; }
.extra_margin { margin-top: 1.35em; }
.single_title { margin-bottom: 2em; }

.post_date { float: right; margin: 0.4em 0.83em; background: #fff; }
.post_date[class] { margin: 0.4em 1.67em; }
.number { font: 1.1em Georgia, Garamond, serif; }
.date { padding-left: 14px; background: url(images/calendar.gif) no-repeat left center; font: 0.9em Batang, ¹ÙÅÁ, serif; }
.time { padding-left: 14px; background: url(images/watch.gif) no-repeat left center; font: 1em Georgia, Garamond, serif; }

.content { line-height: 1.6em; margin: 1em 1.5em 2.5em 1.5em; }
.archives { padding-left: 1.5em; padding-right: 1.5em; padding-bottom: 2em; line-height: 1.6em; }
.archives .page_title { margin-bottom: 0.75em; }
.archives li { padding-left: 3em; text-indent: -3em; list-style-type: none; }
.archives .subject { padding-left: 13px; background: url(images/index.gif) no-repeat left top; }
.archives .subject:hover { background: url(images/index-red.gif) no-repeat left top; }
.archives .comment { margin-left: 0.25em;  }
.archives .comment a { padding-left: 13px; background: url(images/say-gray.gif) no-repeat left top; color: #999; }
.archives .comment a:hover { color: #999; }

.meta { line-height: 1.6em; margin: 1em 1.5em; }
.meta a { color: #666; }
.meta a:hover { color: #f39; }
.meta .category a { padding-left: 13px; background: url(images/search.gif) no-repeat left top; }
.meta .category a:hover { background: url(images/search-red.gif) no-repeat left top; }
.meta .comment a { padding-left: 13px; background: url(images/say.gif) no-repeat left top; }
.meta .comment a:hover { background: url(images/say-red.gif) no-repeat left top; }

.toc { line-height: 1.6em; padding: 0.4em 1.5em; }
.toc ul { padding-left: 2em; }
.toc li { list-style-type: none; }
.toc_item a { padding-left: 14px; background: url(images/link-box.gif) no-repeat left top; }

.info { line-height: 1.6em; padding: 0.8em 3em; font-size: 0.9em; text-align: left; }
.info a { padding-right: 13px; background: url(images/link-box.gif) no-repeat right top; }
.info a:hover { background: url(images/link-box-red.gif) no-repeat right top; }


/* Comment Layout Stuff */
.comments { margin: 1.5em 1.5em 0.5em 4.5em; }
.comments a { padding-right: 13px; background: url(images/link-box.gif) no-repeat right top; }
.comments a:hover { background: url(images/link-box-red.gif) no-repeat right top; }
.comments .entry { font: 2.5em Georgia, Garamond, serif; color: #999; }
.comments .entry .author, .comments .entry .text { font: 0.4em Dotum, µ¸¿ò, sans-serif; color: #333; }
.comments .entry .date { font-size: 0.4em; color: #333; }
.comments .entry .text p { margin-top: 0.4em; margin-bottom: 0.6em; line-height: 1.3em; text-align: justify; }
.comments .entry .text[class] p { margin-top: 0.2em; }

.submit { margin: 2em 0 0 0; padding: 0.5em 1.5em 1em 3em; background: url(images.php/600x50.333[000c].png) repeat center top; }
.submit p { margin: 0.1em 0; }
.submit[class] p { margin: 0.2em 0; }
.submit input, .submit textarea { padding: 3px; border: 1px solid #999; background: #fff; }
.submit>p>/**/input, .submit>p>/**/textarea { padding: 1px; }
.submit a img, .submit label img { margin: 2px 0 -2px 3px; }
.submit .notice { font: 0.9em Batang, ¹ÙÅÁ, serif; color: #c33; margin-left: 0.5em; }
.submit #url { background: transparent; }
.submit #comment { width: 510px; }
.submit #submit { border: none; }


/* Content Layout Stuff */
.content { text-align: justify; }

.content h3 { font-size: 1.2em; margin: 2em 0 1em 0; }
.content h4 { font-size: 1.1em; margin: 1.6em 0 0.8em 0; }
.content .summary h3 { margin-top: 0.8em; }
.content .summary h4 { margin-top: 1em; }
.content h3.red, .content h4.red { color: #c33; }
.content h3.lime, .content h4.lime { color: #3c3; }

.content p { text-indent: 1em; line-height: 1.6em; margin: 0.8em 0; }
.content p.noindent { text-indent: 0; }
.content .center { text-align: center; }
.content .box { background: #eee; border: solid #999; border-width: 1px 0 1px 0; padding: 0.6em 1.2em; }
.content .summary { background: #eee; border: solid #999; border-width: 1px 0 1px 0; padding: 0 2em; }

.content ul, .content ol { margin: 0.8em 0 0.8em 2em; line-height: 1.6em; }
.content ul ul, .content ul ol, .content ol ol, .content ul ol { margin: 0 0 0 2em; }
.content ul li, .content ol li { margin: 0; padding: 0; }
.content ul li { list-style: disc; }
.content ol li { list-style: decimal; }

.content a { padding-right: 13px; background: url(images/link-box.gif) no-repeat right top; }
.content a:hover { background: url(images/link-box-red.gif) no-repeat right top; }
.content a.nomark { padding: 0; background: transparent; }

.content blockquote { margin: 0.8em 0; padding: 0.1em 2em; background: #eee; font: 1em Batang, ¹ÙÅÁ, serif; }
.content blockquote.noindent p { text-indent: 0; }
.content cite { font: normal 1em Batang, ¹ÙÅÁ, serif; }
.content code { font-family: Monaco, 'Courier New', Courier, fixed; }
.content sup, .content sub { font-family: Georgia, Garamond, serif; font-weight: bold; }
.content hr { border: solid 1px #ccc; height: 1px; background: #ccc; }
.content[class] hr { border: none; }

.content img.border { border: 1px solid #666; }
.content strong { font-weight: bold; }
.content strong.red { font-weight: normal; color: #c33; }
.content strong.lime { font-weight: normal; color: #3c3; }