p.whiteline {
    margin-top: 0em;
    margin-bottom: 1em;
}

p.break {
    margin-top: 0em;
    margin-bottom: 0em;
}

img {
   behavior: url("http://www.isaac.hk/blog/plugin/pngbehavior.htc");
}
img {
   behavior: url("http://www.isaac.hk/blog/plugin/pngbehavior.htc");
}
/* templates/default/style_fallback.css  */
/* This is the templates/default/style_fallback.css file.
   It emits CSS rules that all templates should have.
   Classes are declared on top of the file, so if you
   want to make changes in your own template, you
   should override the rules on the bottom of your
   style.css template. 
   IT IS NOT ADVISED TO CREATE YOUR OWN style_fallback.css FILE! */

/* Default image classes for left/right/usual layout */
.serendipity_image_center {
  border: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

.serendipity_image_left {
  float: left;
  border: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

.serendipity_image_right {
  float: right;
  border: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

/* Default listing without spacers */
.plainList {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

/* Messages: Centered, important, notice */
.serendipity_center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.serendipity_msg_important {
    color: red;
}

.serendipity_msg_notice {
    color: green;
}

/* Embedded images with comments inside the s9y image manager */
.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    border: 1px solid #ddd;
    background-color: #efefef;
    margin: 3px;
    padding: 3px;
    text-align: center;
}

.serendipity_imageComment_center {
    margin: auto;
}

.serendipity_imageComment_left {
    float: left;
}

.serendipity_imageComment_right {
    float: right;
}

.serendipity_imageComment_img,
.serendipity_imageComment_img img {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.serendipity_imageComment_txt {
    border-top: 1px solid #ddd;
    margin: 0px;
    padding: 3px;
    clear: both;
    font-size: 8pt;
    text-align: center;
}

/* END OF style_fallback.css *//* templates/beautifulday/style.css  */
/*#############################################################
Name: Beautiful Day
Date: 2006-11-12
Description: A soft and bright two-column template.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/
/* 
Ported to Serendipity by Abdussamad Abdurrazzaq (http://abdussamad.com)
*/

/* standard elements */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a{color: #963;}
a:hover{color: #C60;}

body {
	background: #CCD8E0 url("templates/beautifulday/img/bg.jpg") repeat-x left bottom;
	color: #444;
	font: normal 62.5% Tahoma,sans-serif;
}

p,code,ul {padding-bottom: 1.2em;}

li {list-style: none;}

h2 {
	font: normal 1.8em Tahoma,sans-serif;
	margin-bottom: 4px;
}


h2 a, h2 a:visited{
color:#444;
text-decoration:none;	
}
code {
	background: #FFF;
	border: 1px solid #EEE;
	border-left: 6px solid #C1CAD3;
	color: #666;
	display: block;
	font: normal 1em Tahoma,sans-serif;
	line-height: 1.6em;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}

blockquote, .serendipity_commentBody {
	background: url("templates/beautifulday/img/quote.gif") no-repeat;
	margin:0em 0em 1em 0em;
	display: block;
	font-weight: bold;
	padding-left: 28px;
}
.serendipity_commentBody{
background-image:none;	
}
.serendipity_comment{
	margin:1em 0em 0em 0em;}
.serendipity_commentBody {
	padding:0px;
	font-weight:normal;}	
h1,h2,h3 {padding-top: 6px;}

/* misc */
.clearer {clear: both;}

.left {float: left;}

.right {float: right;background-image:url("templates/beautifulday/img/right_bg.gif") !important;
background-position:100% 0%;
 background-repeat:no-repeat !important;}

/* structure */
.container {
	background: #FFF;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0 10px 10px;
	width: 780px;
}

/* header */
.top {
	background: url("templates/beautifulday/img/clouds.gif") repeat-x;
	padding: 50px 10px 0;
}

/* title */
.header {
	background: #FFF;
	height: 150px;
	margin: 0 auto;
	padding: 10px 10px 5px;
	width: 780px;
}
.header .left, .header .right{
	background: #A4A4A0;
	color: #FFF;
	height: 150px;	
	text-decoration:none
}
.header .left h1 a,#subtitle, .header .left h1 a:visited, .header .left h1 a:hover 
{color: #FFF;
	text-decoration:none	
}
.header .left {
	background: #B3C2C7 url("templates/beautifulday/img/header/default.jpg") no-repeat;
	font-weight:normal;
	font-family:"Trebuchet MS",sans-serif;
	text-align: center;	
	width: 564px;
}
.header .right {
	overflow: auto;
	width: 212px;
}
.header .right p,.header .right h2, .right .sidebar_item{padding: 0 6px;}
.header .right h2, .right .sidebar_item h2{padding-top: 16px; font: normal 1.5em "Trebuchet MS",sans-serif !important;}
.right .sidebar_item {font-size:1.25em !important;}
/* navigation */
.navigation {	
	background: #D9E1E5 url("templates/beautifulday/img/nav.gif");
	border: 1px solid #DFEEF7;
	border-color: #DFEEF7 #CFDEE7;
	height: 41px;
}
.navigation a {
	background: #D9E1E5 url("templates/beautifulday/img/nav.gif");
	border-right: 1px solid #AFBEC7;
	color: #456;
	display: block;
	float: left;
	font: bold 1.1em sans-serif;
	line-height: 41px;
	padding: 0 20px;
	text-decoration: none;
}
.navigation .current_page,.navigation a:hover {background-position: left bottom; color: #234;}
.navigation .current_page{background-image:none !important;background-color:#F7F7F2;}

/* main */
.main, #mainpane {
	border-top: 4px solid #FFF;
	background: url("templates/beautifulday/img/bgmain.gif") repeat-y;
}

/* sub navigation */
.sidenav {
	float: right;
	width: 210px;
}
.sidenav h2,.menu_title {
	color: #5A5A43;text-align:left;
	font-size: 1em;font-weight:bold;
	line-height: 30px;
	margin: 0;
	padding-left: 12px;
}


.sidenav ul {
	padding: 0;
	border-top: 1px solid #EAEADA;
}
.sidenav li {border-bottom: 1px solid #EAEADA;display: block;padding: 8px 0 8px 2%;}
.sidenav a{text-decoration:none;}
.sidenav li a,.menuitem a  {
	font-size: 1.1em !important; 
	color: #960 !important;
	
	text-decoration: none !important;
	width: 95% !important;
}

.sidenav li a:hover,.menuitem a:hover  {
color: #C60 !important;
}

/* content */
.content {
	float: left;
	margin: 10px 0;
	padding: 0 16px;
	width: 531px;
}
.content .descr,.entry_footer, .staticpage_author, .staticpage_metainfo {
	color: #664;
	font-size: .9em;
	margin-bottom: 6px;
}
#mainpane #content li,.content li {
	list-style: url("templates/beautifulday/img/li.gif");
	margin-left: 18px;
}

#mainpane #content .entry,.content .entry, .staticpage_content
{
font-family: verdana,sans-serif;
	font-size:10pt;	
}
.entry li
{
margin-bottom:1em;	
}
/* footer */
.footer {
	background: url("templates/beautifulday/img/bgfooter.gif") repeat-x;
	color: #FFF;
	font: bold 1em sans-serif;
	line-height: 39px;
	text-align: center;
}
.footer a,.footer a:hover {color: #FFF;}


/** Embedded images with the s9y image manager **/
.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
	
    border: 1px solid #ccc;
		color:black;
    background-color: #F5F5F5;
    margin: 3px;
    padding: 3px;
    text-align: center;
}
.serendipity_imageComment_center a img,
.serendipity_imageComment_left a img,
.serendipity_imageComment_right a img
{
	
	border: 0px}


.serendipity_imageComment_left{
 float: left;	
margin-right:10px;

}
.serendipity_imageComment_right{
margin-left:10px;
 float: right;
}

.serendipity_imageComment_center {
    margin: auto;
}


.serendipity_imageComment_img,
.serendipity_imageComment_img img {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.serendipity_imageComment_txt {
    border-top: 1px solid #ccc;
    margin: 0px;
    padding: 3px;
    clear: both;
    font-size: 10pt;
    text-align: center;
}


img.serendipity_entryIcon {
    float: right;
    border: 0px;margin:.75em;
}
.entry_footer
{
clear:both;
	display:block;
	margin:1em 0em 2em 0em;
		
}.sidebar_item{padding:1%;}
.sidenav > .sidebar_item{padding:3%;}
.serendipity_comment
{
padding:1em;	background-color:#F7F7F2
}

.header .left h1{
font-size:2.5em;
width:400px;
margin:0em;padding:0em;margin:1em .5em 0em 100px;
}
.header .left #subtitle
{margin:0em .5em 0em 100px;text-align:center;width:400px;
color:#fff;
font-size:2em	;
}
.hdate{font-size:1.25em;}
.comment_number,.comment_number a,.comment_number a:hover
{
padding:5px;text-decoration:none !important;
	font-size:24pt !important;color:#CCCC99;
	float:right;
}
.comment_source_author,.comment_source_author a, .comment_source_author a:visited, .comment_source_author a:hover
{
text-decoration:none;
	font-weight:bold;

	
}
.serendipity_comment{
padding:11px;	
}
.serendipity_comment_source .descr,.serendipity_comment_source .descr .hdate{display:inline;}
.serendipity_commentsTitle{font-size:12pt;font-weight:bold;margin:1em 0em;}
.php,.c,div.html,.css{
white-space:nowrap;
width:100%;
	overflow:auto;}
	
	.staticpage_author,.staticpage_metainfo
	{
	clear:both;	
	}
	
	body#serendipity_comment_page
	{
	background-color:#fff !important;
	background-image:none;	
	font-size:0.9em;padding:1em;
	}
.serendipity_freeTag
{
    margin-left: auto;
    margin-right: 0px;
    text-align: right;
    font-size: 7pt;
    display: block;
    margin-top: 5px;
    margin-bottom: 0px;
}

.serendipity_freeTag_related
{
    margin-left: 50px;
    margin-right: 0px;
    text-align: left;
    font-size: small;
    display: block;
    margin-top: 20px;
    margin-bottom: 0px;
}


.serendipity_freetag_taglist
{
    margin: 10px;
    border: 1px solid #ff6600;
    padding: 5px;
    background-color: #ffffff;
    text-align: justify;
}


.serendipity_freeTag a
{
    font-size: 7pt;
    text-decoration: none;
}

.serendipity_freeTag a:hover
{
    color: green;
    text-decoration: underline;
}
img.serendipity_freeTag_xmlButton
{
    vertical-align: bottom;
    display: inline;
    border: 0px
}