/*
 MODIFIED 7-20-07 by WES per instructions from Andy Mathijs to get left sidebar working in FF/Opera
 PLUS other modifications I've made by way of customization. These modifications for use in
 http://healthspectator.com blog development.

In this version, The IE7 left margin is about 10-15px too far left compared to the other browsers.
This is not overly troublesome.

Theme Name: Feather
Theme URI: http://wordpress.org/
Description: Theme created by <a href="http://www.mindloop.be">Mindloop Webontwikkeling</a> (widget ready). Contact me on <a href="mailto:theme@mindloop.be">theme@mindloop.be</a> if you want to have a custom theme designed, PHP development done or a design sliced to xhtml.
Version: 1.0

Author: Andy Mathijs
Author URI: http://www.mindloop.be/

This theme was designed and built by Andy Mathijs,
whose company you will find at http://www.mindloop.be/
*/

/*reset.css*/

 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
        {margin:0;padding:0;}

p {align:left;}  /* added by WES 9-05-07 */

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

ol,ul {
  list-style:none;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;

}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

.caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym {border:0;}


/*fonts.css*/

body {
      font:13px arial, helvetica, clean, sans-serif;
      *font-size:small;
      *font:x-small;
}

body a {
      text-decoration: none;
}

body a:hover {
      text-decoration: underline;
}

.xxSmall {
  margin:0.5em;
  padding:0 1em;
  font-size: xx-small;
  text-indent: 1.5em;
/*  padding-left:1em;  */
  font-weight:bold;
  font-style: normal;
}


table {
 /* font-size:inherit;  */
  font:100%;
  margin: 10px;
  padding-top:10px;
    }

tr, th {
  text-align:center;
}

th {
  font-weight: bold;
  padding-bottom: 5px;
  padding-top: 10px;
}

tr.bold, td.bold {
  font-weight:bold;
  padding: 10px;
  margin-top:10px;
}


.tablesmalltext {
  font-style: normal;
}

td {
  font-style:normal;
  padding: 0 10px 0;
}


select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}

pre, code {font:115% monospace;*font-size:100%;}

body * {line-height:1.22em;}  /* changed from 1.22 to 1.0 em; switched back */

/*standard theme stuff*/

.post ol, .commentlist ol {
     list-style:decimal;
     padding:0; /* 5px 0px 5px 0px;*/ /* Changed 5/6/11 to straighten out strange spacing of ol on Fluoride page */
     list-style-position:inside;
}

.post img {
     float:left;
     margin-right:8px;      /* changed from 3px; */
   /*  margin-top:22px;  */     /* changed from 3px; */
     margin-bottom:3px;      /* added */
     border:1px solid #CCCCCC;
}

.post ul, .commentlist ul {
     list-style:disc;
     list-style-position:inside;
     padding:5px 0px 10px 0px;  /* suspect */
     margin: 0 5px 0;
}

.post li, .commentlist li {
     padding-bottom:5px; /* add margin=0;?  */
     margin: 0 5em 0 4em;
    /* padding-left:0.5em; */
     list-style-position: inside;
}

  li.wide {
    margin-left:1.5em;
    margin-right:1.0em;
  }

  li.wideLeft {
    margin-left:3em;
    margin-right:1.5em;
  }

  li.narrow {

  }

.post li.inner {
    voice-family:"\"}\"";
    voice-family:inherit;
    margin-left:3.2em;
    padding-left:0.5em;
}

.post strong, .post b {
        font-weight:bold;
}

.post em, .post i {
        font-style:italic;
}

.page_item .page_item,#sidebar ul.children {
       margin-left:20px;
}

#calendar_wrap td, #calendar_wrap thead tr th {
        padding:3px;
}

#calendar_wrap thead {
        background-color:#BE0002;
        color:white;
}

#calendar_wrap caption {
        text-align:center;
}

div#AmazonDeals {
        margin-top:35px;
        margin-bottom:35px;
        margin-left:20px;
}

