/*=== CSS-Lab.com - Ray H. ===*/
/*=== style.css (main stylesheet) ===*/

h1,h2,h3,p,ul {margin:0;padding:0;}

body {
    background:#212121 url(images/body-bg.jpg) repeat-y 50% 0;
    color:#000;
    margin:0;
    padding:30px 0;
    font:100%/1.3 arial, verdana, sans-serif;
}
#wrap {
    width:640px;
    margin: 0 auto;
    background:#101010 url(images/padder-bg.png);
    padding:15px;
}
#inner {
    width:640px;
    margin:0 auto;
    background:#EEF;
    padding:20px 0 15px;
    overflow:hidden;
}
#header {
    text-align:center;
    background:#BCF;
    border:2px inset black;
    width:590px;
    margin:0 auto 20px auto;
    padding:10px 5px;
}
p#intro {
    font:bold 1.1em/1.2 tahoma, arial, verdana, sans-serif;
}

/*=== Heading Styles ===*/
h1 {
    padding:.15em;
    font:bold 1.5em/1.2 tahoma, arial, verdana, sans-serif;
}
h2,h3 {
    font:bold .95em/1.2 arial, verdana, sans-serif;
    text-decoration:underline;
    margin-left:20px;
    margin-top:10px;
}
h2.boxed {
    width:590px;
    margin:20px auto;
    padding:5px;
    text-align:center;
    text-decoration:none;
    background:#BCF;
    border:2px inset black;
    font:bold 1.1em/1.2 arial, verdana, sans-serif;
}

/*=== Blockquote Styles ===*/
blockquote {
    width:580px;
    margin:20px auto;
    padding:10px 10px 5px 10px;
    font:.95em/1.3 "courier new", courier, monospace;
    border:2px inset black;
    background:#BCF url(images/quote.gif) no-repeat 10px 10px;
    text-align:justify;
    position:relative;
}
blockquote p{
    margin:0;
    padding:5px 0 10px 0;
    text-indent:35px;
}
blockquote p a {border-bottom:1px solid; font-weight:bold}
blockquote p a:visited {color:#000}

blockquote div{
    position:absolute; bottom:10px; right:10px;
    width:24px;
    height:13px;
    background: url(images/unquote.gif) no-repeat;
    font-size:0;
    overflow:hidden;
}
blockquote span{
    font:italic bold .95em/1.5 arial, helvetica, sans-serif;
}
abbr,acronym {
    cursor:help;
    border-bottom:none;
    background:url(images/dot.png) repeat-x 0 100%;
}

/*=== Anchor and List Styles ===*/
a {
    color:#0000CD; 
    font-weight:bold;
    text-decoration:none;
    outline:0; /* removes dotted border around a:active from Firefox */
}
a:hover {
    color:black; 
    background:#7FFFD4;
}
a:visited {color:#008080}

ul {
    margin:10px 0 10px 40px;
    padding:0;
    list-style:none;
}
li {
    padding:1px 0; 
    word-spacing:.125em;
    font-size:.875em;
}
li span {letter-spacing:3px;}

.sublist h3 {
    display:inline-block;/*shrinkwrap for bottom border*/
    margin:3px 0 0 0;
    font-size:1em;
    text-decoration:none;
    border-bottom:1px solid #000;
}
* html .sublist h3 {display:inline} /*IE6*/
*+html .sublist h3 {display:inline}/*IE6*/

li ul {
    margin:3px 0 0 30px; 
    list-style:disc;
}
li li {font-size:1em;}

ul.last {margin-bottom:0;}

/*=== Return/Jump Link Classes ===*/
.pagereturn,
.topreturn {
    float:right;
    display:inline;/*ie6*/
    margin:15px 18px 0 0;
    padding:0 2px 0 12px;
    font-size:.85em;
}
.pagereturn, 
.pagereturn:hover {
    margin-top:0;
    background:url(images/page.png) no-repeat 0 50% ;
}
.pagereturn:hover {background-color:#7FFFD4}

.topreturn,
.topreturn:hover {
    background:url(images/top.png) no-repeat 0 50% ;
}
.topreturn:hover {background-color:#7FFFD4}