img {
   behavior: url("http://www.the-eleven.com/~tjlegg/index.php?/plugin/pngbehavior.htc");
}

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

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

.bb-quote, .bb-code, .bb-php, .bb-code-title, .bb-php-title {
    margin-left: 20px;
    margin-right: 20px;
    color: black;
    direction: ltr;
}

.bb-code-title, .bb-php-title {
    margin-bottom: 2px;
    background-color:#CCCCCC;
    font-weight: bold;
    padding-left: 5px;
}

.bb-code, .bb-php {
    font-family: courier, "courier new";
    background-color: #DDDDDD;
    padding: 10px;
    white-space: pre;
    overflow: auto;
    max-height: 24em;
}

.bb-quote {
    background-color: #DDDDDD;
    padding: 10px;
}

.bb-list-ordered-d {
    list-style-type: decimal;
}
.bb-list-ordered-la {
    list-style-type: lower-alpha;
}
.bb-list-ordered-ua {
    list-style-type: upper-alpha;
}

.serendipity_entrypaging {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border: 0px;
    display: block;
}
#serendipityFAQNav {
    border-bottom:1px solid #000000;
    margin:auto auto 10px auto;
}

#serendipityFAQNav a {
    text-decoration:none;
}

#serendipityFAQNav p {
    margin:0px 0px 0px 0px;
    padding:2px 2px 2px 2px;
}
/* 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/daaitoulaam/style.css  */
/*   
	Daai Tou Laam v2. based upon
	Kubrick v1.2.5  for  WordPress 1.2
	 http://binarybonsai.com/kubrick/
	and Idea

	Kubrick v1.2.5 was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	Idea was designed by Evan Nemerson
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	

*/



/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #000066; 
	text-align: center;
	background: #DDddFF; 
	margin-right: 0em;
	width: 100%;
	padding: 0; 
    }


img.categoryIcon {
    float: right;
    border: 0px;
    margin: 5px;
}

.entry p {
	font-size: 1.05em;
	}

.entry, .entry {
	line-height: 1.4em;
	}

.postmetadata {
	text-align: left;
	}

.graybox {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

.graybox li,p { text-align: left;
	}


.booktitle { font-weight: bold;
		font-variant: small-caps;
}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 4em;
	text-align: center;
	}

.headimg { text-align: center;
}

.headerimg {
	border-top: 6px solid #BBB ;	
	border-left: 11px solid #BBB ;	
	border-bottom: 9px solid #888 ;	
	border-right: 13px solid #888 ;	
}

.description {
	font-size: 1.2em;
	margin-left: 15px;
	}

h2 {
	font-size: 1.6em;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

#leftsidebar h3 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: .9em;
	}

#rightsidebar h3 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: .9em;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, .description {
	text-decoration: none;
	color: #000000;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #rightsidebar h2, #leftsidebar h2, caption, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #b85b5a;
	}

.commentlist li, .serendipity_commentForm input, .serendipity_commentForm textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
	
.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

.serendipity_commentForm {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#leftsidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	z-index: 0;
}

#rightsidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	z-index: 0;
	background: #DDddFF; 	/* url("templates/daaitoulaam3/img/bg.jpg"); */
	margin-top: -3em;
	margin-left: 2em;
}

small, #rightsidebar ul ol li, #leftsidebar ul ol li, .nocomments, .postmetadata, strike {
	color: #777;
	}
	
code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}
ul {
  list-style-type: none;
/*  list-style-image: url(templates/daaitoulaam3/img/bullet.gif);  */
  padding-left: 1em; 
}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #0000ff;
	text-decoration: none;
	}

a:hover {
	color: #0000ff;
	background: #ccc;}

#navigation a { font-size: 1.4em; }
/* End Typography & Colors */



/* Begin Structure */

#header {
	padding: 0;
	margin: 0 auto;
	}


.post {
	margin: 0 0 40px;
	text-align: justify;
	}

.post {
	margin: 0;
	}

	
#footer {
	padding: 0;
	margin: 0 auto;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}
DIV.head {
	width: auto%;
}	

DIV.left2 { text-align: left;
			 position: absolute ;
			 left: 2%;
			 width: 20%;
}
			 
DIV.center2 {text-align: left;
			 margin: 0 0 0 23%;
			 width: 77%;
}
			 
DIV.right2 { text-align: left;
			float: right;
			width: 25%;
}		
/* End Structure */



/*	Begin Headers */
h1 {
	padding-top: 70px;
	margin: 0;
	}

h2 {
	margin: 30px 0 0;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

#leftsidebar h3 {
	margin: 0 0 0;
	padding: 0;
	}

#rightsidebar h3 {
	margin: 0 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}
/* End Images */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}


.serendipity_commentsValue input, 
.serendipity_commentsValue select {
	padding: 2px;
	}

.serendipity_commentsValue textarea {
	width: 100%;
	padding: 2px;
	}

.serendipity_commentForm submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.graybox {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

.serendipity_commentForm {
	margin: 5px 0;
	}

.serendipity_commentsLabel {
    vertical-align:top;
    }

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */


/* Calendar */
table.serendipity_calendar {
}

table.serendipity_calendar a,
table.serendipity_calendar a:link,
table.serendipity_calendar a:visited {
  font-weight: bold;
#  font-style: italic;
}

table.serendipity_calendar a:hover {
  background: #ccc;
  color: #003366;
}

table.serendipity_calendar td {
  font-size: x-small;
  padding: 0.2em;
  text-align: center;
}

#td.serendipity_calendarHeader a,
#td.serendipity_calendarHeader a:link,
#td.serendipity_calendarHeader a:visited,
#td.serendipity_calendarHeader a:hover {
#  color: #003366;
#  font-weight: bold;
#  border: 0;
#  background: white;
}


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	font-family: helvetica, arial, sans-serif;
	text-align: justify;
	color: #000066;
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}


/* End Various Tags & Classes*/

#entrydate {
	color: #888;
	font-size: .8em;
}

#entrytext {
	text-align: justify;
	}

#blogroll {
	color: #ac356b;
	} 


#navigation {
	color: #000;
	} 

#content {
	font-size: 1.2em;
 /*	margin-right: 28%; */
	padding-left: 25px;
	padding-right: 25px;
	background: #EEEEFF; 
	z-index: -1;
}

#content a { color: #0000FF; }

.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 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
}

/* plugin twitter */
#twitter_update_list {
    list-style: none;
    padding-left: 0;
}
a.twitter_update_time {
    display: block;
    padding-bottom: 5px;
}