#searchsubmit, #search {margin:0 auto; padding:0; }
#searchsubmit {
        display:block;
        margin-top:15px;
        margin-left:25px;     added by WES
        margin-bottom:10px}  /* added by WES
        text-align:center;  added 10-22-07 by WES, then removed when I restored Search location */

#searchform {margin:0 auto;
        padding:0;
} /*{margin-left:30px;}  added by WES  */

/* #s {display:inline} */

/* #s { margin-top:20px;   this is the text entry field 
    margin-left:-30px;}     added by WES */

/**********************/

div.clear {
        clear:both;
        height:0px;
        width:0px;
        overflow:hidden;
}

body {
        background-color:black;
       /*margin:10px;*/
        background-attachment:fixed;
        background-image:url(images/background.jpg);
        background-repeat:no-repeat;
        background-position:center top;
        margin-top:30px;
}

#page {
        width:900px;
        margin-left:auto;
        margin-right:auto;
        background-image:url(images/content.jpg);
        background-repeat:no-repeat;
        background-color:white;
}

#header {width:900px;
       height:205px;
       background-image:url(images/header.jpg);
}

#header h1 a {
        color:#BE0002;
        position:relative;
        top:80px;
        left:130px;
        font-size:300%;   /* font-size:189%;  */
        text-decoration:none;
}

#header div.description {
        color:#BE0002;
        position:relative;
        font-size:130%;
      /*  font-weight:bold; */
        top:90px;
        left:163px;
        width:550px;
        text-decoration:none;
}

#themenu {
       width:880px;
       height:32px;
       background-image:url(images/menu.jpg);
       margin-left:auto;
       margin-right:auto;
       margin-bottom:5px;
}

#themenu li {
     display:inline;
}

#themenu li a {
        display:block;
        height:24px;
        padding-top:8px;
        width:100px; /* width:170px; */
        text-align:center;
       background-image:url(images/spacer.jpg);
       background-position:right;
       background-repeat:no-repeat;
       color:white;
       float:left;
       text-decoration:none;
       font-size:16px;
}

 /* With the current settings below, FF and older IEs are virtually identical;
    however, IE 7 has a wider main text (content) area.
    The IE7 left margin is about 10-15px too far left.
    Opera and FF are identical in rendering content. */

#content
        {float:right;
         margin-right:40px;   /* margin-right:35px; */
         width:575px;         /* width:600px;  */
}


* html #content  {width:550px;}          /* added for older IE browsers (works with 6.0) */

#content .post {
        margin-bottom:40px;
        }

#content .post h2, h2.pagetitle { /* #sidebar h2 removed here */
        display:block;
        color:#BE0002;
        font-size:170%;     /* font-size:136%;  /*
        margin-top:10px;    /* margin-top:10px; */
        padding-top:20px;   /* added at 10px    */
        margin-bottom:10px;
        }
#content .post h2 {
  margin-top: 10px;
}


h3, .table-title {  /* added by WES 9-05-07 */
        color:#BE0002;
        margin-bottom:10px;
        font-weight:bold;
}

h4 {  /* added by WES 9-05-07 */
        color:#BE0002;
        font-size:120%;
        font-weight:bold;
        margin-bottom:10px;}

h3#comments, h3#respond {
        display:block;
        color:#BE0002;
        font-size:136%;
        margin-top:50px;     /* margin-top:10px;  */
        padding-top:10px;   /* added   */
        margin-bottom:10px;
}

#content .post h2 a, #content .post h3 a, .navigation a  {
        color:#BE0002
}

#content .post p, .commentlist p {
        margin-bottom:0.5em;
        margin-right: 0.2em;
        line-height:140%; /* 170% */
}

#content .post p a {
        color:#cc0033; /* color:#990033;  */
}

#content .post blockquote, #content .commentlist blockquote, .blockquote  /*#content .commentlist added 7-21-07 */  {
        padding-bottom:5px;
        background-color:#CCCCCC;
        font-style:italic;
        margin:10px 0;
}

