/*
Theme Name: Intermission
Theme URI: http://www.itstheintermission.com
Description: Simple white design, 1 column main page, 2 columns on pages, horizontal menu in header. Uses reset code suggested from meyerweb.com. Also suckerfish (http://htmldog.com/articles/suckerfish/dropdowns/) for the horizontal menus. The header graphic is mine.
Version: ver. 1.0
Author: JD at ItsTheIntermission.com
*/

/* eric meyer's reset code 
  v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
 line-height: 1.8em;

}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
d
el {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* end eric meyer reset code */


/* FONTS */
body, .searchbox input  { 
   /*    font-family: "American Typewriter"; */
font-family: "Trebuchet MS", Verdana, "Courier New", sans-serif;
  /*   font-family: "Comic Sans MS", "Gill Sans MT", Verdena, sans-serif; */
   /*   font-family: "Hoefler text", "Baskerville", "Times New Roman", serif; */
     }
body {
    /*  font-size: 69.5%;  */
   /*   font-size: 67.5%; */
      font-size: 80.5%;
      font-weight: normal;
     }
     
#specialtxt, .textsmall, blockquote, .blksource, #blknote, .screensource, #extrasmall {
   /*   font-family: "Trebuchet MS", Verdana, "Courier New", sans-serif; */
 font-family:  "Garamond", "Times New Roman", "Times", serif;
     }
     
.screenbox {
      font: 12px "Courier New", "Times New Roman", serif;
     }

/* STRUCTURE */
body { 
      width: 100%;
      text-align: center; 
      margin-top: -2em;
      color: #333;  
   /*   background: #ffe1e1; */
  /*   background: #fff; */
 /*    background: #FFF0E0; oldlace */
   /*    background: #F0F7FF; ghostwhite */
      background: #ffffff;
     }

#container { 
      text-align: left;
      padding: 3em;
     }
     
.clearit {
      clear: both;
     }

h1, h2, h3, h4, h5, h6, a {
   color: #666600;
/* color: #ffe1e1; */
      text-decoration: none;
     }
h1 {
      font-size: 2em;     
      padding: 1em;
     }

h2 {
      font-size: 1.6em;
     }

h2.widgettitle {
      padding-top: 0.65em;
      padding-bottom: .25em;
     }
h3 {
      font-size: 1.4em;
     }
h4 {
      font-size: 1.2em;
     }
h5 {
      font-size: 1em;
     }
h6 {
      font-size: .8em;
     }
   
#subhead {   /* only used once for title description */
  	  font-size: .5em;   
     }

#specialtxt {
	  font-size: 1.3em;
          line-height: 1.4em;
	  color: #999966;
          text-align: right;
          margin-left: 50%;
     }

.textsmall {
      color: #663333;
      font-size: 1em;
     line-height: 1.5em; 
     }

#extrasmall {
font-size: .8em;
          line-height: 1em;
	/*  color: #999966; */
}
#tiny {
font-size: .6em;
          line-height: 1em;
}   
.textbigger {
      font-size: 1.4em;
      }
     
hr {
      visibility: hidden; 
     }
    
#searchsubmit {  
      color: #fff;
      background: #999966 no-repeat center top;
     }

.searchbox input {  /* in place of the search form (php) */
      margin-top: 1em;
      margin-bottom:1em;
      float: right;
     }

a:hover {
      color: #999966;
      text-decoration: none;
     }

#footer {
      clear: both;
      margin: 0 auto;
      text-align: center;
     }
.a-bg {
     color: #333;
     background: #999966;
     }
/* DROPDOWN NAVIGATION */
#nav, #nav ul {
	  float: right;
	  width: 31em;
	  list-style: none;
	  line-height: 1.2em;
      background-color: #fff;
      font-weight: bold;  
   	  padding-left: 1.5em;  
      border: solid #999966; 
	  border-width: 1px 0;   
	  margin: 0 0 1em 0;
     }

#nav ul {
      border: solid #999966;
      border-width: 1px 0; 
     }

