/*

Theme Name: Playwrights

Theme URI: http://www.mondaynightgroup.net

Description: Simple.

Version: ver. 1.5

Author: JD Eames

*/



/* 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: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;

}



del {

	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: Verdana, Arial, sans-serif;

     }



body {

      font-size: 75.5%;

      font-weight: normal;

     }



h1 {

    font-family: "Courier New", Verdana, Arial, sans-serif;

   }



#specialtxt, .textsmall, blockquote, .blksource {

      font-family: "Trebuchet MS", Verdana, "Courier New", sans-serif; 

     }



.screenbox, .playbox {  

      font: 12px "Courier New", "Times New Roman", serif;

     }



/* STRUCTURE */

body { 

      width: 100%;

      text-align: center; 

      margin-top: -2em;

      color: #000;  

      background: #fff;  

     }



#container { 

      text-align: left;

      padding: 3em;

     }



.clearit {

      clear: both;

     }



h1, h2, h3, h4, h5, h6, a {

 /*    color: #3366CC;  */
     color: #657383;
     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: .75em;   

          margin-left: 4em;

     }



#specialtxt {

	  font-size: 1.2em;

          line-height: 1.4em;

	  color: #333;

          text-align: right;

          margin-left: 50%;

     }



.textsmall {

      color: #000999;

      font-size: 1em;

     line-height: 1.5em; 

     }

.textsmaller {

     font-size: .8em;

     line-height: 1.5em;

     }

.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: 5em;

      margin-bottom:1em;

    /*  float: left; */

     }



a:hover {

     /*  color: #0000CC; */

      color: #3366CC;   

      text-decoration: none;

     }



#footer {

      clear: both;

      margin: 0 auto;

      text-align: center;

     }



#menu {

   }



/* DROPDOWN NAVIGATION */
#nav, #nav ul {           /* lays out initial menu items */
      float: left; 
       width: 55em;
      list-style-type: none;
      line-height: 1.2em;
      background: #fff;
          font-weight: bold;  
   	  padding-left: 1.5em;
          border: none; 
	  border-width: 4px 0;   
         margin: 0 0 1em 0; 
     }

#nav ul {   /* lays out menu borders */
      border: solid #3366CC;
      border-width: 1px 0; 
     }

#nav a {      /* further formats menu items */
	  display: block;
        width: 9em;
   	  color: #333; 
	  text-decoration: none;
       padding: 0.15em .25em;

     }   

#nav li {
	  float: left;
          margin-right: 2em; /* keeps the menu items apart */
	  padding: 0;
     }

#nav li ul {	  
      position: absolute;   /* an IE fix */
	  left: -999em;
	  height: auto;
	  width: 13.9em;
	  font-weight: normal;
	  border-width: 0.25em;
	  margin: 0;
     } 
#nav li li {
      padding-right: 1em;
      width: 10em;
     } 
#nav li ul a {
	  width: 10em;
     }
#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: #3366CC;
      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 #E5F2FF;



      background: #E5F2FF;



      font-size: 80%; 



      color: #000999;



     } 







/* CONTENT */



#content {  /* sets the fit for body/post portion of the page, underneath the graphic logo */



      clear: both;



      width: 100%;



      margin: 0 auto;



      margin-left: 1.5em;



     } 





#widepage {    /* USED FOR PAGES IN PLACE OF #content */



      clear: both;



      float: left;



      width: 100%;



      margin: 0 1.75em;



     }







#maincolumn {    /* USED FOR PAGES IN PLACE OF #content */



  /*    clear: both;  */



      float: left;



  /*    width: 65%; */



      width: 65%;



      margin: 0 1.75em;



     }







#sidecolumn {    /* USED FOR PLAYWRIGHT PAGES   */



      float: right;  



      width: 30%;



      line-height: 1.5em;



      margin-top: 2em;

   border-color: #F8F8F8;
   background: #F8F8F8;
     } 







#sidecolumn h2{



    font-size: 1em;



    }




#sidecolumn h2 {



      list-style-type: none;



     }



#sidecolumn h2 li{



list-style-type: none;



     }







#sidecolumn ul li {


  list-style-type: none;
list-style-position: inside;  
   



     }






p {



      margin:5px 2px;



      line-height: 1.4em; 



     }




.post { 



      padding-right: 15%;



      margin-top: 5px;



      margin-bottom: 15px;



     }




.text {



      font-size: 1.2em;



     }







.textwide {



      font-size: 1.1em;



      }







.textwidepara {



      margin-left: 10px;



     }







.textwideindent {



      margin: 0 0;



      padding: 2em;



      }







.textwideblue {



     color: #3366CC;     



}







.textcap {



   font-variant: small-caps;



     }







.text ol { 



      list-style: decimal inside; 



      margin-left: 2.5em;



      padding-left: 1em;



      text-indent: -1.5em;



     }







.text ol ol, .textwide ol ol {



      list-style: lower-alpha inside;



     }







.text ul, .text li, .textwide ul, .textwide ul li, .textwide li {



      list-style-type: disc;



      list-style-position: inside;  	  



      margin-left: 2.5em;



      padding-left: 0;



      text-indent: -1.5em; 



     }







.text ul ul, .text ul, .textwide li li {



      list-style-image: none;   



      list-style-type: circle;



     }







.text ul ul ul, .textwide ul ul ul {



      list-style-image: none;   



      list-style-type: disc;



     }








blockquote {
	margin: 0px;
	color: #666666;
	padding: 0 0 0 50px;
	font-style:italic;
}

cite {
	font-size: 0.9em;
	font-style: normal;
}







.blksource {



      width: 70%;



      font-size: .9em;



      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-position: center; 



      font-size: 1.2em;



      text-align: center;



      color: #666600;



      float: right;



     }







.textup {   /* FOOTNOTES */















      color: #663333;



	  position: relative;







  	  bottom: 0.3em;



     }







.textpush {



      margin: 20px 20px;



     }







.textdown {



      color: #663333;



	  position: relative;



	  top: 0.3em;



     } 







/* John August's screenplay css - modified slightly */



/* Play formats begin with p */





.screenbox {  



      width: 420px;



      background: #eee;



      border: 1px solid #333;



      padding: 5px 14px;



     }



.playbox {



      line-height: 1em;



      background: #eee;



      border: 1px solid #333;



      padding: 5px 14px;



      }



.screenbox li, .playbox li {



      list-style: none;



      list-style-image: none;



      text-indent: 0;  /* necessary for my stylesheet because of inheritance */



     }







.ppage {



      margin-top: 10%;



     }



   



.pcopyright {



     font-variant: small-caps;



     text-align: center;



    }



.ptitle {



      margin-top: 5%;



     margin-bottom: 5%;



text-align: right;



     padding-right: 5em;



     }







.pend {



      margin-bottom: 15%;



     }







.pcharacter, .paction {



      padding-top: 1.5ex;



     }







.paction, .ppage, .pend {



      margin-left: 38.5%;



      padding-right: 15%;



     }







.pcharacter {



      text-transform: uppercase;



      text-align: center;



     }







.pdialogue {



      margin-left: 15%;



      margin-right: 25%;



     }



.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;



     }