/* CSS style for CRJ's Spartan template for BetterHTMLExport */

body { font:12px "Lucida Grande",Verdana,Geneva,Arial,sans-serif }

a:link, a:visited { font-weight:bold; color:#33ccff; text-decoration:none }
a:hover           { font-weight:bold; color:#333333; text-decoration:none;
		    background:#33ccff }

.toptitle { font-size:18px; padding: 0px 4px 4px 0px }
.count    { font-size:10px; color:#cccccc }

.pagenav { font-size:12px; font-weight:bold; color:#cccccc }

.topcomment    { text-align:left; padding:5px  0px 10px; margin:0px 25% }
.bottomcomment { text-align:left; padding:8px 20px 3px }
.piccomment    { font-size:12px; color:#cccccc; width:100% }

td.cell > table { margin-left:auto; margin-right:auto }
	/* (this to center the implicit tbody that contains pic frame) */

.footer { font-size:10px; font-style:oblique; color:#cccccc; text-align:center }
/* a.footer:* inherits font from body, weight/color/decoration from a:*, and
   size/style from .footer. So just need to unbold them. CSS is pretty cool */
a.footer:link, a.footer:visited { font-weight:normal }
a.footer:hover                  { font-weight:normal }

.cell { padding:10px 20px 10px 20px }

/* The widths/heights on td.[tmb][lr] show the picture frame with no extra
   while border around it, making it feasible to set a non-white background */

td.tl { background:url(frame_tl.jpg) no-repeat scroll right bottom;
        height:12px; width:10px }
td.tc { background:url(frame_t.jpg)  repeat-x  scroll       bottom;
	height:12px }
td.tr { background:url(frame_tr.jpg) no-repeat scroll left  bottom;
	height:12px; width:11px }

td.ml { background:url(frame_l.jpg) repeat-y scroll right; width:10px }
img.mc { display:block }
td.mr { background:url(frame_r.jpg) repeat-y scroll left;  width:11px }

td.bl { background:url(frame_bl.jpg) no-repeat scroll right top;
	height:14px; width:10px }
td.bc { background:url(frame_b.jpg)  repeat-x  scroll       top;
	height:14px }
td.br { background:url(frame_br.jpg) no-repeat scroll left  top;
	height:14px; width:11px }