/*  
Theme Name: 1001 - Grace Chng
Theme URI: http://digitalboomerang.com/
Description: A theme for Musings.sg
Version: 2.5
Author: Digital Boomerang
Author URI: http://digitalboomerang.com/
*/

/* CSS Document */
*{ margin:0; padding:0; }
ul{ list-style:none; }
body{
  background:#F6FAF9 url(images/bg/header-bg.png) repeat-x center -1px;;
  font-family:Verdana,arial, sans-serif; font-size:72.5%; 
  line-height:1.4em; color:#292727;
}
/**********************************************
*	Structure Layouts 					*
**********************************************/
#container {
  width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 766)? "766px" : "100%");
  min-width:766px;
}
.main { 
	background:url(images/bg/content-bg.png) repeat-y 0 0;
	width:980px; margin:0 auto 10px; 
}
#header { 
  background:url(images/bg/header-inner-bg.png) no-repeat;
  width:100%; height:336px; position:relative;
}
.content { background:url(images/bg/content-top-bg.png) no-repeat; width:100%; }
.bg_content { 
  background:url(images/bg/content-btm-bg.png) no-repeat left bottom; 
  width:100%; padding:30px 0 30px;
}
.w100 { padding:0 48px 0 46px; }
.indent_2 { padding:0 15px; }

/*******************side_bar*********************************/
.side_bar { 
  background:url(images/bg/sidebar-bg.png) no-repeat 0 0; overflow:hidden;
  float:left; width:245px; margin:0 -245px 0 0; position:relative;  
}
.side_bar .inside{ padding:39px 33px 0; overflow:hidden; }

/*******************CENTER COLUMN*************************/
.column_center{ float:left; width:100%;  }
.indent_center { padding:0 15px 0 35px; margin:0 0 0 240px;}

/*******global********/
ul { margin:0;}
.float{float:left; margin:0 20px 0 0;}
.col{float:left;}
.clear { clear:both; overflow:hidden; margin:0; padding:0; height:1px; }
.in5 { padding-bottom:5px;}
.in10 { padding-bottom:10px;}
.in15 { padding-bottom:15px;}

img { border:0;}