.blockquote {
  border: 1px solid white;
}


blockquote p, .blockquote p {
  margin: 0 1em;
  padding-right: 1em;
}

blockquote p em, .blockquote p em {
  font-style: normal;
}

blockquote p:first-child, .blockquote p:first-child {
  padding-top:0.5em;
}

.attr {
  margin: 0;
  padding:0;
}

#content .post blockquote blockquote {
        background-color:#CCCCCC;
        margin:0 30px 0;
}

#content .post small {
        display:block;
        margin:5px 0px 7px 0px;
}

#content .post p.postmetadata {
       display:block;
         clear:both;
         margin:10px 0px 15px 0px;
         border: 1px dashed #666666;
         padding:10px;
         background-color:#AEAEAE;
 }

#content .post p.postmetadata a {
        color:#BE0002;
}

/*The comments*/

.commentlist li {
        display:block;
        /*background-color:#6A9FAF;*/
        padding:5px;
        padding-left:15px;
        border-left:5px solid #E25F5F; /*border-left:4px solid #BE0002; */
        margin-bottom:15px;

}

.commentlist li p {
  padding-left: 15px;
}

.commentlist blockquote {
  padding-left: 15px;
}

.commentlist blockquote blockquote {
    padding-left: 25px;
}

.commentlist li li {
  border-left:none;
}

.commentlist li small.commentmetadata {
    display:block;
    margin:10px 0px 10px 0px;
}

.commentlist li a {
    color:#BE0002;
}

#commentform a {
    color:#BE0002;
}

#commentform input, #commentform textarea {
    margin-top:5px;
}

#search input {
  margin:0;
  margin-top:-5px;
  margin-bottom:10px;
}

#submit {
/*  display: block; */
 /* float: none; */
  margin: 20px 20% 0;          /* 20px 20%  */
  text-align:center;
  padding:3px;
}

#searchsubmit {
  margin:0;
  padding:0;
  text-align: left;
}


#sidebar {
    float:left;
    margin-top: 20px;
    margin-right:30px;
    margin-left:20px;
    width: 185px;  /*width:205px;*/  /*this has stood for years, but trying to get more space!*/
}

* html #sidebar   /* for IE 6 and earlier */
        {
        width:170px;
        float:left;
       /* margin:0;
        padding:0; */
}

.sidebarRight {
    float: right;
    width: 400px; /*default width; use w350, etc. below to refine*/
    margin:0;
    margin-left:0.2em;
    padding:0;
    padding-left:0.2em;
}

.sidebarLeft {
  float: left;
  width: 400px;
  margin: 0;
  margin-right: 0.2em;
  padding:0;
  padding-right:0.2em;
}


.w350 {
  width: 350px;
}

.w400 {
  width:400px;
}

.w300 {
  width:300px;
}

.w250 {
  width:250px;
}


.sidebarRight p, .sidebarLeft p {
  margin:0;
  padding: 0 1em;
}

.sidebarRight h3, h4 {
  text-align: center;
  padding-top: 1.5em;
  margin-left:5px;
}

.sidebarLeft h3, h4 {
  text-align: center;
  padding-top: 1.5em;
  margin-left:5px;
}

.clearBoth {
    clear:both;
  }

.clearRight { /*do not allow floats to appear on the right*/
  clear:right;
  display:inline;
}

.clearLeft { /*do not allow floats to appear on the left*/
  clear:left;
  display:inline;
}

.center {
  text-align: center;
}

#login img { /*  Probably serves no purpose  */
  text-align: center;
}

#sidebar a {
        color:#777777; /* much closer: color:#888877;, color:#bbbbee;  #CCCCFF;  color:#6666FF; color:#3333CC;   modified by WES 7-20-07 // changed from #6633FF 7-30 */
        text-decoration:none;
        padding-left:0px;
}

li a {
  color: #be0002;
}

#sidebar h2 {
        display:block;
        color:#be0002;  /* color:#99CCFF;      // #0066FF;   */
        font-size:136%;     /* font-size:136%; */
        margin-top:10px;
        padding-top:10px;   /* added  */
        margin-bottom:10px;
}

