@charset "ISO-8859-1";
@import url(print.css);

body { 
     background-color: #FCFCFC;
     color: #000000;
     }

@media screen, projection {

* {;} /* opera 3.62 parse fix */

/* basic elements */

body { 
    background-color: #974E2E;
    background-image: none;
    color: black; 
    margin: .5em;
    padding: 0;
    }

#header { 
    width: 100%;
    padding: 0;
    margin: 0;
    border-spacing: 0;
/*    border-collapse: collapse;*/
    }

#header td {
    border: .4em solid black;
    padding: 0;
    margin: 0;
    line-height: 1em;
    }
#header #dialleft {
    background-color: black;
    text-align: left;
    width: 53px;
    /*border-right-width: 0;*/
    }
#header #ticlogo {
    text-align: center;
    background-color: #5E5B52;
    border-width: .4em 0;
    }
#header #dialright {
    background-color: black;
    text-align: right;
    width: 53px;
    /*border-left-width: 0;*/
    }

#visitgroup {
    margin: 0;
    padding: .2em .3em;
    text-align: center;
    background-color: #5E5B52;
    color: white;
    border: .4em solid black;
    border-top: none;
    }

#breadcrumb {
    margin: .5em 0 0 0;
    padding: .2em .3em;
    background-color: #D8AF94;
    color: black;
    border: .4em solid black;
    border-bottom: none;
    } 

#main {
    /*width: 100%;*/
    padding: 0;
    margin: 0;
    border: .4em solid black;
    border-top-width: .1em;
    border-left-width: 0;
    background-color: #FDF9F6;
    color: black;
    }

#nav {
    float: left;
    border: .4em solid black;
    border-right-width: .15em;
    border-top-width: 0;
    width: 16em;
    max-width: 50%;
    padding: 0;
    margin: 0 1em .5em 0; 
    background-color: /*#DDD*/ #E2DCD8;
    color: black;
    }

#content {
    background-color: #FDF9F6;
    background-image: none;
    color: black; 
    padding: 1em 0;
    border-left: .4em solid black;
    }

#foot {
    clear: left;
    margin-top: 0;
    color: #DDD;
    text-align: center;
    font-size: .9em;
    font-weight: bold;
    }
          
/* headings go here */

h1, h2, h3, h4, h5, h6 {
    font-family: "DejaVu Serif", "Times New Roman", Times, serif;
    }

h1 {
    margin: 0 0 .5em 0;
    font-size: 2em;
    }
h2:target {
    padding-left: .3em;
    border-bottom: 1px dotted black;
    background-color: #F5E9E0; 
    }
h2:target:before, p:target:before {
    content: "> ";
    color: #D10;
    }

/* basic content types */

p, li, td {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    line-height: 1.6em;
    letter-spacing: 0.02em;
    }

#content p, #content ul, #content h1, #content h2, #content h3, #content h4, 
#content blockquote {
    margin-left: 1em;
    margin-right: 1em;
    }
#content p, #content li {
    max-width: 80em;
    }

#content #copy {
    margin-top: 0;
    font-size: 1.2em;
    max-width: 67em;
    }

#content .circlenote {
    font-weight: bold;
    }

em {
    font-style: itatic;
    font-weight: bold;
    }

#content q {
    font-style: normal;
    }

#content .cons { /* construction notes, to be removed */
    color: #810;
    }

/* clean up construction (to be removed) */

/*#content .cons, .short, .vert2 { 
    display: none;
    }
*/

/* links everywhere */

a:link {
     color: blue;
     background-color: transparent;
     text-decoration: underline;
     }
a:visited {
     color: #551A8B;
     background-color: transparent;
     text-decoration: underline;
     }
a:focus {
     color: #D10;
     background-color: #FFF;
     text-decoration: underline;
     }
a:hover {
     color: #D10 /*#0000AA*/;
     background-color: #FFF;
     text-decoration: underline;
     }
a:active {
     color: #F4F8FE;
     background-color: #0000AA;
     text-decoration: underline;
     }
/*
#content a:hover {
    background-color: #F5E9E0;
    color: #A10;
    } 
#content a:active {
    color: #F4F8FE;
    background-color: #0000AA;
    }
*/
#visitgroup a:link {
    background-color: #222;
    color: #AAF;
    text-decoration: none;
    border-bottom: 1px dotted #AAF;
    } 
#visitgroup a:hover {
    background-color: #F5E9E0;
    color: #A10;
    border-bottom: 1px dotted #A10;
    }
#visitgroup a:visited {
    }

#visitgroup a:active {
    color: #F4F8FE;
    background-color: #0000AA;
    border-bottom: 1px dotted #F4F8FE;
    }

#breadcrumb a:link {
    background-color: #E4C6B1;
    }

#breadcrumb a:visited {
    color: #551A8B;
    }

#content .index a:hover, #breadcrumb a:hover, .navgroup a:hover {
    background-color: #fff;
    }
#content .index a:active, #breadcrumb a:active, .navgroup a:active {
    background-color: #0000AA;
    }

/* navigation */

#nav:target {
    display: none;
    }

#nav #skipnav { /* for CSS-less browsers only */
    display: none;
    }

