@charset "UTF-8";

/*
Theme Name: PersonaLog
Theme URI: http://kahong.com
Description: Modification of The 2010 default theme for WordPress.
Author: Tan Kahong
Version: 3.0
*/

* { margin: 0; padding: 0;}
body { font-family: Arial, sans-serif; font-size: 9pt; line-height: 16px; color: #57584f; background: #eceedc url(images/headers/bg_streetbuilding.jpg) no-repeat center top fixed;}

a { color: #998; text-decoration: none;}
a:hover { color: #e57100;}

p { padding-bottom: 16px;}
img { vertical-align: bottom; border: none;}

em { font-family: Georgia, serif;}
cite { font-style: normal;}

form {}
input { line-height: 16px; font-size: 8pt;}
textarea { line-height: 16px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 9pt;}

table { width: 100%; border-collapse: collapse; margin-bottom: 24px;}
tr { vertical-align: top;}
th { text-align: left;}
td {}

h1 { font-size: 32px; line-height: 32px;}
h2 { font-size: 24px; line-height: 24px;}
h3 { font-size: 16px; line-height: 24px;}


/* Common */
.clear { clear: both;}
.hide { display: none;}

.alignright { float: right; margin-left: 16px;}
.alignleft { float: left; margin-right: 16px;}


/* Layout */
.layout { position: relative; display: block; width: 944px; padding: 0 16px; margin: 0 auto; background: #FFF;}


/* Header */
.siteHeader { position: relative;}

.siteBrand { position: absolute; z-index: 10; color: #FFF;}
.siteBrand h1 { display: block; padding: 16px 16px 0 16px; text-transform: uppercase;}
.siteBrand h1 a { color: #FFF;}
.siteBrand .siteDesc { display: block; padding: 0 16px; font-family: Georgia, serif; font-size: 16px;}

.siteImage { background: #FFF url(images/layout/dotsgrey.gif) repeat-x left bottom; text-align: center;}


/* Navigation Menu */
.skip-link { display: none;}

.siteNavi { position: absolute; z-index: 15px; top: 208px; display: block; width: 100%;}
.siteNavi .menu { display: block;}

.siteNavi .menu ul { list-style-type: none; width: 100%; background: url(images/layout/navibg.png) repeat-x left top; float: left;}
.siteNavi .menu ul li { position: relative; float: left; margin-left: 8px;}
.siteNavi .menu ul li a { display: block; padding: 8px; color: #FFF; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px;}
.siteNavi .menu ul li a:hover { border: none;}

.siteNavi .menu ul ul { position: absolute; z-index: 999; top: 32px; left: 0; display: none; width: 208px; background: #b7b7ac; float: left;}
.siteNavi .menu ul ul li { margin-left: 0; background: #b7b7ac url(images/layout/dotswhite.gif) repeat-x left bottom;}
.siteNavi .menu ul ul a { padding-bottom: 7px; min-width: 192px; -moz-border-radius: 0; -webkit-border-radius: 0;}
.siteNavi .menu ul ul ul { left: 100%; top: 0;}

.siteNavi .menu li:hover > ul { display: block;}
.siteNavi .menu li:hover > a { background: #b7b7ac; color: #FFF;}
.siteNavi .menu li li:hover > a { color: #57584f; background: #b7b7ac url(images/layout/dotswhite.gif) repeat-x left bottom;}

.siteNavi .menu li.current_page_item > a,
.siteNavi .menu li.current-menu-ancestor > a,
.siteNavi .menu li.current-menu-item > a,
.siteNavi .menu li.current-menu-parent > a { color: #57584f; background: #FFF;}


/* Main */
.mainBlog { clear: both; padding: 16px 0;}

.contentArea { display: block; width: 656px; float: left;}
.sideBar { display: block; width: 272px; float: right;}


/* Content */
.navigation { display: block; width: 100%; float: left; padding-bottom: 16px;}
#nav-above { padding-top: 16px; margin-bottom: 16px; background: url(images/layout/dotsgrey.gif) repeat-x left bottom;}
.navigation > div { display: block; width: 50%;}
.nav-previous { float: left;}
.nav-next { float: right; text-align: right;}


/* Post */
.type-post { margin-bottom: 16px; background: url(images/layout/dotsgrey.gif) repeat-x left bottom; clear: both;}

h2.entryTitle {}
h2.entryTitle a { color: #3d3d3d;}
h2.pageTitle { padding-top: 8px; padding-bottom: 16px; margin-bottom: 16px; background: url(images/layout/dotsgrey.gif) repeat-x left bottom;}

.entry-meta { padding-bottom: 16px; font-size: 8pt;}
.entry-utility { clear: both; font-size: 8pt; padding-bottom: 16px;}

.post-meta { list-style-type: none; margin-bottom: 48px; text-align: right;}
.post-meta li { display: inline-block; padding-left: 16px;}

.entry-content { font-size: 11pt; line-height: 24px;}
.entry-content a { color: #e57100;}
.entry-content ol, .entry-content ul { padding-left: 48px; margin-bottom: 16px;}
.entry-content hr { border: none; margin-bottom: 24px; background: url(images/layout/dotsgrey.gif) repeat-x left;}
.entry-content img.wp-smiley { vertical-align: baseline;}

.gallery-thumb { float: left; padding-right: 16px; padding-bottom: 16px;}
.gallery-thumb a { display: block;}


/* Author */
#entry-author-info { padding: 7px; margin-bottom: 16px; background: #f1f1ee; border: 1px solid #d1d1d1; font-size: 8pt;}
#author-avatar { display: block; float: left; padding-right: 8px;}
#author-description h2 { font-size: 9pt;}
#author-link { clear: both; padding-top: 8px; text-align: right;}

img.avatar { width: 46px; height: 46px; border: 1px solid #FFF;}


/* Page Tweak */
.sticky { padding: 16px; margin-bottom: 32px; background: #f1f1ee;}
.sticky .entry-utility { padding-bottom: 0;}


/* Comments */
#comments { clear: both; padding-top: 16px; background: url(images/layout/dotsgrey.gif) repeat-x left top;}

h3#comments-title { font-weight: normal; padding-bottom: 16px;}
h3#comments-title em { font-weight: bold; font-style: normal;}

ol.commentlist { list-style-type: none; margin-bottom: 16px; padding-bottom: 16px; background: url(images/layout/dotsgrey.gif) repeat-x left bottom;}
ol.commentlist > li { padding: 8px 8px 0 8px; clear: both;}
ol.commentlist li.even { background: #f8f8f8;}
ol.commentlist li.odd { background: #FFF;}
ol.commentlist li > div { position: relative; padding-bottom: 8px;}
ol.commentlist li em { font-size: 8pt; color: #888; font-style: normal;}

.comment-author img { float: left; margin-right: 8px;}
.comment-author cite.fn a { font-style: normal; font-weight: bold; color: #3d3d3d;}
.comment-meta { position: absolute; top: 0; right: 0; font-size: 8pt;}
.comment-body p { padding: 8px 0;}
.reply { text-align: right;}
.reply a { padding: 0 8px; background: #3d3d3d; color: #FFF; -moz-border-radius: 4px; -webkit-border-radius: 4px;}

#comments ul.children { list-style-type: none; padding-bottom: 8px;}
#comments ul.children > li { padding-top: 8px; padding-left: 8px; padding-right: 8px;}
#comments li #respond { padding-top: 16px; background: url(images/layout/dotsgrey.gif) repeat-x left top;}

.comment-notes { font-size: 8pt;}
span.required { color: #F60;}
#respond form p > label { display: inline-block; width: 64px;}
.comment-form-author input,
.comment-form-email input,
.comment-form-url input { border: 1px solid #d1d1d1; font-size: 9pt; width: 240px;}
.comment-form-url input { margin-left: 10px;}
.comment-form-comment label { display: block;}
.comment-form-comment textarea { width: 100%; border: 1px solid #d1d1d1;}
.form-allowed-tags { font-size: 8pt; background: #FFC; padding: 8px; margin-bottom: 16px;}

h3#reply-title small a { padding: 0 8px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 9pt; font-weight: normal; color: #FFF; background: #000; -moz-border-radius: 4px; -webkit-border-radius: 4px;}

.nocomments { display: none;}


/* Sidebar + Widget */
h3.widget-title a { color: #e57100;}

ul.widgetList { list-style-type: none;}
ul.widgetList > li { margin-bottom: 16px; padding: 0 16px 16px 16px; background: url(images/layout/dotsgrey.gif) repeat-x left bottom;}

li.widget-container ul { list-style-type: none;}

li.widget_search label { display: none;}
li.widget_search input { width: 240px; height: 16px; padding: 0; border: none; background: #f3f3f3;}

li.widget_calendar h3 { display: none;}
li.widget_calendar table { margin-bottom: 0;}
li.widget_calendar tfoot td { background: #e7e7e7 !important; line-height: 16px;}
li.widget_calendar caption { background: #e7e7e7;}
li.widget_calendar th { text-align: center; background: #d1d1d1;}
li.widget_calendar td { text-align: center; line-height: 32px; border: 1px solid #f8f8f8;}
li.widget_calendar td.pad { background: #f8f8f8;}
li.widget_calendar td#today { background: #f3f3f3;}
li.widget_calendar td a { display: block; color: #e57100;}
li.widget_calendar td a:hover { background: #e57100; color: #FFF;}

li.widget_rss .rsswidget img { display: none;}


/* Gallery */
.gallery { padding: 8px; padding-bottom: 0; margin-bottom: 24px; background: #f1f1ee;}
.gallery dl { display: block; width: 20%; text-align: center; padding: 8px 0; float: left;}
.gallery dt a { display: block;}
.gallery dt a img { border: 2px solid #FFF;}
.gallery dt a:hover img { border: 2px solid #888;}
.gallery dd { margin: 0 6px; background: #FFF; font-size: 8pt; text-align: center;}

.attachmentBox { padding-bottom: 0;}
.attachment .entry-utility { display: none;}
.attachment .entry-content p { clear: both; padding: 16px; text-align: center; background: #f8f8f8;}

.entry-attachment .navigation { padding-bottom: 0; background: #000;}
.entry-attachment .navigation a { display: block;}
.entry-attachment .navigation a img { width: 32px; height: 32px; padding: 8px; background: #3d3d3d;}

.entry-caption { clear: both; display: none;}

.wp-caption { background: #3d3d3d; text-align: center; padding-top: 5px;}
.wp-caption p { padding-bottom: 0; color: #FFF; font-size: 9pt; line-height: 16px;}


/* Footer */
.siteFooter { clear: both; padding: 16px; background: #57584f;}
.siteFooter .siteInfo { clear: both; display: none;}
.siteFooter #site-generator { display: none;}

#footer-widget-area { overflow: hidden;}
#footer-widget-area .widgetBox { display: block; width: 25%; float: left;}
#footer-widget-area ul.widgetList { padding-right: 16px;}
#footer-widget-area ul.widgetList li { padding: 0; background: none;}
#footer-widget-area ul.widgetList li h3 { color: #FFF;}
#footer-widget-area ul.widgetList li a { color: #BBA;}
#footer-widget-area ul.widgetList li a:hover { color: #e57100;}


/* Extra */
.googleadsense { margin-bottom: 16px; border: 1px solid #d4d4d1; padding: 7px;}