/*
Theme Name: Embrace Diverse Schools
Theme URI: http://embracediverseschools.com/
Description: To Come...
Version: 3
Author: Eric Strauss, ericstrauss.net
*/



/*-------------------------------------------  
    General Syles
-------------------------------------------*/

* { margin: 0; padding: 0; }

body { background: #F3A74A; font-size: 1em; font-family: "Georgia", Times, Times New Roman, serif; }

p, .feedback { font: normal 85%/175% 'Verdana', Times, Times New Roman, serif; color: #111; padding: 0 0 5px 0;}

h2 { font-size: 100%; }

h3 { }

ol#comments li p { font-size: 100%; }

a { color: #2D3181; }

a img { border: 1px solid #000; }

img { margin-bottom: 5px; }

a:visited { color: #444; }

a:hover { color: #444; }

strong { font-weight: bold; }




/*-------------------------------------------  
    Header
-------------------------------------------*/

#header { 
       float: left;
       position: relative;
       background: transparent url("http://www.embracediverseschools.com/images/header_bg.gif") repeat-x top left;
       height: 300px; 
       width: 100%;
       border-bottom: 1px solid;
}

#images {
       position: relative;
       width: 800px;
       height: 255px;
       margin: 0 auto;
}

#logo { 
       float: left;
       position: absolute;
       top: 25px;
       margin-left: 100px;
       border: none;
}

#eileen { 
       display: block;
       position: absolute;
       margin-left: 430px;
       top: -91px;
}

h1 strong { display: none; }


#description {
       font-family: Georgia;
       background: #B47B3E;
       margin-bottom: 10px;
       margin-top: -20px;
       padding: 25px 0;
       color: #fff;
       font-size: 105%;
       font-weight: normal;
       border-bottom: 1px solid #ccc;
       text-align: center;
}

#description span {font-style: italic;}

.breadcrumb {
      font-family: "Verdana", Arial, sans-serif;
      font-size: 70%;
      margin: -10px 20px 10px 20px;
      padding: 10px 0 10px 10px;
      color: #666;
      border-bottom: 1px dashed #eee;
}

.breadcrumb a { color: #666; text-decoration: none; }

.breadcrumb a:hover { color: #666; }

/*-------------------------------------------  
   Navigation
-------------------------------------------*/

#nav { 
      width: 800px;
      height: 33px;
      margin: 0 auto 0 auto;
      padding-left: 0px;
      padding-top: 13px;
      text-align: center;
}

#nav li { 
      list-style: none;
      font: normal 75% "Verdana", Arial, Helvetica, sans-serif;
      display: inline;
      padding: 2px 7px;
}

#nav li a { text-decoration: none; color: #fff; }

#nav li a:hover { color: #ccc; text-decoration: underline; }


/*-------------------------------------------  
   Content
-------------------------------------------*/

.linklog {
  display: none;
}

#welcome_blog {
  padding: 10px 0 10px;
  margin-bottom: 40px;
  color: #B47B3E;
  font-weight: bold;
  font-size: 200%;
  letter-spacing: 1px;
  border-bottom: 1px solid;
}

#welcome_blog a {
  color: #B47B3E;
  text-decoration: none;
}

#workplease { 
      position: relative; 
      text-align: center; 
      width: 800px; 
      margin: 0 auto; 
}

#bigbox { 
      position: relative; 
      float: left; 
      text-align: left; 
      width: 800px; 
      margin: 0 auto;
      padding-top: 20px; 
      background: #FAFBFB; 
      border-left: 1px solid #666; 
      border-right: 1px solid #666; 
      min-height: 800px; 
}

#content { 
        position: relative; 
        float: left; 
        width: 60%; 
        margin: 0 0 20px 0px; 
        padding: 10px 10px 0 30px ; 
}

.storytitle { 
        font: normal 130% "Georgia", Times, Times New Roman, serif; 
        margin-bottom: 10px;
        font-style: italic;
        color: #241E4B; 
} 

.storytitle a { 
        text-decoration: none;
        color: #241E4B;
}

.storytitle span { 
        position: absolute; 
        margin-left: 5px; 
        width: 35px; 
        height: 20px; 
        background: url("http://www.embracediverseschools.com/images/title.png") no-repeat; 
}

#textimg { 
        padding: 20px 10px;
        margin: 0 0 20px 0;
        text-align: center;
        border: 1px solid #ccc;
}

#textimg img {
        padding: 1px;
        border: 1px solid #666;
}

#caption { 
        padding: 10px 0 0 0;
        font-size: 100%;
        color: #666; 
        text-align: center;
        font-style: italic;
        border: none;
}

.storycontent ul { 
        font-family: "Verdana", Times, Times New Roman, serif;
        margin-bottom: 5px;
        font-size: 80%; 
        margin-left: 40px;
}

.storycontent li { 
        padding: 4px 0 4px 0px; 
        margin-left: 0px; 
        color: #111; 
        line-height: 150%;
}