#sidebar h2 a.rsswidget   /* added by WES 8-06-07 a.rsswidget */
        {font-size:100%;
        color:#be0002;
}

#sidebar a:hover {
        text-decoration:underline; /* Can't seem to make up my mind about this */
        color:#be0002;  /* added by WES 7-20-07   */
}

#footer {
        clear:both;
        padding-top:50px;
        padding-bottom:10px;
        text-align:center;
        font-size:10px;
        color:#666666;
}

#footer a {
  color:#666666;
 }

#footer a:hover {
        font-style:italic;
}

.imagebox, .imageboxnoborder {
  margin:0;
  padding:0 5px 0;  /*changed from 0 5px 5px*/
  padding-left: 0;
  float:left;
  text-align: center;
  }

.imageboxRight {
  margin:0;
  padding:0 5px 0;  /*changed from 0 5px 5px*/
  padding-right: 0;
  float:right;
  text-align: center;
}

.imageboxRightInset {
  margin:0;
  padding:0 20px 0;  /*changed from 0 5px 5px*/
  padding-right:10px;
  float:right;
  text-align: center;
}

.imageboxRightInset img {
  float:right;
  display: block;
}

.imageboxRightInset .centeredCaption {
  float:right;
  color:red;
  text-align: center;
}


.imagebox p, .imageboxnoborder p {
  text-align:center;
  clear:left;
  margin:0;
  padding:0;
}

.imageboxRight p {
  text-align:center;
  clear:right;
  margin:0;
  padding:0;
}

.caption {
  font-size: .9em;
  margin:0;
  padding: 0 5px;
  font-style: italic;
  color:#be0002;
  z-index:10;
}

.centeredCaption {
   font-size: .9em;
  margin:0;
  padding: 0 5px;
  color:#be0002;
  z-index:10;
}


.imagebox + p, .imagebox + p + p, .imagebox + p + p + p, .imagebox + p + p + p + p {
  margin:0;
  padding:0;
}


.imagebox img {
      border: 2px solid #cccccc;
      margin:5px 5px;
      padding:0px;
      margin-left:0px;
}

 .imageboxnoborder img {
   border: none;
      margin:5px 5px;
      padding:0px;
      margin-left:0px;
}

.imageboxRight img {
      border: 2px solid #cccccc;
      margin:5px 10px 0;
      padding:0px;
      margin-right:0px;
}

.grey {
   background-color:#CCCCCC;
}

.red {
  color:#be0002;
}

hr {
  margin-top: 25px;
}

hr.separator {
  margin-top: 25px;
  float:right;
  width:92%;
}

.spacer { /*intended, for example, for a paragraph before an embedded video*/
  margin-bottom: 20px;
 padding-bottom:20px;
}

.yellow {
  color: #FFFF00;
}

.smallSpace {
  margin-bottom:-10px;
}

.sideBySide {
  display: inline;
}

.textwidget p, #sidebar li {
  margin: 0;
  margin-bottom: 0.4em;
}

#sidebar ul > li:first-child, #sidebar .textwidget p:first-child {
  margin-top: 3px;
}

#sidebar .widgettitle {
  margin:10px 0 3px;
  padding:0;
}

.video img {
  margin: 22px 10px -2px 0;
  padding:0;
  display:block;
  float: left;
}
/*
div.video a p {
  display: none;
}
*/
div.video .caption {
  float:left;
  z-index:10;
}

.blue {
  color:blue;
}

.wp-caption, wp-caption-text {
  margin:0;
  padding: 3x;
  text-align: center;
  color: #be0002;
  font-size:0.8em;
  z-index:10;
}

.editorial {
  font-style: italic;
  text-decoration:underline;
}

#minimeta-5 widgettitle {
  margin: 0;
  padding: 0;
}

#commentText {
  width: 408px;
}

.justify {
  text-align: justify;
}