/*
Theme Name: Dear Singapore Blog
Theme URI: http://www.dearsingapore.sg/
Description: This theme is designed & customised by <a href="http://www.digitalboomerang.com.sg/">Digital Boomerang</a>.
Version: 2009 Theme - WordPress 2.8
Author: Digital Boomerang
Author URI: http://www.digitalboomerang.com.sg/
*/

/********************************************
Begin Declaration for elements              *
********************************************/
* { margin:0; padding:0; border:none; }

/* Begin Container Layout */
html{
    background:transparent url(images/bg/body-top-bg.png) repeat-y center 0;
    font-size: 68%; color: #232323; line-height:1.5em;
    font-family:Arial, Verdana, sans-serif;    
}
body {
    background:transparent url(images/bg/body-bg.png) no-repeat center 160px;
	padding:0; margin:0 auto; text-align:center; 
}
#header {
    background:transparent url(images/bg/header-bg.png) no-repeat center top;
    margin:0 auto; padding:0; text-align:center;
    height:161px; width:100%;
}
#header-inner {
    margin:0 auto; padding:0; text-align:left;
    width:955px; position:relative; height:161px;
}
#container { 
  background:transparent url(images/bg/left-bg.png) no-repeat -2px 10%;
  width:976px; text-align:left; margin:55px auto 0;
  overflow:auto;
}
#page { 
    background:transparent url(images/bg/left-top-bg.png) no-repeat -2px 0;
    margin:0 auto; padding:0; width:976px;
}
/* Layout In #Container */
#welcome {
    background:#fff url(images/welcome-text.png) no-repeat;
    width:619px; height:125px;
    padding:0; margin:0 0 0 326px;
}
#cols {
    margin:0 auto; padding:0 0 20px;
    width:976px; overflow:auto;
}
#sidebar {
    background:transparent url(images/bg/left-btm-bg.png) no-repeat -2px bottom;
    padding:25px 20px 160px 24px; float:left;
    width:272px; font-size:1.2em; margin:125px 0 0;
}
#sidebar.long-bg {
    /*background:transparent url(images/bg/left-btm-lg-bg.png) no-repeat -1px bottom;*/
}
#content {
    padding:0; margin:0 0 0 15px; width:605px;
    float:left; font-size:1.2em;
}
div.myhack { display:block; }
#footer {
    height:140px; width:100%; text-align:center;
    margin:0 auto; padding:0;
    background:url('images/bg/footer-bg.png') no-repeat top center;
}
#footer-inner {
  margin:0 auto; width:955px; text-align:left;
  overflow:auto; height:140px;
}
/********************************************
Begin HEADER - Typography & Layout          *
********************************************/
#header-inner h1 {
    background: url('images/header/logo.png') no-repeat;
    width:342px; height:106px; top:0; left:0;
    margin:18px 0 0 2px; position:absolute;
}
#header-inner h1 a{
    font-size:0.8em; width:342px; height:106px;
    display:block; cursor:pointer;
}
/* Begin HEADERs - Change Font Size  */
#wp-chgfontsize {
    background:transparent url('images/bg/font-adjust-bg.png') no-repeat;
    position:relative; left:500px; top:32px; display:block;
    overflow:hidden; width:125px; height:50px; float:left;
    padding:0 5px 0 0; border-right:1px solid #4EBBE9;
}
#chgfontsizeoptions { padding:20px 0 5px 2px; }

/* Begin HEADER - Search box */
#search {
    position:relative; left:507px; top:35px; display:block;    
    overflow:hidden; width:280px; height:40px;
    padding:10px 0 0; 
} 
#search form { overflow:auto; }
#searchform label {
    background:transparent url(images/bg/search-lbl-bg.png) no-repeat;
    color:#80AC26; padding-right:10px; float:left;
    width:67px; display:block; height:30px;
}
#searchform input#s{
    background:transparent url(images/bg/search-input-bg.png) no-repeat;
    float:left; padding:8px 8px 0;
	  width:140px; height:22px; line-height:1.2em;
    display:block; overflow:auto;
}
#searchform input.search {
    background:transparent url(images/bg/search-btn-bg.png) no-repeat;
    padding:0; width:38px; height:30px;
    cursor:pointer; float:left; display:block;
}

