/*	div#container=wrapper for entire page
      div#banner
        IMG.logo
      div#menudiv, ul, li, a, a:hover
      div#content
        h1=NEW section title, not used yet
          h2=page title
          body
          p
          p.byline=blue lightface
          p.quote=blue, indented, smaller
          p.notebox=smaller text, orange border
          p.smaller=used for next page/prev page notes
          a:link, visited=blue, bold, underlined 
          a:hover=orange, bold, underlined
          span.bb=blue, bold
          span.ob=orange, bold
          span.q2=orange--used for Lesson of the Stolen Web highlights
            h3=tale name
            h3.afd=AFD episode name
            .itembody=AFD item contents
	        .iteminfo=AFD post author, date, permalink, comment link/#
            div#navmaster (contains the AFD navbar & calendar)
            div#calendar
            div#searchform
              h4=subhead/AFD Comments, Add Comments
                h5=subhead/AFD Commenter's name
                div#commentbody for AFD
                div#commentinfo for AFD
      div#sidebar
        h6=NEW sidebar head--WAS h5
          p.sidebar=sidebar text
      div#extra=not used yet
      div#footer
        p.footer=footer text            
*/
/*LAYOUT (../../../images/TT7blueclouds.jpg)*/
div#container{width:800px;margin:0 auto;border:2px solid #06C;}
div#banner{width:800px;height:65px;margin:0;padding:0;background:#06C url(images/TT7blueclouds.jpg) repeat-x left top;border:0;}
IMG.logo{margin-left:2px;}	
div#content{float:left;width:600px;padding:10px;border:0;background:#FFF;}
div#sidebar{float:right;clear:right;width:170px;margin:8px 2px 0 0;border-top:0;border-right:2px solid #F90;
border-bottom:2px solid #F90;border-left:2px solid #F90;background:#FFF;}
div#extra{float:right;clear:right;width:170px;margin:6px 4px 0 0;background:#FFF;}
div#footer{clear:both;width:100%;margin:0;padding:0;border-top:2px solid #06C;}

/*TYPOGRAPHY*/
body{color:#333;background:#FFF;margin:0;padding:0;font-size:80%;
	font-family:verdana, arial, helvetica, sans-serif;}
/* font sizing in ems--76% is as small as you can go and stay the same across browsers.*/

