@import url('highslide/highslide.css');

body {margin:0; padding:0; color: #7b7b7b; background: #090909; font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; line-height:140%; font-size: 75%;}
.cleaner {clear: both; font-size: 0; line-height: 0; visibility: hidden;}

a {color: #B2B2B2;}
a:hover {text-decoration:none;}
img {border:0;}

p, ul, ol, dl, table {margin: 0 0 1em 0; padding: 0;}
th, td {text-align:left; vertical-align:top;}
th {padding-right:15px;}
ul, ol, dl {margin-left:10px; list-style-type:none;}
ul li, ol li, dl li {padding-left:15px;}

h1 {margin:0 0 1em 0; padding: 0.5em 7px 0.55em 7px; font-size: 210%; text-shadow: 1px 1px 0px #000000; letter-spacing: -0.08em; color:#b2b2b2; background: url(images/dotted.gif) repeat-x left bottom;}
h2 {margin: 1.5em -7px 1.3em -7px; padding: 0 7px 0.55em 7px; font-size: 170%; color: #8e8e8e; background: url(images/dotted.gif) repeat-x left bottom; letter-spacing: -0.05em;}
h3 {font-size: 110%; color:#b2b2b2; margin: 0 0 0.3em 0;} 
h3 span {color:#686868;}
h3 strong {float:right; padding-right: 10px; background: url(images/link-more.gif) right 6px no-repeat;}
h4, h5, h6 {margin: 0.7em 0 0.5em 0; padding: 0;}

#page-cover {background: url(images/body-bg.jpg) no-repeat center top #0c0c0c; padding-bottom:3em; font-size:92%;}
#page {width:484px; margin: 0 auto;}

#mask-menu-top {width:484px; height:40px; background: url(images/dotted.gif) repeat-x left bottom; font-size: 92%;}
#mask-menu-top ul {margin:0; padding:0 0 0 1px;}
#mask-menu-top li {margin:0 24px 0 0; padding:1.2em 7px 0.3em 7px; float:left; text-transform:uppercase; }
#mask-menu-top li a, #mask-menu-top li.active a:hover {color:#fff; text-decoration:none;}
#mask-menu-top li a:hover {color:#cecece;text-shadow: 1px 1px 0px #000000;}
#mask-menu-top li.active {background:#000;}
#mask-menu-top li#last {margin:0;}

#mask-theme {width:477px; height:172px; padding: 128px 0 0 7px; background: url(images/dotted.gif) repeat-x left bottom;}
#mask-content {width:470px; padding: 0 7px 0 7px; text-shadow: 1px 1px 0px #000000;}
.reference-item {margin-bottom: 3em;}

#footer-cover {background: url(images/footer-cover.gif) repeat-x top left #090909; font-size:92%; padding-bottom:5em;}
#mask-footer {width:477px; margin: 0 auto; padding: 5px 0 0 7px; text-shadow: 1px 1px 0px #000000;}
#mask-footer-copyright {float:right; height:23px; margin-top:-4px; padding: 4px 10px 0 9px; background: url(images/mask-footer-copyright.gif) no-repeat top right;}