/* Begin HEADERs - Top Navigation Bar  */
#header-inner ul#topnav {
    position:absolute; bottom:0; right:0; overflow:hidden;
    height:51px; width:566px; margin:0 9px 0 0;
}
ul#topnav li.page_item { float:left; position:relative; }
ul#topnav li.page_item a { height:51px; display:block; text-indent:-99em; }
    ul#topnav li.home a{
      background: url(images/header/home-bg.png) no-repeat 0 -51px; 
      width:87px; 
    }  
    ul#topnav li.page-item-2 a {
      background: url('images/header/about-bg.png') no-repeat 0 -51px; 
      width:119px; 
    }
    ul#topnav li.page-item-10 a {
      background: url('images/header/media-bg.png') no-repeat 0 -51px; 
      width:96px; 
    }
    ul#topnav li.page-item-7 a {
      background: url('images/header/contact-bg.png') no-repeat 0 -51px; 
      width:141px; 
    }
    ul#topnav li.page-item-9 a {
      background: url('images/header/sitemap-bg.png') no-repeat 0 -51px; 
      width:119px; 
    }
  ul#topnav li.current_page_item a, ul#topnav li.page_item a:hover  { background-position: top left; }

/********************************************
Begin SIDEBAR - Typography & Layout          *
********************************************/
#sidebar .widget { padding:20px 20px 0 0; }

#sidebar .widget h2.widgettitle {
    color:#FFF; font-size:1.7em; display:block;
    padding:0; margin:0; line-height:1.1em;
    text-transform:uppercase; letter-spacing:-1px;
}
#sidebar .widget ul { padding:10px 0 0; }

#sidebar .widget ul li{
  display:block; line-height:2em;
}
#sidebar .widget ul li.current_cat a,
#sidebar .widget ul li.current_page_parent a,
#sidebar .widget ul li.current_page_item a,
#sidebar .widget ul li a:hover {
    background:#F67210 url('images/icon/white-dot.png') no-repeat 6px 8px;
    border-bottom:1px dashed #B64400; color:#FFF;
    text-decoration:none;
}
#sidebar .widget ul li a {
    color:#000; font-size:1.2em; font-weight:bold;
    padding:3px 13px 2px 20px; text-decoration:none;
}
a.vote-now { margin:10px; height:50px; display:block; }
/* submit contest widget */
#sidebar li.submit-contest p {
  font-size:1em; font-weight:bold;
  padding:10px 10px 2px; line-height:1.3em;
}
a.email-story-btn:active, a.email-story-btn:link,
a.email-story-btn:hover {
    background:#A4CD32; color:#fff;
    width:90px; height:30px;
    line-height:28px; font-weight:bold;
    padding:4px 10px; margin:10px 0 0 10px;
    text-transform:uppercase; text-decoration:none;
}
/********************************************
Begin CONTENT AREA - Typography & Layout    *
********************************************/
/* Content Area - Layout */
#content .contentarea { margin:0; padding:0; }
/*#content.page .contentarea { background-position:0 20px; }*/

/* Content Area - Headers */
.contentarea h1 {
    background:url(images/bg/heading1-bg.png) no-repeat top left;
    font-size:1.9em; font-weight:700%; display:block;
    line-height:1.2em; text-transform:uppercase;
    padding:6px 20px 0; margin:0 0 -6px;
    color:#F36F21; letter-spacing:-1px;
}
/* Post Box - Layout */
.post-box {
    background:url(images/bg/content-bg.png) no-repeat top left;
    padding:10px 20px 0; margin:0; width:565px;
}
.post-box-inside { padding:20px 0 0; margin:0; }