#nav a {
	  display: block;
      width: 10em;
   	  w\idth: 6em;  
	  color: #666600; 
	  text-decoration: none;
      padding: 0.15em .25em;
     }   

#nav li {
	  float: right;
	  padding: 0;
      width: 6em; 
     }

#nav li ul {
	  position: absolute;   /* an IE fix */
	  left: -999em;
	  height: auto;
	  width: 14.4em;  
	  w\idth: 13.9em; 
	  font-weight: normal;
	  border-width: 0.25em;
	  margin: 0;
     } 


#nav li li {
	  padding-right: 1em;
	  width: 13em; 
     } 

#nav li ul a {
	  width: 13em;
  	  w\idth: 9em;
     } 

#nav li ul ul {
	  margin: -1.75em 0 0 14em;
     }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	  left: -999em;
     }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav 
li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
      left: auto;
     }

#nav li:hover, #nav li.sfhover {
	  background-color: #999966;;
      background-position: 0 0;
     }

/* IMAGES */
img {
      border:0;
     }

p img {
	  padding: 0;
	  max-width: 100%;
	 }
img.header {
      position: relative;
      float: left;
     }
img.centered {
	  display: block;
	  margin-left: auto;
	  margin-right: auto;
	 }

img.alignright { 
      padding: 4px; 
      margin: 0 0 2px 7px; 
      display: inline; 
     }

img.alignleft { 
      padding: 4px; 
      margin: 0 7px 2px 0; 
      display: inline; 
     }

.alignright {  
      position: relative;
	  float: right;
	 }
.alignleft {
      position: relative;
	  float: left;
	 }

.caption { 
      margin: 5px; 
      padding: 5px; 
      border: solid 1px #E5E5FF; 
      background: #E5F2FF; 
      font-size:90%; color: black;
     } 


/* CONTENT */
#content {  /* sets the fit for body/post portion of the page, underneath the graphic logo */
      clear: both;
     /* width: 95%; made change 2/12/2010 */ 
      width: 65%;
      margin: 0 auto;
     } 
#maincolumn {    /* USED FOR PAGES IN PLACE OF #content */
      clear: both;
      float: left;
      width: 65%;
      margin: 0 1.75em;
     }
#sidecolumn {    /* USED FOR PAGES found in sidebar.php  */
      float: right;  
      width: 25%;
      line-height: 1.5em;
     } 
#sidecolumn ul {
      list-style: none;
     }

#wallsideboard {  /* USED FOR THE WALL found in thewall.php  */
       clear: both;
  float: left;
   width: 40%;
      margin: 0 1.75em;
 }  
#wallboard {    /* USED FOR THE WALL */
      float: right;
      width: 45%;
     }
.walltext {
    font-size: 1em;
    line-height: 1.5;
   }
#walltitle {
   font-size: 1.3em;
   font-weight: bold;
   color: #666600;
}

p {
      margin:5px 2px;
     line-height: 1.4em;
     margin-top: 15px;
/* added margin-top 1/12/2010 */
  
     }
.post { 
      padding-right: 15%;
      margin-top: 5px;
      margin-bottom: 15px;
     }
.text {
      font-size: 1.2em;
     }

.text ol { 
      list-style: decimal inside; 
      margin-left: 2.5em;
      padding-left: 1em;
      text-indent: -1.5em;
     }
.text ol ol {
      list-style: lower-alpha inside;
     }
.text ul {
      list-style: url(images/mug3.gif) disc inside;
	  margin-left: 2.5em;
	  padding-left: 0;
      text-indent: -1.5em; 
     }
.text ul ul {
      list-style-image: none;   
      list-style-type: circle;
     }
.text ul ul ul {
      list-style-image: none;   
      list-style-type: disc;
     }
.textcenter {
      text-align: center;
}
blockquote {
      width: 85%;
/* width: 70%; */
     /* font-size: .9em; */
      font-size: 1.2em;
   /*   margin: 1em 5em ; */
  margin: 1em 5em ;
  /*    border: 3px double #999966; */
      border: 3px solid #999966;
      border-width: 10px 0;
      text-align: center;
     }

