/*
Theme Name:     20esmio10
Theme URI:      http: //eaf.net/mvp/
Description:    Mark Roth's first child theme for the Twenty Ten theme. The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author:         Mark Roth
Author URI:     http: //www.anabaptists.org
Template:       twentyten
Version:        1.0
Creation Date:  05/08/11
Tags:           black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/

/* ONLY THEME NAME AND TEMPLATE REQUIRED ABOVE AND THE @IMPORT BELOW */

@import url("../twentyten/style.css");


/* FIX FROM IMPORTED STYLESHEET */

.entry-meta {
  padding: 8px 5px;
  width: 50%;
  margin-top: 2em;
  float: right;
  border: 1px dotted orange;
  text-align: center;
  margin-left: 10px;
}

.entry-utility {
  margin-top: 2em;
  clear: none;
}

code {
  font-weight: bold;
  color: red;
/*  font-size: 110%; */
}

#access .menu-header ul li.menu-item-2233 a {
/*	color:red;                                 works but no need for red on this */
	margin-left:50px;
}


#access .menu-header ul li {
	margin-left: 10px;
}


.entry-content {
	position: relative;
}

.one-column #content {
	width: 900px;
}

ul {
  list-style-type: disc;
}

li {margin-left:25px}

#site-generator {
	width:250px;
/*	border:1px dotted red;   */
	margin-top:-2em;
}


pre {
  width: 200px;
  margin-left: 20px;
  border: solid 1px blue;
  font-size: 1.3 em; 
  color: blue; 
/*  margin: 10px;  */
  padding:10px; 
  background: #FFFFB3;
  font-family: courier, courier new, new courier, monospace;
  line-height: 1em;
}

/*     Asides    */

.home #content .format-aside p,
.home #content .category-asides p {
color:#4d0000;
padding:10px 15px;
width:600px;
background:#d9b2b2;
font-family:verdana,arial,serif;
border-top:5px solid #993333;
border-bottom:3px solid maroon;
}

#site-description {width: 170px;}

blockquote {
  font-style: normal;
  padding: 20px 20px 3px;
  margin-left: 50px;
  margin-right: 50px;
}

blockquote cite, blockquote em, blockquote i {font-style: italic}

.entry-content blockquote, .entry-content div {
  margin-bottom: 18px;
/*  line-height: normal; */
}

.entry-content blockquote p:last-child, .entry-content div p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.entry-content ol li {margin-left:25px}


/* FEEDBURNER DISPLAY CHANGES */

div.feedBurnerFeedBlock p.feedTitle { 
font-size: 150%;
font-weight: bold;
}

div.feedburnerFeedBlock p.feedTitle a {
text-decoration: none;
color: red;
}

div.feedburnerFeedBlock a:hover {
background-color: #e05ec9;
}

div.feedburnerFeedBlock ul {
margin-left:5;
padding-left:10;
list-style-position: outside;
list-style-type: none
}

div.feedburnerFeedBlock ul li span.headline {
   padding: 2px 0 2px 0;
   font-weight:bold;
   margin:12px 0 0 0;
   display:block;
}

div.feedburnerFeedBlock ul li div {
 padding: 0 0 0 10px;
 font-size: 11px;
}

div.feedburnerFeedBlock {
   border:5px solid #ddd;
   background-color:#ffff99;
   padding:12px;
}

#creditfooter img {
width: 0;
height: 0;
text: powered by Feedburner;
}

div.feedburnerFeedBlock ul li:before {
     display: none;
     }


/* MY OWN UNIQUE-FOR-MVP STYLES */

.bible-ref {
  float:left;
  font-size:12px;
  width:130px;
  text-align:right;
  font-weight:bold;
  color:green;
  line-height:1.2em;
  clear:left;
}

.bible-verse {
  margin-left:140px;
  font-family:verdana,arial,sans-serif;
  padding-left:10px;
  border-left:1px dotted navy;
  font-size:12px;
  line-height:1.2em;
  color: brown;
  font-weight: bold;
}

.conversation-who {
  font-size:12px;
  width:70px;
  text-align:right;
  font-weight:bold;
  color:green;
  float:left;
  clear:left;
  line-height: 1.2em;
}

.conversation-what {
  margin-left:80px;
  font-family:verdana,arial,sans-serif;
  padding-left:10px;
  border-left:1px dotted navy;
  font-size:12px;
  line-height:1.2em;
}

p.dropboxred:first-letter {
  float:left;
  background:red;
  font-weight:bold;
  font-size: 2.5em;
  padding:4px;
  font-family:courier new, courier, monotype;
  color:pink;
  border:1px dotted pink;
  margin: 5px 10px 0 0;
}

.updatedmenu {background-color:red}

.quotes {
/*  margin: 1em 15px 0; */
  margin-left: 80px;
  margin-right: 80px;
  text-align: center;
  padding: 20px 20px;                 /*  WAS 20px 20px 3px  */
/*  border: 3px dotted red;           PREVIOUS VERSION */
  border-radius: 10px;
  box-shadow: 5px 5px 2px #eee;
  background-color: #d6fdd6;           /*  was pink  */
  line-height: 1.4em;               /*  tried inherit, seemingly unsuccessfully  */
  font-size: 110%;                  /*  added October 18, 2012  */
}

