@import "e107.css";
html, body 	{
color: #999; background: #000; height:100%; font-size: small; font-family: sans-serif; text-align: center; border: 0px; margin: 0px; padding: 0px;
			}

/* nav */
div.sitelinks  { margin: 3px; }
a.nav { color: #999; font-size: x-small; padding: 2px 15px; text-decoration: none; border: 1px solid #666; }
a.nav:hover { color: silver; border: 1px solid silver; text-decoration: none; }
/*
a.nav { background: transparent url(img_block.php?img=tbox) bottom center repeat-x; }
a.nav:hover { background: transparent url(img_block.php?img=tbox) top center repeat-x; }
*/

/* design */
#Design { background: #000; height: 100%; }
#topLeft {height: 30px; width: 37px; background: transparent url(img_base.php?img=Base) top left no-repeat; border: 0px; margin: 0px; padding: 0px;}
#top {height: 30px; background: transparent url(img_base.php?img=xBase) top repeat-x; border: 0px; margin: 0px; padding: 0px;}
#topRight {height: 30px; width: 37px; background: transparent url(img_base.php?img=Base) top right no-repeat; border: 0px; margin: 0px; padding: 0px;}
#left {height: 100%; width: 37px; background: transparent url(img_base.php?img=yBase) left repeat-y; border: 0px; margin: 0px; padding: 0px;}
#right {height: 100%; width: 37px; background: transparent url(img_base.php?img=yBase) right repeat-y; border: 0px; margin: 0px; padding: 0px;}
#bottomLeft {height: 61px; width: 37px; background: transparent url(img_base.php?img=Base) bottom left no-repeat; border: 0px; margin: 0px; padding: 0px;}
#bottom {height: 61px; background: transparent url(img_base.php?img=xBase) bottom repeat-x; border: 0px; margin: 0px; padding: 0px;}
#bottomRight {height: 61px; width: 37px; background: transparent url(img_base.php?img=Base) bottom right no-repeat; border: 0px; margin: 0px; padding: 0px;}
img.oldBrowser {display: block;}

/* framework/layout */
#MainFrame { text-align: center; vertical-align: top; }
#Header { text-align: center; }
#Body { text-align: center; border: 0px; margin: 0px; padding: 0px; }
#LeftMenu { text-align:center; vertical-align: top; }
#CenterColumn { width: 100%; text-align: center; vertical-align: top; }
#RightMenu { text-align:center; vertical-align: top; }
#Footer { text-align: center; }

/* header */
.htl {display: block;height:46px;width:18px; background: transparent url(img_header.php?img=Header) top left no-repeat;}
.htr {display: block;height:46px;width:18px; background: transparent url(img_header.php?img=Header) top right no-repeat;}
.hbl {display: block;height:13px;width:18px; background: transparent url(img_header.php?img=Header) bottom left no-repeat;}
.hbr {display: block;height:13px;width:18px; background: transparent url(img_header.php?img=Header) bottom right no-repeat;}
.ht {height:46px; background: transparent url(img_header.php?img=xHeader) top repeat-x;}
.hb {height:13px; background: transparent url(img_header.php?img=xHeader) bottom repeat-x;}
.hl {width:18px; background: transparent url(img_header.php?img=yHeader) left repeat-y;}
.hr {width:18px; background: transparent url(img_header.php?img=yHeader) right repeat-y;}
.hf { background: transparent url(img_header.php?img=fillHeader) center center repeat; text-align:left; }
.hf { text-align: center; }

/* footer */
.ftl {display: block;height:12px;width:18px; background: transparent url(img_footer.php?img=Footer) top left no-repeat;}
.ftr {display: block;height:12px;width:18px; background: transparent url(img_footer.php?img=Footer) top right no-repeat;}
.fbl {display: block;height:46px;width:18px; background: transparent url(img_footer.php?img=Footer) bottom left no-repeat;}
.fbr {display: block;height:46px;width:18px; background: transparent url(img_footer.php?img=Footer) bottom right no-repeat;}
.ft {height:12px; background: transparent url(img_footer.php?img=xFooter) top repeat-x;}
.fb {height:46px; background: transparent url(img_footer.php?img=xFooter) bottom repeat-x;}
.fl {width:18px; background: transparent url(img_footer.php?img=yFooter) left repeat-y;}
.fr {width:18px; background: transparent url(img_footer.php?img=yFooter) right repeat-y;}
.ff { background: transparent url(img_footer.php?img=fillFooter) center center repeat; text-align:left; }
.ff { text-align: center; }
.fb, .fb * { color: #333; text-align:center; font-size: xx-small; }
.fb .smalltext a:hover { color: #000; }

/* tablestyle */
.leftMenu, .rightMenu { width: 180px; text-align:left; }
.content { text-align:left;}
.caption { color: #ccc; padding-left: 5px; white-space: nowrap;}
div.content .block  {  }

/* blocks */
.tl {display: block;height:31px;width:18px; background: transparent url(img_block.php?img=block) top left no-repeat;}
.tr {display: block;height:31px;width:18px; background: transparent url(img_block.php?img=block) top right no-repeat;}
.bl {display: block;height:12px;width:18px; background: transparent url(img_block.php?img=block) bottom left no-repeat;}
.br {display: block;height:12px;width:18px; background: transparent url(img_block.php?img=block) bottom right no-repeat;}
.t {height:31px; background: transparent url(img_block.php?img=xblock) top repeat-x;}
.b {height:12px; background: transparent url(img_block.php?img=xblock) bottom repeat-x;}
.l {width:18px; background: transparent url(img_block.php?img=yblock) left repeat-y;}
.r {width:18px; background: transparent url(img_block.php?img=yblock) right repeat-y;}
.f { background: transparent url(img_block.php?img=fillblock) center center repeat; text-align:left; }


/* border: 1px solid #999; */

@media print {
#topLeft, #top, #topRight, #left, #right, #bottomLeft, #bottom, #bottomRight, #LeftMenu, #RightMenu {display:none;}
.tl, .t, .tr, .l, .r, .bl, .b, .br {display:none;}
div { page-break-inside: avoid; }
a:after {  /* Prints the links' URIs after the links' texts. Doesn't work in MSIE */
  content: "<" attr(href) ">";
  padding-left: 1ex;
	}
abbr:after, acronym:after {
	content:" [" attr(title) "] ";
	font-variant:small-caps;
	}
}