/********************************************
Begin Posts - Typography & Layout           *
********************************************/
.post {
  margin:0; padding:10px 0 0; position:relative;
  font-size:1.1em; line-height:1.7em;
}
/* Normal Post Box - Headers */
.post h2, ul.category {
    background:url(images/bg/heading2-bg.png) no-repeat;
    padding:0 0 5px 30px; margin:0 0 5px;
    font-size:1.4em; display:block; width:455px;
    border-bottom:1px dashed #EF277D; color:#EF1C6A;
}
.post.long h2 { width:535px; }
.post h2 a { text-decoration:none; }
.post h2 a:hover { text-decoration:underline; }

.post h3 { font-size:1.25em; padding:5px 0 10px; margin:0; }

/* Normal Post Box - DATE */
.post .date-box {
    background:url(images/icon/date-bg.png) no-repeat 0;
    position:absolute; top:15px; left:502px;
    display:block; width:52px; height:48px;
    font-family:Georgia, "Times New Roman", serif;
    text-align:center; line-height:1.05em;
    padding:7px 5px 7px;
}
.date-box .day, .date-box .mth,
.date-box .year {
  font-weight: bold; margin:0 auto;
  display:block; font-size:1.15em;
}
.date-box .mth { font-size:1.3em; line-height:1.05em; }
.date-box .year { font-size:0.8em; }

/* Normal Post Box - Post Meta Data */
.postmetadata {
  font-size:0.83em; width:490px; height:25px;
  overflow:auto; display:block; line-height:1em;
  margin:0 5px 0 0;
}
/*span.tags  em{
	color:#80AC26; padding:0 0 0 15px; line-height:21px;
	font-size:0.85em; font-style:normal;
} 
span.tags a { display:none; }*/

.postmetadata span.category {
  background: url('images/icon/category-icon.png') no-repeat 2px center;
  padding:4px 0 0 28px; display:block; width:330px;
  float:left; height:19px;
}
.postmetadata span.comment {
  background: url('images/icon/comment-icon.png') no-repeat left center;
  padding:4px 0 0; display:block; width:95px;
  float:right; height:19px;
}
.postmetadata span.comment small {
  padding:0 3px; display:block; text-decoration:none;
  font-size:0.95em; color:#fff; font-weight:bold; float:left;
  width:16px; text-align:center; margin-right:3px;
}
.post .entry span.edit {
  margin:10px 0 0; display:block; font-size:0.9em;
}

/* Normal Post Box - Contents */
.post .entry { padding:10px 0 20px; }

.post a.more-link:active,.post a.more-link:link,
.post a.more-link:visited {
    background:url(images/bg/read-more-btn.png) no-repeat;
    display:block; width:102px; height:28px;
    color:#fff; line-height:28px; font-weight:bold;
    padding:0 0 0 20px; margin:20px 0 0;
    text-transform:uppercase; text-decoration:none;
}
.post ul { margin:0 0 20px; }
.post li {
    background:url('images/icon/orange-disc.png') no-repeat left 13px;
	margin-left:10px; padding:5px 0 0 18px;
}

/* Breadcrumbs */
.breadcrumb {
    display:block; font-size:0.85em; font-weight:bold;
    color:#80AC26; margin:0 10px 15px;
}
.breadcrumb a { font-weight: normal; }

/* Tables to SHOW */
.post table.show { border-collapse:collapse; border-spacing:0px; }
.post table.show td {
  border-collapse:collapse; border-spacing:0px;
  border:1px solid #ccc; padding:2px 3px;
}
.line-table td {
  border-bottom:1px dotted #ddd;
  padding:0 0 5px 8px; font-size:0.9em;
}
.line-table td.title {
  border-top:2px solid #CCCCCC;
  border-bottom:1px dotted #D3D3D3;
  font-size:1.2em; padding:5px 0 5px 8px;
  background:#F0F0F0;
}

/********************************************
Begin HOMEPAGE - Typography & Layout        *
********************************************/
span.contest-hilite {
  background:url(images/contest-hilite.png) no-repeat;
  width:561px; height:192px;
  display:block; margin:15px 0 0;
}

