/*
Theme Name: Happily Ever After Investing
Author: J
*/




/* Most Links */
a{background:none;color:#5a564b;text-decoration:none;font-weight:600;}
a:hover{text-decoration:underline;color:#000000;}
a img{border:none;}
.kern {letter-spacing:-0.1em;}


/* Body */
body{background:#FFFEDF url(pics/bg.png) top center repeat-x;
font:100% helvetica,sans-serif;margin: 0; padding: 0;}
#wrap{margin:1px auto;width:981px;}
html { overflow: -moz-scrollbars-vertical;overflow: scroll;overflow-x: auto; }


h1, h2, h3 {font:100% helvetica,sans-serif;font-weight:600;letter-spacing:-0.05em;}


/* Header */
#tips {width:415px;height:0px;z-index:4;overflow:visible;float:right;}
#tips img {float:left;margin:0 0 0 0px;padding:0px;}
.head {width:350px;height:98px;padding:0 0 0 205px;margin:0 0 0 0px;float:left;
background: url(pics/happily-ever-after-investing.png) top right no-repeat;list-style-type:none;position:relative;}
.head li 	{list-style-type:none;padding:0px;margin:0px;float:left;}
.head li img {float:left;margin:77px 0 0 0;padding:0;z-index:5;overflow:visible;}
.head li a {opacity:0.75;filter:alpha(opacity=75);}
.head li a:hover {opacity:1;filter:alpha(opacity=100);}
.head li a:active {opacity:0.75;filter:alpha(opacity=75);}

/* Box */
#box {background:#ffffff;padding:16px;float:left;width:949px;border-top: 1px solid #202020;border-right: 1px solid #202020;border-left: 1px solid #202020;position:relative;}

/* Content */
#content {line-height:1.5em;font-size:0.85em;
margin:0 0px 5px 0px;float:left;position:relative;
width:602px;padding:0 0 0 15px;}
#info {background:#FFFEDF;border-top:1px solid #5a564b;border-bottom:1px solid #5a564b;
padding:2px;margin:20px 0 40px 0;width:597px;text-align:center;font-size:0.90em;}
#form {line-height:1.5em;font-size:0.80em;margin:20px 0px 0 10px;float:left;width:607px;padding:0;}
#form img {float:left;}
#related {line-height:1.5em;font-size:0.70em;margin:0px 0px 0 10px;float:left;width:565px;padding:15px 20px 15px 20px;background:#5a564b url(pics/info.jpg) top left repeat-x;border-left:1px solid #202020;
border-top:1px solid #202020;border-right:1px solid #202020;color:#ffffff;}
#related a{background:none;color:#ffffff;text-decoration:none;font-weight:normal;}
#related a:hover{text-decoration:underline;}
#related ul{margin:0;padding:0;list-style:none;}
#related li{line-height:1.5em; margin:0px;padding:0;list-style:none;font-weight:bold;}
#content h1 {line-height:1.2em; margin: 5px 0 0px 0;letter-spacing:-0.075em;text-align:left;}
#form h1, #content h2, #form h2, #content h3, #form h3  {color:#5a564b;line-height:1.2em; margin: 5px 0 0px 0;letter-spacing:0px;text-align:left;}
#content h1, #form h1 {font-size:1.5em;}
#content h2, #form h2 {font-size:1.25em;}
#content h3, #form h3 {font-size:1.15em;}
#content img{float:right;margin:0 0 10px 10px;}
#frame img{float:right;margin:0 0 10px 10px;padding:5px;background:#FFFEDF;border:1px solid #CCCCCC;}
#content a{color:#5a564b;border-bottom:1px dotted #5a564b;}
#content a:hover {background:#5a564b;text-decoration:none;color:#FFFEDF;border:none;border-bottom:1px solid #5a564b;}
#info a {text-decoration:none;color:#5a564b;border:none;}
#info a:hover {background:#5a564b;color:#FFFEDF;border:none;}
#content h1 a, #content h2 a, #content h3 a {color:#5a564b;text-decoration:none;border:none;}
#content h1 a:hover, #content h2 a:hover, #content h3 a:hover {background:#5a564b;color:#FFFEDF;text-decoration:none;border:none;}
#subscribe {float:right;margin:0;padding:0;}
#citation {border-top:1px solid #5a564b;margin:10px 0 10px 0;padding:10px 0 0 0;font-size:0.75em;line-height:1.2em;width:597px;}
#left img {float:left;padding:0 10px 0 0;margin:0;}

