/*
Theme Name: Family Money
Theme URI: http://ewebscapes.com
Version: 1.0
Description: Custom Theme for TheFamilyMoney.com by <a href="http://ewebscapes.com">EWebscapes</a>
Author: Leanne Wildermuth
Author URI: http://www.ewebscapes.com
This design is copyright ©EWebscapes and may not be reproduced.
*/


body, h1, h2, ul, li, form {
  padding:0;
  margin:0;
  list-style: none;
}


.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.excerpt {padding-left: 20px;}

blockquote {
  padding: 0px 10px 10px 75px;
  text-align: left;
  line-height: 150%;
  background-image: url(img/quote.jpg);
  background-repeat: no-repeat;
  background-position: top left;
}

form, img {
 border: 0; 
} 

input, textarea, select { 
 background-color: #EAEDF6;
 border: 1px solid #364D9A;
 color: #000;
 font: .9em "Lucida Sans Unicode", Arial, sans-serif;
}

.submit {
 background-color: #EAEDF6;
 border: 1px solid #364D9A;
 color: #000; 
}

.radio {
 border: 0;
} 

code {
  font-size: .8em; 
  color: #22354c;
  font-family: 'Trebuchet MS', monospace;
}

#pagenav {
  width: 530px;
  padding-left: 150px;
  padding-bottom: 30px;
}

#pagenav a:link {color: #364d9a; font-weight: bold; text-decoration: none;}
#pagenav a:active {color: #4040ff; font-weight: bold; text-decoration: none;}
#pagenav a:visited {color: #242e6c; font-weight: bold; text-decoration: none;}
#pagenav a:hover {color: #1a296b; font-weight: bold; text-decoration: none;border-bottom: 1px dotted #364d9a;}

body {
  margin: 0px;
  padding: 0px;
  background: #364d9a url(img/bg.jpg) top center repeat-x;
  font-family: 'Trebuchet MS', 'Arial', Serif;
  font-size: .9em;
  list-style-type: none;
}

#wrap {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  background: url('img/wrap.jpg') top center repeat-y;
  padding: 0px;
}

#header {
  height: 173px;
  background-image: url(img/header.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  margin-bottom: 15px;
}

/* Menu Formatting */

#menu {
 margin-left: 32px;
 text-align: center;
 font-size: 1.4em;
 color: #fff;
 height: 28px;
}

#menu a {
 background: url(img/menutab.jpg) #4b5d9b bottom left repeat-x;
 height: 28px;
 width: 107px;
 display: block;
 color: #fff;
 border: none;
 float: left;
 margin-right: 2px;
 font-weight: bold;
 text-decoration: none;
}

#menu a:hover {
 background: url(img/menutabhover.jpg) #8f9cc8 bottom left repeat-x;
 height: 28px;
 width: 107px;
 display: block;
 color: #243883;
 float: left;
 margin-right: 2px;
 text-decoration: none;
 font-weight: bold;
 text-decoration: none;
}


.tagline {
  padding-left: 55px;
  padding-top: 123px;
  letter-spacing: 2px;
  font-family: helvetica, sans-serif;
  font-weight: bold;
  color: #242e6c;
}

#content {
  float: left;
  width: 687px;
  margin-left: 37px;
  display: inline;
  text-align: left;
}

h1 {
  text-align: left;
  font-family: 'Trebuchet MS', 'Times New Roman', serif;
  font-size: 1.5em;
  padding-bottom: 10px;
  margin: 0px;
}

h2 {
  font-weight: bold;
  font-size: 1.2em;
  line-height: 100%; 
  text-align: left;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-top: 5px;
}

h3 {
  font-size: 1em;
  color: #364d9a;
  text-align: center;
  margin: 0;
  padding: 0;
}

#post-top {
  height: 18px;
  background-image: url(img/posttop.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}

#post-bg {
  background-image: url(img/postbg.jpg);
  background-repeat: repeat;
}