/************************************************************
Begin CATEGORY LANDING PAGES - Typography & Layout          *
************************************************************/
#content.cat-pg ul.category { width:320px; }
#content.cat-pg ul.category li {
  padding:0; margin:0; position:relative;
  background:none;
}
ul.category li a:link, ul.category li a:active,
ul.category li a:visited {
  font-weight:bold; text-decoration:none;
}
ul.category li a:hover { text-decoration:underline; }

#content.cat-pg .view-more  {
    background:url(images/bg/view-more-btn.png) no-repeat 0;
    position:absolute; top:10px; left:325px; z-index:1;
    display:block; width:221px; height:40px; cursor:pointer;
}
#content.cat-pg .view-more.let  {
    background:url(images/bg/view-more-let-btn.png) no-repeat 0;
}

/****************************************************
Begin SINGLE PAGE / POST - Typography & Layout      *
****************************************************/
.comments-template { width:90%; padding-left:25px; }
/* Comments Form in Single Post  */
h3#respond, h3#comments {
    color: #80AC26; font-size: 1.1em;
    border-bottom: 1px dashed #ccc;
    padding: 0 0 5px 0; margin:0 0 10px;
}
#commentform #submit {
    background:#A4CD32; display:block; width:160px; height:28px;
    color:#fff; line-height:28px; font-weight:bold;
    padding:2px 10px; margin:20px 0 0;
    text-transform:uppercase; text-decoration:none;
}
#commentform #comment { width: 500px; border: 1px solid #ccc; }

.commentlist { padding:10px 0 15px; font-size:1em; }
.commentlist li {
  background:#fdfdfd; margin:0 0 20px 0; padding:10px;
  position:relative; border-top:1px solid #eee;
  border-bottom:2px solid #eee;
}
.commentlist li.alt {
  background:#F7FDE7; margin:0 0 20px 0px;
  border-top:1px solid #E4F4B9;
  border-bottom:2px solid #E4F4B9;
}
.commentlist span.numbering {
  position:absolute; top:15px; left:460px;
  font-family:Georgia, "Times New Roman", serif;
  font-size:4em; color:#D4ED91; line-height:1em;
}
.commentlist cite, .commentlist small {
  font-style:normal; font-size:0.85em;
}

.navigation {
    display:block; padding:20px 20px 20px 30px;
}
/****************************************************
Begin SEARCH PAGE  - Typography & Layout            *
****************************************************/
.post #searchform { margin:10px 10px 0; }
.post-meta-key { display:none; }
.post ul.post-meta li {
  background:none; font-size:0.85em;
  padding:0; margin:0;
}

/***************************************************
Begin Common Elements - Typography & Layout        *
***************************************************/
p { padding-bottom:10px; }
p img { padding:0 10px 10px 0; }
.hide-me { display:none; }
ul, ol { list-style:none; }
input { font-family:Arial, Verdana, sans-serif; }
hr { left:-9999em; position:absolute; 	}
h4 {
    font-size:1.2em; font-weight:bold;
    padding:5px 0 10px;
}
a:link, a:visited, a:active { color:#EF1C6A; text-decoration:underline; }
a:hover { text-decoration:none; }
.clear {
  clear:both; display: block; overflow: hidden;
  margin: 0; padding: 0; height:1px;
}

.post p.grab-book a.more-link:visited,
.post p.grab-book a.more-link:link,
.post p.grab-book a.more-link:active { width:117px; }
.maincontent.cat-page .post a.more-link {
   font-size:0.9em; height:25px; line-height:25px;
   margin-top:10px; width:100px;
}

/* Footer */
#footer .nlb-logo {
    background: url(images/icon/nlb-logo.png) no-repeat;
    top:10px; left:155px; position:relative; display:block;
    width:105px; height:105px; float:left;
}
#footer .nlb-logo a {
  width:105px; height:105px;display:block;
  position:relative;
}
#footer .terms, #footer .helpline {
    width:350px; float:left; position:relative;
    left:207px; top:50px;
}
#footer .helpline { width:290px;  }