img {
   behavior: url("http://yourvirtualtown.com/index.php?/plugin/pngbehavior.htc");
}

.serendipity_entrypaging {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border: 0px;
    display: block;
}
#LSResult {
    position: absolute;
    margin-left: 4px;
    margin-top: 4px;
       background-color: #fff7e8;
}

#LSShadow {
    position: relative;
    bottom: 1px;
    right: 1px;
    color: inherit;
    border-right: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}

#LSHighlight {
    background-color: #bdd2ec;
    color: black;
}

.serendipity_livesearch_row {
  margin: 0px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  text-indent: -1em;
  line-height: 1.4em;
}

.serendipity_livesearch_result {
    position: relative;
    bottom: 2px;
    border: 1px solid black;
    right: 2px;
    padding: 2px;
}
                            .clearfix:after {
                                content: ".";
                                display: block;
                                height: 0;
                                clear: both;
                                visibility: hidden;
                            }
                            .clearfix {display: inline-table;}
                            /* Hides from IE-mac \*/
                            * html .clearfix {height: 1%;}
                            .clearfix {display: block;}
                            /* End hide from IE-mac */
.serendipitySideBarLink { text-decoration:none;float:right;margin-right:3px;}
.serendipityAuthorProfile {
    border: 1px solid #909090;
    width: 300px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
}

.serendipityAuthorProfile dt {
    margin-top: 5px;
    font-weight: bold;
}

.serendipityAuthorProfile dd {
    margin-bottom: 5px;
}
.serendipity_authorpic {
    float: right;
    margin: 5px;
    border: 0px;
    display: block;
}

.serendipity_commentcount {
    float: right;
}
/* templates/bex02/style.css  */
/*
-----------------------------------------------
serendipity template base screen style
author:   rebecca hemstad
version:  01 May 2006
----------------------------------------------- */


/* BODY STYLE *******
----------------------------------------------- */

body {
	color: #303030;
	font: 80% Verdana, Arial, sans-serif;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: #02424c url(templates/bex02/images/bexbodyback.gif);
}



/******* GENERAL LINK STYLES *******
----------------------------------------------- */

a {
color:#505050;
font-weight:bold;
text-decoration:none;
background-color: inherit;
}

a:hover {
color:#808080;
text-decoration:underline;
background-color: inherit;
}

img {
	border: none;
}




/******* GENERAL MISCELLANEOUS STYLES *******
----------------------------------------------- */

p {
padding: 10px 0px 10px 0px;
}

code {
	font-family: Verdana, Arial, sans-serif;
}



/******* MAIN CONTAINER STYLES *******
----------------------------------------------- */

#mainpane {
	color:#303030;
	margin: 10px auto;
	min-width: 770px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	width:98%;
	background: #ffffff url(templates/bex02/images/bextile.gif) repeat right top; 
	border: 1px solid #02424c;
}

/******* OPTIONAL TOP NAV BAR STYLES *******
----------------------------------------------- */

#navigation {
	background: #003894 url(templates/bex02/images/bextopgrad.gif) repeat right top; 
	font-size:75%;
	float:left;
	width: 100%;
	color: #ffffff;
}

#navigation ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	list-style:none;
	float: right;
}


#navigation li {
	display:inline;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	white-space: nowrap;
}

#navigation a {
	float: left;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 4px;
	text-decoration: none;
	background:url(templates/bex02/images/bextbtabl.gif) no-repeat left top;


}

#navigation a span {
	float: left;
	display: block;
	background: #000000 url(templates/bex02/images/bextbtabr.gif) no-repeat right top;
	padding: 5px 10px 4px 6px;
	color: #ffffff;
}


/* commented backslash hack hides rule from ie5-mac \*/
#navigation a span {float:none;}

/* end ie5-mac hack */
#navigation a:hover span {
	color: #ffffff;
	background-color: inherit;
}

#navigation a:hover {
	background-position:0% -42px;
}

#navigation a:hover span {
	background-position:100% -42px;
}

/******* MAIN HEADER STYLES *******
----------------------------------------------- */

#sitename {
	color: #ffffff;
	height: 100px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	background:#02424c url(templates/bex02/images/banner.jpg) repeat top left;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #434079;
	clear: both;

}

#sitename h3,#sitename h4 {

}



#sitename .blogname {
	font: italic 2em georgia, serif;
	font-weight: bold;
	margin: 5px 0px 0px 0px;
	padding: 12px 0px 0px 25px;
	
}

#sitename .blogsubtitle {
	font-weight: bold;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 0px 0px;
}

#sitename .blogsubtitle a {
	color: #ffffff;
	background-color: inherit;
}

#sitename .blogname a {
	color: #ffffff;
	background-color: inherit;

}


