body {
	font-family: Verdana;
	font-size: 12px;
	margin: 0px;
	background:url(../images/background.gif);
}
#mainContainer {
	width: 850px;
	text-align: left;
	margin: 0 auto 0 auto;
	background:#FFFFFF;
}
form
{
	margin: 0;
	font-family:verdana;
}
a
{
	color: #000000;
	text-decoration: none;
}

a:hover
{
	color:#0053a6;
	text-decoration: none;
}
textbox, textarea
{
	font-family: Helvetica, Arial, Sans-Serif;
	font-size:12px;
}
.break
{
	clear: both;
}
#header {
	width: 100%;
	background-color: #d6efff;
}
#footer {
	width: 100%;
	background-color: #d6efff;
}
#main {
	width: 850px;
	overflow: auto;
	background: #edfaff;
}
#leftColumn
{
	float: left;
	width: 650px;
	background: #FFFFFF;
}
#rightColumn
{
	float: left;
	width: 200px;
	background: #edfaff;
}
#top_bar {
}
#top_bar ul {
	list-style: none;
	float: right;	
	font-size: 11px;
	margin: 0px;
	padding: 3px 0px 5px 5px;
	background-color: #d6efff;
}
#top_bar li {
	display: inline;
	padding: 0px 3px 0px 5px;
	border-right: #000000 solid 1px;
}
#top_bar .last {
   	border-right: #000000 solid 0px;
}
#top_bar li a, #top_bar li a:link, #top_bar li a:hover {
	color:#000000;
	text-decoration: none;
}

.top_banner {
	background-color: #d6efff;
}
.top_divider {
	background:url(../images/top_divider.gif) #d6efff repeat-x;
	height:7px;
}
#top_storymenu {
}
#top_storymenu ul {
	list-style: none;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 850px;
	background:url(../images/storymenu_bg.gif) #d6efff;
} 
#top_storymenu li {
	display: inline;
} 
#top_storymenu .top_submit {
	float:right;
	padding: 0px 5px 0px 0px;
}
#top_storymenu .first {
	padding-left: 7px;
} 
#top_menu {
}
#top_menu ul {
	list-style: none;
	float: left;	
	font-size: 12px;
	font-weight:bold;
	margin: 0px;
	padding: 4px 0px 4px 5px;
	background-color: #d6efff;
}
#top_menu li {
	display: inline;
	padding: 0px 5px 0px 8px;
	border-right: #000000 solid 1px;
}
#top_menu .last {
   	border-right: #000000 solid 0px;
}
#top_menu li a, #top_menu li a:link, #top_menu li a:hover {
	color: #000000;
	text-decoration: none;
}
.content {
	padding: 12px;
}
.content-title {
	font-weight: bold;
}
.content-detail {
	line-height: 140%;
}
.content-divider {
	background:url(../images/line.gif) #FFFFFF center; 
	height: 26px;
}
.alphabet-list {
	font-weight: normal;
}
.comment-block {
	margin-bottom: 15px;
}
.comment-head {
background:#d6efff; margin: 10px 0px 10px 0px; padding: 2px 0px 2px 2px; font-weight:bold
}
.comment-info {
	font-size:10px; 
	margin-bottom:2px;
}
.comment-content1 {
	color: red;
}
.comment-content2 {
	color: blue;
}
.other-story-head {
	font-weight: bold;
}
#other-story-list ul {
	list-style:circle;
	font-size: 12px;
	padding: 0px;
	margin: 10px 0px 10px 30px;
}
#other-story-list  li {
	padding: 0px 5px 0px 8px;
	margin-bottom: 5px;
}
.box-head {
background:#d6efff; margin: 10px 0px 10px 0px; padding: 2px 0px 2px 2px; font-weight:bold;
padding-left: 4px; 
margin-bottom: 5px;
}
.guestbook-head {
padding: 2px; margin-bottom: 2px; margin-top: 0px; font-size:10px; background:#edfaff; font-weight:normal
}
.box-right-content {
padding: 0px;
margin-bottom:20px;
}
.submit1 label
{
width: 120px;
float: left;
text-align: left;
margin-right: 0px;
padding-top:2px;
display: block;
}

.submit1 input
{
margin-left: 0px;
} 

#content-list ul {
	list-style:none;
	font-size: 12px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