blockquote { 
        margin: 10px 0 20px 0; 
        font-size: 90%;
}

blockquote p { 
        position: relative;
        font-family: "Georgia", Times, serif; 
        padding: 10px; 
        color: #000; 
        font-size: 110%; 
        font-style: italic; 
        border-bottom: 1px dashed #ccc; 
        border-top: 1px dashed #ccc; 
}

blockquote span { 
        font-style: italic;
        color: #666;
        font-size: 70%;  
}

#larger {
        font: normal 100% "Georgia", Times, Times New Roman, serif; 
        color: #868CAF;
        margin: 15px 0;
        text-transform: uppercase;
        text-align: center;
}


#large {
        font: italic 70% "Georgia", Times, Times New Roman, serif; 
        color: #868CAF; 

}

#video_big {
       position: relative;
       text-align: center;
       padding: 40px 0;
       margin: 20px 0 10px;
       background: #fafafa;
       border: 3px double #ccc;

}

.underline { text-decoration: underline; }

#georgia p { font-family: "georgia", Times, Times New Roman, serif; }

/*-------------------------------------------  
   Sidebar
-------------------------------------------*/

#menu { 
      overflow: hidden; 
      float: left; 
      width: 220px; 
      margin: 0 0 0 20px; 
      padding: 0 10px 40px 20px; 
      border-left: 1px solid #eee;
      color: #333;
}

#menu h2 { 
      font: normal 100% "Georgia", Times, Times New Roman, serif; 
      text-transform: none;
      padding: 5px 0; 
      margin: 30px 0 10px 0;
      color: #444;
      background: #fafafa;
      border-bottom: 1px solid #ddd;
} 

#menu h2 a { 
      color: #444; 
      text-decoration: none;
}

#menu h2 span { 
      float: left; 
      display: none;
      margin-top: -3px; 
      width: 35px; 
      height: 20px; 
}

#menu ul li { 
      font: normal 12px "Verdana";
      list-style: none;
      text-transform: none; 
      text-align: left;
      color: #666; 
      padding: 5px 0; 
}

#decoration { position: relative; margin-left: 85px; }
 
#asides p {  
      font: normal 12px "Verdana"; 
      color: #666;
      
}

#asides ul li { 
       padding: 0; 
       margin: 0; 
}

#video_small {
       position: relative;
       text-align: center;
       padding: 10px;
       margin: 20px 0 10px;
       background: #fafafa;
       border: 1px solid #ccc;

}

#book { border: 1px solid #000; margin-left: 25px; }

#search { background: #EDEEF0; border: 1px dashed #999; padding: 10px; padding-left: 15px; }

#textimg_menu { 
        padding: 10px;
        margin-bottom: 10px;
        text-align: center;
        border: 1px solid #ccc;
}

#textimg_menu img {
        padding: 1px;
        border: 1px solid #666;
}
/*-------------------------------------------  
   Footer
-------------------------------------------*/


#credit { 
  position: relative; 
  float: left; 
  border-top: 1px solid #000; 
  background: none; 
  width: 800px; 
  margin: 0px auto; 
}

#credit p { 
  text-align: center; 
  padding: 5px 0; 
  color: #fff; 
  font-size: 10px; 
}

#credit a:link, .credit a:hover { color: #fff; }


acronym, abbr {
	border-bottom: 1px dashed #333;
}

acronym, abbr, span.caps {
	font-size: 90%;
	letter-spacing: .07em;
}

acronym, abbr {
	cursor: help;
}





cite {
	font-size: 90%;
	font-style: normal;
}


.feedback {
	color: #ccc;
	clear: both;
}


/* classes used by the_meta() */
ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

.meta {
	font-size: 10px;
        margin-bottom: 10px;
        font-family: verdana;
}

.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.meta, .meta a {
	color: #808080;
	font-weight: normal;
	letter-spacing: 0;
}



#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	border: 1px solid #333;
	padding: .2em;
}

#commentform textarea {
	width: 100%;
}

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}

#commentlist li .avatar {
	float: right;
	margin-right: 25px;
	border: 1px dotted #ccc;
	padding: 2px;
}

#book_home {
  border: 1px dotted #ccc;
  padding: 20px;
  background: #fff;
  margin-bottom: 20px;
  height: 200px;
}

#book_home img {
  width: 125px;
  float: left;
  margin-right: 20px;

}

#textbar p {
  font-size: 70%;
}

.alignleft {
  float: left;
  padding:0 10px 0 0;
}

.twitter_frame {
  border: none;
}

.library-box {
  border: 1px solid #ccc;
  padding: 20px;
  margin-top: 20px; 
  background: #fff;
  font-size: 80%;
}

.library-box h4 {
  margin-bottom: 10px; 
}

.library-img-left {
  float: left;
  margin: 0 10px 0px 0; 
  border: 1px solid #ccc;
  padding: 1px; 
}

.follow-eileen {
  font-size: 80%;
}