#tbar {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 17px;
	background: #434079 url(templates/bex02/images/bextbar.jpg) repeat top left;
	color: inherit;
	}

#tbartop {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 22px;
	background: #434079 url(templates/bex02/images/bextbartop.jpg) repeat top left;
	color: inherit;
	}





/******* CONTENT WRAP STYLES *******
----------------------------------------------- */

#wrap {
	clear:both;
	font-size:0.9em;
	padding: 0;
}

/******* DYNAMIC COLUMN CONTENT STYLES *******
----------------------------------------------- */

#leftside {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	float: left;
	text-align: left;

}

#rightside  {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	float: right;
	text-align: left;

}

#contentA, #contentB, #contentC {
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	border-top: 1px solid #eeeeee;
	background-color: #ffffff;
	color: #000000;
	text-align: left;

}


/**********
to change the width of your left or right column you must also change the content margin otherwise your leftside column or your rightside column could overlap your content area - to get the sidebar titles to scale also change
serendipitySideBarItem below. Set the width in serendipitySideBarItem to about 15pixels less than new sidebar width 
***********/

/*****  we have three columns displayed *****/
#leftside {width:190px;}
#rightside {width:190px;}
#contentA {margin: 0px 190px 0px 190px; padding: 0px 10px 20px 10px;}

/*****  we have a left column and center column displayed *****/
#leftside {width:190px;}
#contentB {margin: 0px 0px 0px 190px; padding: 5px 10px 20px 10px;}

/***** we have right column and center column displayed *****/
#rightside {width:190px;}
#contentC {margin: 0px 190px 0px 0px; padding: 5px 10px 20px 10px;}



/******* SIDEBAR STYLES *******
----------------------------------------------- */

/**********
change width in both these to match your new leftside and rightside width
***********/

#leftside .serendipitySideBarItem {
	font-size: 80%;
	width: 180px;
}

#rightside .serendipitySideBarItem {
	font-size: 80%;
	width: 180px;
}


/* used for header of sidebar plugin items */

#leftside .serendipitySideBarTitle {
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.3em;
	font-weight: bold;
	color: #ffffff;
	background-color: inherit;
	background: url(templates/bex02/images/bexsidebargrad.gif);
	height: 21px;

}

#rightside .serendipitySideBarTitle {
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.3em;
	font-weight: bold;
	color: #ffffff;
	background-color: inherit;
	background: url(templates/bex02/images/bexsidebargrad.gif);
	height: 21px;
}

#leftside .serendipitySideBarItem {
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
}


#rightside .serendipitySideBarItem {
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
}


#leftside .cornertitle {
	text-align:left;
	padding-top: 5px;
}

#rightside .cornertitle {
	text-align:left;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


#leftside .serendipitySideBarContent {
	padding: 0px 0px 0px 5px;
}


#rightside .serendipitySideBarContent {
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 0px;

}




/***** start rounded corners ******/
#leftside .roundtop {
	height: 21px;
	background: url(templates/bex02/images/bexrt.gif) no-repeat top right;	
}

#rightside .roundtop {
	height: 21px;
	background: url(templates/bex02/images/bexrt.gif) no-repeat top right;	
}

#leftside img.sbcorner {
	height: 21px;
	border: none;
	display: block !important;
	float: left;
}

#rightside img.sbcorner {
	height: 21px;
	border: none;
	display: block !important;
	float: left;
}


/***** end rounded corners ******/

#searchform {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/******* CONTENT STYLES *******
----------------------------------------------- */

.serendipity_Entry_Date {

}


.serendipity_date {
  color: #000000;
  background-color: #ffffff;
  font: italic 1em georgia, serif;
  padding: 13px 0px 0px 0px;
    border-bottom: 1px dashed #cccccc;
    float: right;
    text-align: right;
}


.serendipity_commentsTitle {
  font: italic 1.25em georgia, serif;
  font-weight: bold;
  padding: 10px 0px 0px 0px;
  color: #057385;
  border-bottom: 1px dashed #cccccc;
  background-color: inherit;
 
}

.serendipity_commentsTitle a {
	 color: #057385;
	 background-color: inherit;
}



/******* FOOTER STYLES *******
----------------------------------------------- */

#footer {
	background:#000000 url(templates/bex02/images/bexfootergrad.gif) bottom left repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:center;
	width:100%;
	clear:both;
	height: 25px;
	border-bottom: 2px solid #434079;
	color: #ffffff;
	
}

#footer .footercontent {
	padding: 8px 0px 0px 0px;
	color:#d0d0d0;
	font-size:0.7em;
	font-weight: bold;
	background-color: inherit;
}