#content-list  li {
	padding: 0px 0px 0px 0px;
	margin-bottom: 3px;
}

	dl, dt, dd {
	padding: 0px;
	margin: 0px;
	}
	.profile-aboutme dt {
	margin: 2px 0px 0px 0px;
	float:left;
	width:100px;
	clear:both;
	font-size:11px;
	font-weight: bold;
	}
	.profile-aboutme dd {
	margin: 3px 0px 3px 0px;
	float:left;
	width:265px;
	}
	
	
	














	
	
	
	/** star rating **/
	
	.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(../images/star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

/* smaller star */
.small-star{
	width:50px;
	height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url(../images/star_small.gif);
	line-height: 10px;
	height: 10px;
}

.vitality {
   clear:right;
   float:left;
   width:76%;
   margin:0 0 10px 0;
   *margin-bottom:0;
   *width:auto;
}
.vitality a:visited {
   color:#247CD4;
}
.vitality h4 {
   font:130% georgia;
   font-weight:normal;
   margin:0 0 5px 0;
}
.vitality img {
   clear:right;
   float:left;
   margin:0 10px 0 0;
}
.vitality .footnote {
   text-align:right;
   margin-left:5px;
}
.vitality .footnote a:visited {
   color:#247CD4;
}
.vitality .flickr a {
   margin-right:20px;
}
.vitality .blog p {
   margin:0 0 10px 0;
}

.vitality .blast {
   text-align:left;
}
					
.blastlink a, .blastlink a:link, .blastlink a:visited{
	color:#247cd4;
	text-decoration:none;
	font-size:11px;		
}
.blastlink a:hover{
	color:#247cd4;
	text-decoration:underline;			
}
.vitality .blast {
   text-align:left;
}

.vitality .blast p.content .snippet {
   font-size:88%;
}
.vitality .blast img,
#ymgl-blast p img {
   display:inline;
   clear:none;
   float:none;
   margin:0 5px 0 15px;
   cursor:pointer;
}

.vitality .blast object,
#ymgl-blast p object {
   margin-top:2px;
}

.vitality .shout {
   width:85%;
   *width:95%;
}