#nav h2, #nav h3, #nav p, #nav form {
    margin-left: .5em;
    margin-right: .5em;
    }
#nav form {
    margin: .5em;    
    }
#nav h2/*, #nav h3*/ {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    }
#nav-h {
    display: none;
    }
.navgroup {
    background-color: #F5E9E0;
    color: black;
    }
#nav .navgroup h3 {
    margin: 0;
    padding: .3em .5em .3em .5em;
    font-size: 1em;
    background-color: #D8AF94;
    } 
.navgroup ul {
    list-style-type: none;
    display: block;
    margin: 0;
    padding: .2em 0;
    }

.navgroup li {
    list-style-type: none;
    line-height: 1.6em;
    margin: 0;
    padding: 0;
    }
.navgroup a {
    display: block;
    padding-left: 1em;
    padding-right: .5em;
    }

.navgroup .curpg {
    display: block;
    padding-left: 1em;
    padding-right: .5em;
    line-height: 1.6em;
    /*font-weight: bold;*/
    background-color: #FDF9F6;
    }

.navgroup .curpg:after {
    content: " < Tuned in";
    color: #D10;
    font-weight: bold;
    }
.navgroup .curpg:hover:after {
    color: green;
    }

#nav > .hide ul { /* fold-out lists */
    display: none;
    }

#nav > .hide h3:after {
    content: "> show";
    color: #D10;
    background-color: #F5E9E0;
    border: 1px solid #974E2E;
    font-weight: normal;
    margin-left: .5em;
    padding: 0 .2em;
    }

#nav > .hide:hover ul {
    display: block;
    }
#nav > .hide:hover h3:after {
    display: none;
    }

/* Page content index */

#content .index {
    margin: .2em 0;
    background-color: #F5E9E0;
    color: black;
    }
#content .index h2 {
    margin: 0;
    font-size: 1.2em;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    background-color: #D8AF94;
    padding-top: .2em; 
    padding-bottom: .2em; 
    }

#content .index ul {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    max-width: 65em;
    }
#content .index li {
    list-style-type: none;
    display: inline;
    line-height: 2em;
    padding: 0;
    white-space: nowrap;
    }
#content .index ul>li {
    display: inline-block;
    }
#content .index a {
    padding: 0 0 0 .5em;
    } 
#content .short ul {
    max-width: none;
    }

#content .short li {
    line-height: 1em;
    display: block;
    padding: 0;
    margin: 0;
    max-width: none;
    }
#content .short ul>li {
    display: block;
    }
#content .short a {
    display: block;
    line-height: 2em;
    }
/*
#content .vert2 {
    float: left;
    width: 20em;
    max-width: 100%;
    margin-right: 1em;
    }

#content .vert2 li {
    display: block;
    padding: .15em 0;
    }
#content .vert2 ul>li {
    display: block;
    padding: .15em 0;
    }

#content .vert2 a {
    display: block;
    padding-left: 1em;
    }
*/

/* tuner review container */

#content .tin {
    margin: .5em 0;
    }
#content .tin h2 {
    margin: 0;
    margin-left: 1em;
    font-size: 1.2em;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    }
#content .tin ul.info {
    list-style: none;
    margin: 0;
    margin-left: 1em;
    padding: 0;
    }
#content .tin ul.info li {
    list-style-type: none;
    display: inline;
    padding-left: .5em;
    white-space: nowrap;
    }
#content .tin blockquote {
    border-left: .1em solid #D8AF94;
    /*margin-left: 1em;*/
    }
#content .tin blockquote>ul {
    margin-left: 0;
    }
/*#content .tin blockquote li {
    display: list-item;
    list-style-type: disc;
    white-space: normal;
    }*/
#content .tin ul.info .bay {
    display: block;
    padding-left: .5em;
    }

/* custom search */
#gsearch {
    border-bottom: 1px solid black;
    }
#gsearch h2 {
    margin: .5em .5em 0 .5em;
    font-size: 1em;
    }
#gsearch input {
    border: 1px solid #6A8BAB;
    padding: .2em;
    font-size: 1em;
    background-color: #FFF;
    color: black;
    }
#gsearch>form>input {
    background-color: #F4F4F4;
    color: #F4F4F4;
    }
#gsearch input:focus {
    border: 1px solid #7E9DB9;
    background-color: #FFF;
    color: black; 
    }

/* ad images */

#nav img {
    border: none;
    }

/* ads */

.ads {
    /*display: none;*/
    }

}

@media only screen and (min-width: 75em), only projection and (min-width: 75em) {

* {;} /* opera 3.62 parse fix */

p, li {
    line-height: 1.9em;
    }
    
}

@media only screen and (max-width: 50em), only projection and (max-width: 50em) {

* {;} /* opera 3.62 parse fix */

p, li {
    line-height: 1.4em;
    }

}

@media only screen and (max-width: 39em), only projection and (max-width: 39em) {

* {;} /* opera 3.62 parse fix */

p, li {
    line-height: 1.3em;
    }

}

@media only screen and (max-width: 30em), only projection and (max-width: 30em) {

* {;} /* opera 3.62 parse fix */

p, li {
    line-height: 1.2em;
    }
#nav {
    display: none;
    }

}