#post-bottom {
  height: 35px;
  background-image: url(img/postbottom.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  margin-bottom: 30px;
}

#entry {
  width: 530px;
  float: left;
  display: inline;
}

#entry-nm {
  width: 530px;
 padding-left: 75px;
}


#nmpost-top {
  height: 18px;
  background-image: url(img/nmposttop.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}

#nmpost-bg {
  background-image: url(img/nmpostbg.jpg);
  background-repeat: repeat;
}

#nmpost-bottom {
  height: 35px;
  background-image: url(img/nmpostbottom.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  margin-bottom: 30px;
}

.post {
  padding-left: 10px;
  padding-right: 10px;
  text-align: justify;
}

.post a:link {color: #364d9a; font-weight: bold; text-decoration: none;}
.post a:active {color: #4040ff; font-weight: bold; text-decoration: none;}
.post a:visited {color: #242e6c; font-weight: bold; text-decoration: none;}
.post a:hover {color: #1a296b; font-weight: bold; text-decoration: none;border-bottom: 1px dotted #b1bcdf;}

.post ul {
  margin-left: 50px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.post ul li {
 list-style: disc;
 padding-left: 2px;
 margin: 0 0 0 5px;
}

.post ol {
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.post ol li {
 list-style-type: decimal;
 padding-left: 2px;
 margin: 0 0 0 5px;
}

#post-meta {
  float: left;
  display: inline;
  width: 130px;
  padding-top: 0px;
  text-align: left;
}

.post-meta-top {
  height: 26px;
  background-image: url(img/postmetatop.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}

.post-meta-bg {
  background-image: url(img/postmetabg.jpg);
  background-repeat: repeat;
}

.post-meta-bottom {
  height: 35px;
  background-image: url(img/postmetabottom.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}

.post-meta {
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
  line-height: 20px;
}

.post-meta a {font-size: .75em;}
.post-meta a:link {color: #364d9a; font-weight: normal; text-decoration: none;}
.post-meta a:active {color: #4040ff; font-weight: normal; text-decoration: none;}
.post-meta a:visited {color: #242e6c; font-weight: normal; text-decoration: none;}
.post-meta a:hover {color: #1a296b; font-weight: normal; text-decoration: none;border-bottom: 1px dotted #b1bcdf;}

.meta-comment {
 background-image: url(img/comments.jpg);
 background-repeat: no-repeat;
 background-position: 0 .1em;
 padding-left: 20px;
 padding-bottom: 5px;
}

.meta-tags {
 background-image: url(img/tags.jpg);
 background-repeat: no-repeat;
 background-position: 0 .1em;
 padding-left: 20px;
}

.meta-tb {
 background-image: url(img/trackback.jpg);
 background-repeat: no-repeat;
 background-position: 0 .1em;
 padding-left: 20px;
}

.meta-edit {
 background-image: url(img/edit.jpg);
 background-repeat: no-repeat;
 background-position: 0 .1em;
 padding-left: 20px;
}

#side {
  float: left;
  margin-left: 20px;
  width: 175px;
  list-style-type: none;
  display: block;
}

#side h2 {
  font-weight: bold;
  font-size: 1.5em;
  line-height: 100%; 
  text-align: left;
  padding-bottom: 5px;
  padding-top: 15px;
}

.investing {
 background-image: url(img/investing.gif);
 background-repeat: no-repeat;
 background-position: 0 .3em;
 padding-left: 41px;
}

.tax-corner{
 background-image: url(img/tax-corner.gif);
 background-repeat: no-repeat;
 background-position: 0 .3em;
 padding-left: 41px;
}

.your-home{
 background-image: url(img/your-home.gif);
 background-repeat: no-repeat;
 background-position: 0 .3em;
 padding-left: 41px;
}

.credit-cards{
 background-image: url(img/credit-cards.gif);
 background-repeat: no-repeat;
 background-position: 0 .3em;
 padding-left: 41px;
}

.family-budgeting{
 background-image: url(img/family-budgeting.gif);
 background-repeat: no-repeat;
 background-position: 0 .3em;
 padding-left: 41px;
}

.keeping-track{
 background-image: url(img/keeping-track.gif);
 background-repeat: no-repeat;
 background-position: 0 .3em;
 padding-left: 41px;
}

.widgits{
 background-image: url(img/widgits.gif);
 background-repeat: no-repeat;
 background-position: 0 .3em;
 padding-left: 41px;
}

.education{
 background-image: url(img/education.gif);
 background-repeat: no-repeat;
 background-position: 0 .3em;
 padding-left: 41px;
}

.insurance{
 background-image: url(img/insurance.gif);
 background-repeat: no-repeat;
 background-position: 0 .3em;
 padding-left: 41px;
}


#side ul {
 padding: 0 0 20px 30px;
}

#side ul li {
 background-image: url(img/clip.jpg);
 background-repeat: no-repeat;
 background-position: 0 .1em;
 padding-left: 15px;
 line-height: 150%;
 border-bottom: 1px dotted #b1bcdf;
}

#side a:link {color: #364d9a; font-weight: bold; text-decoration: none;}
#side a:active {color: #4040ff; font-weight: bold; text-decoration: none;}
#side a:visited {color: #696a6c; font-weight: bold; text-decoration: none;}
#side a:hover {color: #1a296b; font-weight: bold; text-decoration: none;}



#footer {
  clear: both;
  height: 35px;
  background-image: url(img/footer.jpg);
  background-repeat: no-repeat;
}

.footer-text {
  text-align: center;
  padding-top:  10px;
  font-size: .8em;
}

.footer-text a:link {color: #364d9a; font-weight: bold; text-decoration: none;}
.footer-text a:active {color: #4040ff; font-weight: bold; text-decoration: none;}
.footer-text a:visited {color: #696a6c; font-weight: bold; text-decoration: none;}
.footer-text a:hover {color: #1a296b; font-weight: bold; text-decoration: none;}



/* Comment form design */

.comments {
  padding-left: 20px;
  padding-right: 10px;
}

.comments a:link {color: #364d9a; font-weight: bold; text-decoration: none;}
.comments a:active {color: #4040ff; font-weight: bold; text-decoration: none;}
.comments a:visited {color: #242e6c; font-weight: bold; text-decoration: none;}
.comments a:hover {color: #1a296b; font-weight: bold; text-decoration: none;border-bottom: 1px dotted #b1bcdf;}

.comments h3 {
  border-bottom: 1px dotted #b1bcdf;
  border-top: 1px dotted #b1bcdf;
  background-color: #eaedf6;
  color: #364D9A;
  font-weight: bold;
  font-size: 1.5em;
  line-height: 110%; 
  text-align: left;
  padding-bottom: 5px;
  padding-top: 5px;
}

.comments textarea {
  width: 500px;
}

.comment-container {
 padding: 3px;
  border-bottom: 1px dotted #b1bcdf;
}

.comment-header {
 font-family: 'Trebuchet MS', Arial, sans-serif;
 font-size: 20px;
}

.comment-num {
 float: right;
 font-family: 'Trebuchet MS', Arial, sans-serif;
 font-size: 26px;
 padding-bottom: 10px;
 color: #c0c0c0;
}

.comment-text {
 padding: 5px;
}

.comment-list .odd-comment, 
.comment-list .even-comment {
  font-size:11px;
  margin-bottom:15px;
  text-align: left;
  overflow: hidden;

}

.comment-list {
 font-size: 11px;
 margin: 0px;
}

.comment-date {
 font-size: 11px;
 color: #2d2d2d;
 text-align: right;
}

.comment-meta {
 font-size: 12px;
 color: #4c4058;
 padding: 5px;

}