.blksource {
     /* width: 75%;     */
     /* font-size: .95em; */
     /* margin: 2em 8em ; */
     /* text-align: center; */
 /*     margin: 5em 5em; */
    border-top: 1px solid #999966;
     border-bottom: 1px solid #999966;
     margin-bottom: 1em;
background: #ffe1e1;
     
     }

#blknote {
   width: 70%;
   font-size: .80em;
   margin: 1em 5em;
   text-align: center;
}

blockquote.left {
      width: 200px;
      margin: 5px 15px 5px 0;
      padding: 5px 0;
      border: 3px double #999966;
      border-width: 3px 0;
      font-size: 1.2em;
      text-align: center;
      color:#999966; 
      float: left;
     }
blockquote.right {   /* USED FOR PULL QUOTES */
      width: 200px;
      margin: 5px 0 5px 15px;
      padding: 30px 0;
      border-width: 3px 0;
      border: 0;
      background-image: url('images/inibkgrnd.jpg');
      background-repeat: no-repeat;
      background-position: center; 
      font-size: 1.2em;
      text-align: center;
      color: #666600;
      float: right;
     }

blockquote.Cat {   /* USED FOR PULL QUOTES */
      width: 500px;
      margin: 5px 0 5px 15px;
      padding: 30px 0;
      border-width: 3px 0;
      border: 0;
      background-image: url('images/mycat2.gif');
      background-repeat: repeat-y;
      background-position: right;
      font-size: 1em;
      text-align: left;
      color: #1d1c1c;

      }
.textup {   /* FOOTNOTES */
      color: #663333;
      position: relative;
      bottom: 0.3em;
      font-size: .9em;
     }

.textpush {
     /* margin: 20px 20px; */
       margin: 50px 5px;
      margin-left: 30px;
     }

.textdown {
      color: #663333;
	  position: relative;
	  top: 0.3em;
     } 

.footnote {
    font-size: .9em;
    margin: 50px 50px;
    }


/* John August's screenplay css - modified slightly */
/* Play formats begin with p */
/* also use the screenbox to frame*/
.screenbox {  
      width: 420px;
      background: #eee;
      border: 1px solid #333;
      padding: 5px 14px;
     }
.screensource {
 /*  width: 400px; */
/*   font-size: 1em; */
 /*  margin-left: 50px; */
   font-size: 1.5em;
   padding-top: 4ex;
   text-align: center;
}
.screenbox li {
      list-style: none;

      list-style-image: none;
      text-indent: 0;  /* necessary for my stylesheet because of inheritance */
     }

.ppage {

      margin-top: 10%;
     }
    
.ptitle {
      margin-top: 5%;
      text-align: right;
     }

.pend {
      margin-bottom: 15%;
     }

.pcharacter, .paction {
      padding-top: 1.5ex;
     }
.paction, .ppage, .pend {
      margin-left: 48.5%;
      padding-right: 5%;
     }

.pcharacter {
      text-transform: uppercase;
      text-align: center;
     }

.pdialogue {
      margin-left: 15%;
      margin-right: 10%;
     }
    
.pparenthetical {
      margin-left: 35%;
     }

.sceneheader, .action, .character {
      padding-top: 1.5ex;
     }

.action {
      padding-right: 5%;
     }

.character {
      margin-left: 40%;
     }

.dialogue {
      margin-left: 25%;
      padding-right: 25%;
     }

.parenthetical {
      margin-left: 32%;
      padding-right: 30%;
     }

/* special case: dialogue followed by
a parenthetical; the extra line needs to be suppressed */

.dialogue + .parenthetical, .pdialogue +.pparenthetical {
      padding-bottom: 0;
     }

.transition {
      padding-top: 3ex;
      margin-left: 65%;
      padding-bottom: 1.5ex;
     }