/*

Theme Name: 001 Honshi
Theme URI: http://www.horngshii.com
Description: Custom theme designed by myself. First attempt.

Version: 3.16a
Author: Horng Shii
Author URI: http://www.horngshii.com
Tags: emo, minimalist, stylish

*/

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,
ol, li, dl, dt, dd, form, a, fieldset, th, td {
	margin: 0; padding: 0; border: 0; outline: none;
}

h1, h2, h3, h4, h5, h6, textarea {
	font-size: 100%;
}

a { text-decoration: none; }
ul { list-style-type: none; }
body { font-size: 10pt; }

.cleared { margin: 0; padding: 0; clear: both; }
.wrapper { padding: 2px; border: 1px solid #ccc; }
.hidden { display: none; }
.fl { float: left; }
.fr { float: right; }

.checkeredx8 { background: transparent url(images/checkeredx8.gif) repeat top; }

/* border style */
.border01 { border: 1px solid #ccc; }
.border02 { border: 1px solid #fff; }

.round {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;
}
.round-top {
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-khtml-border-top-left-radius: 15px;
	-khtml-border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.round-bottom {
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-khtml-border-bottom-left-radius: 15px;
	-khtml-border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.round-right {
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-khtml-border-top-right-radius: 15px;
	-khtml-border-bottom-right-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

.round-left {
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-topleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-khtml-border-bottom-left-radius: 15px;
	-khtml-border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	border-top-left-radius: 15px
}

.shadow { -moz-box-shadow: #ccc 0px 0px 10px; -webkit-box-shadow: #ccc 0px 0px 10px; }

.shadow01 { -moz-box-shadow: #bbb 0px 0px 5px; -webkit-box-shadow: #bbb 0px 0px 5px; }
.shadow01:hover { -moz-box-shadow: #00ffe8 0px 0px 10px; -webkit-box-shadow: #ccc 0px 0px 10px; }

.shadowInset { -moz-box-shadow: inset #ccc 0px 0px 10px; -webkit-box-shadow: inset #ccc 0px 0px 10px; }
.insetGloss { -moz-box-shadow: inset #eee 0px 10px 10px; -webkit-box-shadow: inset #eee 0px 10px 10px; }
.insetGloss:hover { -moz-box-shadow: inset #bbb 0px 0px 10px; -webkit-box-shadow: inset #ccc 0px -10px 10px; background: #eee;}

#static-bg { position: fixed; width: 100%; height: 100%; z-index: -1; background: transparent; text-align: left; background: transparent url(images/background01.png) no-repeat bottom left}
#static-footer { position: fixed; width: 100%; height: auto; clear: both; bottom: 0px; border: 1px solid #ccc; background: transparent url(images/checkeredx8.gif) repeat top;  }
#static-tag { position: fixed; width: auto; height: auto; clear: both; margin-top: 200px; right: 0px; overflow: hidden; display: none; }
#static-tag img { margin-right: -10px; }	

#prevNext div { border: 1px solid #ccc; padding: 1em; }
#prevNext div:hover { border: 1px solid #aaa; padding: 1em; }
#prevNext a{ color: #555; font-size: 10pt; }
#prevNext a:hover { color: #222; }

#main, #header, #footer, #footer-contact { width: 960px; margin: 0 auto; }

#main { padding: 20px; }

#header { border-bottom: 0px solid #ccc; margin-bottom: 2em; padding: 20px 20px 0 20px; }
	#logo-wrapper { height: 150px; border: 0px solid #ccc; }
		#logo { float: left; margin-left: 10px; }
		#logo-tagline { float: left; margin-top: 65px; margin-left: 1em; color: #333; }
		
	#navigation-wrapper { background: #f9f9f9 url(images/checkeredx8.gif) repeat top; border: 1px solid #ccc; float: left; position: absolute; top: 125px; width: 960px; height: 40px; }
	#navigation-wrapper ul { margin-left: 1em; }
	#navigation-wrapper ul ul { margin-left: 0; }
	#navigation-wrapper ul li { display: inline-block; margin: 10px; border: 0px solid #ccc; }
	#navigation-wrapper a { line-height: 20pt; color: #555; font-size: 10pt; }
	#navigation-wrapper a:hover { color: #222; }
	
	#navigation-wrapper ul ul { display: none; position: absolute; border: 1px solid #ccc; }
	
	#navigation-wrapper ul ul li { display: block; background: #333; border-bottom: 1px solid #fff; padding: 0 10px 0 10px; margin: 0; }
	#navigation-wrapper ul ul li a { color: #999; font-size: 9pt; }
	#navigation-wrapper ul ul li a:hover { color: #fff; }
	
#footer { border-top: 0px solid #aaa; padding: .5em 20px; color: #888; background: transparent url(images/checkeredx8.gif) repeat top; }
#footer a { color: #555; }
#footer a:hover { color: #222; }
#footer-contact { border: 1px solid #ccc; position: relative; height: 280px; background: transparent url(images/whitex30.png) repeat; }
#footer-contact input, #footer-contact textarea { margin-bottom: .5em; font-family: Georgia; color: #333; }
#footer-contact a { color: #555; }
#footer-contact a:hover { color: #222; }
#footer-contact .form { border: 1px solid #ccc; font-size: 9pt; padding: 2px; width: 200px; }
	#footer-col1, #footer-col2, #footer-col3 { height: 220px; padding: 20px; float: left; } 
	#footer-col1 h1, #footer-col2 h1, #footer-col3 h1 { font-size: 12pt; color: #333; margin-bottom: 5px; }
	#footer-col1 h3, #footer-col2 h3 { font-size: 9pt; color: #555; margin-bottom: 10px; }
	#footer-col1 { width: 420px; border-right: 1px solid #ddd; background: transparent; }
	#footer-col1 p, #footer-col2 p { font-size: 9pt; color: #555; margin-bottom: 10px;  }
	#footer-col2 { width: 300px; border-left: 4px solid #eee; border-right: 4px solid #eee; background: transparent; } 
	#footer-col2 input { display: block; }
	#footer-col3 { width: 100px; border-left: 1px solid #ddd; background: transparent; }
	#footer-col3 ul li { margin-bottom: 5px; font-size: 9pt; }

#main-content-wrapper { float: left; width: 565px; border: 0px solid #ccc; }
	.post-snippet { border: 1px solid #ccc; margin: 0 0 5em 0; padding: 20px; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; background: transparent url(images/whitex30.png) repeat; }
	.post-snippet:hover { border: 1px solid #aaa; }
	.post-snippet h2 { font-size: 20pt; color: #333; margin: 0 0 .5em 0; }
	.post-snippet h2 a { color: #555; }
	.post-snippet h2 a:hover { color: #333; }
	
	.post-snippet a { color: #666; font-weight: 700;}
	.post-snippet a:hover { color: #111; } 
	.post-snippet a strong { color: #666; font-weight: 600;}
	
		.imgMod  { width: 510px; height: auto; border: 1px solid #ccc; padding: .3em; }
	.post-snippet p, .single-post p { font-size: 12pt; font-family: helvetica; color: #999; margin: 0 0 1em 0; line-height: 20pt; padding: .3em 0;}
		.post-date-wrapper { height: auto; width: 50px; padding: 1px; border: 1px solid #ccc;  position: absolute; margin-left: 480px; margin-top: -40px; background: white; }
		.post-date-wrapper .date { font-size: 20pt; text-align: center; padding: 5px; background: #eee; height: 20px; }
		.post-date-wrapper .dateS { font-size: 8pt; }
		.post-date-wrapper .month { background: #ddd; text-transform: uppercase; text-align: center; font-size: 8pt; padding: 5px; margin-top: 1px; height: 10px; overflow: hidden; }
		.post-date-wrapper .year {}
	
	.post-meta-wrapper { position: absolute; margin-top: 20px; border: 1px solid #ccc; height: auto; padding: .5em;  -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; color: #333; font-size: 8pt; background: transparent url(images/whitex30.png) repeat; }
	.post-meta-wrapper a { color: #333; font-weight: 500; }
	.post-meta-wrapper a:hover { text-decoration: underline; color: #111; }
	.post-meta-wrapper ul { padding: .5em; }
	.post-meta-wrapper ul li { display: inline; border-left: 1px solid #ccc; padding: 0 1em 0 1.2em; }
	.post-meta-wrapper ul li:first-child { border: 0; padding-left: 0; }
	
	.more-link { font-size: 9pt; color: #555; }
	.more-link:hover { color: #333; }

.wp-caption-text { font-size: 8pt !important; line-height: 8pt !important; color: #666 !important; font-weight: 700; border: 1px solid #ccc; background: transparent url(images/checkeredx8.gif) repeat top; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; }
.wp-caption { border: 0px solid black; width: 520px !important; text-align: center;  }
	
/* sidebar Template */
#sidebar-wrapper { float: right; width: 360px; border: 0px solid #ccc; }
#sidebar-wrapper ul li { padding: 1em; border: 1px solid #ccc; margin: 0 0 1em 0; -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; }

#sidebar-wrapper ul li ul li { border: 0; border-bottom: 1px solid #ccc; padding: 1em; margin: 0; }
#sidebar-wrapper ul li ul li:last-child { border: 0; }
#sidebar-wrapper ul li ul li:hover { background: transparent url(images/checkeredx5.png) repeat top; }
#sidebar-wrapper ul li ul li ul li:hover { background: white; }
#sidebar-wrapper a { color: #666; }
#sidebar-wrapper a:hover { color: #111; }
	.sidebarTitle { border: 0px solid #ccc; margin-top: 1em; font-size: 12pt; color: #333; }
	
#sidebar .current-cat { background: transparent url(images/checkeredx5.png) repeat top; }
#sidebar .current-cat a { color: #111; margin-left: 10pt; }

/* sidebar Template + CUSTOM PLUGIN */
#profileText { padding: 10px; border: 0px solid #ccc; font-size: 9pt; color: #555; }
#profileText p { padding-bottom: 1em; }

#twitter-wrapper { background: white; position: relative; top: -35px; }
	
/* Page Template */
#static-page-wrapper { float: left; width: 565px; border: 0px solid red; }
.quoted { border: 1px solid black; border: 1px solid #ccc; background: transparent url(images/checkeredx8.gif) repeat top; line-height: 20px; padding: 1em; margin: 30px 0; }

/* Single Template */
#single-post-wrapper { float: left; width: 565px; border: 0px solid blue; }
	.single-post { border: 1px solid #ccc; padding: 20px; -moz-border-radius: 10px 0 0 0; -webkit-border-radius: 10px 0 0 0; color: #333; background: transparent url(images/whitex30.png) repeat; margin-bottom: 10px; }
 
        .single-post a { color: #666; font-weight: 700;}
        .single-post a:hover { color: #111; }    
        .single-post-tag, .post-date { border: 1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: transparent url(images/checkeredx5.png) repeat top; padding: .5em; font-size: 9pt; }
        .single-post-tag a { color: #555; font-weight: normal; }
        .single-post-tag a:hover { text-decoration: underline; color: #111; }
		.single-post-tag ul { padding: .5em; }
		.single-post-tag ul li { display: inline; border-left: 1px solid #ccc; padding: 0 1em 0 1.2em; }
		.single-post-tag ul li:first-child { border: 0; padding-left: 0; }
	
		.post-date { margin-bottom: 2em; padding: 1em; }
		
        .comment-wrapper input, .comment-wrapper textarea { padding: 3px; margin: 5px 0; }
        .comment-wrapper textarea { font-size: 9pt; font-family: helvetica; width: 510px; }
        .comment-wrapper { border: 1px solid #ccc; padding: 20px; -moz-border-radius: 0 0 0 10px; -webkit-border-radius: 0 0 0 10px; color: #333; font-size: 10pt; background: transparent url(images/whitex30.png) repeat; }
	
	.single-post h2 { font-size: 20pt; color: #333; margin-bottom: .3em;}

    .comment-wrapper .navigation { border: 0px solid black; text-align: center; padding: 1em; margin: 1em;}
    .alignleft { text-align: left; float: left; display: none; }
    .alignright { text-align: right; float: right; display: none; }
    .page-numbers { color: #666; padding: 5px; font-size: 8pt; }          
    .page-numbers:hover { color: #111; background: #ccc; -moz-border-radius: 20px; -webkit-border-radius: 20px; }

	.commentlist { list-style-type: none; }
	.commentlist .thread-even { background: none; }
	.commentlist .thread-odd { background: none; }
	.commentlist img { background: #fff; padding: 2px; border: 1px solid #ccc; }
	.comment-body { padding: 1em 0; margin: 1em 0; }
        .comment { border-bottom: 1px dotted #ccc; }
        .comment p { padding-top: 1em; }
        
	.commentlist .depth-2 { margin-left: 2em; }
    
       	.vcard { border: 1px solid #ccc; width: auto; display: inline; padding: 1em;}
        .vcard .avatar { height: 75px; width: 75px; margin-right: 5px; }
        
        .commentmetadata { margin-top: 1.5em;}
        .commentmetadata a { font-size: 9pt; color: #666; }
        .commentmetadata a:hover { color: #111; }
   
        .reply { text-align: right; }
        .comment-reply-link { color: #666; font-size: 9pt; border: 0px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: .5em; }
        .comment-reply-link:hover { color: #111; background: #eee; }

/* Comments Template */
#comment-wrapper { border: 1px solid red; }
#comments-section { border: 1px solid yellow; }

adius: 10px; -webkit-border-radius: 10px; padding: .5em; }
        .comment-reply-link:hover { color: #111; background: #eee; }

/* Comments Template */
#comment-wrapper { border: 1px solid red; }
#comments-section { border: 1px solid yellow; }