/* Blockquote */
blockquote {background:#fffedf url(pics/quote.jpg) top left no-repeat;padding:0px 13px 0px 78px;font-size:0.9em;margin:10px 0px 0 0px;border-top:1px solid #5a564b;border-bottom:1px solid #5a564b;}
blockquote p strong {font-weight:normal !important;}





/* Sidebar */
#sidebar {width:279px;background:#CCCCCC;margin:0px;padding:0 13px 11px 13px;float:right;border: 1px solid #b3b29b;font-size:0.8em;line-height:1em;position:relative;}
#sidebar ul{margin:0;padding:0;}
#sidebar h2 {color:#5a564b;margin:16px 0 6px 0;font-size:1em;text-transform:uppercase;}
#sidebar li{line-height:1.5em; margin:0 0 5px 0px;padding:0 0 0 8px;list-style:none;}
#sidebar a{background:none;text-decoration:none;font-weight:bold;color:#ffffff;}
#sidebar a:hover{color:#5a564b;}
#sidebar img {padding:0px 0 0px 0;}



/* Resources */
#resources {width:279px;margin:0 0 0 0;list-style-type:none;position:relative;}
#resources li {margin:0;padding:0;}
.resource1, .resource2 {background:#5a564b;border:1px solid #FFFEDF;padding:0;font-size:11px;text-align:center;color:#FFFEDF;}
.resource1 a, .resource2 a {color:inherit;padding:5px 15px 5px 15px;}
.resource1:hover, .resource2:hover {border:1px solid #5a564b;color:#5a564b;background:#FFFEDF;}
.resource1 a:hover, .resource2 a:hover {color:#5a564b;background:#FFFEDF;}

.resource1 {float:left;}
.resource2 {float:right;}



/* Archive */

#superbox {width:608px;margin:0;padding:23px 16px 7px 16px;float:left;background:#000000;
border-top: 1px solid #b3b29b;border-bottom: 1px solid #b3b29b;border-left: 1px solid #b3b29b;border-right: 1px solid #b3b29b;}

.minibox {width:600px;height:92px;margin:0px;padding:0 0 16px 0;float:left;overflow:visible;}
.minibox img {width:120px;height:90px;margin:0 16px 0 0;padding:0;float:left;border: 1px solid #5a564b;}
#superbox h2, #superbox h2 a {font-size:20px;color:#fffedf;float:left;margin:0px;padding:2px 0 0 0;width:450px;font-weight:normal;}


/* Feature */
#feature {width:921px;height:221px;padding:13px;background:#5a564b url(liner.png) top center repeat-x;border:1px solid #000000;color:#ffffff;font-size:17px;}
#feature img {width:292px;height:219px;border:1px solid #FFFEDF;float:left;padding:0px;margin:0px;}
#feature h1, #feature h1 a {color:#fffedf;padding:0px 5px;float:right;margin:0px;width:591px;font-size:27px;text-align:center;font-weight:normal;}
#feature p {width:581px;padding:15px 10px 0 10px;margin:0;float:right;text-align:center;}
.feature {width:921px;height:221px;padding:13px;border:1px solid #000000;color:#ffffff;font-size:15px;}
.feature img {width:292px;height:219px;border:1px solid #363430;float:left;padding:0px;margin:0 0 0 40px;}
.feature h1, .feature h1 a {color:#fffedf;padding:5px 60px 0 30px;float:right;margin:0px;width:400px;font-size:20px;text-align:center;font-weight:normal;}
.feature p {width:410px;padding:15px 100px 0 20px;margin:0;float:right;text-align:center;}


/* About */

#about {width:255px;background:#5a564b;border: 1px solid #FFFEDF;margin:6px 0 0 0;padding:9px 9px 9px 15px;color:#fffedf;line-height:1.2em;font-weight:500;font-size:12px;}
#about img {float:right;padding:0px 0 0 12px;margin:0px;
position:relative;left:1px;bottom:26px;width:95px;height:133px;}


/* Adds */
#adl, #adr {background:#dddddd;border:1px solid #cccccc;}
#adl img, #adr img {border:4px solid #FFFEDF;padding:0px;margin:0px;}
#adl:hover img, #adr:hover img {border:4px solid #5a564b;}
#adl {float:left;}
#adr {float:right;}



/* Subscribe */
#sub {background:#5a564b;border:1px solid #FFFEDF;}
#sub, #sub a, #sub a:hover {color:#FFFEDF;}
#sub a:hover {text-decoration:underline;}

/* Comments */
#commentary {margin:0 0 10px 10px;padding:0;float:left;list-style:none;line-height:1.5em;font-size:0.80em;
border-bottom:1px solid #606060;border-left:1px solid #606060;border-right:1px solid #606060;
width:605px;background:url(pics/commentone.gif) top center repeat-y;}
.commentlist {margin:0;padding:0;list-style:none;}
.commentlist h3 {color:#ffffff;margin:0; padding:5px 15px 5px 15px;}
.count {float:left;font-size:1.5em;color:#ffffff;padding:0 5px 0 0;margin:0 0 0 0;}
.commentlist li {width:605px;margin:0; padding:0px;border-top:1px solid #606060;text-align:left;color:#ffffff;float:left;}
.commentlist img {margin:10px;padding:0px;float:left;
width:40px;height:40px;border:1px solid #FFFEDF;}
.alt {background:url(pics/commenttwo.gif) top center repeat-y;}
#comments {padding:15px 20px 5px 20px;float:right;width:503px;}
.commentlist a {color:#FFFFFF;font-weight:bold;}
.commentlist a:hover {color:#FFFFFF;font-weight:bold;}

#comments:hover {background:#202020;}





/* Footer */
#footer {background:#5a564b;font-size:0.75em;color:#ffffff;width:981px;height:20px;padding:10px 0 5px 0;margin:0 0 5px 0; text-align: center;float:left;border-right: 1px solid #202020;border-left: 1px solid #202020;border-bottom: 1px solid #202020;margin:0 0 15px 0;}
#footer a {color:#ffffff;font-weight:normal;}