/*CONTAINERS*/
/* default corners */
.ct, .cl, .cb {
   display:block;
   clear:both;
   font-size:0;
   line-height:0;
   margin:0;
   height:3px;
   position:relative;
   text-align:left;
   background:url(http://l.yimg.com/us.yimg.com/i/us/cmty/cr_blue.gif) no-repeat;
}
.ct, .cb {
   width:100%;
   right:-1px;
}
.ct .cl, .cb .cl {
   width:3px;
   left:-2px;
}
.ct {
   background-position:100% 0;
   top:-1px;
}
.ct .cl {
   background-position:0 -6px;
}
.cb {
   background-position:100% -3px;
   bottom:-1px;
}
.cb .cl {
   background-position:0 -9px;
}
/* end default corners */

/*z-index settings*/
.shadow {z-index:-1;}
body,
.ct,
.cb {z-index:0;}

.blast {z-index:70;}
.blast .thm-box {z-index:71;}
.blast .thm-box p.content {z-index:72;}
.blast .edit-link {z-index:80;}


.blast {
   border:1px solid #157798;
   background:#f7ffff;
   position:relative;
   text-align:center;
}
.blast p.content {
   clear:none;
   float:none;
   margin:0 1px 0px 1px;
   padding-bottom:10px;
   position:relative;
   left:0;
   min-height:25px; /* min-height:56px; */
   *height:2.7em;
   text-align:left;
}
.blast p.content .snippet {
   font:115% verdana;
}
.blast .outside-link {
   width:90px;
   position:relative;
   white-space:nowrap;
   text-align:left;
}
.blast a {
   font:74% verdana;
   margin-left:10px;
   text-align:left;
}

.blast .edit-link {
   display:block;
   position:absolute;
	right:18px;
	bottom:2px;
   text-align:right;
   background:transparent;
}

.blast .tail {
   display:block;
   clear:both;
   float:left;
   background:url(../images/tail_bb_long_tmp.gif) no-repeat;
   height:17px;
   width:31px;
   position:absolute;
   top:13px;
   left:-31px;
}

.blast .ct,
.blast .cb,
.blast .cl {
   background-image:url(../images/cr_blast_flat.gif);
   clear:both;
   float:none;
   height:18px;
   position:relative;
}

.blast .cl {
   width:18px;
}
.blast .ct {
   right:-1px;
   margin-bottom:-10px;
}
.blast .ct .cl {
   background-position:100% -36px;
}
.blast .cb {
   background-position:100% -18px;
}
.blast .cb .cl {
   background-position:100% -54px;
}
/*emotiblast*/
.sale {
   min-height:60px;
   *height:61px;
}
.sale .ct, .sale .cb {
   display:none;
   visiblity:none;
}
.sale .tail {
   background:url(../images/blast_sale_tail_flat.gif);
   height:60px;
   width:38px;
   top:0;
   left:-38px;
   top:0px;
}
.sale p.content {
   margin:5px 7px 0 0;
}

.thought .ct,
.thought .ct .cl,
.thought .cb,
.thought .cb .cl {
   background-image:url(../images/cr_thought_flat.gif);
   height:30px;
   margin:0;
}
.thought .ct {
   margin-bottom:-20px;
}
.thought .ct .cl {
   background-position:0 -60px;
   width:26px;
}
.thought .cb {
   background-position:100% -30px;
   margin-top:-18px;
}
.thought .cb .cl {
   clear:none;
   background-position:0 -90px;
   width:26px;
   top:0;
}
.thought .tail {
   background-image:url(../images/blast_thought_tail.gif);
   height:24px;
   width:33px;
   left:-28px;
   top:15px;
}
.thought p.content {
   margin:0 10px;
}

.whisper {
   border:1px dashed #157798;
}
.whisper .ct,
.whisper .cl,
.whisper .cb {
   background-image:url(../images/cr_whisper.gif);
}
.whisper .ct {
   right:-1px;
}
.whisper .cb {
   right:-1px;
   bottom:-1px;
}
.whisper .cl {
   left:-2px;
}
.whisper .tail {
   background-image:url(../images/tail_whisper.gif);
}

.quote p.content {
   margin-left:26px;
}

.quote .ct,
.quote .cl,
.quote .cb {
   background-image:url(../images/cr_quote.gif);
}

.quote .ct {
   *margin-bottom:-15px;
}
.quote .ct .cl {
   background-position:0 -46px;
   width:26px;
   height:23px;
}

.quote .cb {
   background-position:100% -23px;
   height:23px;
}

.quote .cb .cl {
   background-position:100% -70px;
   width:26px;
   height:23px;
   margin:0;
}

.question {
   background-image:url(../images/blast_q_mark.gif);
   background-repeat:no-repeat;
   background-position:99% 50%;
}
.question p.content {
   padding-right:36px;
}

.shout {
   min-height:58px;
   width:95%;
   *height:60px;
   margin-left:26px;
}
.shout .ct, .shout .ct .cl {
   background-image:url(../images/cr_shout_trans.gif);
   height:60px;
}
.shout .cb {
   display:none;
   visibility:none;
}
.shout .ct {
   background-position:100% 0;
   margin-bottom:-55px;
   right:-26px;
}
.shout .ct .cl {
   background-position:0 -60px;
   width:42px;
   left:-67px;
   height:60px;
}
.shout .tail {
   display:none;
}
.shout p.content {
   float:none;
   margin:3px 20px 0 10px;
   *margin:3px 10px -2px 10px;
   *left:0;
 }
/*end emotiblast*/

/*tooltip*/
#dhtmltooltip img {
float:left;
margin-right:5px;
}
#dhtmltooltip h3 {
color:#003366;
margin-bottom:5px;
}
#dhtmltooltip{
position: absolute;
width: 350px;
border: 1px solid #999999;
padding: 8px;
background-color:#EFEFEF;
visibility: hidden;
z-index: 100;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;	
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../images/bubble.gif) no-repeat bottom;
}

.photo-block {
width:155px; height:185px; float:left; display:inline; text-align:center
}

#nav_tabs { background:url(../images/dot_bg.gif) repeat-x bottom; height:25px; margin-bottom:15px}
					#nav_tabs ul { margin: 0px; padding:0px; list-style: none; font-weight:bold}
					#nav_tabs li {
					font-size:13px; margin-right:3px; float:left; display:inline; padding-top:4px; padding-bottom:4px; padding-left: 0px; padding-right: 0px;
					background: #d6efff; color: #000000;
					}
					#nav_tabs li a, #nav_tabs li a:link {
					padding:4px; padding-left: 9px; padding-right: 9px;
					}
					#nav_tabs li a:hover {
					padding-left: 9px; padding-right: 9px;
					background:#1b78b3; 
					color:#ffffff;					
					}
					#nav_tabs .selected {
					border: #d6efff solid 1px;  border-bottom: 0px; 
					background: #FFFFFF;
					color:#000000;			
					}
					#nav_tabs .selected a, #nav_tabs .selected a:link{
					padding:4px; padding-left: 9px; padding-right: 9px;
					background: #FFFFFF;
					color:#000000;			
					}
					#nav_tabs .selected a:hover {
					padding-left: 9px; padding-right: 9px;
					background: #FFFFFF;
					color:#000000;			
					}