.quotes-half {
/*  margin: 1em 15px 0; */
  margin-left: 160px;
  margin-right: 160px;
  text-align: center;
  padding: 20px 20px;
  border: 2px dotted red;
  background-color: pink;
}

.scale4 {
  width: 400px;
  height: 300px;
  text-align: center;
  margin: 1em 25px 0;    /* auto doesn't seem to work */
}

.verse {
  color: brown;
  font-weight: bold;
}

div.capt-pix {
text-align: center;
margin: 0 auto 2em;
width: 500px;
height: 325px;              /* was 300 but added 25 for caption line */
}

div.capt-pix img {
width: 400px;
height: 300px;
/* margin-top: 1em; */
margin-bottom: 0;
}

div.capt-pix i, div.capt-pix em {
font-style: italic;         /* the following stuff works; I just took it out */
/* color: black;
background-color: #cccccc;
padding: 3px 3px 3px 6px; */
}

div.capt-pix-500 {
text-align: center;
margin: 0 auto 2em;
width: 550px;
height: 400px;
}

div.capt-pix-500 img {
width: 500px;
height: 375px;
/* margin-top: 1em; */
margin-bottom: 0;
}

div.capt-pix-500 i, div.capt-pix-500 em {
font-style: italic;         /* the following stuff works; I just took it out */
/* color: black;
background-color: #cccccc;
padding: 3px 3px 3px 6px; */
}

.green-back {background-color: #99ff99}

blockquote {
  background-color: #ffecef;
/*  font-family: courier new, courier, verdana, arial, sans serif; */
  font-family: verdana, arial, sans-serif;
  font-size: 90%;
  line-height: 1.6em;
  border-radius: 10px;
  border: 1px solid pink;
/*  color: #333; */
}

.graystrike {
  color: #cccccc;
  text-decoration: line-through;
}

.alignrightsmall {
  font-size: 80%;
  text-align: right;
  font-family: georgia,times new roman,serif;
}

div.reveal {
  color:white
}

div.reveal:hover {
  color:black
}

div.revealold {
opacity: 0;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -khtml-opacity: 0;
}

div.revealold:hover {
opacity: 1;
    filter:alpha(opacity=1);
    -moz-opacity:1;}
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -khtml-opacity: 1;

.noseve {display:none}

.facebook {
  background: #f0f8ff;
  border: 1px solid #0000ff;
  padding: 10px;
/*  float: right;
  width: 150px; */
  width: 400px;
  margin: 2em auto;
  font-family: verdana,arial,sans-serif;
  font-size: 80%;
  border-radius: 10px;
/*  box-shadow: 5px 5px 2px #eeeeee; */
}

.facebook span {
  color: #789;
  font-size: 80%;
}

.facebook a {
  font-weight: bold;
  opacity: 0.5;
}

.opaque7 {opacity: 0.7}

a.amazon {
  text-decoration: none;
  border-bottom: 1px dashed green;
}

a.amazon:hover {border-bottom: 1px solid green}

 a:link.amazon {
    position:relative;
  }
  a:hover.amazon {
    text-decoration:none; /* remove underline on tooltip */
    color: green;
  }
  a:hover.amazon:before {
    display:block;
    content: "My commission link for this item on Amazon.";
    position:absolute;
    color: #333;
    bottom:1.5em; /* ensure link is still visible under tooltip */
    left:0;
    width:11em; /* a reasonable width to wrap the tooltip text */
    text-align:center;
    padding:4px;
    border:2px solid #999;
    background:#eef;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#ccf), to(#eef));
    background:-moz-linear-gradient(#ccf, #eef);
    background:-o-linear-gradient(#ccf, #eef);
    background:linear-gradient(#ccf, #eef);
    -webkit-border-radius:6px;
       -moz-border-radius:6px;
        -ms-border-radius:6px;
         -o-border-radius:6px;
            border-radius:6px;
    -webkit-box-shadow: -2px 2px 2px rgba(20, 20, 20, 0.4);
       -moz-box-shadow: -2px 2px 2px rgba(20, 20, 20, 0.4);
        -ms-box-shadow: -2px 2px 2px rgba(20, 20, 20, 0.4);
         -o-box-shadow: -2px 2px 2px rgba(20, 20, 20, 0.4);
            box-shadow: -2px 2px 2px rgba(20, 20, 20, 0.4);
  }

.intro-excerpt {
  border-radius: 0 0 10px 10px;
  background: #eeeeee;
  border-top: 2px solid gray;
  padding: 5px 10px 5px 10px;
  font-family: verdana,arial,sans serif;
  font-size: 1em;
  font-weight: bold;
  color: rgba(0,0,0,0.6);
  text-shadow: 2px 2px 3px rgba(255,255,255,0.8);   /* TRY THIS NEXT  text-shadow:0 1px 0 #fff  */
}