a:link{color:#06C;font-weight:bold;text-decoration:underline;}
a:visited{color:#69F;font-weight:bold;text-decoration:underline;}
a:hover{color:#F90;font-weight:bold;text-decoration:underline;}

#menudiv ul{padding:0;margin:0;background:#06C;color:#FFF;float:left;width:800px;}
#menudiv ul li{display:inline;white-space:nowrap;}
#menudiv ul li a{font-size:85%;padding:0.2em 0.5em;background:#06C;color:#FFF;
text-decoration:none;float:left;border-right:1px solid #FFF;}
#menudiv ul li a:hover{background:#F90;color:#FFF;}

h1{font-size:12pt;margin:55px 0 0 5px;font-weight:bold;color:#F90;
    border:0;background:transparent;}  /*Section title*/
h2{font-size:1.7em;margin:0em 0em 0.4em 0em;font-weight:bold;color:#F90;} /*Page title*/
h3{font-size:1.4em;margin:1.2em 0em 0.4em 0em;font-weight:bold;color:#06C;} /*Subhead 1*/
h3.afd{font-size:1.4em;margin:5px 0 20px 0;font-weight:bold;color:#FFF;background:#00F;border:0;
padding:5px;}
h4{font-size:1.2em;margin:1.2em 0em 0.4em 0em;font-weight:bold;color:#F90;} /*Subhead 2*/
h5{font-size:1.0em;margin:1.2em 0em 0.4em 0em;font-weight:bold;color:#06C;} /*Subhead 3*/
h6{font-size:1.0em;margin:0em;padding:5px;font-weight:bold;color:#06C;
    display:block;border-top:2px solid #F90;border-bottom:2px solid #F90;}/*Sidebar heads*/
    
p{font-size:1.0em;line-height:1.8em;margin:1.2em 0em 1.2em 0em;}
p.byline{color:#06C;}
p.quote{color:#06C;font-size:90%;margin-left:20px;}
p.notebox{font-size:90%;border:2px solid #F90;padding:5px;}
p.smaller{font-size:90%;}
p.footer{font-size:90%;margin:0;padding:10px;}
p.sidebar{margin:5px;padding-top:0;line-height:1.4em;}
li > p{margin-top:0.2em;}
ol, ul, li{line-height:1.4em;margin-top:0.2em;margin-bottom:0.1em;}
strong, b{font-weight:bold;}
/*span{color:#06C;font-weight:bold;}*/
span.bb{color:#06C;font-weight:bold;}
span.ob{color:#F90;font-weight:bold;}
span.q2{color:#F63;}
.skip{display:none;}
/*hr{size:1;style:solid;color:#FC6;}*/
img{border:0;}

/* STYLES SPECIFIC TO AFD */

/* AFD episodes */
.itembody{margin:5px 0 5px 0;}
.iteminfo{font-size:x-small;color:gray;}
.iteminfo a{font-weight:bolder;}

/* AFD comments */
.commentbody{text-align:left;}
.commentinfo{font-size:x-small;color:gray;}
.error{color:red;font-size:larger;}

/*AFD navbar -- goes in content block 
#afdnav a{font-size:90%;display:block;padding:0 8px 0 8px;border:0;background:#00F url(../../../images/TT7menustripe.jpg);font-weight:bold;text-decoration:none;}
#afdnav a:link, #afdnav a:visited{color:#FFF;font-weight:bold;text-decoration:none;}
#afdnav a:hover{color:#F90;}
ul#afdnav li#afd-off{padding:0 8px 0 8px;border:0;background:#CCC; 
font-weight:bold;color:#FFF;}
3/2/08 CHANGES: 
div#navmaster -- removed height:130px; & width:370px; */
div#navmaster{margin-top:10px;border:0;background:#FFF;}
ul#afdnav{margin:0;padding:0;border:0;list-style-type:none;white-space:nowrap;}
ul#afdnav li{float:left;display:block;margin:0;padding:0;}

#afdnav a{font-size:90%;display:block;padding:0 8px 0 8px;border:0;background:#06C;color:#FFF;font-weight:bold;text-decoration:none;}
#afdnav a:hover{background:#F90;color:#FFF;}
ul#afdnav li#afd-off{padding:0 8px 0 8px;border:0;background:#CCC; 
font-weight:bold;color:#FFF;}

div#calendar{float:right;display:inline;margin:0;padding:0;border:0;background:#FFF;width:110px;}
div#searchform{float:left;display:block;margin:0;padding:0;}

/*	Calendar attributes (Calendar div in AFD navbar)
table.calendar{font-size:8px;color:gray;border:1px solid #F90;}
tr.calendardateheaders{font-weight:bold;color:black;font-family:Verdana, sans-serif;}
table.calendar td{text-align:center;}*/
table.calendar{font-size:9px;color:gray;border:1px solid #F90;}
tr.calendardateheaders{font-size:9px;font-weight:bold;color:black;font-family:Verdana, sans-serif;}
td.days {text-align: center;}
td.today{text-align:center;color:red;background-color:whitesmoke;}
#calendar a:link, #calendar a:visited, #calendar a:hover{font-size:10px;}
/*plugin's original code:
table.calendar{font-size:small;color:black;}
tr.calendardateheaders{font-size:small;color:red;}
td.days{text-align:center;}
td.today{text-align:center;color:green;background-color:whitesmoke;} */

/*	Rules for contents generated using the markup buttons
	"add left box" and "add right box." Both boxes have slightly larger text, [and take a maximum of 20% of
	the width of the contents--stet: width: 20%; was deleted as a test ]*/
.leftbox, .rightbox{margin:10px;padding:10px;font-size:larger;}
.leftbox{float:left;border-right:2px solid #CCC;}
.rightbox{float:right;border-left:2px solid #CCC;}