input, textarea { font-weight:normal; padding:3px 8px; }
.searching { 
  width:161px; height:auto; color:#000000; background-color:#FFFFFF; height:18px; margin-right:14px; border: solid 1px #808080;
}
.hide-me { display:none; }
p { padding:0 0 10px; }
a:link, a:visited, a:active { color:#4F4E4E; text-decoration:underline; }
a:hover { color:#0078FF; }

h1 { font-size:4.16em; color:#FFFFFF; text-transform:uppercase; font-weight:bold; line-height:1.01em; width:auto;}
h1 a  {color:#FFFFFF; text-decoration:none;}

/******************************************
*	Header		 			*
******************************************/
#header h1 { 
  background:transparent url(images/header/logo.png) no-repeat;
  height:126px; width:404px; left:0; top:0;
  margin:0; position:absolute;
}
#header h1 a { 
  cursor:pointer; display:block; position:relative; left:65px;
  font-size:0.8em; height:55px; width:340px; top:40px;
}
/******************* SEARCH BOX *********************************/
#search {
  display:block; height:40px; right:50px;
  overflow:hidden; padding:10px 0pt 0pt; 
  position:absolute; top:35px; width:280px;
}
#search input#s {  
  background:transparent url(images/header/search-input.png) no-repeat scroll 0%;
  display:block; float:left; margin-right:5px; font-size:1em;
  overflow:auto; width:150px; border:none;  
}
#searchform input.search { 
  background:transparent url(images/header/search-btn.png) no-repeat scroll 0%;
  cursor:pointer; display:block; float:left; border:none;
  width:61px; line-height:1.3em;
  color:#fff; font-size:1em; padding:2px 8px 3px;
}
/******************* Top Navigation *********************************/
ul#topnav { 
  top:60px; right:50px; height:48px; 
  margin:8px 0 0; position:absolute; 
}
ul#topnav li.page_item { 
  background:transparent url(images/bg/top-nav-bg.png) no-repeat 0 -100px ;
  float:left; display:block; padding:8px 18px 0; line-height:48px;
  font-size:1.2em; width:auto; height:48px; overflow:hidden;
}
ul#topnav li.page_item.current_page_item {
  background-position:20px 0;
}
ul#topnav li.page_item  a:link, ul#topnav li.page_item  a:active, ul#topnav li.page_item  a:visited  { 
  color:#fff; text-decoration:none;  padding:0 15px;
}
ul#topnav li.page_item  a:hover { text-decoration:underline; }
#slogan { 
  background:transparent url(images/bg/slogan.jpg) no-repeat center;
  bottom:0px; height:210px; 
  margin:0; overflow:hidden; 
  position:absolute; width:100%;
}
/**********************************************
*	SideBar Widgets Layouts 				*
**********************************************/
.widget_style { margin:0 0 0 0; padding:0 0 25px 0; overflow:auto; }
.side_bar .widget_style h2 { 
    background:transparent url(images/gray-arrow.png) no-repeat 0 6px; 
    position:relative; padding:0 0 7px 18px; font-size:1.3em; 
	font-weight:bold; font-family:arial; line-height:1.27em; 
}
.widget_style h2 a { color:#D73800; text-decoration:none; }
.widget_style h2 a:hover { text-decoration:none; }

.widget_style ul {margin:0 0 0 20px;}
.widget_style li { 
  font-size:1.05em; line-height:1.78em; color:#464646;
  display:block;
}
.widget_style li a, #recent-comments li.recentcomments { 
  background:url(images/gray-arrow-1.png) 0 4px no-repeat;
  text-decoration:underline;  padding:0 0 0 10px;
}
.textwidget { padding:13px 0px 0px 0px; }
/******************* Widgets Customisation  *********************************/
.widget_style .st-tag-cloud a { 
  line-height:1.5em; text-decoration:none;
}
.widget_style.search #searchform #s { width:100px; }
#recent-comments li.recentcomments a { background:none; }
#recent-comments li.recentcomments { background-position:0 8px; text-decoration:none; }
#archives.widget_style { font-size:1em; }
#archives.widget_style select { display:block; width:150px; }
#statusbar p { padding:0 0 20px; }
/*---------------------------------------------------
#categories.widget_style li { font-size:1.01em; line-height:1.78em; color:#464646;}
#categories.widget_style li a { font-size:1.01em; line-height:1.78em; color:#464646; text-decoration:underline; background:url(images/arr.gif) 0 7px no-repeat; padding:0 0 0 17px;}
#categories.widget_style li a:hover { text-decoration:none;}

#archives.widget_style li { font-size:1.01em; line-height:1.78em; color:#464646;}
#archives.widget_style li a { font-size:1.01em; line-height:1.78em; color:#464646; text-decoration:underline; background:url(images/arr.gif) 0 7px no-repeat; padding:0 0 0 17px;}
#archives.widget_style li a:hover { text-decoration:none;}

#links_with_style ul {margin:0 0 0 0; background:none;}
#links_with_style ul ul h2{ margin:0 0 0 0; background:none;}
#links_with_style ul li h2 { background:url(images/bull.gif) 0 0 no-repeat; padding:0 0 15px 23px; font-size:1.01em; line-height:1.27em; color:#D73800; font-weight:bold; text-transform:uppercase;}
#links_with_style ul li ul { margin:0 0 0 7px;}
#links_with_style ul li ul li { font-size:1.01em; color:#000000;  padding:0 0 0 0;}
#links_with_style ul li ul li a{padding:0 0 0 17px;}

#calendar_wrap {vertical-align:top; width:auto; margin:auto;padding:13px 0 0px 0;}
#calendar_wrap caption { color:#FFFFFF; font-weight:bold; font-size:1.01em;}
#calendar_wrap td {width:25px; text-align:right; color:#000000; font-size:1.11em;}
#calendar_wrap td a {color:#000000;}
#calendar_wrap th { color:#000000;}
#calendar_wrap a {font-weight:bold;}
*/