#footer a {
	color:#d0d0d0;
	font-weight:bold;
	background-color: inherit;
}


/******* CALENDAR STYLES *******
----------------------------------------------- */

/* calendar arrow rollovers */
div.calback a {
	display: block;
	margin: 0px; 
	padding:0px;
	width:18px; 
	height:20px;
	overflow:hidden;
	text-decoration: none;
	background: url(templates/bex02/images/bexbackoff.png) top left no-repeat;
	}


div.calback a:hover {
	background: url(templates/bex02/images/bexbackon.png) top left no-repeat;
	width:18px; 
	height:20px;
	}
	
div.calfor a {
	display: block;
	margin: 0px; 
	padding:0px;
	width:18px; 
	height:20px;
	overflow:hidden;
	text-decoration: none;
	background: url(templates/bex02/images/bexforoff.png) top left no-repeat;
	}


div.calfor a:hover {
	background: url(templates/bex02/images/bexforon.png) top left no-repeat;
	width:18px; 
	height:20px;
	}



table.serendipity_calendar {
	background-color: #ffffff;
	border: 0px solid #8AA965;
	color: #000000;

}

/* style for calendar date links */
table.serendipity_calendar a {
	text-decoration:none;
	background-color: inherit;
	color: #000000;
}

/* style for calendar links when hovered over */
table.serendipity_calendar a:hover {
	text-decoration: none;
	color: #000000;
	background-color: inherit;
}

/* style for today's date in calendar */
td.Today {
	border: 1px solid #578bb8;
}



/* style for calendar weekday names */
td.serendipity_weekDayName {
	font-weight: bold;
	text-align: center;
	background: url(templates/bex02/images/bexcalbackgraddays.jpg);
	padding: 0px 1px 0px 1px;
}

td.serendipity_calendarHeader {
	background: url(templates/bex02/images/bexcalbackgrad.jpg);
	height: 20px;
	

}

/* styles for month name and arrows in calendar */
td.serendipity_calendarHeader a:link, td.serendipity_calendarHeader a:visited, td.serendipity_calendarHeader a:hover {
	text-decoration: none;
	color: #000000;
	background-color: inherit;
}

/* style for wekday names in calendar */
td.serendipity_weekDayName {
	border-bottom: 1px solid #dddddd;
	color: #000000;
	background-color: inherit;
}

/* style to center dates */
tr.serendipity_calendar td {
	text-align: center;
	color: #000000;
	background-color: inherit;

}

/* background color in calendar first column */
td.FirstInRow {
	background-color: #e7f0f8;
	color: #000000;
}




/******* MISCELLANEOUS STYLES *******
----------------------------------------------- */

.clearingdiv {
	clear:both;
	height:30px;
	width:1px;
}

.hide {display:none;}



/******* PLUGIN STYLES *******
----------------------------------------------- */

.serendipity_entryFooter {
	color: #39702d;
	font-weight: bold;
	padding: 20px 0px 20px 0px;
	text-align: center;
	background-color: inherit;

}

.serendipity_entry_body {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

}

/* style for the search term and number of results using quicksearch */
.searchterm, .searchresults {
	color:#467aa7;
	font-weight:bold;
	background-color: inherit;
}

/* used in comments */
.oddbox, .plugin_comment_wrap {
	margin:0 0 20px 0;
	border-top:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
	background-color:#fafbfc;
	color:#505050;
	line-height:1.5em;
}

/* not used */
.evenbox {}

/* container for comments plugin within sidebar */
.container_serendipity_plugin_comments {
	color:#333;
	background-color: inherit;
}

/* style for line break in comments plugin */
.container_serendipity_plugin_comments br {
	line-height:0.5em;
	background-color: inherit;
	color: #000000;
}

/* style for comment body within sidebar */
.plugin_comment_body {
	font-style:oblique;
}

/* container cloud for tags and static page navigation */
.serendipity_freetag_taglist, .staticpage_navigation, .serendipity_search {
	padding:15px;
	margin: 30px 0px 50px 0px;
	border:1px solid #c0c0c0;
	background-color:#fafbfc;
	color:#505050;
	line-height:1.5em;
}

.container_serendipity_plugin_freetag a {
	font:85% Verdana,Tahoma,Arial,sans-serif;
	line-height: 1em !important;
}

/* shift the feed icon in the freetag sidebar plugin */
.serendipity_freeTag_xmlButton {
	padding-left:2px;
}

/* place freetag list on new line in entry footer */
.serendipity_freeTag {
}

/* adjust line height in entry footer */
.serendipity_karmaVoting, .serendipity_freeTag {
	line-height: 1em !important;
}




/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landrö               |
|--------------------------------------------------*/

.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
	direction: ltr;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}