/* layout */

* { margin:0; padding:0; }

body {
	text-align:center;
	background-color:#fff;
	font-family:helvetica, arial, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#000;
	}

p { margin-bottom:15px; }

strong { font-weight:bold; }
em { font-style:italic; }
.strike { text-decoration: line-through; }
.imyou { font-weight:bold; color:#00f; }
.imme { font-weight:bold; color:#f00; }
.litetext { color:#777; }
.fcg { font-style:italic; }
.fcc { color:#aaa; font-size:22px; font-family:helvetica, arial, sans-serif; line-height:14px; }

#page {
	width:702px;
	margin:0 auto 0 auto;
	text-align:center;
}

#left {
	clear:both;
	float:left;
	width:450px;
	text-align:left;
}

#right {
	float:right;
	margin-left:0px;
	width:200px;
}

#top {}

#menu {
	text-align:left;
	font-weight:bold;
	font-family:helvetica, arial, sans-serif;
	color:#9b9b9b;
	margin:10px auto 0 auto;
}

#mfmenulink { }

.mfm, .mff, .mfe { font-size:16px; }
.mfm, .mfe { color:#338;}
.mff { color:#9b9b9b; }

#menu a:link, #menu a:visited { color:#9b9b9b; }
#menu a:hover { color:#338; }
#menu a:active { }

#topgraphic {
	width:700px;
	height:100px;
	text-align:left;
	border:1px solid #ccc;
}

/* content */

#content { padding:10px 0px 20px 0px; }

#content a:link { color:#33a; }
#content a:visited { color:#99c; }
#content a:hover, #content a:active { color:#33a; text-decoration:underline; }

.clear { clear:both; }

.entry { line-height:18px; }

.archive-link { clear:both; text-align:center; }							/* archive link */

h2.entrytitle, h2.statictitle, h2.mainarchivetitle, h2.commentsubmittitle, h2.dynamicerrortitle, h2.midtitle {
	font-family:helvetica, arial, sans-serif;
	font-size:20px;
	color:#338;
	font-weight:bold;
	margin-top:0;
	padding-bottom:2px;
	border-bottom:1px solid #ccc;
	letter-spacing:-1px;
	}	

h2.worktitle, h2.phototitle {
	font-family:helvetica, geneva, arial, sans-serif;
	font-size:18px;
	line-height:18px;
	color:#338;
	font-weight:bold;
	letter-spacing:-1px;
}

h3 {
	font-family:helvetica, geneva, arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#ccc;
	letter-spacing:-1px;
	}

h5.entrydate, h5.workdate, h5.photodate {
	font-family:helvetica, arial, sans-serif;
	font-size:10px;
	line-height:14px;
	color:#777;
	font-weight:normal;
	margin:auto auto 10px auto;
	}

h5.workdate, h5.photodate {
	font-family:helvetica, geneva, arial, sans-serif;
	font-size:10px;
	line-height:14px;
	color:#777;
	font-weight:normal;
	margin:auto auto 10px auto;
}

#content a.categorylink { color:#777; }

h2.worktitle, h5.workdate { text-align:right; }
h2.phototitle, h5.photodate { text-align:center; }

.entrybreak {
	clear:both!important;
	margin:5px auto 20px auto;
	width:100%;
	height:25px;
	background-image:url(../images/layout/06/hr-metaly.gif);
	background-repeat:no-repeat;
	background-position:center center;
	}

a { text-decoration:none; }

h2 a:link, h2 a:visited, h2 a:hover, h2 a:active { color:#338!important; text-decoration:none!important; }

#content h5 a:link, #content h5 a.commentslink:visited, #content h5 a.commentslink:active { color:#777; }
#content h5 a.commentslink:hover { color:#777; text-decoration:underline; }

blockquote {
	margin:auto 25px 15px 25px;
	padding-left:10px;
	border-left:2px solid #ddd;
	line-height:14px;
	}

.entry ul {
	list-style-position:inside;
	list-style-type:circle;
	margin:auto auto 15px 25px;
	}

.entry ol {
	list-style-position:inside;
	margin:auto auto 15px 25px;
	}

img.embed {
	display:block;
	margin:10px 0 0 0;
	border:1px solid #ddd;
	}

img.noborder { border:0!important; }

img.left {
	float:left;
	margin:0 15px 5px 0;
	border:1px solid #ddd;
	}

img.right {
	float:right;
	margin:0 0 5px 15px;
	border:1px solid #ddd;
	}

h3.commentsheader a, h3.postcommentheader a, h3.archivesearchheader a, h3.archivecategoryheader a { color:#777; }

.entry h3 {
	font-size:14px;
	color:#777;
	margin:10px auto 2px 0;
	letter-spacing:-1px;
	}

/* comments */

h3.commentsheader, h3.postcommentheader {
	color:#777;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	letter-spacing:-1px;
	}

.comments { text-align:left; }
.comment { }
.timestamp p { color:#33a; }
.commentbody { line-height:16px; padding-top:0px; }

.timestamp p {
	font-family:helvetica, arial, sans-serif;
	font-size:10px;
	line-height:10px;
	color:#777;
	margin-bottom:0px;
	text-align:right;
	}

.comment-arrow { font-weight:normal; color:#777; }

.commenter { font-size:12px; line-height:12px; font-weight:bold; margin-bottom:0px; }
.commenter p { margin-bottom:0; }
#content .commenter a:link, #content .commenter a:visited { color:#33a; }
#content .commenter a:hover, #content .commenter a:active { color:#33a; text-decoration:underline; }

.cookie { float:right; padding-right:25px; }
.commentinfo { padding-bottom:3px; }
.commentlabel { float:left; width:50px; }
.commentdisclaimer { font-family:helvetica, arial, sans-serif; font-size:10px; line-height:16px; color:#777; }

/* sidebar */

#right a:link { color:#33a; }
#right a:visited { color:#33a; }
#right a:hover { color:#33a; text-decoration:underline; }
#right a:active { color:#33a; text-decoration:underline; }

.fakelink { color:#33a; }

#sidebar {
	width:200px;
	text-align:left;
	padding:10px 0 20px 0;
	margin:auto;
	color:#555;
	font-size:11px;
	line-height:12px;
	}
	
#sidecontent .title { font-weight:bold; }

#sidebar-links p { margin-bottom:10px; }

#footer {
	width:200px;
	text-align:center;
	margin:10px auto 20px auto;
	}

#sidebar .hr {
	height:1px;
	border-top:0px;
	border-right:0px;
	border-bottom:1px dotted #ccc;
	border-left:0px;
	margin:10px 0px 10px 0px;
}

/* archive */

.archive-monthly { width:40%; float:left; margin:15px auto 25px auto; }
.archive-category, .archive-subject, .archive-sidebar { width:40%; float:right; clear:right; margin:15px auto auto 25px; }

/* static */

.quotes p {
	text-align:left;
	line-height:16px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	}

.archive-nav-top { padding:2px 5px 2px 5px; text-align:left; border:1px solid #ddd; margin-bottom:15px; }
.archive-nav-bottom { padding:2px 5px 2px 5px; text-align:left; border:1px solid #ddd; }

#search {
	font-family:helvetica, arial, sans-serif;
	color:#000;
	background-color:#fff;
}

.hr {
	height:1px;
	border-bottom:1px solid #ddd;
	margin:10px 0 10px 0;
}

div.sketch { margin-top:10px; }
.sketch p { text-align:left; margin:0; }
.sketch img { border:1px solid #ddd; }

td.category-archive-date { padding-right:5px; color:#999; }

.fn { color:#777; font-weight:normal; }
.fn:before { content:"["; }
.fn:after { content:"]"; }
.fntext { font-size:11px; line-height:14px; }

.fn2 { vertical-align:super; font-size:10px; }
.fntext2 { font-size:10px; }

.star { font-family: "Hiragino Kaku Gothic Pro", "Osaka", "Zapf Dingbats"; }

.pollarchive { line-height:16px; }

/* gallery */

img#work, img#photo {
	border:1px solid #ccc; 
	padding:5px;
	margin:20px auto 10px auto;
	}

img.noborder { border:0!important; }

#imagebox {
	 								/* width of image */
}

#textbox {
	margin-top:20px;
	text-align:left;
									/* width of image */
}

#topgraphic { background-image:url(../images/layout/headers/harimau.jpg); }

#countdown {
	text-align:center;
	font-size:12px;
	}
	
#countdown p { margin-bottom:0; }
	
#countdown span {
	font-size:48px;
	line-height:48px;
	letter-spacing:-2px;
	font-weight:bold;
	color:#99c;
	}