/*******************column_center*********************************/
.text_box { 
  font-size:1.1em; padding:0 0 20px;
  border-bottom:2px solid #D7D8D0;
  margin-bottom:10px;
}
.text_box .padd{ padding:0 12px 0 0;}
.text_box strong { color:#DB3F00;}
.text_box .block_top { padding:16px 15px 0 10px}

.title {  margin:15px 0 10px;  position:relative; }
.title span {  color:#000000; font-size:1.01em; line-height:1.18em; }
.column_center  h2, .column_center  h3, .searchpage .title h3 { 
  font-family:arial; color:#31383B; font-weight:normal; 
  font-size:2.09em; line-height:1em; padding:0 0 12px;
}
.column_center  h3 a {  color:#31383B; text-decoration:none; }
.column_center  h3 a:hover { text-decoration:underline; }

.title h3, .postmetadata { width:420px; }
.postmetadata span { 
  padding:2px 20px 8px 0; color:#969696; width:auto;
  display:block; float:left; font-size:0.95em;
}
.postmetadata span.author { font-weight:bold; }
.postmetadata span.comment { 
  background:url(images/comment-icon.png) no-repeat 0 2px;
  padding-left:15px;
}
.postmetadata span.category { 
  background:url(images/cat-icon.png) no-repeat 0 2px;
  padding-left:15px;
}
.postmetadata span.tags { 
  background:url(images/tag-icon.png) no-repeat 0 2px;
  padding-left:15px;
}
.postmetadata span a { color:#0078FF; text-decoration:none; }
.postmetadata span a:hover { text-decoration:underline; }

.date { 
  background:url(images/date-icon.png) no-repeat; overflow:hidden;
  position:absolute; display:block; width:112px; height:49px;
  right:0; top:10px; text-align:center; padding-top:8px;
  font-size:1.6em; line-height:1.1em; color:#3A4D57; 
}
.date .inside_date { padding:21px 0 0 25px;}

p.addtoany_share_save { padding:10px 0; }
/******************* Navigation *********************************/
.navigation { padding:10px 0 20px; }
.alignleft, .alignright { float:left; width:auto; padding-right:15px; }

/*******************single post*********************************/
#content_text  h3  { width:auto; padding-top:10px; font-size:1.7em;  }

.searchpage h4 { 
	font-family:arial; padding:5px 0 10px; font-size:1.4em; 
	font-weight:normal;
}
/**********************Comments *****************************/
.comments { background:url(images/sep.gif) 0 0 repeat-x; color:#DB3F00; font-size:1.01em; line-height:1.9em; font-weight:bold; padding:18px 40px 0 20px;}
.comments a { background:url(images/arr_1.gif) 0 6px no-repeat; padding:0 0 0 14px; text-decoration:underline; color:#DB3F00; font-size:1.01em; line-height:1.9em;}
.comments a:hover{text-decoration:none;}

ol.commentlist { margin:10px 0 15px 35px; }
ol.commentlist li { padding:5px 0 10px; }

#commentform  { padding:0 0 15px; }
#commentform p { padding:0 0 18px; }
#commentform label { color:#DB3F00;}
#commentform #submit {
  background:transparent url(images/submit-btn.png) no-repeat scroll 0%;
  cursor:pointer; border:none; height:24px; line-height:24px; width:68px;
  color:#fff; font-size:1.1em; padding:0 8px 5px 6px; display:block;
}
/**********************Search Results *****************************/
.indent_center.searchpage .post h3 { 
  font-size:1.4em; font-weight:bold;
}
.searchpage ol.results { margin:10px 0 15px 25px;  }
.searchpage ol.results li { 
  border-bottom:1px solid #D7D8D0;
  margin-bottom:10px;
}
.searchpage .postmetadata { overflow:auto; width:auto; }
.searchpage .postmetadata span { width:auto; }

.searchpage #searchform { display:table; }
.searchpage #searchform #s, .widget_style.search #searchform #s  { 
  float:left; line-height:1em; padding:1px 5px; margin-right:5px;
}
.searchpage #searchform input.search,
.widget_style.search #searchform input.search  {
	background:transparent url(images/submit-btn.png);
	color:#FFFFFF; padding:3px 8px 4px; width:65px;
}
/********************** Subscription Manager *****************************/
#content.subscription-manager { 
  float:right; margin:15px 0pt 0pt 246px; padding:0pt 15px 0pt 35px; 
}
#content.subscription-manager fieldset  { 
  padding:10px 15px; margin:0 0 15px;
  border:1px solid #eee;
}
#content.subscription-manager legend {
  font-size:1.1em; font-weight:bold; padding:0 5px;
}  
#content.subscription-manager ol { list-style-position:inside; }

/********************** RSS  *****************************/
.rssicons { 
	padding:15px 20px 0; width:auto;
	float:right;
}
.rssicons a { 
	background:transparent url(images/ico-rss.gif) no-repeat left center;
	padding:2px 10px 2px 19px; line-height:2em; font-size:0.9em; 
	display:table-cell; text-align:right;
}

.rssicons a.login-but  { 
	background:url(images/ico-login.gif) no-repeat left center; 
}

.rssicons a:link, .rssicons a:visited, .rssicons a:active { 
	color:#0078FF; text-decoration:none; 
}
.rssicons a:hover { text-decoration:underline; }
/*************************************/
#recent-posts  {vertical-align:top;}
#calendar {vertical-align:top;}
#google-search  {vertical-align:top;}
#gsearch {text-align:left;}
#pages  {vertical-align:top;}
#text-1 {vertical-align:top;}
#delicious {vertical-align:top;}
#delicious-box {text-align:left;}

/**********************************************
*	FOOTER Layouts 					*
**********************************************/
#footer { 
  background:url(images/bg/footer-bg.png) 0 0 repeat-x;
  height:58px; font-size:0.95em; line-height:1.2em; color:#fff;  
}
#footer .indent {  
  margin:0pt auto; width:890px; padding:10px 0 5px; position:relative;
}
#footer .privacy { position:absolute; right:20px; top:10px; font-size:0.9em;}

.gudeblog { 
	background:url(images/gudeblog-ico.png) no-repeat 0 3px; display:block; 
	padding:5px 0 5px 75px; width:300px; 
}

#footer a, #footer a:link, #footer a:visited { color:#eee; }
#footer a:hover { text-decoration:none; }

.badge { vertical-align:bottom; }

#download_now {
	background:transparent url(images/db-facebook-grace.jpg) no-repeat scroll 0 0;
	display:block;
	height:100px;
	margin-bottom:10px;
	overflow:hidden;
	text-indent:-999em;
	width:140px;
	cursor:pointer;
}

/* mouseover state */
#download_now:hover {
	background-position:0 0px ;		
}

/* clicked state 
#download_now:focus {
	background-position:0 -68px;
}
*/
/* tooltip styling */
.tooltip {
	display:none;
	background:url(images/black_arrow_big.png);
	padding:26px 15px 35px 26px;
	font-size:11px;
	color:#fff;
	/* 	left:857.5px;
position:absolute;
top:1170.87px;*/
}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}