/*

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;

     }