/*
Theme Name: Eames
Theme URI: http://www.jdeames.com
Description: Simple.
Version: ver. 1.0
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, 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;
}

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: 65.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;
     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 {
	/*  text-align: center; */
          float: left; 
/* width: 25em; */
    	  width: 45em;
	  list-style-type: none;
	  line-height: 1.2em;
          background: #fff;
          font-weight: bold;  
   	  padding-left: 1.5em;  
  /*        border: solid #3366CC; */
          border: none; 
	  border-width: 4px 0;   
	  margin: 0 0 1em 0;
     }

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

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

#nav li {
	  float: left; 
	  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: #3366CC;

      background-position: 0 0;

     }



/* IMAGES */



img {

    border:0;

     }



p img {

	  padding: 0;

	  max-width: 100%;

	 }



img.header {

      position: relative;

      float: right;

     }



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: 95%;

      margin: 0 1.75em;

     }



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

  /*    clear: both;  */

      float: left;

  /*    width: 65%; */

      width: 55%;

      margin: 0 1.75em;

     }



#sidecolumn {    /* USED FOR PAGES found in sidebar.php  */

      float: right;  

      width: 30%;

      line-height: 1.5em;

      margin-top: 2em;

     } 



#sidecolumn h2{

    font-size: 1em;

    }



#sidecolumn ul {

   list-style-type: none;

   }



#sidecolumn h2 {

      list-style-type: none;

     }

#sidecolumn h2 li{

list-style-type: none;

     }



#sidecolumn ul li {

     list-style-type: none;

     }



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 {

      width: 70%;

      font-size: .9em;

      margin: 1em 5em ;

      border: 3px double #3366CC;

      border-width: 3px 0;

      text-align: center;

     }



.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-image: url('images/inibkgrnd.jpg');

      background-repeat: no-repeat;

      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;

     }